@charset "utf-8";


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

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

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



/*==-----------------------------------------------
body
-------------------------------------------------*/
html, body {height: 100%;}


	  /* 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:980px;
	height: 120px;
	margin: 0 auto;
}


/*==-----------------------------------------------
navigation
-------------------------------------------------*/
#nav{
	width:980px;
	clear:both;
	height: 50px;
	margin:0 auto 10px auto;
}


/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	overflow:hidden;
	width:980px;
	padding-bottom: 230px;
	margin: 0 auto;
	
}

#contents #inner{
	width:940px;
	height:100%;/*適切に調整*/
	margin:0 0 20px 0;
	padding: 10px 20px 10px 20px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc); 
}
#home #contents #inner{
	padding: 20px 20px 10px 20px;
}

/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{
	width:940px;
	padding: 0 0 0px 0;
}
#home #main{
	width:748px;
	float:left;
	padding: 0 0 0px 0;
}



#main .article{
	margin: 0 0 20px 0;
	width:940px;
}
#home #main .article{
	margin: 0 0 20px 0;
	width:748px;
}

#main .article .inner{
	margin;:0;
	padding: 17px 17px 17px 17px;
	background: #FFFFFF;
	margin-top:-7px;
	border:solid 3px #ffc205;
	-moz-border-radius: 5px; /* Firefox */
	-moz-border-radius-topleft: 0px; /* Firefox */
	-moz-border-radius-topright: 0px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-webkit-border-top-left-radius: 0px; /* Safari and Chrome */
	-webkit-border-top-right-radius: 0px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border-radius-topleft: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border-radius-topright: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(css/PIE.htc); 
}
#home #main .article#alert .section{
	border:solid 10px #DD0000;
	margin-top:-7px;
background:#FFFFDD;
}

#home #main .article#result .inner{
	border-color:#DD0000;
	padding: 20px;
}
#home #main .article#result .inner p{
font-size:1.10em;
line-height:1.5;
}

#artist #main .article#stf .inner{
	border:solid 3px #219b00;
	margin-top:-7px;
}

#artist #main .article#enkai .inner{
	border:solid 3px #f48100;
	margin-top:-7px;
}

#artist #main .article#opro .inner{
	border:solid 3px #f40200;
	margin-top:-7px;
}

#main .section{
	margin:10px 0 0 0;
	padding: 7px;
	background: #F7F7F7;
	border:solid 3px #CCCCCC;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */		behavior: url(css/PIE.htc); 
}

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



/*==-----------------------------------------------
sidebar
-------------------------------------------------*/

#sidebar.aside{
	width:172px;
	overflow: hidden;
	float:right;

}

/*==twitter*/

#sidebar.aside #twitter{
	margin: 0 0 10px 0;
}
/*==banner*/

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

/*==mobile*/

#contents .aside #mobile{
	margin: 0 0 10px 0;	
}



/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	position: relative;
	height: 100px;
	width:100%;
	margin-top: -230px; /* negative value of footer height */
	clear:both;
}


#footer .section{
	width:960px;
	height: 100px;
	overflow:hidden;
	margin: 0 auto;
}






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


.clearfix {clear:both; }

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

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

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


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