@charset "utf-8";

/*
wrapper
----------------------------------------------------*/
#wrapper{
	background:#ffffff;
	border-left:1px solid #e5e2dd;
	border-right:1px solid #e5e2dd;
	margin:0 auto;
	width:1008px;
}

#container{
	width:980px;
	margin:0 0 0 15px;
	padding:2px 0 0 0;
	text-align:left;
	clear:both;
}

#container .txt{
	font-size:11px;
	text-align:right;
	margin:3px 0 5px 0;
}

#container .txt a{
	font-size:11px;
}

/*
header
----------------------------------------------------*/

#header{
	margin:0 0 15px 0;
	height:90px;
}

#logo{
	float:left;
	width:251px;
}


#gnavi{
	float:right;
	width:712px;
}

#gnavi ul{
	background:url(../images/global_navi_bg.gif) no-repeat;
	width:712px;
	height:64px;
	position:relative;
}

#gnavi .home{
	position:absolute;
	left:2px;
	top:0;
}

#gnavi .about{
	position:absolute;
	left:61px;
	top:0;
}

#gnavi .house{
	position:absolute;
	left:61px;
	top:30px;
}

#gnavi .person{
	position:absolute;
	left:277px;
	top:30px;
}

#gnavi .company{
	position:absolute;
	left:494px;
	top:30px;
}


/*
contents
----------------------------------------------------*/
#path{
	margin:0 0 20px 0;
}

#keywordArea{
	clear:both;
	_margin:15px 0 0 0;
}

#keywordArea .keyword{
	border:1px solid #cbcbcb;
}

.keyword .ttl{
	float:left;
	width:178px;
}

.keyword form{
	float:left;
	margin:7px 0 0 5px;
}

.keyword .txt{
	float:left;
	width:350px;
}

.keyword .txt input{
	width:340px;
}

.keyword .btn{
	float:left;
	width:132px;
	margin:0 0 0 7px;
}


#contenstArea.article #leftcontents{
	float:left;
	width:685px;
	margin-right:15px;
	_margin-right:13px;
}

#contenstArea .contentsbox{
	margin-bottom:16px;
	position:relative;
}

#contenstArea .contentsbox .btn_ichiran{
	position:absolute;
	left: 589px;
	top: 13px;
}

#contenstArea .contentsbox .btn_rss{
	position:absolute;
	left: 526px;
	top: 12px;
}

#contenstArea .contentsbox .update{
	position:absolute;
	font-size:12px;
	left: 107px;
	top: 9px;
}

#contenstArea ul li a,
#rightcontents ul li a{
	background:url(../images/i01.gif) 0 6px no-repeat;
	padding:3px 0 0 8px;
}


#contenstArea .articlebox ul{
	text-align:left;
}

#contenstArea .articlebox ul li{
	float:left;
	width:210px;
	margin:0 10px 7px 0;
}

#contenstArea .companybox ul{
	text-align:left;
}

#contenstArea .companybox ul li{
	float:left;
	width:200px;
	height:34px;
	margin:0 10px 0 0;
	line-height:14px;
	padding-left:10px;
	text-indent:-10px;
}

#contenstArea .txt ul li{
	text-align:left;
	margin:0 10px 7px 0;
}


#contenstArea #leftcontents .box{
	margin-bottom:7px;
}

#contenstArea #leftcontents .box dl{
	width:123px;
	text-align:left;
	float:left;
	margin-right:15px;
}

#contenstArea #leftcontents .box dt{
	width:123px;
	height:83px;
	overflow:hidden;
}

#contenstArea #leftcontents .box2 dl{
	text-align:left;
	border-bottom:1px dotted #dddddd;
	margin:0 10px 10px 0;
	float:left;
	width:327px;
	height:110px;
	overflow:visible;
}


#contenstArea #leftcontents .box2 dd span{
	display:block;
	text-align:left;
	margin-top:6px;
}

#contenstArea #leftcontents dl.right{
	margin-right:0;
}

#contenstArea #leftcontents #interview dl{
	margin:0 7px;
	_margin:0 6px;
}

#contenstArea #leftcontents .page{
	font-weight:bold;
	text-align:center;
	margin:10px 0;
}

