@charset "utf-8";

/*	共通パーツ
---------------------------------*/
/*----- common -----*/
html,body {
	height: 100%;
}
body {
	color:#5b5b5b;
	line-height:1;
	background:#d9f3ff url(../images/bg.jpg) 0 0 repeat-x;
	position: relative;
}
.contentsBG{
	width:100%;
	background:url(../images/bg_deco.png) center 30px no-repeat;
}
.contentsBox{
	width:976px;
	margin: 0 auto;
	padding-bottom:32px;
	background:url(../images/box_btm.png) 0 bottom no-repeat;
}
.contentsInner{
	padding:0 13px;
	background:url(../images/box_bg.png) 0 0 repeat-y;
}
a{
	display: block;
}
a:link {
	text-decoration: underline;
	color: #5b5b5b;
}
a:visited {
	text-decoration: underline;
	color: #5b5b5b;
}
a:active {
	text-decoration: none;
	color: #1188cc;
}
a:hover {
	text-decoration: none;
	color: #1188cc;
}
a:hover img {
	opacity: 0.8;
}
ul {
	list-style: none;
}


/*----- ヘッダ -----*/
.headerBox{
	width:950px;
	height:65px;
	position: relative;
}
.headerBox .logo{
	position: absolute;
	top:8px;left:20px;
}
.headerBox .rss{
	position: absolute;
	top:17px;right:305px;
}
.headerBox .formArea{
	width:275px;
	height:31px;
	position: absolute;
	top:17px;right:20px;
}
.headerBox .formArea:after{
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.headerBox .formArea .txtbx{
	width:185px;
	height:29px;
	float: left;
	border:0;
	padding-left: 10px;
	color:#0086e6;
	background:url(../images/search_bg.png) 0 0 no-repeat;
}
.headerBox .formArea .btn{
	width:70px;
	height:31px;
	float: left;
	cursor: pointer;
	border:0;
	background:url(../images/search_btn.png) 0 0 no-repeat;
}
/*タイトル*/
.titleArea{
	width: 950px;
	height: 370px;
	position: relative;
}
.titleArea img{
	position: absolute;
	top:0;left: 0;
}
.titleArea a.topLink{
	width: 530px;
	height: 110px;
	position: absolute;
	top:260px;left: 45px;
	overflow: hidden;
	text-indent: -10000em;
	background: rgba(255,255,255,0);/*iE*/
	background:url(../images/transparent.png)\9;/*iE8*/
}


/*----- グローバルナビ -----*/
ul.globalNavi{
	width:910px;
	margin:0 auto;
	padding:7px 0 0;
}
ul.globalNavi:after{
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
ul.globalNavi li{
	float:left;
}
ul.globalNavi li a{
	height: 56px;
	float:left;
	overflow: hidden;
	text-indent: -10000em;
	background:url(../images/global_navi.png) 0 0 no-repeat;
}
ul.globalNavi li.b1 a{
	width:170px;
	background-position: 0 0;
}
ul.globalNavi li.b1 a:hover,
#theme ul.globalNavi li.b1 a{
	background-position: 0 -56px;
}
ul.globalNavi li.b2 a{
	width:170px;
	background-position: -170px 0;
}
ul.globalNavi li.b2 a:hover,
#month ul.globalNavi li.b2 a{
	background-position: -170px -56px;
}
ul.globalNavi li.b3 a{
	width:190px;
	background-position: -340px 0;
}
ul.globalNavi li.b3 a:hover,
#recommend ul.globalNavi li.b3 a{
	background-position: -340px -56px;
}
ul.globalNavi li.b4 a{
	width:190px;
	background-position: -530px 0;
}
ul.globalNavi li.b4 a:hover,
#gallery ul.globalNavi li.b4 a{
	background-position: -530px -56px;
}
ul.globalNavi li.b5 a{
	width:190px;
	background-position: -720px 0;
}
ul.globalNavi li.b5 a:hover,
#about ul.globalNavi li.b5 a{
	background-position: -720px -56px;
}


/*----- メインエリア -----*/
.mainArea{
	width:910px;
	margin: 13px auto 0;
	background:url(../images/main_bg.png) 0 0 repeat-y;
}

