@charset "Shift_JIS";

/* =====================================================================

広告スタイル

CSS INFORMATION

------------------------------------------------------------------------
●Description:

common.css

●Author:

ECBB

●Note:

======================================================================*/

/* 1.基本*****************/

body{
	text-align: center;
	margin: 0px;
	padding: 0;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro" ,"ＭＳ Ｐゴシック" ,Osaka,Verdana , monospace;
	line-height: 170%;
	color: #343434;
	background-color: #FFFFFF;
}

#wrapper{
	text-align: left;
	width: 980px;
	margin: 0px auto;
	background-color: #FFFFFF;
}

a:link{color: #343434;background-color: inherit;text-decoration: none;}
a:visited {color: #474747;background-color: inherit;text-decoration: none;}
a:hover, a:active {color: #29AAE3;background-color: inherit;text-decoration: underline;}

.space{font-size: 1px;line-height: 1%;clear: both;display:block;}

span.hidden{visibility:hidden;font-size: 1px;}

	
/* 2.グローバルナビ*****************/


#header{
	width: 980px;
	height: 100px;
	/*border-top: 2px solid #29AAE3;*/
}
#header h1{
	background: url(/common/images/portal/logo_ks.gif) 28px top no-repeat;
	width:305px;
	height: 68px;
	margin-top:20px;
	float: left;
}
#header h1 a {
	display: block;
	width: 305px;
	height: 68px;
	text-decoration: none;
}
	
#header .banner{
	width: 468px;
	height: 60px;
	margin-top:23px;
	float: right;
}


#gnavi01 {
	height: 38px;
	width: 980px;
	background:#F8F8F8;
	border-bottom:5px solid #393939;
	overflow:hidden;
	margin:0 auto;
	clear:both;
}

#gnavi01 ul{
	margin: 0px;
	padding: 14px 0 18px 18px;
}

#gnavi01 li.w1{
	width:111px;
	height:13px;
	border-right:2px solid #B9B9B9;
	list-style: none;
	text-align:center;
	float: left;
}
#gnavi01 li.w1 a{
	display: block;
	width: 111px;
	height: 13px;
	text-decoration: none;
}
#gnavi01 li.w2{
	width:132px;
	height:13px;
	border-right:2px solid #B9B9B9;
	list-style: none;
	text-align:center;
	float: left;
}
#gnavi01 li.w2 a{
	display: block;
	width: 132px;
	height: 13px;
	text-decoration: none;
}
#gnavi01 li.w3{
	width:108px;
	height:13px;
	border-right:2px solid #B9B9B9;
	list-style: none;
	text-align:center;
	float: left;
}
#gnavi01 li.w3 a{
	display: block;
	width: 108px;
	height: 13px;
	text-decoration: none;
}
#gnavi01 li.w4{
	width:96px;
	height:13px;
	border-right:2px solid #B9B9B9;
	list-style: none;
	text-align:center;
	float: left;
}
#gnavi01 li.w4 a{
	display: block;
	width: 96px;
	height: 13px;
	text-decoration: none;
}
#gnavi01 li.w5{
	width:130px;
	height:13px;
	list-style: none;
	text-align:center;
	float: left;
}
#gnavi01 li.w5 a{
	display: block;
	width: 130px;
	height: 13px;
	text-decoration: none;
}

#gnavi01 li.g-search{
	width:225px;
	height:22px;
	margin:-5px 10px 0 0;
	list-style: none;
	float: right;
}


/*#gnavi01 li.g-search input.sarea{
	width:196px;
	height:22px;
	margin:0;
	border:none;
	background: url(/common/images/portal/google_sarea.gif) no-repeat;
	float: left;
}
#gnavi01 li.g-search input.sbtn{
	width:23px;
	height:22px;
	margin:0;
	float: left;
}
*/




/* トップページ*****************/

/* 左*****************/

#l-area{
	width: 190px;
	padding:7px 0 20px;
	float:left;
	overflow:hidden;
}
#l-area .deco_line{
	width: 0;
	border-left: 64px solid #85D528;
	border-right: 126px solid #D6D6D6;
	height: 5px;
	font-size:1px;
	line-height:1%;
}
#l-area .box{
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

