@charset "UTF-8";

/*ブラウザの初期化?*/

body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*font-size初期化*/

body {
	font-size: 10px;
	_font-size: 62.5%;/*IE6向け*/
}

/*border初期化*/
/*margin@paddingプロパティ追加*/

img,object {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

/*table設定*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*テキスト設定*/

p {
	text-align: justify;
	text-justify: distribute;
}
/*SEOマスターテキスト中央寄せ*/
div.sbox table{
	margin: 0 auto;
}


/*clearfix*/
/*height0.1px font-size0.1em追加*/

.clearfix:after, div:after {
    content: "."; 
    display: block; 
	height: 0.1px;  
	font-size: 0.1em;  
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/*基本設定
----------------------------------------------------------------------------------------------------基本設定*/
body{
	background: url(../img/BGColor.jpg) repeat-x;
}
ul li,ol li{
	list-style-type: none;
}
/*wraptop
----------------------------------------------------------------------------------------------------wraptop*/
#wraptop{
	width: 826px;
	margin: 0 auto;
}
/*wrapmid
----------------------------------------------------------------------------------------------------wrapmid*/
#wrapmid{
	width: 826px;
	margin: 0 auto;
	background: url(../img/wrapBg.gif) repeat-y;
	font-size: 1.2em;
	color: #333333;
}
/*wrapbtm
----------------------------------------------------------------------------------------------------wrapbtm*/
#wrapbtm{
	width: 826px;
	margin: 0 auto;
}
/*wrapmid
----------------------------------------------------------------------------------------------------wrapper*/
#contents{
	width: 820px;
	margin: 0 3px;
	background-color: #FFFFFF;
}
/*header
----------------------------------------------------------------------------------------------------header*/
#header{
	padding: 0 11px 10px 8px;
	background: url(../img/headline.gif) no-repeat bottom;
	overflow: hidden;
}
h2{
	width: 255px;
	float: left;
}
#header ul{
	padding: 40px 0 0 0;
	text-align: right;
}
#header ul li{
	display: inline;
}
#header ul li a{
	padding: 5px 10px 0 20px;
	color: #006699;
}
#header ul li a:hover{
	color: #FF9934;
}
#header ul li.toh a{
	background: url(../img/tophome.gif) no-repeat;
}
#header ul li.toh a:hover{
	background: url(../img/tophome-a.gif) no-repeat;
}
#header ul li.toc a{
	background: url(../img/topcom.gif) no-repeat;
}
#header ul li.toc a:hover{
	background: url(../img/topcom-a.gif) no-repeat;
}
#header ul li.tof a{
	background: url(../img/topform.gif) no-repeat;
}
#header ul li.tof a:hover{
	background: url(../img/topform-a.gif) no-repeat;
}
/*main
----------------------------------------------------------------------------------------------------main*/
#main {
	width: 800px;
	margin: 5px 0 0 10px;
	padding: 5px 0 15px 0;
	border-top: 1px dotted #999999;
	background: url(../img/mainBg.jpg) repeat-x bottom;
	overflow: hidden;
}
#topimg{
	width: 600px;
	height: 335px;
	margin: 2px 0 0 0;	
	/*padding: 5px 0 0 0;*/
	float: right;
}
#main ul{
	width: 174px;
	height: 299px;
	padding: 42px 0 0 12px;
	display: block;
	background: url(../img/mainnavBg.jpg) no-repeat;
}
#main ul li img{
	vertical-align: bottom;
}
#main ul li a:hover img{
	opacity : 0.7;
	filter: alpha(opacity=70);
}
/*pagebody
----------------------------------------------------------------------------------------------------pagebody*/
#pagebody{
	width: 800px;
	margin: 5px 0 0 10px;
}
#pagebody ul li{
	display: inline;
	margin: 0 2px 0 0;
}
#pagebody ul li a:hover img{
	opacity : 0.7;
	filter: alpha(opacity=70);
}
/*information
----------------------------------------------------------------------------------------------------information*/
#information{
	width: 800px;
	margin: 5px 0 0 10px;
	padding: 0 0 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #999999;
}
#information address{
	width: 175px;
	height: 88px;
	margin: 0 3px 0 0;
	padding: 70px 0 0 15px;
	background: url(../img/addressBg.jpg) no-repeat;
	display: block;
	float: left;
	line-height: 160%;
	font-style: normal;
	font-size: 0.8em;
}
#information address a{
	color: #006699;
	font-size: 1.4em;
}
#information address a:hover{
	color: #FF9934;
}
#information img{
	margin: 0 0 10px 0;
	float: right;
}
#information iframe{
	width: 598px;
	height: 120px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #E1DDD4;
	border-top: 2px solid #E1DDD4;
	background-color: #F8F7EF;
	float: right;
}
*html #information iframe{
	height: 117px;
}
/*footer
----------------------------------------------------------------------------------------------------footer*/
#footer p{
	margin: 0 0 0 8px;
	line-height: 200%;
}
#footer p a{color: #006699;
	font-weight: bold;
}
#footer p a:hover{
	color: #FF9934;
}
#footerBtm{
	margin: 5px 0 0 0;
	padding: 0px 11px 0 8px;
	background: url(../img/headline.gif) no-repeat top;
}
#footerBtm p{
	margin: 0;
	padding: 10px 11px 0 0;
	text-align: right;
	line-height: 200%;
}
/*end
----------------------------------------------------------------------------------------------------end*/