/* 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; background-color:#e22a4e; 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; }

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 { background:url(/mc/ysgearclub/howto/shared/img/icon_circlepink.png) no-repeat center 4px; 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 { background:url(/mc/ysgearclub/howto/shared/img/bg_h6_1p.gif) no-repeat left center; font-weight:bold; margin:10px 0 15px 0; height:40px; padding:0 0 0 23px;}
h5 span.num { display:inline-block;background:#e22a4e url(/mc/ysgearclub/howto/shared/img/icon_circleblack2.png) no-repeat center 5px;line-height:35px; height:35px; width:20px; text-align:center; color:#e22a4e; font-size:15px; margin:0 5px 0 0; }
h5 span.steptitle { display:inline-block;background:#e22a4e url(/mc/ysgearclub/howto/shared/img/bg_h6_2p.gif) no-repeat right center; line-height:40px; font-size:20px; padding:0 31px 0 0; color:#FFF; }
.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 { color:#E8374A; 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 to7 */
div#how_to7 div#point1,
div#how_to7 div#point2,
div#how_to7 div#point3,
div#how_to7 div#point4,
div#how_to7 div#point5,
div#how_to7 div#point6,
div#how_to7 div#point7 { background:#ea5158 no-repeat; margin:25px 0; overflow:auto; padding:90px 0 20px 20px }
div#how_to7 div#point1 { background-image:url(/mc/ysgearclub/howto/07/img/bg_1.gif); }
div#how_to7 div#point2 { background-image:url(/mc/ysgearclub/howto/07/img/bg_2.gif); }
div#how_to7 div#point3 { background-image:url(/mc/ysgearclub/howto/07/img/bg_3.gif); }
div#how_to7 div#point4 { background-image:url(/mc/ysgearclub/howto/07/img/bg_4.gif); }
div#how_to7 div#point5 { background-image:url(/mc/ysgearclub/howto/07/img/bg_5.gif); }
div#how_to7 div#point6 { background-image:url(/mc/ysgearclub/howto/07/img/bg_6.gif); }
div#how_to7 div#point7 { background-image:url(/mc/ysgearclub/howto/07/img/bg_7.gif); margin:25px 0 0 0;}
div#how_to7 p.pointlead { font-size:23px; margin:0 0 10px 0; color:#FFF; width:635px; height:26px; line-height:26px; }
div#how_to7 div#point1 p.pointlead { background: no-repeat right center url(/mc/ysgearclub/howto/07/img/icon_boen.gif); }
div#how_to7 div#point2 p.pointlead { background: no-repeat right center url(/mc/ysgearclub/howto/07/img/icon_boen.gif); }

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

div#how_to7 div#function { border:1px solid #E95258; padding:20px 19px 20px 19px; position:relative;}
div#how_to7 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_to7 div#function p { font-size:12px; line-height:21px; margin:10px 0 0 0;}

div#how_to7 div#conclusion { padding:20px 20px 20px 20px; background:#ea5158 no-repeat; position:relative;}
div#how_to7 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_to7 strong.conclusion { font-size:25px; display:block; text-align:center; margin:20px 0 0 0; color:#E95258;font-weight:bold; padding:20px 0;}

#flash1 { width:316px; float:left; border-top:solid 3px #eb5159; border-right:solid 3px #eb5159; }
#flash2 { width:316px; float:left; border-top:solid 3px #eb5159; border-right:solid 3px #eb5159; }
#flash3 { width:316px; float:left; border-top:solid 3px #eb5159; border-right:solid 3px #eb5159; }
#flash4 { width:316px; float:left; border-top:solid 3px #eb5159; border-right:solid 3px #eb5159; }
#flash5 { width:210px; height:200px; background-color:#CCC; position:absolute; top:55px; left:232px;}
#flash6 { width:337px; height:250px; background-color:#CCC; position:absolute; top:54px; left:20px;}