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

/***▼▼▼ 基本設定 ▼▼▼***/
* {font-family:"ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro",HiraMaruPro-W3,"ヒラギノ丸ゴ Pro W3",Osaka,sans-serif !important; font-style:normal; margin:0px; padding:0px;}

/* link --------------------------------------------------------------------*/
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:active {text-decoration: underline;}
a:hover {text-decoration: underline;}

/* maegin --------------------------------------------------------------------*/
/* all */
.m0{margin:0px;}.m1{margin:1px;}.m2{margin:2px;}.m3{margin:3px;}.m4{margin:4px;}.m5{margin:5px;}.m6{margin:6px;}.m7{margin:7px;}.m8{margin:8px;}.m9{margin:9px;}.m10{margin:10px;}
/* vertical */
.mv1{margin-top:1px; margin-bottom:1px;}.mv2{margin-top:2px; margin-bottom:2px;}.mv3{margin-top:3px; margin-bottom:3px;}.mv4{margin-top:4px; margin-bottom:4px;}.mv5{margin-top:5px; margin-bottom:5px;}.mv6{margin-top:6px; margin-bottom:6px;}.mv7{margin-top:7px; margin-bottom:7px;}.mv8{margin-top:8px; margin-bottom:8px;}.mv9{margin-top:9px; margin-bottom:9px;}.mv10{margin-top:10px; margin-bottom:10px;}
/* side */
.ms1{margin-left:1px; margin-right:1px;}.ms2{margin-left:2px; margin-right:2px;}.ms3{margin-left:3px; margin-right:3px;}.ms4{margin-left:4px; margin-right:4px;}.ms5{margin-left:5px; margin-right:5px;}.ms6{margin-left:6px; margin-right:6px;}.ms7{margin-left:7px; margin-right:7px;}.ms8{margin-left:8px; margin-right:8px;}.ms9{margin-left:9px; margin-right:9px;}.ms10{margin-left:10px; margin-right:10px;}
/* left */
.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}.ml7{margin-left:7px;}.ml8{margin-left:8px;}.ml9{margin-left:9px;}.ml10{margin-left:10px;}
/* right */
.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr3{margin-right:3px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr6{margin-right:6px;}.mr7{margin-right:7px;}.mr8{margin-right:8px;}.mr9{margin-right:9px;}.mr10{margin-right:10px;}
/* top */
.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt7{margin-top:7px;}.mt8{margin-top:8px;}.mt9{margin-top:9px;}.mt10{margin-top:10px;}
/* bottom */
.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb7{margin-bottom:7px;}.mb8{margin-bottom:8px;}.mb9{margin-bottom:9px;}.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}

/* padding --------------------------------------------------------------------*/
/* all */
.p0{padding:0px;}.p1{padding:1px;}.p2{padding:2px;}.p3{padding:3px;}.p4{padding:4px;}.p5{padding:5px;}.p6{padding:6px;}.p7{padding:7px;}.p8{padding:8px;}.p9{padding:9px;}.p10{padding:10px;}
/* side */
.ps1{padding-left:1px; padding-right:1px;}.ps2{padding-left:2px; padding-right:2px;}.ps3{padding-left:3px; padding-right:3px;}.ps4{padding-left:4px; padding-right:4px;}.ps5{padding-left:5px; padding-right:5px;}.ps6{padding-left:6px; padding-right:6px;}.ps7{padding-left:7px; padding-right:7px;}.ps8{padding-left:8px; padding-right:8px;}.ps9{padding-left:9px; padding-right:9px;}.ps10{padding-left:10px; padding-right:10px;}
/* vertical */
.pv1{padding-top:1px; padding-bottom:1px;}.pv2{padding-top:1px; padding-bottom:1px;}.pv3{padding-top:1px; padding-bottom:1px;}.pv4{padding-top:1px; padding-bottom:1px;}.pv5{padding-top:1px; padding-bottom:1px;}.pv6{padding-top:1px; padding-bottom:1px;}.pv7{padding-top:1px; padding-bottom:1px;}.pv8{padding-top:1px; padding-bottom:1px;}.pv9{padding-top:1px; padding-bottom:1px;}.pv10{padding-top:1px; padding-bottom:1px;}
/* left */
.pl1{padding-left:1px;}.pl2{padding-left:2px;}.pl3{padding-left:3px;}.pl4{padding-left:4px;}.pl5{padding-left:5px;}.pl6{padding-left:6px;}.pl7{padding-left:7px;}.pl8{padding-left:8px;}.pl9{padding-left:9px;}.pl10{padding-left:10px;}
/* right */
.pr1{padding-right:1px;}.pr2{padding-right:2px;}.pr3{padding-right:3px;}.pr4{padding-right:4px;}.pr5{padding-right:5px;}.pr6{padding-right:6px;}.pr7{padding-right:7px;}.pr8{padding-right:8px;}.pr9{padding-right:9px;}.pr10{padding-right:10px;}
/* top */
.pt1{padding-top:1px;}.pt2{padding-top:2px;}.pt3{padding-top:3px;}.pt4{padding-top:4px;}.pt5{padding-top:5px;}.pt6{padding-top:6px;}.pt7{padding-top:7px;}.pt8{padding-top:8px;}.pt9{padding-top:9px;}.pt10{padding-top:10px;}
/* bottom */
.pb1{padding-bottom:1px;}.pb2{padding-bottom:2px;}.pb3{padding-bottom:3px;}.pb4{padding-bottom:4px;}.pb5{padding-bottom:5px;}.pb6{padding-bottom:6px;}.pb7{padding-bottom:7px;}.pb8{padding-bottom:8px;}.pb9{padding-bottom:9px;}.pb10{padding-bottom:10px;}

