@charset "utf-8";


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

 File name:      common.css
 Author:         Crea.,Inc.
 Style Info:     共通部分のスタイル

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


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

body{
	background:#eafcff url(../../img/pc/bg.jpg) repeat-x 0 0;
	line-height: 1.5;
}

/*for Opera*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}





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

#container {min-height: 100%;}





/*==-----------------------------------------------
header
-------------------------------------------------*/
#header{
	width:100%;
	text-align: center;
	margin-bottom: -80px;

}
#header .section{
	width:940px;
	height: 340px;
	margin: 0 auto;
	text-align: left;

}
#header .section h1{
margin: 0;
}
#header .section p{
	height:20px;
	margin: 0;
	overflow: hidden;
}



/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	padding-bottom: 250px;/* must be same height as the footer */
	width:940px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	z-index:10;
}



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


#main .section{
	margin-bottom:10px;
}

#contents #main .aside{
	margin: 0 20px 20px 20px;
}


/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	margin-top: 0px; /* negative value of footer height */
	height: 250px;
	clear:both;
	width:100%;
	text-align: center;
	background: url(../../img/pc/bg_footer.jpg) repeat-x 50% bottom;
	padding-top: 10px;
	position: relative;
	z-index: 20;
}


#footer .section{
	width:940px;
	height: 250px;
	overflow:hidden;
	margin: 0 auto;
	text-align: left;
}



/*==-----------------------------------------------
sidebar
-------------------------------------------------*/
#contents #sidebar.aside{
	width:220px;
	float:right;
}

#contents #sidebar.aside div.section{
	-moz-border-radius: 10px;   /* Firefox用 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	border-radius: 10px;        /* CSS3草案 */
	-webkit-box-shadow: #CCC 0px 3px 5px;
	-moz-box-shadow: #CCC 0px 3px 5px;
	box-shadow: #CCC 0px 3px 5px;
	behavior: url(../css/PIE.htc);
	background: #FFF;
	margin-bottom:20px;
}


/*==banner*/

#contents .aside #banner{
	margin: 0 0 10px 0;
}
#contents .aside #banner ul{
	padding: 10px 10px 0 10px;
}
#contents .aside #banner li{
text-align: center;
margin: 0 10px 10px 10px;
}
#contents .aside #banner li:last-child{
	margin: 0 0 0px 0;
}

/*==mobile*/

#contents .aside #mobile{
	margin: 0 0 0 0;
}
#contents .aside #mobile p{
	margin: 0 0 10px 0;
	text-align: center;
}

#contents .aside #mobile p a {
    background: #333;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.85em;
    font-weight: bold;
    padding: 2px 10px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
	-moz-border-radius: 5px;   /* Firefox用 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	border-radius: 5px;        /* CSS3草案 */
	behavior: url(../css/PIE.htc);
}
#contents .aside #mobile p a:hover{
	background: #666;
}

/*==-----------------------------------------------
pagetop
-------------------------------------------------*/
p.pagetop{
	clear:both;
}
p.pagetop a{
	color: #FFF;
	display:block;
	float:left;

}