#l-area .box .ttl{
	width: 184px;
}

#l-area .box .lead{
	width:auto;
	padding:8px 0 10px 8px;
	float:left;
}
#l-area .box .icon{
	width:auto;
	padding:8px 5px 5px 0;
	float:right;
}

#l-area .hr {
	width: 170px;
	border-top: 1px solid #D6D6D6;
	margin: 0 8px;
	line-height:0;
	font-size:0;
	height:0;
	clear:both;
}
#l-area .box .rank{
	width: 160px;
	margin: 0 8px;
	padding:0 0 0 10px;
}
#l-area .box .rank p.num1{
	background: url(/common/images/portal/ranknum_1.gif) 0 50% no-repeat;
	padding:10px 8px 3px 20px;
	margin:0;
	font-size:12px;
	color:#29AAE3;
	font-weight:bold;
}
#l-area .box .rank p.num1 a,
#l-area .box .rank p.num1 a:visited{
	color:#29AAE3;
}
#l-area .box .rank p.num2{
	background: url(/common/images/portal/ranknum_2.gif) 0 50% no-repeat;
	padding:3px 8px 2px 20px;
	margin:0;
}
#l-area .box .rank p.num3{
	background: url(/common/images/portal/ranknum_3.gif) 0 50% no-repeat;
	padding:3px 8px 2px 20px;
	margin:0;
}
#l-area .box .rank p.num4{
	background: url(/common/images/portal/ranknum_4.gif) 0 50% no-repeat;
	padding:3px 8px 2px 20px;
	margin:0;
}
#l-area .box .rank p.num5{
	background: url(/common/images/portal/ranknum_5.gif) 0 50% no-repeat;
	padding:3px 8px 2px 20px;
	margin:0;
}
#l-area .box .qr{
	width: 167px;
	margin: 0 8px;
	padding:10px 0 0 5px;
}
#l-area .box .qr img.qrcode{
	border:1px solid #D6D6D6;
	padding:6px;
}


#l-area .box2{
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	background:#FAFAFA;
	padding:5px 1px 1px;
}
#l-area .box2 .lnavi{
	width:165px;
	background:#EFEFEF;
	padding:7px;
}
#l-area .box2 .color1{border-left: 7px solid #F50909;}
#l-area .box2 .color2{border-left: 7px solid #FF8302;}
#l-area .box2 .color3{border-left: 7px solid #FFC702;}
#l-area .box2 .color4{border-left: 7px solid #89B700;}
#l-area .box2 .color5{border-left: 7px solid #28ABE3;}
#l-area .box2 .color6{border-left: 7px solid #627DD4;}
#l-area .box2 .color7{border-left: 7px solid #C623D6;}
#l-area .box2 .color8{border-left: 7px solid #E40095;}

#l-area .box2 ul{
	margin:0;
	padding:5px;
}
#l-area .box2 ul li{
	margin:0;
	padding:0;
	list-style: none;
	text-decoration:none;
	color:#666666;
	line-height:120%;
}
#l-area .box2 ul li a,
#l-area .box2 ul li a:visited{
	color:#666666;
}
#l-area .box2 ul li a:hover{
	color:#29AAE3;
}



/* 中*****************/
#c-area{
	width: 464px;
	padding:7px 10px 20px;
	float:left;
	overflow:hidden;
}
#c-area .deco_line{
	width: 0;
	border-left: 64px solid #3FC6FE;
	border-right: 404px solid #D6D6D6;
	height: 5px;
	font-size:1px;
	line-height:1%;
}

#c-area .box{
	width: 468px;
	}
	
#c-area .box .lead{
	width:auto;
	padding:8px 0 10px 8px;
	float:left;
}
#c-area .box .icon{
	width:auto;
	padding:8px 5px 8px 0;
	float:right;
}

