@charset "utf-8";
/*==========================================================
File name: common.css
Description: 共通スタイル定義
Author:　
Editor:　
Date:　
Update:　
Table of contents:
・Link
・clear / clearfix
・structure
・header
・contents
・main
・sub
・footer
==========================================================*/

/*-------------------------------
Link
--------------------------------*/
/* image link */
a:hover img.imgover {		
	opacity: 1;				/* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1;		/* Safari 1.x */
	-moz-opacity: 1;			/* FF lt 1.5, Netscape */
}
a:hover img {		
	opacity: .75;				/* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75;		/* Safari 1.x */
	-moz-opacity: .75;			/* FF lt 1.5, Netscape */
}

/* text link */
a:link		{
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	color: #39b1bf;
	text-decoration: underline;
}
a:visited	{color: #39b1bf; text-decoration: underline;}
a:hover		{color: #39b1bf; text-decoration: none;}
a:active	{color: #39b1bf; text-decoration: none;}


/*-------------------------------
clear / clearfix
--------------------------------*/
/* clear */
.clear{
	clear: both;
}

/* clearfix */
.clearfix:after {
	display: block;
	visibility: hidden;
	content: ".";
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*--------------------------------------------------------------
structure
---------------------------------------------------------------*/
body{
-webkit-text-size-adjust: none;
}
#wrapper {
	min-width: 1024px;
}
#header {
	width: 870px;
	margin: 145px auto 0;
	position: relative;
}
#header p{
    text-align: right;}
#container{
    width: 900px;
    margin: 0 auto;
    padding:15px 0;
    background: url(../img/bgTop.jpg) center top no-repeat;
}
#contents{
	position: relative;
	width: 870px;
	margin: 0 auto;
}
#footer {
	width: 870px;
	margin: 30px auto 0;
	position: relative;
}


