@charset "UTF-8";


/* ユニバーサルセレクタ
---------------------------------------------------------*/
* {
margin:0;
padding:0;
}
/* ----------------------------------------------------- */


body {
background: url(../images/bg.gif) repeat left top #444;
font-family:"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
color: #4c4c50;
font-size: 12px;
text-align: center;/* IE用中央揃え */
}

a {
outline:none;
overflow:auto;
}

a:link{color:#3399ff;}
a:visited{color:#704470;}
a:hover{color:#0044aa;}
a:active{color:#ff6600;}

hr {
display: none;/* 区切り線 非表示用 */
}

/* ----------------------------------------------------------------------------
	01- container
------------------------------------------------------------------------------- */
#container {
width: 962px;
margin: 0 auto;/* 標準準拠ブラウザ用の中央揃え */
text-align: left;
}



/* ----------------------------------------------------------------------------
	02- header
------------------------------------------------------------------------------- */
#header {
background:url(../images/bg_header.png) repeat-x left bottom #69f;
height:80px;
padding:0 20px;
}

	/* ---------- 02-01 headerRight ---------- */
	#headerRight {
	background:url(../images/bg_header_right.png) no-repeat left top;
	width:276px;
	height:60px;
	margin:0 0 20px 0;
	float:right;
	}

	#copy {
	width:135px;
	margin:0;
	padding:15px 5px 0 15px;
	font-size:10px;
	line-height:1.4em;
	font-weight:bold;
	float:left;
	}

	#logo {
	width:101px;
	height:32px;
	margin:13px 0 0 0;
	}
	
	
/* ----------------------------------------------------------------------------
	03- wrapper
------------------------------------------------------------------------------- */
#wrapper{
clear:both;
background:url(../images/bg_wrapper.png) repeat-x left top #fff;
}




/* ----------------------------------------------------------------------
　メンテナンス中　工事中
------------------------------------------------------------------------- */

#maintenance {
width:922px;
padding:51px 0 20px 0;
margin:0 20px;
background:url(../images/bg_wide_top.gif) no-repeat left top;
}

#mainWrap {
padding:20px 20px 100px 20px;
background-color:#fff;
font-size:12px;
text-align:center;
}

#mainWrap h1 {
font-size:20px;
color:#700;
margin:0 0 12px 0;
}

#mainWrap p {
margin-bottom:12px;
}

#mainWrap p.message {
color:#222;
margin-right:15px;
padding:170px 0 0 15px;
background:url(../images/maintenance_img.jpg) no-repeat center top;
}

#mainWrap strong {
color:#111;
}

#mainWrap p.emergency {
color:#700;
}


/* ----------------------------------------------------------------------------
	07- footer
------------------------------------------------------------------------------- */
#footer{
background:url(../images/bg_footer.png) no-repeat;
color:#999;
width:962px;
height:80px;
margin:10px 0 40px 0;
padding:0;
font-size:x-small;
}

#footer img{
margin:0;
padding:0;
}

	#iso {
	width:350px;
	height:60px;
	margin:0;
	padding:45px 20px 0 0;
	text-align:right;
	float:right;
	}

	#utilitynavi {
	width:572px;
	height:60px;
	padding:45px 0 0 20px;
	float:left;
	}

	#utilitynavi a:link,
	#utilitynavi a:visited {
	color:#fffffe;
	}

	#utilitynavi a:hover {
	color:#ccc;
	}