#c-area .hr {
	width: 456px;
	border-top: 1px solid #D6D6D6;
	margin: 0 5px;
	line-height:0;
	font-size:0;
	height:0;
	clear:both;
}

#c-area .box .inbox{
	width: 458px;
	min-height:85px;
	height: auto !important;
	height: 85px;
	padding:7px 4px 0;
}
#c-area .box .rank{
	width: 310px;
	margin: 0 8px;
	padding:0 0 0 10px;
	float:left;
}
#c-area .box .rank p.num1{
	background: url(/common/images/portal/ranknum_1.gif) 0 50% no-repeat;
	padding:10px 8px 3px 20px;
	margin:0;
	font-size:12px;
	color:#29AAE3;

}
#c-area .box .rank p.num1 a,
#c-area .box .rank p.num1 a:visited{
	color:#29AAE3;
}
#c-area .box .rank p.num2{
	background: url(/common/images/portal/ranknum_2.gif) 0 50% no-repeat;
	padding:0 8px 2px 20px;
	margin:0;
}
#c-area .box .rank p.num3{
	background: url(/common/images/portal/ranknum_3.gif) 0 50% no-repeat;
	padding:0 8px 2px 20px;
	margin:0;
}
#c-area .box .rank p.num4{
	background: url(/common/images/portal/ranknum_4.gif) 0 50% no-repeat;
	padding:0 8px 2px 20px;
	margin:0;
}
#c-area .box .rank p.num5{
	background: url(/common/images/portal/ranknum_5.gif) 0 50% no-repeat;
	padding:0 8px 2px 20px;
	margin:0;
}

#c-area .box .inbox ul{
	padding:5px 5px 5px 20px;
	margin:0 0 0 10px;
	padding:0;
}

#c-area .box .inbox .newblog{
	padding:5px 5px 5px 20px;
	line-height:100%;
	background: url(/common/images/portal/icon_bluebar.gif) 12px 50% no-repeat #FFFFFF;
}
#c-area .box .inbox .newblog2{
	padding:5px 5px 5px 20px;
	line-height:100%;
	background: url(/common/images/portal/icon_bluebar.gif) 12px 50% no-repeat #F8F8F8;
}
#c-area .box .inbox .newblog a,
#c-area .box .inbox .newblog a:visited{
	color:#3CC7FF;
	padding-left:0px;
}
#c-area .box .inbox .newblog2 a,
#c-area .box .inbox .newblog2 a:visited{
	color:#56A700;
	padding-left:0px;
}
#c-area .box .inbox .newblog .time,
#c-area .box .inbox .newblog2 .time{
	width:46px;
	padding-right:5px;
	font-size:11px;
	float:left;
}
#c-area .box .inbox .newblog .ttl,
#c-area .box .inbox .newblog2 .ttl{
	width:270px;
	padding-right:5px;
	float:left;
	font-size:10px;
}
#c-area .box .inbox .newblog .user,
#c-area .box .inbox .newblog2 .user{
	width:100px;
	font-size:10px;
	float:left;
}
.thumbnails{
	float:left;
	width:auto;
	border:5px solid #D8D8D8;
}

/* タブチェンジ********/
#c-area .tabchange{
	width: 466px;
	max-height:300px;
	overflow:hidden;
}
#c-area .tabchange ul{
	width: 466px;
	height: 25px;
	margin:0;
	padding:0;
	line-height:1%;
	font-size:1px;
}

#c-area .tabchange li{
	margin:0;
	padding:0;
	list-style:none;
	height: 25px;
	text-align:center;
	float:left;
}

#c-area .tabchange .tabbody {

}
#c-area .tabchange .tabbody a,
#c-area .tabchange .tabbody a:visited{
	color:#666666;
}
#c-area .tabchange .tabbody a:hover{
	color:#29AAE3;
}



.tabbody #box1{border-top: 1px solid #F70909;padding:10px;}
.tabbody #box2{border-top: 1px solid #FF8400;padding:10px;}
.tabbody #box3{border-top: 1px solid #FEC600;padding:10px;}
.tabbody #box4{border-top: 1px solid #87B700;padding:10px;}
.tabbody #box5{border-top: 1px solid #2CAAE4;padding:10px;}
.tabbody #box6{border-top: 1px solid #637DD2;padding:10px;}

