@charset "UTF-8";
/* cssリセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;list-style-position:outside;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
img{vertical-align:bottom;}
html{height:100%;}
em{font-weight:bold;}
/*IE6/7/8用　html5リセット*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/*********************************************
汎用系
**********************************************/
/* リンク */
a:link{text-decoration:none;color:#0068b7;}
a:visited{text-decoration:none; color:#0068b7;}
a:active{text-decoration:underline;color:#0068b7;}
a:hover{text-decoration:underline;color:#0068b7;}
#logo a:hover img, header a:hover img, #page_top img:hover, .alpha a:hover img,.alpha input[type="image"]:hover,.alpha input[type="submit"]:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
.alpha input[type="submit"]:hover{cursor:pointer;}

/* 回り込み */
.float_l{float:left;}
.float_r{float:right;}
.clear_both{clear:both;}
.clearfix, #container, article, section, header, header ul{overflow:hidden;*zoom:1;}
.clearfix:after, #container:after, article:before, article:after, section:after, header:after, header ul:after{clear:both;display:block;content:" ";}

/* マージン、パディング */
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt35{margin-top:35px!important;}
.mt50{margin-top:50px!important;}
.ml0{margin-left:0px!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.mr0{margin-right:0px!important;}
.mr15{margin-right:15px!important;}
.mb20{margin-bottom:20px!important;}
.pt20{padding-top:20px!important;}
.pl10{padding-left:10px!important;}
.pr10{padding-right:10px!important;}
.pb10{padding-bottom:10px!important;}
.pb25{padding-bottom:25px!important;}

/* 文字位置 */
.align_c{text-align:center !important;}

/* 表示 */
.disp_none{display:none;}

/* 色 */
.color_red{color:#cc0000 !important;}

/* Div クリック */
.div_click:hover, .div_click_dl:hover{background:#f6fbff; cursor:pointer;}
.div_click_dl:hover dt{background:#ebf1f5;}

/* 幅・高さ */
.w170{width:170px!important;}
.w330{width:330px!important;}
.w360{width:360px!important;}
.w420{width:420px!important;}
.w655{width:655px!important;}
.w_auto{width:auto!important;}

/* 文字調整 */
.fs12em{font-size:1.2em!important;}
.fs14em{font-size:1.4em!important;}
.break_word{word-wrap:break-word; word-break:break-all;}

/* border */
.border_b_dotted{border-bottom:1px dotted #ccc;}

/* btn */
.btn_orange{background:#f57105;  background-image:-webkit-linear-gradient(top,#f57105,#db6911);  background-image:-moz-linear-gradient(top,#f57105,#db6911);  background-image:-ms-linear-gradient(top,#f57105,#db6911);  background-image:-o-linear-gradient(top,#f57105,#db6911);  background-image:linear-gradient(to bottom,#f57105,#db6911);  -webkit-border-radius:5;  -moz-border-radius:5;  border-radius:5px;  color:#fff;  padding:13px 20px;  text-decoration:none; color:#fff;}
.btn_orange:hover{background:#db6911; background-image:-webkit-linear-gradient(top,#db6911,#f57105);  background-image:-moz-linear-gradient(top,#db6911,#f57105);  background-image:-ms-linear-gradient(top,#db6911,#f57105);  background-image:-o-linear-gradient(top,#db6911,#f57105);  background-image:linear-gradient(to bottom,#db6911,#f57105);  text-decoration:none}

.iframe_border iframe{border:1px solid #ccc;}

/*********************************************
特定系
**********************************************/
/* ボディ */
body{font-family:"メイリオ",meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;color:#231815; background:#ebe8d7;font-size:12px;}

/* IE7以下注意 */
#caution{padding:7px 6px 5px 6px;color:#cc0000;border:2px solid #cc0000;width:940px;margin:10px auto 15px auto;}

/* [[[ヘッダー]]] */
header{border-top:9px solid #008842;}
#logo{float:left;margin-bottom:7px;}
#search{height:28px;margin:10px 0 13px 0;float:right;background:url(../img/common/search_icon.gif) no-repeat left top;padding-left:32px;}
#search input[type="text"]{width:122px;height:23px;margin-right:5px;padding-left:5px;border:#4b4b4b 1px solid;-webkit-box-shadow:2px 2px 3px #cccccc inset;vertical-align:middle;line-height:23px;}
#search input[type="submit"]{background:url(../img/common/search_button.gif) no-repeat left top;width:43px;height:24px;text-indent:100%;overflow:hidden;border:none;cursor:pointer;vertical-align:middle;}
header nav{clear:both;}
header nav ul{overflow:hidden;margin-bottom:10px;border-left:1px solid #cdcdcd;}
header nav li{float:left;border-right:1px solid #cdcdcd;}

/* [[[コンテンツ部分]]] */
#container{padding-bottom:30px;}
#wrapper{width:956px;margin:auto;padding:0 12px;background:#fff;}
#main_contents{width:775px;float:right;}

/* [[[サイドナビ]]] */
#side{width:175px;float:left;}
#side_menu_area{margin-bottom:15px;}
#side_banner_area li{margin-bottom:10px;}
#side_shop_banner_area{border:1px solid #D7D8DA; border-right:none; border-bottom:none;}
#side_shop_banner_area li{float:left; width:86px; height:86px; border-right:1px solid #D7D8DA; border-bottom:1px solid #D7D8DA; text-align:center;}

/* [[[フッター]]] */
#page_top{position:fixed; bottom:20px; right:20px;}
footer{overflow:hidden;padding:10px 0;border-top:#d0d0d1 2px solid;}
#footer_menu{float:left;}
#footer_menu ul{overflow:hidden;}
#footer_menu li{float:left;padding:0 12px;border-left:1px solid #959291;font-size:13px;}
#footer_menu li:first-child{border:none; padding-left:0;}
#footer_menu li a{color:#231815;}
#copyright{float:right;font-size:12px;}