/*記事一覧など　リスト共通*/
.mainArea .innerStory{
	padding:14px 17px 25px;
	background:url(../images/main_btm.png) 0 bottom no-repeat;
}
ul.storyList{
	width:100%;
}
ul.storyList:after{
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
ul.storyList li{
	width:276px;
	height:282px;
	margin:0 8px 25px;
	float:left;
}
ul.storyList li .listImg{
	height:210px;
	text-align: center;
}
ul.storyList li .listImg img{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
ul.storyList li .listImg img.thum{
	width: 276px;
	height: 210px;
}
ul.storyList li .listTxt{
	padding:15px 0 0;
	font-weight: bold;
}
ul.storyList li .txtInner:after{
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
ul.storyList li .txtInner p{
	vertical-align: middle;
}
ul.storyList li .listData{
	color:#0086e6;
	font-size: 90%;
	padding-top: 3px;
	float: left;
}
ul.storyList li .listNew{
	font-size: 9px;
	color:#FFF;
	line-height: 1;
	background-color: #ceaa6e;
	border-radius: 4px;
	padding:4px 5px 3px;
	margin-left: 10px;
	float: left;
}
ul.storyList li .listTtl{
	padding-top:5px;
	line-height: 1.3;
}
.linkBtn{
	text-align: center;
}
.linkBtn a{
	display: inline-block;
}

/*アコーディオン共通*/
.mainArea .innerList{
	padding:14px 25px 35px;
	background:url(../images/main_btm.png) 0 bottom no-repeat;
}
.innerList .accordion-menu{
	margin: 0;
}
.innerList .accordion-menu dt{
	background:#0086e6 url(../images/list_bg_blue.png) left top repeat-x;
	border-bottom: 1px solid #d1eff7;
}
.innerList .accordion-menu dt a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 11px 10px 12px;
	position: relative;
}
.innerList .accordion-menu dt a.open::after,
.innerList .accordion-menu dt a.close::after {
	content: ' ';
	width:10px;
	height:7px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
.innerList .accordion-menu dt a.open::after {
	background:url(../images/list_icon_up.png) 0 0 no-repeat;
}
.innerList .accordion-menu dt a.close::after {
	background:url(../images/list_icon_dwn.png) 0 0 no-repeat;
}
.innerList .accordion-menu dt a img{
	vertical-align: middle;
	line-height: 0;
	margin-right: 8px;
}
.innerList .accordion-menu dd{
	margin: 0;
}


/*----- SNS -----*/
#snsBox{
	width:900px;
	height:85px;
	margin: 20px auto 0;
	position: relative;
}
#snsBox ul{
	position: absolute;
	top:12px;
	right:66px;
}
#snsBox ul:after{
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
#snsBox ul li{
	float: left;
	padding: 0 2px;
}
#snsBox #snsMes{
	width: 400px;
	padding: 10px;
	background-color:#FFF;
	border: 1px solid #40a4ec;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#0086e6;
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
	position: absolute;
	right:25px;
	z-index: 10;
}


/*----- バナー1 -----*/
ul.officialBnr{
	width: 900px;
	margin: 25px auto 0px;
}
ul.officialBnr:after{
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
ul.officialBnr li.left{
	float:left;
}
ul.officialBnr li.right{
	float:right;
}


/*----- バナー2 -----*/
ul.subBnr{
	width:910px;
	margin:0px auto 0;
}
ul.subBnr:after{
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
ul.subBnr li{
	float:left;
	margin:10px 4px 0 5px;
}


/*----- pagetopへ -----*/
.pagetop{
	width: 950px;
	margin:15px auto 0;
	text-align: right;
}
.pagetop a{
	display: inline-block;
}
/* オフィシャルcss上書き */
#common-footer{
	border-top: 4px solid #0086e6;
}
#common-footer a{
	display: inline;
}

/*----- 404 -----*/
.notfound{
	height: 70px;
	padding-top: 30px;
	padding-left: 30px;
	font-size: 120%;
}

/*----- 検索 -----*/
.searchkey{
	padding-left: 30px;
	margin-top: 10px;
	font-size: 120%;
}