.tab #head1 a{width:58px; height:25px; display:block; background: url(/common/images/portal/tab_adv_on.gif)}
.tab #head2 a{width:102px; height:25px; display:block; background: url(/common/images/portal/tab_mct_on.gif)}
.tab #head3 a{width:45px; height:25px; display:block; background: url(/common/images/portal/tab_pr_on.gif)}
.tab #head4 a{width:102px; height:25px; display:block; background: url(/common/images/portal/tab_prom_on.gif)}
.tab #head5 a{width:91px; height:25px; display:block; background: url(/common/images/portal/tab_camp_on.gif)}
.tab #head6 a{width:68px; height:25px; display:block; background: url(/common/images/portal/tab_event_on.gif)}

.tab .head21 a{width:58px; height:25px; display:block; background: url(/common/images/portal/tab_adv_off.gif) !important }
.tab .head22 a{width:102px; height:25px; display:block; background: url(/common/images/portal/tab_mct_off.gif) !important}
.tab .head23 a{width:45px; height:25px; display:block; background: url(/common/images/portal/tab_pr_off.gif) !important}
.tab .head24 a{width:102px; height:25px; display:block; background: url(/common/images/portal/tab_prom_off.gif) !important}
.tab .head25 a{width:91px; height:25px; display:block; background: url(/common/images/portal/tab_camp_off.gif) !important}
.tab .head26 a{width:68px; height:25px; display:block; background: url(/common/images/portal/tab_event_off.gif) !important}



#c-area .tabchange .tabbody .close {
float:left;
height:25px;
width:auto;
text-align:center;
}
#c-area .tabchange .tabbody .open {
float:left;
height:25px;
width:auto;
text-align:center;
}

/* 右*****************/
#r-area{
	width: 300px;
	padding:7px 0 20px;
	float:right;
	overflow:hidden;
}

#r-area .deco_line{
	width: 0;
	border-left: 64px solid #FF0F8A;
	border-right: 236px solid #D6D6D6;
	height: 5px;
	font-size:1px;
	line-height:1%;
	overflow:hidden;
}

#r-area .box{
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	padding-bottom:5px;
	overflow:hidden;
}

#r-area .box .id{
	text-align:right;
	padding:10px 10px 0;
	color:#84AB1A;
	font-size:11px;
}
#r-area .box .id input{
	border:1px solid #E1E1E1;
	background:#FBFBFB;
	color:#333333;
	font-size:12px;
	width:200px;
}
#r-area .box .login{
	text-align:right;
	padding:10px 10px 0;
	color:#666666;
	font-size:10px;
	overflow:hidden;
}
#r-area .box .login a{
	text-align:right;
	font-size:10px;
	color: #29AAE3;
	text-decoration: none;
	line-height:100%;
	background: url(/common/images/portal/icon_link01.gif) 0 50% no-repeat;
	padding-left:8px;
	overflow:hidden;
}

#r-area .box .account{
	border-top:1px dotted #D6D6D6;
	text-align:right;
	padding:10px 10px 0;
	margin-top:10px;
	overflow:hidden;
}

#r-area .box .id input.cb{
	border:1px solid #E1E1E1;
	background:#FBFBFB;
	overflow:hidden;
}

#r-area .box2{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom:10px;
}

#r-area .box2 .ttl{
	width: 290px;
}

#r-area .box2 .lead{
	width:auto;
	padding:8px 0 10px 8px;
	float:left;
}
#r-area .box2 .more{
	width:auto;
	padding:8px 5px 5px 0;
	float:right;
}
#r-area .hr {
	width: 296px;
	border-top: 1px solid #D6D6D6;
	margin: 0;
	line-height:0;
	font-size:0;
	height:0;
	clear:both;
	overflow:hidden;
}
#r-area .box2 .rank{
	width: 296px;
	padding:0;
}
#r-area .box2 .rank ul{
	padding:5px;
	margin:5px 5px 0 20px;
}

