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


/*
memo:
max-widthをmediaquerisで処理するくさい気がする。
*/

/*
============================================================
*	index.css
============================================================
*/

#container.typeIndex{
	background:url(/images/index/bg_index.jpg) no-repeat center top;
}




/**/

.indexBanners{
	overflow:hidden;
}
.indexBanners .indexBannersInner{
	margin:0 auto;
}
.indexBanners .bnrItem{
	/*width:302px;*/
	height:261px;
	margin:0 9px 8px;
}
.indexBanners .bnrItem p{
	margin:0 0 8px;
}
.indexBanners .bnrItem p.last{
	margin-bottom:0;
}
.indexBanners .bnrItem.kvBox{
	/*width:621px;*/
}
.indexBanners .bnrItem.kvBox img{
	width:621px;
}
.indexBanners .bnrItem .halfBox{
	margin:0 0 8px 0;
	overflow:hidden;
	zoom:1;
}
.indexBanners .bnrItem .halfBox.last{
	margin-bottom:0;
}
.indexBanners .bnrItem .halfBox p{
	float:left;
	margin-right:8px;
}
.indexBanners .bnrItem .halfBox.single p{
	margin-bottom:1px;
}
.indexBanners .bnrItem .halfBox.last p{
	margin-bottom:0;
}
.indexBanners .bnrItem .halfBox p.last{
	margin-right:0;
}
.indexBanners .bnrItem .halfBox .recruitBox{
	background:url(/images/index/bnr_05.png) 0 0 no-repeat;
	width:136px;
	height:117px;
	padding:5px;
	float:left;
	margin-right:8px;
	overflow:hidden;
}
.indexBanners .bnrItem .halfBox .frickrBox{
	background:url(/images/index/bnr_05.png) 0 0 no-repeat;
	width:134px;
	height:115px;
	padding:6px;
	float:left;
	overflow:hidden;
	position:relative;
}
.indexBanners .bnrItem .halfBox .frickrBox a{
	width:134px;
	height:115px;
	overflow:hidden;
	display:block;
}
.indexBanners .bnrItem .halfBox .frickrBox img{
	width:100%;
}
.indexBanners .bnrItem .halfBox .frickrBox img.logoflircr{
	position:absolute;
	bottom:8px;
	right:8px;
	width:38px!important;
}

/**/

.informationBox{
	width:302px;
	height:127px;
	background:url(/images/index/bg_info.png);
}
.informationBox .head{
	padding:13px 16px 3px;
	font-weight:bold;
}
.informationBox .cont{
}
.informationBox .cont dl{
	margin:0 16px 3px;
	font-size:0.90em;
}
.informationBox .cont dl dt{
	color:#452700;
	width:50px;
	float:left;
}
.informationBox .cont dl dd{
	margin:0 0 0 50px;
}

/**/

@media screen and (max-width:641px){
	
	#header .leftCol,
	#header .rightCol,
	#header .headSearchBox{
		float:none;
		margin:0 auto;
	}

	#container.typeIndex{
		background:none;
	}
	
	.indexBanners{
	}
	.indexBanners .indexBannersInner{
		width:auto !important;
		margin:0 10px;
		overflow:visible;
	}
	.indexBanners .bnrItem{
		height:auto !important;
		margin-right:0;
		margin-left:0;
	}
	.indexBanners .bnrItem,
	.indexBanners .bnrItem img{
		width:100% !important;
	}
	.indexBanners .bnrItem .halfBox{
		margin-left:auto;
		margin-right:auto;
		width:310px;
	}
	.indexBanners .bnrItem .halfBox p,
	.indexBanners .bnrItem .halfBox .frickrBox{
		margin-right:4px !important;
		margin-left:4px !important;
	}
	.informationBox{
		margin:0 auto;
	}
	#footer .footerInner{
		padding-top:0;
	}
	#footer .footerInner .footerImg01,
	#footer .footerInner .footerImg02{
		display:none;
	}
	
	#footer .footerBtm{
		padding-top:20px;
	}
	#footer .footerBtm .footerLinks{
		margin:0 0 5px;
	}
	#footer .footerBtm .copyright{
		padding:10px 0;
	}
}

@media screen and (max-width:320px){
.indexBanners .bnrItem{
	height:127px;
}

.indexBanners .bnrItem.kvBox img{
	width:302px;
	height:127px;
}

	/*
	.indexBanners .bnrItem,
	.indexBanners .bnrItem img{
		width:100%;
	}
	.indexBanners .bnrItem .halfBox{
		width:auto;
	}
	.indexBanners .bnrItem .halfBox p{
		float:none;
		text-align:center;
	}
	.indexBanners .bnrItem .halfBox p img{
		width:auto !important;
	}
	*/

}