/* float＆text-align --------------------------------------------------------------------*/
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}

/* font --------------------------------------------------------------------*/
.f12{font-size:12px;}
.b{font-weight:bold;}

/* color --------------------------------------------------------------------*/
.red{color:#FF0000;}

/* body --------------------------------------------------------------------*/
body{background-color:#FFFFFF; color:#000000;}
.tools_body {margin:0px; padding:0px; color:#333333;}
.iframe_body{margin:0px; padding:0px;}

/* etc --------------------------------------------------------------------*/
img{border:none; margin:0px; padding:0px;}
p{border:none; margin:0px; padding:0px;}

form{border:none; margin:0px; padding:0px;}
select{padding:1px ; font-size:12px; font-weight:normal; line-height:18px;}
option{margin:0px; padding:1px 5px 0px 5px;}
input{margin:0px; padding:1px; font-size:12px; font-weight:normal; line-height:14px;}
.input_large{margin:10px; padding:3px 5px;}
hr{margin:0px; padding:0px;}

ul{margin:0px; padding:10px 20px;}
ol{margin:0px; padding:10px 40px;}


/***▲▲▲ 基本設定 ▲▲▲***/



/***▼▼▼ レイアウト ▼▼▼***/

/* wrapper --------------------------------------------------------------------*/
#wrapper{width:950px; height:auto; margin:0px auto; padding:0px 2px; background:url(/haru/src/img/01/back.gif) repeat-y; clear:both;}

/* header --------------------------------------------------------------------*/
#header{width:950px; height:auto; margin:0px 0px 10px 0px; padding:0px; clear:both;}
#header h1{width:950px; height:10px; margin:0px 0px 1px 0px; padding:0px; background-color:#779988; color:#FFFFFF; font-size:10px; line-height:10px; text-align:center; font-weight:normal;}
#header p{width:950px; height:63px; margin:0px; padding:0px; background:url(/haru/src/img/01/tt.gif) no-repeat; color:#04582E; font-size:10px; text-align:center; font-weight:normal; line-height:12px; clear:both;}
#header strong{font-size:12px;}
.header_right{height:17px; margin:0px; padding:46px 14px 0px 0px; text-align:right; float:right;}
.header_right a:link {color:#04582E; text-decoration:underline;}
.header_right a:visited {color:#04582E; text-decoration:underline;}
.header_right a:active {color:#04582E; text-decoration:underline; position:relative; top:1px; left:1px;}
.header_right a:hover {color:#04582E; text-decoration:underline; position:relative; top:1px; left:1px;}

/* main --------------------------------------------------------------------*/
#main{width:950px; height:auto; margin:0px 0px 10px 0px; padding:0px; clear:both;}

/* contents --------------------------------------------------------------------*/
#contents{width:760px; height:auto; margin:0px; padding:0px 10px; font-size:12px; line-height:18px; text-align:left; float:right;}
#contents a:link {color:#FF0000; text-decoration: underline;}
#contents a:visited {color:#FF0000; text-decoration: underline;}
#contents a:active {color:#FF0000; text-decoration: underline; position:relative; top:1px; left:1px;}
#contents a:hover {color:#FF0000; text-decoration: underline; position:relative; top:1px; left:1px;}

#contents2{width:760px; height:auto; margin:0px; padding:10px 0px 0px 10px; font-size:12px; line-height:18px; text-align:left;}
#contents2 a:link {color:#FF0000; text-decoration: underline;}
#contents2 a:visited {color:#FF0000; text-decoration: underline;}
#contents2 a:active {color:#FF0000; text-decoration: underline; position:relative; top:1px; left:1px;}
#contents2 a:hover {color:#FF0000; text-decoration: underline; position:relative; top:1px; left:1px;}

/* left --------------------------------------------------------------------*/
#left{width:170px; height:auto; margin:0px; padding:0px; font-size:12px; line-height:15px; text-align:left; float:left;}
a.left_link {background:url(/haru/src/img/01/menu_back1.gif) no-repeat; background-position:0px 0px; background-color:#EFF3F1;
	color:#335544; width:145px; height:auto; margin:0px; padding:5px 12px 4px 12px; display:block; text-decoration:none;
	border-top:1px solid #CCDDD5; border-right:1px solid #CCDDD5; border-bottom:1px solid #CCDDD5; overflow:hidden;}
a.left_link:hover {background:url(/haru/src/img/01/menu_back1b.gif) no-repeat; background-position:0px 0px; background-color:#5E8C75;
	color:#FFFFFF; width:145px; height:auto; margin:0px; padding:5px 12px 4px 12px; display:block; text-decoration:none;
	border-top:1px solid #CCDDD5; border-right:1px solid #CCDDD5; border-bottom:1px solid #CCDDD5; overflow:hidden;}
a.left_link:link {text-decoration: none;}
a.left_link:visited {text-decoration: none;}
a.left_link:active {text-decoration: none;}
.left_tt{width:150px; height:21px; margin:5px 0px 0px 0px; padding:0px 10px; background:url(/haru/src/img/01/menu_back2.gif); color:#FFFFFF; font-weight:bold; line-height:21px; text-align:center; overflow:hidden;}

/* footer --------------------------------------------------------------------*/
#footer{width:950px; height:21px; margin:0px; padding:0px; background-color:#EFF3F1; color:#335544; font-size:12px; line-height:21px; text-align:center;
	border-top:1px solid #CCDDD5; border-bottom:1px solid #CCDDD5; clear:both;}

/***▲▲▲ レイアウト ▲▲▲***/



/***▼▼▼ ページ内容 ▼▼▼***/
/* contents --------------------------------------------------------------------*/
.c_tt{width:760px; height:31px; margin:0px; padding:0px; background:url(/haru/src/img/01/main_tt_back.gif); color:#335544; font-size:20px; line-height:31px; font-weight:bold; text-align:left; text-indent:15px;
	border-top:2px solid #55806A; display:block; overflow:hidden;}
.c_stt{width:730px; height:31px; margin:0px; padding:0px; background:url(/haru/src/img/01/main_tt_back.gif); color:#335544; font-size:20px; line-height:31px; font-weight:bold; text-align:left; text-indent:15px;
	border-top:2px solid #55806A; display:block; overflow:hidden;}
#c_b{width:auto; height:auto; margin:0px; padding:15px; clear:both;}
.c_b{width:auto; height:auto; margin:0px; padding:15px; clear:both;}
.c_stt2{color:#000000; font-size:16px; line-height:18px; font-weight:bold;}
.c_line{width:100%; height:1px; margin:0px; padding:0px; background-color:#55806A;}

.type td{padding:8px;}
.type2 td{padding:3px;}
blockquote{background-color:#CCFFCC;}

.int{width:700px; height:auto; margin:0px; padding:0px; background-color:#55806A; clear:both;}
.int td{background-color:#FFFFFF;}
.int_b{width:325px; height:175px; margin:0px; padding:5px;}
.int_b_left{width:143px; height:173px; margin:0px; padding:0px; border:1px solid #E5E5B7; background-color:#FFFFCC; overflow:hidden; float:left;}
.int_b_left p{width:135px; height:auto; margin:4px; padding:0px; font-size:12px; line-height:130%; text-align:left;}
.int_b_right{width:175px; height:175px; margin:0px; padding:0px; float:right;}
.int_bnr{width:670px; height:50px; margin:0px; padding:5px;}

/***▲▲▲ ページ内容 ▲▲▲***/

/***▼▼▼ 081114add ▼▼▼***/
.midasi{height:30px; background-image:url(/haru/src/img/081114/midasi.gif); background-repeat:no-repeat;}
.midasi h2{height:30px; padding:0px; margin:0px; color:#003300; font-size:20px; line-height:100%; font-weight:bold;}
.midasi h3{height:30px; padding:0px; margin:0px; color:#003300; font-size:20px; line-height:100%; font-weight:bold; float:left;}
.midasi p{padding:0px; margin:0px; float:right;}
.nm_bnr{margin:0px auto 10px; text-align:center;}
.nm_area{width:690px; margin:25px auto 30px; font-size:12px; line-height:130%;}
.nm_area p.ca{padding:5px; border:1px solid #009900; background:#FFFF99; display:block;}
.nm_area p.ca2{padding:3px; border:1px solid #009900; background:#FFFF99; display:block;}
.nm_area p.ca2 font.obi{margin:0px 0px 3px; background:#009900; color:#FFFFFF; font-weight:bold; text-indent:3px; display:block;}
.nm_area table{font-size:12px; line-height:130%; text-align:left;}
.nm_right{width:370px; float:right;}
.nm_right p{margin:5px 0px 20px;}
.nm_right font.obi{margin:0px 0px 3px; background:#9999FF; color:#FFFFFF; font-size:12px; line-height:20px; font-weight:bold; text-indent:3px; display:block;}
.nm_right font.obi2{margin:0px 0px 3px; background:#FFCCCC; color:#000000; font-size:12px; line-height:20px; text-align:center; display:block;}
.nm_right font.ca{padding:5px; background:#FFFF99; display:block;}

.tgp_area{width:740px; margin:20px 0px 30px; font-size:12px; line-height:130%;}
.tgp_l{padding:2px; border:2px solid #FFCCFF; float:left;}
.tgp_l p.b1{width:294px; padding:5px; background:#FFFF99; display:block;}
.tgp_l p.b2{width:300px; padding:2px; display:block;}
.tgp_r{width:414px; float:right;}
.tgp_r p.stt{width:414px; height:28px; margin:16px 0px 0px; color:#FF66FF; font-size:14px; line-height:28px; font-weight:bold; overflow:hidden;}
.tgp_r p.stt span{float:left;}
.tgp_r p.box{width:414px; background:url(/haru/src/img/081114/tgp_b_b.jpg) repeat-y;}
.tgp_r p.box span{padding:0px 10px; display:block;}

.tgp2_box{width:700px; margin:15px 20px; background:url(/haru/src/img/081114/tgp2_b_b.jpg) repeat-y;}
.tgp2_box p{padding:0px 12px; display:block;}
.tgp2_box p span{height:30px; margin:5px 0px 0px; background:#FFFF99; color:#0000FF; font-size:14px; line-height:30px; font-weight:bold; text-align:center; display:block;}

.blog_bnr{width:700px; margin:0px 20px 30px; font-size:12px; line-height:130%;}
.blog_bnr p.msg{margin:0px 0px 10px; color:#FF0000; font-weight:bold;}
.blog_bnr table{width:700px; margin:25px 0px 0px; background:#888888; font-size:12px; line-height:200%;}
.blog_bnr td{width:33%; background:#FFFFFF; text-align:center;}
.blog_bnr p.login{margin:10px 0px 0px; background:#EFF3F1; color:#335544; line-height:200%; text-indent:8px; display:block;}
.blog_bnr p.login strong{color:#FF0000;}
.blog_box{width:600px; margin:15px 70px 25px; font-size:14px; line-height:130%; font-weight:bold;}
.blog_box p{margin:3px 0px; padding:29px 0px 20px; border:1px solid #FF0000; text-align:center; display:block;}
.blog_box span{width:500px; margin:0px auto; color:#FF0000; font-size:12px; line-height:150%; font-weight:normal; text-align:left; display:block;}

/***▲▲▲ 081114add ▲▲▲***/

/***▼▼▼ 081125add ▼▼▼***/
.mrf{width:740px;}
.mrf_left{width:500px; float:left;}
.mrf_right{float:left;}
.mrf_right_b{padding:2px; margin:0px; background:#FFFF99; border:1px solid #009900; font-size:12px; line-height:130%; text-align:center;}
.mrf_right_b p{width:194px; margin:0px 0px 2px; background:#009900; color:#FFFFFF; font-weight:bold; display:block;}
.mrf_right_b img{margin:0px 0px 2px;}
.gt_area{width:690px; margin:25px auto 30px; font-size:12px; line-height:130%;}
.gt_right{width:370px; float:right;}
.gt_right p{margin:5px 0px 20px;}
.gt_right font.obi{margin:0px 0px 3px; background:#9999FF; color:#FFFFFF; font-size:12px; line-height:20px; font-weight:bold; text-indent:3px; display:block;}


/***▲▲▲ 081125add ▲▲▲***/




/***▲▲▲ 081201add ▲▲▲***/

#list{width:680px; height:auto; margin:0px; padding:0px; clear:both;  }
.list_box {width:680px; height:auto; float:left; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; background-color:#CCDDD5;}
.list_box span.list_box_flash {width:329px; height:310px; margin:0px; padding:3px; display:block; float:left; }
.list_box span.list_box_title {width:335px; height:auto; margin:0px; padding:2px 0px 2px 5px; line-height:13px; font-size:13px; display:block; float:left; color:#3300CC;}
.list_box span.list_box_title2 {width:335px; height:14px; margin:0px; padding:2px 0px 2px 5px; line-height:13px; font-size:13px; display:block; float:left; }
.list_box span.list_box_comment {width:320px; height:110px; margin:0px; padding:10px; line-height:12px; font-size:12px; display:block; float:left; overflow:auto; }
.list_box span.list_box_btn {width:335px; height:26px; margin:0px; padding:2px 0px 2px 5px; line-height:26px; font-size:15px; display:block; float:left;}