#contenstArea #leftcontents .page a{
	font-weight:bold;
}

#contenstArea #leftcontents .page .before,
#contenstArea #leftcontents .page .next{
	border:none;
	padding:0 10px;
	background:#ffffff;
}


#rightcontents{
	float:right;
	width:280px;
}

#rightcontents h3{
	font-weight:bold;
}

#rightcontents .contentsbox{
	margin-bottom:15px;
}

#rightcontents .contentsbox .box{
	border:1px solid #dddddd;
	text-align:left;
	padding:10px;
	width:258px;
}

#rightcontents .banner{
	margin-bottom:15px;
}

#rightcontents .event,
#rightcontents .weblog{
	position:relative;
}

#rightcontents .event .ichiran,
#rightcontents .weblog .ichiran{
	position:absolute;
	left: 210px;
	top: 5px;
}

#rightcontents .event .ichiran a,
#rightcontents .weblog .ichiran a{
	background:url(../images/i01.gif) 0 6px no-repeat;
	padding:2px 0 0 8px;
}

#rightcontents .event .box{
	display:block;
	height:120px;
	overflow:auto;
}


#rightcontents .event2 h4{
	margin-bottom:10px;
}

#rightcontents .event2 .img{
	float:left;
	padding:0 10px 10px 0;
}

#rightcontents .event2 .eventBox{
	border-bottom:1px dotted #dddddd;
	margin-bottom:12px;
	padding-bottom:5px;
}

#rightcontents .event2 .no-event{
	margin:40px auto;
	text-align:center;
}

#rightcontents .event h4{
	background:url(../images/ttl_rightcontents_bg.gif) no-repeat;
	width:270px;
	height:22px;
	padding:7px 0 0 10px;
	font-size:14px;
}

#rightcontents .btm{
	padding-bottom:0;
	margin-top:5px;
}


#rightcontents .contentsbox .box li{
	margin-left:8px;
	text-indent:-8px;
	margin-bottom:5px;
}

#rightcontents .contentsbox .box li.ranking01,
#rightcontents .contentsbox .box li.ranking02,
#rightcontents .contentsbox .box li.ranking03,{
	margin-left:0;
	margin-bottom:5px;
}

#rightcontents .contentsbox .box dl{
	margin-bottom:10px;
	width:258px;
	border-bottom:1px dashed #dddddd;
}

#rightcontents .contentsbox .box dl dt a{
	font-size:14px;
}

#rightcontents .contentsbox .box dl dt{
	margin-bottom:5px;
}

#rightcontents .contentsbox .box dl dd{
	font-size:11px;
}

#rightcontents .contentsbox .box .voice,
#rightcontents .contentsbox .box .epirka dl,
#rightcontents .contentsbox .box .review dl{
	border-bottom:1px dashed #dddddd;
	margin-bottom:10px;
}

#rightcontents .contentsbox .box .epirka dt,
#rightcontents .contentsbox .box .review dt{
	float:left;
}

#rightcontents .contentsbox .box .review dt{
	display:block;
	height:60px;
	overflow:hidden;
}

#rightcontents .contentsbox .box .epirka dd,
#rightcontents .contentsbox .box .review dd{
	float:left;
	margin-left:5px;
	width:190px;
}

#rightcontents .contentsbox .box .epirka a,
#rightcontents .contentsbox .box .review a{
	font-size:12px;
}

#rightcontents .contentsbox .box .voice .reporter a{
	font-size:12px;
}

#rightcontents #special{
	background:#f5f5f5;
	padding:10px 10px 5px 10px;
	margin-bottom:15px;
	border-top:1px dashed #dddddd;
	border-bottom:1px dashed #dddddd;
}

#rightcontents #special li{
	margin-bottom:5px;
}

#rightcontents .weblog span{
	display:block;
	text-align:right;
	margin-top:5px;
}

#rightcontents .weblog dl{
	border-bottom:1px dashed #dddddd;
	padding-bottom:5px;
}

#rightcontents .weblog dd{
	line-height:14px;
}


#rightbanner{
	width:280px;
	padding-bottom:10px;
	display:block;
}

#eventArea{
	border:1px solid #ddd;
	margin:0 0 15px;
	padding:10px;
}

