@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      layout.css
 Author:         Crea.,Inc.
 Style Info:     レイアウト関連のスタイル

-------------------------------------------------*/



/*==-----------------------------------------------
body
-------------------------------------------------*/
html, body {
height: 100%;
min-width:1010px;}


	  /* must be same height as the footer */


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/*==-----------------------------------------------
container
-------------------------------------------------*/
#container{
	min-height: 100%;
	width:100%;
	text-align: center;
}

* html #container {display:table;}



/*==-----------------------------------------------
header
-------------------------------------------------*/
#header{
	width:100%;
	text-align: center;
	margin-bottom: 10px;
}
#header .section{
	width:1010px;
	height:94px;/*105*/
	margin: 0 auto;
	padding-top: 11px;
}




/*==-----------------------------------------------
navigation
-------------------------------------------------*/
#nav{
	width:1010px;
	clear:both;
	height: 52px;
	margin:0 auto 9px auto;
}


/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	width:1010px;
	margin: 0 auto;
	background:#fff;
	padding-bottom: 25px;
}

#contents #inner{
	width:1010px;
	height:100%;/*適切に調整*/
	margin-bottom: 10px;
}

/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{
	width:750px;
	float:right;
	padding: 0 0 10px 0;
}


#main .section{
	margin-bottom:20px;
}
#main .section:last-child{
	margin-bottom:0;
}

#main .aside{
	margin-bottom:20px;
}


/*==-----------------------------------------------
article
-------------------------------------------------*/

#main .article div.in-box {
    border: 5px solid #333333;
    padding: 15px;
    background: #FFF;
    border-top: none;
}


/*==-----------------------------------------------
sidebar
-------------------------------------------------*/
#sidebar.aside{
	width:250px;
	float:left;
}


/*==banner*/

#sidebar.aside #banner{
	margin: 0 0 10px 0;
}

/*==iframe*/

#sidebar.aside iframe{
	width: 250px !important;
	height: 200px !important;
	margin-top: 7px;
}
#sidebar.aside div iframe:first-of-type{
	margin-top: 0;
}
/*==-----------------------------------------------
index-bnr
-------------------------------------------------*/




/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	width:100%;
	clear:both;
}







/*==-----------------------------------------------
clearfix
-------------------------------------------------*/


.clearfix {clear:both; }

.clearfix:after,
#container:after,
#nav:after,
#header:after,
#inner:after,
.article:after,
.section:after,
.aside:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     font-size:0.1em;
}

.clearfix,
#container,
#nav,
#header,
#inner,
.article,
.section,
.aside{
display: inline-block;
}

.clearfix,
#container,
#nav,
#header,
#inner,
.article,
.section,
.aside{
display: block;
}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */