@charset "shift_jis";
@import "basic.css";

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}
body {
	font-size: 72%;
	font-family: メイリオ, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333333;
	line-height: 1.5;
}
img {
	border: none;
}
#wrapper {
	width: 830px;
	margin: 0 auto;
	background: #FFFFFF url(../otg_images/top_bg.jpg) top repeat-y;
}	

/*header ヘッダー
-------------------------------------------------------*/
#header{
width:800px;
height:300px;
margin:0 auto;
padding-top:0;
/*\*/overflow: hidden;/**/
}
#header h1  {
background:url(../otg_images/top_img.jpg) no-repeat center top;
width: 800px;
margin: 0 auto;
height:300px;
text-indent:-9999px;
display:block;
}
#header p#read {
width:1px;
height:1px;
margin:0;
text-indent: -9999px;
}

/*グローバルメニュー
-------------------------------------------------------*/
#gnav {
	display:block;
	width:800px;
	height:30px;
	margin:0px auto;
	padding:0px;
	list-style-type: none;
	clear: left;
}
#gnav ul {
	list-style-type: none;
	margin-left:auto;
	margin-right:auto;
}
#gnav li {
	float:left;
	height:30px;
	margin-left:auto;
	margin-right:auto;
}
#gnav li a {
	text-indent: -9999px; 
	display:block;
	height:30px;
}
.clear{
	clear:both;
}
/*------off*/
#gmenu1 a {
	background: url(../otg_images/top_nav.jpg) no-repeat 0px 0;
	width:160px;
}
#gmenu1 a:hover{
	background:url(../otg_images/top_nav.jpg) no-repeat 0px -30px;
	width:160px;
}
#gmenu2 a {
	background: url(../otg_images/top_nav.jpg) no-repeat -160px 0;
	width:160px;
}
#gmenu2 a:hover{
	background:url(../otg_images/top_nav.jpg) no-repeat -160px -30px;
	width:160px;
}
#gmenu3 a {
	background: url(../otg_images/top_nav.jpg) no-repeat -320px 0;
	width:160px;
}
#gmenu3 a:hover{
	background:url(../otg_images/top_nav.jpg) no-repeat -320px -30px;
	width:160px;
}
#gmenu4 a {
	background: url(../otg_images/top_nav.jpg) no-repeat -480px 0;
	width:160px;
}
#gmenu4 a:hover{
	background:url(../otg_images/top_nav.jpg) no-repeat -480px -30px;
	width:160px;
}
#gmenu5 a {
	background: url(../otg_images/top_nav.jpg) no-repeat -640px 0;
	width:160px;
}
#gmenu5 a:hover{
	background:url(../otg_images/top_nav.jpg) no-repeat -640px -30px;
	width:160px;
}
/*メインコンテンツ
-------------------------------------------------------*/
#maincontent {
	clear: both;
	width: 800px;
	margin: 0 auto;
}
#infoL {
	float: left;
	width: 330px;
	display:inline;
	margin: 15px 0 15px 15px;
}
#infoR {
	float: right;
	width: 430px;
	display:inline;
	margin: 15px 15px 15px 0;
}

/*footer フッター
-------------------------------------------------------*/
#footer {
	clear: both;
	width: 800px;
	background: #D6E5ED url(../otg_images/ft_img.jpg) top no-repeat;
	margin: 0 auto;
	padding: 110px 0 10px 0;
}
#footer-add{
width:330px;
margin-left:10px;
overflow:hidden;/* clearfix */
/zoom:1;/* clearfix for IE */
}
#footer-c{
width:430px;
float:right;
margin-right:10px;
margin-top:-35px;
font-size:90%;
text-align:right;
}