@charset "utf-8";
/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
	color: #555;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6, 7 */
body,input,textarea {
	/font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

h1,h2,h3,h4,h5,h6 {
	color: #555;
	font-weight: normal;
}

img {
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover img.noAction{
	filter: alpha(opacity=1);
	-moz-opacity:1;
	opacity:1;
	position: relative;
	z-index:0;
}


a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	position: relative;
	z-index:0;
}
em {
	color: #511;
}

/* ベースリンクカラー
----------------------------------------------------*/
a {
	color: #36c;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

a:link {
	color: #36c;
}

a:visited {
	color: #39c;
}


a.noAction:hover {
	text-decoration:none;
	z-index:0;
}

a:hover {
	color: #f63;
	text-decoration: underline;
	z-index:0;
}

a:active {
}


/* 汎用
----------------------------------------------------*/
/* clerfix */
header ul:after,
.inner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
コンテンツ、ヘッダー、フッター の
   横幅指定とセンタリング
----------------------------------------------------*/
.inner {
	width: 950px;
	margin: 0 auto;
}





/*----------------------------------------------------
	#clearfix
----------------------------------------------------*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
.clearfix {
    *zoom: 1; /* for IE 6/7 only */
}