@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/
html,body{
	min-width:1000px;
}

body {
	background:#FFF;
	color: #000;
	font-size: 13px;
	font-family: Meiryo, helvetica, clean, sans-serif, arial;
	line-height: 1.5;
}

a {	text-decoration: underline; outline:none;}
a:link		{ color: #ff6600; }
a:visited	{ color: #ff6600; }
a:hover		{ color: #ffcc00; }
a:active	{ color: #ffcc00; }

#container{
	background:url(../images/bg.png) repeat center top;
}

#bgCol{
	background:url(../images/top/header_line.png) repeat-x top;
	padding-top:10px;
}

#wrapper{
	background:url(../images/bg_contents.png) repeat-y top;
	width:968px;
	margin:0 auto;
}

#mainCol{
	width:960px;
	margin:0 auto;
}

header{
	background:url(../images/top/bg.jpg) no-repeat top center;
	position:relative;
}
header p.head_bnr{
	padding:20px 0 0 23px;
}
header p.bnr_about{
	position:absolute;
	right:0px;
	top:29px;
}

header #logo{
	width:791px;
	margin:377px auto 0 auto;
	padding-left:15px;
}
header #pv{
	float:right;
	cursor:pointer;
	margin-bottom:-15px;
}
header ul#sns{
	clear:both;
	margin:0 35px -26px 10px;
	float:right;
	position:relative;	
}

header ul#sns li{
	float: left;
}

header ul#sns li.btnFb,header ul#sns li.btnTw{
	margin-right:10px;
}

#mainCol-inner{
	width:924px;
	margin:10px 0 0 7px;
}

#mainCol-inner h2{
	margin-bottom:-6px;
}

#bnrArea-inner{
	background:url(../images/bnrArea/bg.png) repeat-y top center;
}

#bnrArea{
	width:892px;
	margin:0 auto -10px auto;
	padding-left:20px;
}

#bnrArea-inner ul{
	padding-left:15px;
	position: relative;
}

#bnrArea-inner ul li{
	float:left;
	width:216px;
	height: 131px;
}
#bnrArea-inner ul li.G4U {
	clear: both;
	margin-left: 3px;
}
#bnrArea-inner ul li.pv{
	/*clear: both;
	position: absolute;
	top: 128px;
	left: 7px;*/
}
#bnrArea2 {
	width:892px;
	margin:20px auto -10px auto;
	padding-left:20px;
}
#newsCol{
	background:url(../images/news/bg.png) no-repeat top left;
	float:left;
	padding:22px 0 0 24px;
}
#newsCol-inner {
	width: 438px;
	height: 206px;
	background:url(../images/news/bg_news.png) no-repeat top left;
}
#newsCol dl{
	width: 408px;
	margin-left: 15px;
	height:180px;
	overflow: auto;
}

#newsCol dl dt{
	background:url(../images/news/bg_day.png) no-repeat top left;
	color:#FFF;
	padding-left:18px;
	font-size: 14px;
}

#newsCol dl dd{
	color: #F41AA5;
	padding: 10px;
	text-decoration: underline;	
}

#specCol{
	background:url(../images/news/bg.png) no-repeat top left;
	float:right;
	padding:22px 0 0 24px;
}

#specCol ul{
	background:url(../images/news/bg_news.png) no-repeat top left;
	padding-left:15px;
	height:206px;
}

#specCol ul li{
	padding-bottom:20px;
}
#about{
	width:898px;
	background:url(../images/about/bg.png) no-repeat top left;
	padding:15px 0 0 24px;
	clear:both;
}
#about p{
	margin-bottom:-6px;
}
#linkArea{
	width:898px;
	margin:10px auto 0 auto;
	padding-left:25px;
	text-align:center;
}
#linkArea li{
	float:left;
	padding-right:20px;
}
#linkArea li:last-child{
	padding-right:0;
}
/*#linkArea li.l_g4u{
	padding-left:20px;
}
#linkArea li.l_ofa{
	padding-right:20px;
}
#linkArea li.l_game{
	margin-top:-10px;
}*/

footer{
	text-align:center;
	margin:0 auto;
	width:960px;
}
footer img{
	vertical-align: bottom;
}

.line{
	height:2px;
}
footer p{
	font-size: 11px;
	color:#2A2C2C;
	line-height: 1.5;
	margin:10px 0 -9px 0;
}
footer ul{
	clear:both;
	margin:0 auto 15px auto;
}

footer ul li{
	float:left;
	padding:0 10px;
}
#bnrCol{
	padding:23px 154px 5px 154px;
	background:url(../images/footer/bg.jpg) no-repeat center -5px;
}
#bnr_bottom{
	margin-left:108px;
}

#pagetop{
	position: fixed;
	bottom: 20px;
	right: 30px;
}

.txt_h{
	text-align:center;
	font-size:9px;
	padding:5px 0;
	border-top:solid 1px #CCCCCC;
	color:#666;
}
.bnr_ps {
	position: absolute;
	right: 760px;
	top: 66px;
}

/* 汎用クラス
------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