/* フッター*****************/

#footer{
	width: 980px;
	padding-top:12px;
	margin:0 auto;
	background:#F3F3F5 url(/common/images/portal/footer_bg.gif) 50% top no-repeat;
	text-align:center;
	overflow:hidden;
}

#footer p.copyright{
	font-size:10px;
	color:#666666;
	margin:5px;
}
#footer p.navi{
	font-size: 10px;
	letter-spacing:0.1em;
	margin:0;
	color:#8A8A8A;
}
#footer p.navi a,
#footer p.navi a:visited,{
	font-size: 10px;
	letter-spacing:0.1em;
	margin:0;
	color:#8A8A8A;
}

/* 諸々*****************/

p.more{
	padding:0;
	margin:0;
	}
p.more a,
p.more a:visited{
	float:right;
	font-size:10px;
	color: #29AAE3;
	
}

.mar-b5 {margin-bottom:5px;}
.mar-b10 {margin-bottom:10px;}
.mar-t7 {margin-top:7px; overflow:hidden;}
.mar-r8 {margin-right:8px;}
.mar-t10 {margin-top:10px;}
.mar-t25 {margin-top:25px;}
.mar-r20 {margin-right:20px;}

.pad-r5 {padding-right:5px;}
.pad-t5 {padding-top:5px;}
.pad-10 {padding:10px;}
.pad-t10 {padding-top:10px;}
.pad-b10 {padding-bottom:10px;}
.pad-r10 {padding-right:10px;}
.pad-l10 {padding-left:10px;}

.center {margin-right:auto;margin-left:auto;}
.left{float:left;}
.right{float:right}
.img_left{float:left;width:auto;}
.img_right{float:right;width:auto;}


