@charset "UTF-8";

/* content
----------------------------------------------------*/
#content {
	background: url(../img/content_bg.png) repeat left top;
	position: relative;
	overflow: hidden;
}

/* !breadcrumb
--------------------------------------------------- */
#breadcrumb {
	max-width:780px;
	margin:0 auto;
	font-size:12px;
	padding:10px 0 20px;
}

/* mainvisual
-+--------------------------------------------------*/
#mainvisual {
	width: 780px;
	margin: 0 auto;	
}

/* contentInner
----------------------------------------------------*/
#contentInner{
	background:#448aca;
	padding: 30px 0 20px;
	-webkit-box-shadow:0px 5px 0px 0px rgba(255,255,255,.4) inset;
	-moz-box-shadow:0px 5px 0px 0px rgba(255,255,255,.4) inset;
	box-shadow:0px 5px 0px 0px rgba(255,255,255,.4) inset;

}

/* contentInner
----------------------------------------------------*/
#maincontents{
	position: relative;
	background: #fff url(../img/contentInner_bg02.png) repeat left top;
	-webkit-box-shadow:0px 4px 0px 0px rgba(48,98,143,.5);
	-moz-box-shadow:0px 4px 0px 0px rgba(48,98,143,.5);
	box-shadow:0px 4px 0px 0px rgba(48,98,143,.5);
	padding: 33px 0 25px;
}

#maincontents:before{
	position: absolute;
	content: " ";
	width: 100%;
	max-width: 1200px;
	margin: auto;
	height: 33px;
	background:  url(../img/maincontents_bg_top.png) no-repeat left top;
	background-size: 41px;
	top: 0;
	left: 0;
	right: 0;
}

#maincontents:after{
	position: absolute;
	content: " ";
	bottom: -8px;
	height: 33px;
	background:url(../img/maincontents_bg_bottom.png) no-repeat left top;
	background-size: 41px;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	left: 0;
	right: 0;
}

#maincontents .inner{
	max-width: 780px;
	margin: 0 auto;
	padding: 0 80px;
	position: relative;
}

#maincontents #main{
	max-width: 1200px;
	margin: 0 auto;
	background:url(../img/contentInner_bg.png) repeat-y left top;
	background-size: 41px;
	top: 0;
	padding:1px 0 50px;
}


/* readcopy
-----------------------------------------------------------------------*/
#maincontents .readcopy{
	max-width: 655px;
	margin: 35px auto 0;

}

/* h2
-----------------------------------------------------------------------*/
#maincontents h2{
	max-width: 567px;
	margin: 55px auto 0;

}

/* ul
-----------------------------------------------------------------------*/
#maincontents ul{
	list-style-type: none;
	overflow: hidden;
	padding-bottom: 10px;
	max-width: 705px;
	margin: 55px auto 0;
}

#maincontents ul li{
	float: left;
	width: 49%;
	max-width: 345px;
	margin-bottom: 15px;
	background: #c65f11;
	border-radius: 3px;
	padding-bottom: 3px;
}

#maincontents ul li a{
	display: block;
	background: #E76F2E;
	border-radius: 3px;
}

#maincontents ul li:hover{
	padding-top: 3px;
	padding-bottom: 0;
	box-shadow: none;
	background:none;
}


#maincontents ul li:hover a img{
	opacity: 0.6;
}




#maincontents ul li:nth-child(even){
	float: right;
}

/* footLinks
------------------------------------------------------------------------*/


#footLinks {
	margin:40px auto;
	max-width: 780px;
}

#footLinks ul{
	list-style-type: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#footLinks ul li{
	float: left;
	width: 32%;
	margin: 0 15% 0 0;
	margin-right: 1.5%;
}

#footLinks ul li:last-child{
	margin-right: 0%;
}