@charset "utf-8"; /*文字コード指定*/

/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, textarea, p, th, td, img {
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 0; /*境界線指定*/
}

body {
	background-color: #FFFFFF; /*背景色設定*/
	line-height: 2;	/*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	color: #666666; /*文字色指定*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ol, ul {
	list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

a { /*リンクの文字設定(マウスをのせる前)*/
	color: #000; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

a:hover { /*リンクの文字設定(マウスをのせた時)*/
	color: #C74B15; /*文字色指定*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}




a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}






.color1 {
	color: #990000; /*文字色指定*/
}

/* ----- ヘッダー(ページの一番上の部分) ----- */

.header {
	border:0px solid;
	/*position: fixed;*/ /*ボックスの配置方法(fixedは固定)*/
	width: 980px; /*幅指定(100%は画面横幅いっぱいに表示)*/
}

#header h1 {
	position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
	right: 20px; /*右からの距離(positionで指定している場合に適用)*/
	top: 10px; /*上からの距離(positionで指定している場合に適用)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	font-weight: normal; /*フォントの太さ指定(normalは標準)*/
}

.logo {
	text-align: center;
	margin-top: 14px;
}

/* ----- メニュー ----- */


.menu_top {
	margin-top:200px;
	text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
}




.menu {
	margin-top:20px;
	text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
}




.menu a:link.link1{
  display:block;
  width:68px;
  height:21px;
  background-image:url(../images/head/head_menu01.png);
  text-indent:-10000px;
  list-style:none;
}
.menu a:hover.link1{
  display:block;
  width:68px;
  height:21px;
  background-image:url(../images/head/head_menu01_o.png);
  text-indent:-10000px;
  list-style:none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



.menu a.link1_on{
  display:block;
  width:68px;
  height:21px;
  background-image:url(../images/head/head_menu01_o.png);
  text-indent:-10000px;
  list-style:none;
}






.menu a:link.link2{
  display:block;
  width:49px;
  height:21px;
  background-image:url(../images/head/head_menu02.png);
  text-indent:-10000px;
  list-style:none;
}
.menu a:hover.link2{
  display:block;
  width:49px;
  height:21px;
  background-image:url(../images/head/head_menu02_o.png);
  text-indent:-10000px;
  list-style:none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.menu a.link2_on{
  display:block;
  width:49px;
  height:21px;
  background-image:url(../images/head/head_menu02_o.png);
  text-indent:-10000px;
  list-style:none;
}



.menu a:link.link3{
  display:block;
  width:63px;
  height:21px;
  background-image:url(../images/head/head_menu03.png);
  text-indent:-10000px;
  list-style:none;
}
.menu a:hover.link3{
  display:block;
  width:63px;
  height:21px;
  background-image:url(../images/head/head_menu03_o.png);
  text-indent:-10000px;
  list-style:none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.menu a.link3_on{
  display:block;
  width:63px;
  height:21px;
  background-image:url(../images/head/head_menu03_o.png);
  text-indent:-10000px;
  list-style:none;
}


.menu a:link.link4{
  display:block;
  width:90px;
  height:21px;
  background-image:url(../images/head/head_menu04.png);
  text-indent:-10000px;
  list-style:none;
}
.menu a:hover.link4{
  display:block;
  width:90px;
  height:21px;
  background-image:url(../images/head/head_menu04_o.png);
  text-indent:-10000px;
  list-style:none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.menu a.link4_on{
  display:block;
  width:90px;
  height:21px;
  background-image:url(../images/head/head_menu04_o.png);
  text-indent:-10000px;
  list-style:none;
}



.menu a:link.link5{
  display:block;
  width:36px;
  height:21px;
  background-image:url(../images/head/head_menu05.png);
  text-indent:-10000px;
  list-style:none;
}
.menu a:hover.link5{
  display:block;
  width:36px;
  height:21px;
  background-image:url(../images/head/head_menu05_o.png);
  text-indent:-10000px;
  list-style:none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.menu a.link5_on{
  display:block;
  width:36px;
  height:21px;
  background-image:url(../images/head/head_menu05_o.png);
  text-indent:-10000px;
  list-style:none;

}






/* ----- レイアウト ----- */

#container {
	width: 980px;
	margin: 0 auto; /*ボックス外側の余白(値2つは左から上下,左右の値(左右autoで中央配置))*/
}






/* ----- フッター ----- */

#footer {
	border-top:1px #cccccc solid;
	background-color: #ffffff;
	padding-bottom:40px;
}



#footer #copy {
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
	color: #aaaaaa;
	font-style: italic;
}






.top {
	font-size:12px;
	text-align:center;
}







#en{
	background: #666666;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}









/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	

}