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

html,body,div,span,h1,h2,p,object,ol,ul,li,table,th,td,footer,header,nav{margin:0;padding:0;font-size:100%}
html{overflow-y:scroll}
footer,header,nav,section{display:block}
b,strong{font-weight:bold}
nav,ol,ul{list-style:none}
img{border:0;vertical-align:top}
a{outline:none; text-decoration:none;}
a:hover{text-decoration:underline;}
body{*position:relative; line-height:130%; color:#464646;font-family: sans-serif; font-family: 'MS PGothic',arial,sans-serifurl(0/); font-size: 14px; background-color:#FFF; background-image:none !important;}
.main {margin:0 auto;height:100%; width:970px;  background-color:#FFF;}
.leftNav{ float:left; position:fixed; width:160px; height:100%; color:#fff; font-weight:bold; background:#ff39d2; padding:15px 20px;}
.leftNav .logo{ padding:0; margin:0; }
.leftNav ul {line-height:110%; width:160px;}
.leftNav ul li { padding:20px 0 0; }
.leftNav ul li a{ color:#fff;}
.leftNav ul li a:hover{ text-decoration:underline; }
.leftNav ul li ul.howto { list-style:decimal; font-size:11px; line-height:110%; font-weight:normal; margin-top:3px; }
.leftNav ul li ul.howto li {padding:2px; margin-left:20px;  }

.leftNav .box_btm { position:fixed; bottom:10px; }
.leftNav .QR { width:160px; padding:0; font-size:10px; line-height:110%; text-align:left; margin:50px 0 10px;} 
.leftNav .kankyo {width:160px; height:84px; padding:0; margin:10px 0 0; background:url(img/kanyko.gif) top left no-repeat;} 


.mainContents{margin-left:250px; background-color:#fff; padding:0;  padding-left:250px¥9; /* IE9 */}

.mainContents #sec1{width:720px;height:376px; display:block;background:url(img/title_event.jpg) no-repeat;}
.mainContents #sec1_eventBtn_outer {width:724px; height:133px; margin-bottom:50px;  background:url(img/img_eventBtn.jpg) 0 0 no-repeat; text-indent: -9999px;}
.mainContents #sec1_eventBtn_outer a.eventBtn { display: block; width: 724px; height: 133px; background:url(img/img_eventBtn.jpg) 0 0 no-repeat; text-indent: -9999px;}
.mainContents #sec1_eventBtn_outer a.eventBtn:hover { display: block; background:url(img/img_eventBtn.jpg) 0 -133px no-repeat; }


.mainContents .text1-1 { width:320px; position:relative; text-align:left; top:170px; left:385px; line-height:175%; }
.mainContents .text1-1_member { width:320px; position:relative; text-align:left; top:190px; left:385px; line-height:180%; }
.mainContents .text1-2 { width:320px; position:relative; text-align:left; top:180px; left:385px; line-height:170%; }
.mainContents .btn_touroku_outer { position:relative; top:185px; left:385px; width: 141px; height: 31px; background:url(img/btn_touroku.png) 0 0 no-repeat; text-indent: -9999px;}
.mainContents a.btn_touroku { position:relative; display: block; width: 141px; height: 31px; background:url(img/btn_touroku.png) 0 0 no-repeat; text-indent: -9999px;}
.mainContents a.btn_touroku:hover { background:url(img/btn_touroku.png) 0 -31px no-repeat; }

.mainContents #sec2{ width:720px; height:446px; display:block; background:url(img/img01.gif) no-repeat; margin:50px 0;}

.mainContents #sec3{display:block; width:720px; height:534px; display:block; margin-bottom:50px}
.mainContents #sec3 .img_box { position:absolute; width:380px; height:534px; margin:0; padding:0px; background:url(img/img02.jpg) top left no-repeat;}
.mainContents #sec3 .title{ position:relative; width:340px; height:45px; top:45px; left:380px; background:url(img/title_touroku.gif) top left no-repeat; }
.mainContents #sec3 ul { position:relative; width:300px; top:70px; left:410px; }
.mainContents #sec3 ul li { padding-bottom:30px; width:300px; line-height:120%;}
li.num_a { background:url(img/num_a.gif)top left no-repeat; text-indent:20px;}
li.num_b { background:url(img/num_b.gif)top left no-repeat; text-indent:20px;}
li.num_c { background:url(img/num_c.gif)top left no-repeat; text-indent:20px;}
li.num_d { background:url(img/num_d.gif)top left no-repeat; text-indent:20px;}
li.num_e { background:url(img/num_e.gif)top left no-repeat; text-indent:20px;}
li.num_f { background:url(img/num_f.gif)top left no-repeat; text-indent:20px;}

.mainContents #sec4{display:block; width:720px; height:644px; display:block; margin-bottom:50px}
.mainContents #sec4 .img_box { position:absolute; width:380px; height:644px; margin:0; padding:0px; background:url(img/img03.jpg) top left no-repeat;}
.mainContents #sec4 .title{ position:relative; width:340px; height:45px; top:35px; left:380px; background:url(img/title_howto.gif) top left no-repeat; }
.mainContents #sec4 .subtitle{ position:relative; width:340px; height:18px; top:60px; left:380px; background:url(img/title_howto_sub01.gif) top left no-repeat; }
.mainContents #sec4 ul { position:relative; width:320px; top:85px; left:410px; }
.mainContents #sec4 ul li { padding-bottom:30px; width:300px; line-height:120%;}

.mainContents #sec5{display:block; width:720px; height:435px; display:block; margin-bottom:50px}
.mainContents #sec5 .img_box { position:absolute; width:380px; height:435px; margin:0; padding:0px; background:url(img/img04.jpg) top left no-repeat;}
.mainContents #sec5 .subtitle{ position:relative; width:340px; height:40px; top:20px; left:380px; background:url(img/title_howto_sub02.gif) top left no-repeat; }
.mainContents #sec5 ul { position:relative; width:320px; top:50px; left:410px; }
.mainContents #sec5 ul li { padding-bottom:30px; width:300px; line-height:120%;}

.mainContents #sec6{display:block; width:720px; height:645px; display:block; margin-bottom:50px}
.mainContents #sec6 .img_box { position:absolute; width:380px; height:645px; margin:0; padding:0px; background:url(img/img05.jpg) top left no-repeat;}
.mainContents #sec6 .subtitle{ position:relative; width:340px; height:18px; top:20px; left:380px; background:url(img/title_howto_sub03.gif) top left no-repeat; }
.mainContents #sec6 ul { position:relative; width:320px; top:50px; left:410px; }
.mainContents #sec6 ul li { padding-bottom:30px; width:300px; line-height:120%;}

.mainContents #sec7{display:block; width:720px; height:600px; display:block; margin-bottom:50px}
.mainContents #sec7 .img_box { position:absolute; width:380px; height:600px; margin:0; padding:0px; background:url(img/img06.jpg) top left no-repeat;}
.mainContents #sec7 .subtitle{ position:relative; width:340px; height:18px; top:20px; left:380px; background:url(img/title_howto_sub04.gif) top left no-repeat; }
.mainContents #sec7 ul { position:relative; width:320px; top:50px; left:410px; }
.mainContents #sec7 ul li { padding-bottom:30px; width:300px; line-height:120%;}

.mainContents #sec8{ width:720px; height:404px; display:block; background:url(img/img07.gif) no-repeat; margin-bottom:50px}

.mainContents #event{ width:720px; height:auto; display:block; margin-bottom:40px}
.mainContents #event .img_event01{ width:720px; height:319px; display:block; background:url(img/img_event01.jpg) no-repeat; margin:0;}
.mainContents #event .img_event02{ width:720px; height:127px; display:block; background:url(img/img_event02.jpg) no-repeat; margin:0;}
.mainContents #event .img_event2_01{ width:720px; height:373px; display:block; background:url(img/img_event01.gif) no-repeat; margin:0;}
.mainContents #event .img_event2_02{ width:720px; height:171px; display:block; background:url(img/img_event02.gif) no-repeat; margin:0;}
.mainContents #event .img_event02 .btn_howtobefriend_outer { position:relative; top:0; left:500px; width: 184px; height: 31px; background:url(img/btn_howtobefriend.png) 0 0 no-repeat; text-indent: -9999px;}
.mainContents #event .img_event02 a.btn_howtobefriend { position:relative; display: block; width: 184px; height: 31px; background:url(img/btn_howtobefriend.png) 0 0 no-repeat; text-indent: -9999px;}
.mainContents #event .img_event02 a.btn_howtobefriend:hover { background:url(img/btn_howtobefriend.png) 0 -31px no-repeat; }
.mainContents #event .img_event2_02 .btn_howtobefriend_outer { position:relative; top:0; left:500px; width: 184px; height: 31px; background:url(img/btn_howtobefriend.png) 0 0 no-repeat; text-indent: -9999px;}
.mainContents #event .img_event2_02 a.btn_howtobefriend { position:relative; display: block; width: 184px; height: 31px; background:url(img/btn_howtobefriend.png) 0 0 no-repeat; text-indent: -9999px;}
.mainContents #event .img_event2_02 a.btn_howtobefriend:hover { background:url(img/btn_howtobefriend.png) 0 -31px no-repeat; }

.gal_box {display:block; width: 165px; height:172px; margin:0 20px 20px 0; padding:0; float:left;}
.PFname { width:165px; text-align:center; margin:0; padding:0;}
.PFname a { font-size:14px; font-weight:bold; color:#fff; text-decoration:none; }
.PFname a:hover {  text-decoration:underline; }
.spacer {width:165px; height:18px; margin:0; padding:0;}
.PFcomment { width:145px; text-align:left; margin:0; padding:0 10px 7px;  font-size:12px; color:#000; line-height:120%; }

.pink { color:#ff39d2; }
.pink a { color:#ff39d2; }
.pink a:hover { text-decolation:underline; }
.small { color:#707070; font-size:12px; }