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

/* 基本設定 */
p { text-align:justify; }

#mainphoto img { display:block; padding:0 6px 10px 6px; }

div.w675 { width:675px; margin:0 auto; padding:0 0 25px 0; }
div#intro { border-bottom:1px dashed #999999; padding:30px 0 30px 0; margin:0 auto 30px auto;}
div#intro strong { display:inline-block; color:#FFFFFF; font-size:15px; font-weight:normal; height:20px; line-height:20px; padding:2px 0.5em 0 0.5em; }
div#intro h4 { margin:0 0 20px 0;}
div#intro p { font-size:17px; line-height:28px; font-weight:bold; margin:20px 0 0 0; }

#listL { float:left; width:375px;}
#listR { float:right; width:300px;}
#listL ul li,
#listR ul li { line-height:25px; font-size:15px; text-align:left; white-space:nowrap;}
#listL ul li span.num,
#listR ul li span.num { display:inline-block; text-align:center; line-height:25px; height:25px; width:20px; font-size:12px; color:#FFF;}
#listL ul li a,
#listR ul li a { border-bottom:1px dotted #aaa;}
#listL ul li a:hover,
#listR ul li a:hover { border-bottom:1px solid #cc1533; text-decoration:none;}

ul.list1 { height:115px; float:left; width:375px;}
ul.list2 { height:115px; float:right; width:300px;}
ul.list1 li,
ul.list2 li { line-height:25px; font-size:15px; text-align:left; white-space:nowrap;}
ul.list1 li span.num,
ul.list2 li span.num { display:inline-block; text-align:center; line-height:25px; height:25px; width:19px; font-size:12px; color:#FFF;}
ul.list1 li a,
ul.list2 li a { border-bottom:1px dotted #aaa;}
ul.list1 li a:hover,
ul.list2 li a:hover { border-bottom:1px solid #cc1533; text-decoration:none;}

h5 { font-weight:bold; margin:10px 0 15px 0; height:40px; padding:0 0 0 23px;}
h5 span.num { display:inline-block;line-height:35px; height:35px; width:20px; text-align:center; font-size:15px; margin:0 5px 0 0; }
h5 span.steptitle { color:#FFF; display:inline-block; line-height:40px; font-size:20px; padding:0 31px 0 0; }

h6 { font-size:15px;}

.right300 { float:right; width:300px; padding:0 0 15px 0; }
.right335 { float:right; width:335px; padding:0 0 15px 0; }
.right380 { float:right; width:380px; padding:0 0 15px 0; }
.left350 { float:left; width:350px; padding:0 0 15px 0; }
.left330 { float:left; width:330px; padding:0 0 15px 0; }
.left285 { float:left; width:285px; padding:0 0 15px 0; }
.clear { clear:both; padding:0 0 10px 0; }
p.maintext { font-size:12px; line-height:19px; margin:10px 0 5px 0
; }
p.maintext strong.advice { color:#00B2B6;}
strong.productdetail { color:#cc0000; display:block; margin:10px 0 5px 0; }
strong.productdetail a { color:#cc0000; display:inline-block; background:url(/mc/ysgearclub/howto/shared/img/icon_arrowred.gif) no-repeat left center; margin:0 0 0 5px; padding:0 0 0 13px; }
p#caution { font-size:12px; line-height:18px; margin:5px 0 0 0; }

p.centericon { text-align:center; margin:8px; }

div.flasharea { background-color:#000; padding:15px; margin:10px 0 0 0;}

p.subtitle { font-size:20px; font-weight:bold; margin:20px 0 10px 0; }
p.subcopy { font-size:17px; line-height:21px; font-weight:bold; margin:20px 0 5px 0; }

/*-------------------------- How to8 -------------------------- */
div#how_to8 div#intro strong { background-color:#618723; }
div#how_to8 #listL ul li span.num,
div#how_to8 #listR ul li span.num { background:url(/mc/ysgearclub/howto/shared/img/icon_circleblack2.png) no-repeat center 2px;}
div#how_to8 h5 { background:url(/mc/ysgearclub/howto/08/img/bg_h5_s.gif) no-repeat left center; }
div#how_to8 h5 span.num { background:#618723 url(/mc/ysgearclub/howto/shared/img/icon_circlewhite.png) no-repeat center 6px; color:#618723; }
div#how_to8 h5.titBig { font-weight:bold; margin:10px 0 15px 0; height:40px; padding:0 0 0 23px; background:url(/mc/ysgearclub/howto/08/img/bg_h5_l.gif) no-repeat left center; height:72px;}
div#how_to8 h5.titBig span.num { background:#618723 url(/mc/ysgearclub/howto/shared/img/icon_circlewhite.png) no-repeat center 6px; color:#618723;  display:inline-block;line-height:35px; height:35px; width:20px; text-align:center; font-size:15px; margin:0 5px 0 0; }
div#how_to8 h5.titBig span.steptitle { line-height:23px; font-size:20px; padding:7px 31px 7px 0; }
div#how_to8 h6 { color:#618723;}
div#how_to8 p.subtitle { color:#618723;}
div#how_to8 div#point1 { background:#f5a21b no-repeat; margin:25px 0; overflow:auto; padding:0 0 20px 20px }
div#how_to8 div#point1 { background-image:url(/mc/ysgearclub/howto/08/img/bg_point1.gif); padding-top:50px; }

div#how_to8 p.pointlead { font-size:23px; margin:0 0 10px 0; color:#FFF; width:635px; height:26px; line-height:26px; }

div#how_to8 div#point1 p.pointlead { background: no-repeat right center url(/mc/ysgearclub/howto/07/img/icon_boen.gif); }
div#how_to8 div#point2 p.pointlead { background: no-repeat right center url(/mc/ysgearclub/howto/07/img/icon_boen.gif); }

div#how_to8 p.txtPoint { background:#618723; padding:10px; color:#fff; margin-top:20px;}
div#how_to8 p.intro { margin-bottom:15px;}

div#how_to8 div.topic { border:1px #E60012 solid; padding:100px 19px 19px 19px}
div#how_to8 div.topic strong.title { display:block; margin:-110px 0 0 -20px;}
div#how_to8 div.topic strong.title2 { display:block; margin:15px 0 10px 0; font-size:20px; line-height:23px; font-weight:bold;}

div#how_to8 div#function { border:1px solid #E95258; padding:20px 19px 20px 19px; position:relative;}
div#how_to8 div#function strong.title { display:block; font-size:21px; color:#E95258; height:25px; line-height:25px; font-weight:bold; margin:0 0 10px 0;}
div#how_to8 div#function p { font-size:12px; line-height:21px; margin:10px 0 0 0;}

div#how_to8 div#conclusion { padding:20px 20px 20px 20px; background:#ea5158 no-repeat; position:relative;}
div#how_to8 div#conclusion strong.title { display:block; font-size:19px; color:#FFF; font-weight:bold; margin:0 0 10px 0; height:24px; line-height:24px;}
div#how_to8 strong.conclusion { font-size:25px; display:block; text-align:center; margin:20px 0 0 0; color:#E95258;font-weight:bold; padding:20px 0;}

/*-------------------------- How to9 -------------------------- */
div#how_to9 div#intro strong { background-color:#004098; }
div#how_to9 h5 { background:url(/mc/ysgearclub/howto/09/img/bg_h5.gif) no-repeat left center; position:relative; height:40px; }
div#how_to9 h5 span.num { background:#004098 url(/mc/ysgearclub/howto/shared/img/icon_circlewhite.png) no-repeat center 6px; color:#004098; }
div#how_to9 h5 .txt_type { color:#fff; font-size:12px; position:absolute; top:10px; right:25px;}
 
div#how_to9 .list1 li span.num { background:url(/mc/ysgearclub/howto/shared/img/icon_circleyellow.png) no-repeat center 2px; line-height:23px;}
div#how_to9 .list1 li span.color { color:#f5a21b;}
div#how_to9 .icon_goods { float:left; margin-right:20px;}
div#how_to9 h6 { color:#004098; font-size:21px; margin:30px 0 5px 0; font-weight:bold;}
div#how_to9 .img_point {margin-top:15px;}