/* CSS Document */
@charset "shift_jis";

div#contents-top { font-family: Geneva, Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック"; background-color:#000; }

span.hidden { display: none; }

/* スライドショー */
#slide_box { margin:0 20px 20px 20px; }


/* メインメニュー */
#mainmenu_box { margin:20px 0 0 0; }
#mainmenu_box ul { height:50px; background-color:#FFF; }
#mainmenu_box ul li { display:inline;}
#mainmenu_box ul li a { display:block; background-image:url(/mc/ysgearclub/img/btn_main.jpg); height:50px; float:left;}
#mainmenu_box ul li#mainmenu_cat1 a { width:250px; background-position:0 0;}
#mainmenu_box ul li#mainmenu_cat2 a { width:240px; background-position:-250px 0; }
#mainmenu_box ul li#mainmenu_cat3 a { width:240px; background-position:-490px 0; }
#mainmenu_box ul li#mainmenu_cat4 a { width:250px; background-position:-730px 0; }
#mainmenu_box ul li a:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
/* ドキドキレポートはまだ */
#mainmenu_box ul li#mainmenu_cat4 span.underconstruction { display:block; background-image:url(/mc/ysgearclub/img/btn_main.jpg); height:50px; float:left;width:250px; background-position:-730px 0; }

/* イントロボックス */
#intro_box { margin:0 0 20px 20px; overflow:visible;}
#intro_box ul li { float:left; width:240px; }
#intro_box ul li strong { display:block; width:220px; text-align:center; color:#FFF; padding:10px 0; font-size:12px; line-height:17px;}
#intro_box ul li div { width:220px; position:relative; height:335px; }
#intro_box ul li div img {}
#intro_box ul li div h4 { color:#FFF; font-family:"ＭＳ Ｐ明朝","MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",  serif; font-size:25px; line-height:28px; margin:15px 15px 5px 15px;}
#intro_box ul li div p { color:#FFF; margin:5px 15px; font-size:13px; line-height:18.5px; }
#intro_box ul li div a { display:block; width:218px; height:333px; top:0; left:0; position:absolute; background:url(/mc/ysgearclub/img/icon_tri_white.png) no-repeat 194px 309px; }
#intro_box ul li div a:hover { border:1px solid #c00; outline:1px solid #c00; background-image:url(/mc/ysgearclub/img/icon_tri_red.png)}
/* ドキドキレポートはまだ */
#intro_box ul li div span.underconstruction { display:block; width:218px; height:333px; top:0; left:0; position:absolute; }

/* コンテンツ */
#top_contents_box { margin:20px; overflow:auto;}
.line_box { border:1px solid #4d4d4d; }
.cat_tit { margin:15px 15px 10px 15px;}


/* What's New */
#whatsnew_box { width:560px; height:200px; float:left; border-bottom:20px solid #000; }
#whatsnew_box .line_box { height:198px;}
#whatsnew_box .cat_tit { margin:0 0 5px 0;}
#whatsnew_box ul { overflow: auto; height:143px; margin:10px 15px;}
#whatsnew_box ul li { padding:5px; border-bottom:1px dashed #666;}
#whatsnew_box ul li a { display:block; font-size:11px; line-height:16px; color:#FFF; }
#whatsnew_box ul li a strong { color:#c00; display:block; font-weight:bold; }

/* 冊子PDF ワイズギアクラブ */
#ysgc_box { width:350px; float:right; height:200px; position:relative; border-bottom:20px solid #000; }
#ysgc_box .line_box { height:198px;}
#ysgc_box .cat_tit { margin:15px 15px 10px 15px;}
#ysgc_box p { color:#FFF; margin:10px 15px; width:190px; }
#ysgc_box div#paper { position:absolute; top:15px; right:15px;}
#ysgc_box a { display:block; position:absolute; width:150px; height:25px; left:15px; bottom:15px; background:url(/mc/ysgearclub/img/btn_dl.gif); }
#ysgc_box a:hover { outline:2px solid #c00;}

/* バックナンバー */
#backnumber_box { width:560px; float:left;}
#backnumber_box .line_box { overflow:auto; }
#backnumber_box .cat_tit { margin:0 0 5px 0;}
#backnumber_box .block {width:260px; float:left; border-right:10px solid #000; border-bottom:10px solid #000; overflow:hidden;}
#backnumber_box .block h6 { font-size:14px; color:#FFF; padding:0 0 5px 0; margin:0 0 0 15px; background:url(/mc/ysgearclub/img/img_2c_line.gif) no-repeat left bottom;}
#backnumber_box .block ul { margin:0 0 -1px 15px;}
#backnumber_box .block ul li { position:relative; padding:10px 0; border-bottom:1px dashed #666;}
#backnumber_box .block ul li div.icon_photo { position:absolute; width:68px; height:68px; border:1px solid #ccc; }
#backnumber_box .block ul li a { display:block; height:70px; padding:0 0 0 80px; color:#FFF; font-size:11px; line-height:16px;}
#backnumber_box .block ul li a strong { color:#c00; display:block; padding:0 0 3px 0;}

/* バナー */
#banner_box { width:350px; float:right; }
#banner_box ul { background-color:#292929; padding:15px 15px 5px 15px}
#banner_box ul li { width:320px; margin:0 0 10px 0;}
#banner_box ul li a { display:block; height:78px; border:1px solid #4d4d4d;}
#banner_box ul li#banner_1 a { background-image:url(/mc/ysgearclub/img/ban1.jpg);}
#banner_box ul li#banner_2 a { background-image:url(/mc/ysgearclub/img/ban2.jpg);}
#banner_box ul li#banner_3 a { background-image:url(/mc/ysgearclub/img/ban3.jpg);}
#banner_box ul li#banner_4 a { background-image:url(/mc/ysgearclub/img/ban4.jpg);}
#banner_box ul li#banner_5 a { background-image:url(/mc/ysgearclub/img/ban5.jpg);}
#banner_box ul li#banner_6 a { background-image:url(/mc/ysgearclub/img/ban6.jpg);}
#banner_box ul li#banner_7 a { height:auto; background:none; border:none;}
#banner_box ul li#banner_7 a .banner_7_inner { display:block; width:100%; height:78px; border:1px solid #4d4d4d; background-image:url(/mc/ysgearclub/img/ban7.jpg);}
#banner_box ul li#banner_7 a b { display:block; color:#fff; font-size:11px; text-align:center; font-weight:normal; margin:5px 0 0 0; white-space:nowrap; }
#banner_box ul li#banner_8 a { background-image:url(/mc/ysgearclub/img/ban8.jpg);}
#banner_box ul li#banner_9 a { background-image:url(/mc/ysgearclub/img/ban9.jpg);}
#banner_box ul li a:hover { border:1px solid #c00; outline:1px solid #c00;}
#banner_box ul li#banner_7 a:hover { border:none; outline:none}
#banner_box ul li#banner_7 a:hover span { border:1px solid #c00; outline:1px solid #c00;}
#banner_box ul li#banner_7 a:hover b { color:#c00;}