/* 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:#00B2B6; 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 li { background:url(/mc/ysgearclub/howto/shared/img/icon_circle1.gif) no-repeat 0 3px; line-height:20px; font-size:15px; padding:0 0 0 15px;}
ul.list2 li { background:url(/mc/ysgearclub/howto/shared/img/icon_circle2.gif) no-repeat 0 3px; line-height:20px; font-size:15px; padding:0 0 0 15px; display:inline-block; margin:0 15px 0 0;}


h5 { background-color:#FFFFFF; font-size:23px; line-height:32px; margin:0 0 15px 0;}
h6 { background:url(/mc/ysgearclub/howto/shared/img/bk_step.gif) left top no-repeat; margin:0 0 10px 0;}
h6 span.steptitle { line-height:30px; font-size:23px; display:block; float:right; width:630px; padding-top:5px; }
h6 span.num { display:block; width:40px; line-height:40px; height:40px; font-size:20px; float:left; text-align:center; color:#FFF; font-weight:bold;}
.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;}
p.maintext strong.productdetail { color:#cc0000; }
p.maintext 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; }

.flusharea { background-color:#000; padding:15px;}

/* How to1のポイント */
div#how_to1 .point1 { padding:50px 15px 15px 15px; background:url(/mc/ysgearclub/howto/01/img/bk_step1point.gif);}
div#how_to1 .point5 { padding:50px 15px 15px 15px; background:url(/mc/ysgearclub/howto/01/img/bk_step5point.gif);}
div#how_to1 .point1 strong,
div#how_to1 .point5 strong { font-size:18px; line-height:25px; height:25px; display:block; margin:0 0 5px 0; font-weight:normal;}
div#how_to1 .point1 p,
div#how_to1 .point5 p { font-size:12px; line-height:18px; margin:5px 0 0 0; }
/* ページ最下部 ショップリストへのリンク */
div#how_to1 #link_shoplist { text-align:center; font-size:13px;}


/* How to2のポイント */
div#how_to2 .maintenance strong { font-size:23px; line-height:30px; font-weight:normal;}
div#how_to2 .point4 { padding:50px 15px 15px 15px; background:url(/mc/ysgearclub/howto/02/img/bk_step4point.gif); overflow:auto;}
div#how_to2 .point5 { padding:50px 15px 15px 15px; background:url(/mc/ysgearclub/howto/02/img/bk_step5point.gif);}
div#how_to2 .attention1 { padding:50px 15px 15px 15px; background:url(/mc/ysgearclub/howto/02/img/bk_step5attention.gif); overflow:auto; margin-bottom:10px; color:#FFFFFF;}
div#how_to2 .point6 { padding:50px 15px 15px 15px; background:url(/mc/ysgearclub/howto/02/img/bk_step6point.gif); overflow:auto;}
div#how_to2 .point7 { padding:50px 15px 15px 15px; background:url(/mc/ysgearclub/howto/02/img/bk_step7point.gif);}
div#how_to2 .point4 strong,
div#how_to2 .point5 strong,
div#how_to2 .attention1 strong,
div#how_to2 .point6 strong,
div#how_to2 .point7 strong { font-size:18px; line-height:25px; display:block; margin:0 0 5px 0; font-weight:normal;}
div#how_to2 .point4 p,
div#how_to2 .point5 p,
div#how_to2 .attention1 p,
div#how_to2 .point6 p,
div#how_to2 .point7 p { font-size:12px; line-height:18px; margin:5px 0 0 0; }
div#how_to2 .point4 img,
div#how_to2 .attention1 img,
div#how_to2 .point6 img {float:left;}

/* How to3 */
div#how_to3 .subtitle { font-size:23px; line-height:30px; font-weight:normal;}
div#how_to3 .point { margin:25px 0 10px 0;}
div#how_to3 .attention { margin-top:10px;}
div#how_to3 .txt_detail { margin-top:20px;}
div#how_to3 .photo_detail { margin:30px 0;}
div#how_to3 p.txt_finish {color:#00B2B6; font-size:18px; margin-top:25px; text-align:center;}
div#how_to3 h5.tit_comparison { height:40px; background-image:url(/mc/ysgearclub/howto/03/img/icon_comparison.gif); background-repeat:no-repeat; padding-left:90px; line-height:40px; }

/* How to4 */
div#how_to4 ul.list1 li ul li.blacklist { background:url(/mc/ysgearclub/howto/shared/img/icon_circleblack.gif) no-repeat 0 3px; line-height:20px; font-size:15px; padding:0 0 0 15px;}
div#how_to4 ul.list1 li ul li.redlist { background:url(/mc/ysgearclub/howto/shared/img/icon_circlered.gif) no-repeat 0 3px; line-height:20px; font-size:15px; padding:0 0 0 15px;}
div#how_to4 ul.list1 li ul li.redlist 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; }
div#how_to4 div.caution { background:#cc0000 left center url(/mc/ysgearclub/howto/04/img/img_bg_caution.gif) no-repeat; height:52px; margin-bottom:10px;}
div#how_to4 div.caution p { font-size:13px; line-height:19.5px; color:#FFF; padding:8px 30px 0 100px;}

div#how_to4 div.guide1 { height:50px; background-color:#D0E070; margin-bottom:10px;}
div#how_to4 div.guide1 p { line-height:50px; font-size:17px; padding:0 30px;}

div#how_to4 div.guide2 { height:50px; background: url(/mc/ysgearclub/howto/04/img/img_bg_stock.gif) left center #D0E070 no-repeat; margin-bottom:10px;}
div#how_to4 div.guide2 p { line-height:50px; font-size:17px; padding:0 30px 0 150px;}

div#how_to4 div.stock1 { border:1px solid #cc0000; background:url(/mc/ysgearclub/howto/04/img/tit_basemaking.gif) 15px center no-repeat; margin-bottom:10px;}
div#how_to4 div.stock1 p { font-size:13px; line-height:19.5px; padding:7px 10px 7px 220px;}

div#how_to4 div.stock2 { border:1px solid #cc0000; background: url(/mc/ysgearclub/howto/04/img/tit_coat.gif) 15px center no-repeat; margin-bottom:10px;}
div#how_to4 div.stock2 p { font-size:13px; line-height:19.5px; padding:7px 10px 7px 160px;}

/* How to5 */

div#how_to5 p.subtitle { background:url(/mc/ysgearclub/howto/05/img/icon_rect13px.gif) no-repeat left center; text-indent:20px; font-size:17px; font-weight:bold; margin:25px 0 10px 0; }

div#how_to5 div.pickup,
div#how_to5 div.point1,
div#how_to5 div.point2 { background:left top #D0E370 no-repeat; margin:20px 0;}
div#how_to5 div.pickup { background-image: url(/mc/ysgearclub/howto/05/img/bg_pickup.jpg)}
div#how_to5 div.point1 { background-image: url(/mc/ysgearclub/howto/05/img/bg_point1.gif)}
div#how_to5 div.point2 { background-image: url(/mc/ysgearclub/howto/05/img/bg_point2.gif)}
div#how_to5 div.pickup p {padding:40px 30px 10px 200px; font-size:12px; line-height:19px;}
div#how_to5 div.point1 p,
div#how_to5 div.point2 p {padding:10px 30px 10px 120px; font-size:12px; line-height:19px;}
div#how_to5 div.pickup p strong,
div#how_to5 div.point1 p strong,
div#how_to5 div.point2 p strong { font-size:17px; padding:15px 0 5px 0; display:block;}