#eventArea h3{
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px;
	padding:0 0 0 8px;
	border-left:5px solid #8dbe25;
}

#eventArea .box{
}

#eventArea p{
	margin:0;
	border-bottom:1px dotted #dfdfdf;
	padding:6px 0;
}

#eventArea .box p:last-child{
	border-bottom:none;
	padding-bottom:0;
}

/*
about
--------------------------------------------*/

h1#category,
h3.category_ttl{
	background:url(../images/ttl_bg_category.gif) no-repeat;
	color:#323232;
	width:665px;
	height:32px;
	font-size:16px;
	font-weight:bold;
	padding:8px 0 0 20px;
	margin-bottom:10px;
}


#contenstArea #leftcontents .about p{
	font-size:14px;
	line-height:24px;
}

#contenstArea #leftcontents .about h4{
	font-size:18px;
	font-weight:bold;
}

#contenstArea #leftcontents .about table{
	border:1px solid #dddddd;
	border-collapse:collapse;
	width:680px;
	margin:15px 0;
}

#contenstArea #leftcontents .about table th,
#contenstArea #leftcontents .about table td{
	border:1px solid #dddddd;
	padding:5px;
	font-size:12px;
}


/*SNSボタン-------------------*/
.snsbutton{
	margin:10px 0;
	clear:both;
}

.snsbutton .twitter,
.snsbutton .facebook,
.snsbutton .hatena,
.snsbutton .google{
	display:inline-block;
}

/*shareボタン-------------------*/
.share_box p{
	font-size:14px;
	text-align:center;
	margin:0 0 20px 0;
}

.share_box .share{
	position:relative;
	margin-right:-11px;
	zoom: 1;
	overflow:hidden;
	width:696px;
}

.share_box .share li{
	float:left;
	margin:0 11px 10px 0;
	width:221px;
	height:40px;
	color:#fff;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.share_box .share li a{
	color:#fff;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	display:block;
	width:221px;
	height:40px;
	padding:10px 0 0 45px !important;
}
.share_box .share li span{
	padding-left:8px;
}
.share_box .share li.twitter{
	background:#1B95E0;
}
.share_box .share li.twitter a{
	background:url(../../../common/images/sns/i_twitter.png) 8px 10px no-repeat !important;
	background-size:auto 20px !important;
}
.share_box .share li.facebook{
	background:#3564a2;
}
.share_box .share li.facebook a{
	background:url(../../../common/images/sns/i_facebook.png) 8px 10px no-repeat !important;
	background-size:auto 20px !important;
}
.share li.gplus{
	background:#dd4b39;
}
.share_box .share li.gplus a{
	background:url(../../../common/images/sns/i_google.png) 8px 10px no-repeat !important;
	background-size:auto 20px !important;
}
.share_box .share li.hatena{
	background:#008FDE;
}
.share_box .share li.hatena a{
	background:url(../../../common/images/sns/i_hatena.png) 8px 10px no-repeat !important;
	background-size:auto 20px !important;
}
.share_box .share li.pocket{
	background:#EE4056;
}
.share_box .share li.pocket a{
	background:url(../../../common/images/sns/i_pocket.png) 8px 10px no-repeat !important;
	background-size:auto 20px !important;
}
.share_box .share li.line{
	background:#00C300;
}
.share_box .share li.line a{
	background:url(../../../common/images/sns/i_line.png) 8px 10px no-repeat !important;
	background-size:auto 20px !important;
}

/*
footer
----------------------------------------------------*/

.pagetop{
	text-align:right;
	margin:10px 0;
}

#footer{
	border-top:2px solid #ffc134;
	text-align:left;
	width:980px;
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
}

#footer ul{
	margin:10px 0 10px -6px;
}

#footer ul li{
	display:inline;
	border-left:1px solid #cccccc;
	padding:2px 5px 0 5px;
}

#footer ul li a{
	font-size:12px;
}

#footer .txt{
	font-size:11px;
	width:680px;
	float:left;
	text-align:left;
}

#footer .copyright{
	font-size:11px;
	width:300px;
	float:right;
	text-align:right;
	padding:10px 0 0 0;
}