@charset "utf-8";
/* CSS Document */

/*初期化------------------*/
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
margin:0; padding:0;border:none; font-style:normal; font-size:100%; text-align:left; list-style-type:none;}
textarea {font-size:100%; }/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
img {vertical-align:bottom; }/* 画像の下にできる隙間をなくす */
/*-----------------------*/

/*------------------------------基本構造------------------------------*/
body {margin:0; padding:0; font-size:12px; color:#333; font-family:Meiryo,Arial,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3"; background-image:url(../images/base/body_bk.png); background-repeat:repeat-x;}

/*WebFont*/
@font-face {font-family:migmix-1p-bold; src:url(../fonts/ipa/migmix-1p-bold.eot);}/*IE*/
@font-face {font-family:migmix-1p-bold; src:url(../fonts/ipa/migmix-1p-bold.ttf) format("truetype");}/*Firefox,Opera,Safari*/
/*リンク*/
a {color:#0066FF; text-decoration:none;}
a:hover {color:#FF0000; text-decoration:underline;}

/*基本構造--------------------*/
#container {width:950px; height:auto; margin:0 auto; padding-top:353px; position:relative;}

#header {height:352px; width:950px; margin:0 auto; position:absolute; top:0; left:0;}
#header #topband {width:950px; height:61px; margin:0; background:url(../images/base/topband_logo2.png) no-repeat;}
#header #mainimg {width:950px; height:250px; margin:0; overflow:hidden; position:relative;}
#header #gmenu {height:40px; width:950; background:url(../images/base/gmenu_bk.png) no-repeat; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
#header #gmenu ul {width:779px; height:40px; padding-left:172px; margin:0 auto;}
#header #gmenu ul li {width:120px; height:40px; border-right:1px solid #FFF; line-height:40px; font-family:Arial; font-size:16px; display:block; float:left; text-align:center; font-weight:bold;}
#header #gmenu ul li.gm_l {border-right:0;}
#header #gmenu ul li a {color:#FFF; display:block;}
#header #gmenu ul li a:hover {color:#FFF; background:rgba(255,204,0,0.5);}
#gmenu ul li a.now {background:rgba(255,204,0,0.5);}

#middle {width:900px; min-height:500px; padding-right:50px; background:url(../images/base/middle_bk.png) top no-repeat;}
#middle #main {width:650px; float:right; min-height:400px; margin:20px 0 30px 0;}
#middle #lmenu {width:200px; float:left; min-height:400px; margin:20px 0 0;}
#middle #lmenu ul {margin:0; padding:0; width:200px; height:auto; list-style:none;}
#middle #lmenu ul li a {width:160px; height:60px; padding-left:40px; background:rgba(0,0,51,0.3); color:#FFF; font-size:16px; font-weight:bold; display:block; line-height:60px; margin-bottom:5px; color:#FFF;}
#middle #lmenu ul li a:hover {display:block; background:rgba(51,204,255,0.3);}
#middle #lmenu ul li a.now {background:rgba(255,204,0,0.3); color:#FF0000;}

#footer {width:950px; height:250px; margin:0 auto; background:url(../images/base/footer_bk.png) no-repeat; clear:both;}
#footer #ft_info {width:950px; height:210px; margin:0; position:relative;}
#footer #ft_info #st_info {width:290px; height:210px; position:absolute; top:0; left:0;}
#footer #ft_info #st_info2 {width:outo; height:auto; position:absolute; top:100px; left:315px;}
#footer #ft_info #st_info2 ol {color:#FFF; font-size:11px; font-weight:bold; padding-left:1.5em; line-height:1.8em;}
#footer #ft_info #st_info2 ol li {list-style:disc;}  .w90fl {width:90px; float:left;}
#footer #ft_totop {width:950px; height:40px; margin:0;}
/*基本構造終わり---------------*/

/*タイトル*/
h1 {width:650px; font-size:22px; text-align:center; margin:0 auto 20px; height:50px; line-height:50px; border-bottom:10px solid rgba(0,0,51,0.1);}
h1.top {font-size:20px; line-height:1.8em; width:560px; text-align:left; border:none;}


h2 {font-size:18px; margin:0.5em 0;}
h3 {font-size:16px; margin-bottom:0.5em;}

/*Clear*/
.clear {clear:both; height:0; line-height:0; overflow:hidden;}

/*TOP clossslide +JQuery*/
.clossslide {width:950px; height:250px; background:url(../images/base/main_img1b.png) no-repeat;}
.clossslide a {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
.clossslide a.active {z-index:10; opacity:1.0;}
.clossslide a.last-active {z-index:9;}


/*Font*/
.fc_w {color:#FFF;}
.fc_b {color:#06F;}
.fc_g {color:#999;}
.f12 {font-size:12px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.fw_b {font-weight:bold;}

/*HR line*/
hr.line01 {width:auto; height:1px; border:dotted 1px #003; margin:1em 0;}

/*段落P*/
p {font-size:14px; line-height:1.6em; margin:1em 0;}
p.p500lm {width:486px; padding-left:14px; margin-left:auto; margin-right:auto;}
p.p580lm {width:566px; padding-left:14px; margin-left:auto; margin-right:auto;}
p.p_m0 {margin:0;}

/*幅width*/
.w500 {width:500px; margin-left:auto; margin-right:auto;}
.w580 {width:580px; margin-left:auto; margin-right:auto;}

/*マージン*/
.mg_tb1 {margin-top:1em; margin-bottom:1em;}

/*Fashion*/
.fs_box2 {width:580px; height:280px; clear:both; margin:1em auto;}
.fs_btn2 {width:134px; height:134px; float:left; margin:14px 14px 0 0; padding:0; overflow:hidden; position:relative;}
.fs_btn2 img {margin-top:0; z-index:1;}
.fs_btn2 a:hover img {margin-top:-135px;}
.fs_btn2 .text {width:134px; height:32px; padding-top:102px; text-align:center; line-height:25px; font-size:14px; font-weight:bold; display:block; position:absolute; top:0; left:0; z-index:10;}
.fs_btn2.btn_r {margin-right:0;}
.fs_btn2 a {color:#003;} .fs_btn2 a:hover {color:#F00;}

/*img*/
.img_fr {float:right; margin-left:15px;}

/*INFO*/
.btn_mform {width:120px; height:146px; float:right; margin-left:15px; overflow:hidden;}
.btn_mform a {margin-left:0;}
.btn_mform a:hover {margin-left:-121px;}

/*TOP*/
.w560 {width:560px; margin:15px auto;}
.f180 {width:180px; height:180px; float:left; margin:0 10px 10px 0;}
.fbg1 {background:rgba(0,153,255,0.1); width:174px; height:174px; margin:3px;}
.b180 {width:180px; height:60px; float:left; margin-right:10px;}
.fl_r {margin-right:0;}