.emty10{width:10px; height:10px;}
.emty15{width:15px; height:15px;}
.bluetop{width:100%; height:0px; border-top: 2px solid #29AAE3; overflow:hidden;}
.bottombg{width:100%; background:url(/common/images/portal/bg_bottom.jpg) repeat-x;	border-bottom:3px solid #736F63; overflow:hidden;}
#r-area .box2 .icon{ width:auto; padding:8px 5px 8px 0; float:right;}



/****choi****/

.clear{ height:0px; margin:0px; padding:0px; clear:both; overflow:hidden;}

.greenfont{color:#8BBE01;}
.greyfont {color:#999999;}
.bluefont {color:#09C8FF;}
.fontsz14 {font-size:14px; font-weight:bolder;}

#two-area img{border:0px;}
#two-area .loginbox{width: 55px; height:19px; margin:0px 5px 10px 5px; float:right;}
#two-area .loginbox a:link{border:0px;}

#two-area { width: 768px; float:left; padding:0px 10px 20px 10px;}
#two-area .box{ width: 768px;}
#two-area .deco_line{ width: 0; border-left: 60px solid #3FC6FE; border-right: 708px solid #D6D6D6; height: 5px; font-size:1px; line-height:1%; overflow:hidden;}
#two-area .box .lead{ width:auto; padding:8px 0 10px 8px; float:left;}
#two-area .box .lead2{ width:auto; margin-right:10px; padding:8px 0 10px 8px; float:right;}
#two-area a{color:#3FC6FF;}

#two-area .expbox{ width:auto; margin:30px;}
#two-area .thumbnails{ float:left; width:auto; border:1px solid #8BBE01;}
#two-area .exptext1{ width:auto; margin-top:5px; margin-left:20px; float:left;}
#two-area .exptext2{ width:auto; margin-top:5px; margin-right:10px; float:right;}
#two-area .exptext3{ width:auto; font-size:14px; font-weight:bolder; color:#09C8FF; margin-top:10px;}
#two-area .exptext4{ width:auto; margin-top:3px;}
#two-area .exptext5{ width:auto; margin:5px 50px 5px 0px; font-style:italic; color:#999999; float:left;}
#two-area .exptext6{ width:auto; background:#E0F3FB; font-size:14px; font-weight:bolder; color:#343434; margin-top:10px; padding:5px 10px 5px 10px;}
#two-area .exptext6right{ width:auto; color:#3FC6FF; font-size:10px; float:right; margin-top:-22px; padding-right:10px;}
#two-area .exptext7{ width:auto; margin:5px 0px; font-style:italic; color:#999999; float:right;}
#two-area .exptext8{ width:auto; color:#3FC6FF; font-size:10px; clear:both; padding:5px; text-align:right;}
#two-area .exptext9{ width:auto; margin-top:5px; margin-left:20px; float:left; margin-top:20px;}
#two-area .exptext10{ width:auto; margin:5px 0px; font-style:italic; color:#999999; float:right; margin-top:20px;}
#two-area .exptext11{ width:auto; margin:5px 15px 5px 5px; float:left; font-size:24px;}


#two-area .pgnumberbox{width:auto; margin-top:10px; margin-bottom:50px; text-align:center;}
#two-area .pgnumber{ width:auto; margin:5px; color:#999999; display: inline; }
#two-area .pgnumber a{ color:#3FC6FF; margin:5px;}

#two-area .expset{margin-top:15px;}

#two-area .hr { width: 758px; border-top: 1px solid #D6D6D6; margin: 0 5px; line-height:0; font-size:0; height:0; clear:both;}
/****choi_loged in****/
.login_hello{width:290; height:20px; padding-left:10px; padding-top:10px;}
.login_mainbox{width:260px; padding:0px 15px 5px 20px;}
.login_img{width:81px; height:81px; border:1px solid #D8D8D8; float:left;text-align:center;}
.dotline{ border-top:1px dotted #D6D6D6; padding:10px 10px 10px; margin-top:10px;}
.logout_bt{ width:52px; float:right; margin-top:-20px; margin-right:20px;}
.logout_bt img{ border:0px;}
.gopage_bt{width:165px; height:30px; margin-top:6px; margin-bottom:6px; float:right;}




a.qanda {
	color:#29AAE3;
}
a.qanda :visited{
	color:#29AAE3;
}
a.qanda :hover{
	color:#29AAE3;
}

.display_name {
	width: 200px;
	line-height:12px;
}


.thumbnails_pu{ 
	float:left; 
	width:100px; 
	height:100px;
        border:5px solid #D8D8D8;
	background:url(/common/images/portal/default.jpg) 
}

.thumbnails_img{
height:100px;
width: 100px;
}


.thumbnails_2{ float:left; 
display:block;
text-align:center;
border:1px solid #8BBE01;
width:50px;
height:50px;
}

.article_intro{
float: right;
display: block;
width: 620px;
margin: 0px 10px 0px 20px;
}

.tn_box{
background:white; width:50px; height:50px; max-width:50px; height:auto; max-height:50px; width:auto; line-height:50px;
}


.login_tn{
width:80px; height:80px; max-width:80px; height:auto; max-height:80px; width:auto; line-height:80px;
}


#r-area .box1{
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	padding-bottom:5px;
	overflow:hidden;
}
#r-area .box1 .id{
	text-align:right;
	padding:10px 10px 0;
	color:#84AB1A;
	font-size:11px;
}
#r-area .box1 .login{
	text-align:right;
	padding:10px 10px 0;
	color:#666666;
	font-size:10px;
	overflow:hidden;
}
#r-area .box1 .login a{
	text-align:right;
	font-size:10px;
	color: #29AAE3;
	text-decoration: none;
	line-height:100%;
	background: url(/common/images/portal/icon_link01.gif) 0 50% no-repeat;
	padding-left:8px;
	overflow:hidden;
}

#r-area .box1 .account{
	border-top:1px dotted #D6D6D6;
	text-align:right;
	padding:10px 10px 0;
	margin-top:10px;
	overflow:hidden;
}

#r-area .box1 .id input.cb{
	border:1px solid #E1E1E1;
	background:#FBFBFB;
	overflow:hidden;
}
*html #r-area .box1{margin-top:-20px;}