@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

body{
	background:#F0EFE8 url(../img/bg.jpg) repeat-y center;
	color:#666;
	text-align:center;
	font-size:90%;
	line-height:1.5;
	/*\*/
	letter-spacing:0.1em;
	/**/
	}
	
body {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
	}
	
a {text-decoration: underline;	}

a:link, a:visited, a:active {color: #f90;}

a:hover {color: #C00;}

a img ,img {
	border:none;
	vertical-align: top;
	}
	
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form, input{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}


#wrapper { width:778px; margin:0 auto;}

h1{ background:#0C4DA0; padding:2px 10px; text-align:left; color:#fff;font-size:75%;}
h3{ margin-bottom:30px;}
	
#header01 { width:738px; margin:10px auto 0;}
#header02 { width:738px; margin:11px auto 0}
#header .line{height:8px; background:url(../img/bg_head.gif) repeat-x;}

#contents { width:738px; margin:25px auto 0; text-align:left;}
#conBox { width:718px; margin-left:10px;}		
#footer{ margin-top:40px; background:#0C4DA0; padding:2px; text-align:center; color:#fff; font-size:90%;}

/* トップページ
---------------------------------------------------- */

.companyTB{ margin-left:20px;}
.companyTB td{ border-bottom:1px dashed #ccc; padding:4px;}

	
.conChu{
	margin-top:20px;
	margin-left:20px;
	}	

.contact{
	margin-top:5px;
	margin-left:20px;
	background:#eee;
	border:1px solid #999;
	line-height:100%;
	}
	
.contact td{ padding:4px 6px;}	


/*
---------------------------------------------------- */
#gNavi { width:700px;}
#gNavi ul { overflow:hidden;}
#gNavi li { float:left; list-style:none;height:26px;}
#gNavi li a { height:26px;}
#gNavi li#gn001 a{ display:block; width:124px; background:url(../img/gn_001.jpg) bottom left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn002 a{ display:block; width:123px; background:url(../img/gn_002.jpg) bottom left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn003 a{ display:block; width:123px; background:url(../img/gn_003.jpg) bottom left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn004 a{ display:block; width:123px; background:url(../img/gn_004.jpg) bottom left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn005 a{ display:block; width:123px; background:url(../img/gn_005.jpg) bottom left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn001 a:hover{ display:block; width:124px; background:url(../img/gn_001.jpg) top left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn002 a:hover{ display:block; width:123px; background:url(../img/gn_002.jpg) top left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn003 a:hover{ display:block; width:123px; background:url(../img/gn_003.jpg) top left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn004 a:hover{ display:block; width:123px; background:url(../img/gn_004.jpg) top left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn005 a:hover{ display:block; width:123px; background:url(../img/gn_005.jpg) top left; text-decoration:none; text-indent:-9999px; }

#gNavi li#gn001.on{ display:block; width:124px; background:url(../img/gn_001.jpg) top left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn002.on{ display:block; width:123px; background:url(../img/gn_002.jpg) top left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn003.on{ display:block; width:123px; background:url(../img/gn_003.jpg) top left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn004.on{ display:block; width:123px; background:url(../img/gn_004.jpg) top left; text-decoration:none; text-indent:-9999px; }
#gNavi li#gn005.on{ display:block; width:123px; background:url(../img/gn_005.jpg) top left; text-decoration:none; text-indent:-9999px; }

/*
---------------------------------------------------- */

.w200 {	width: 200px;}
.w300 {	width: 300px;}
.w400 {	width: 400px;}

/* スペース関連
---------------------------------------------------- */

.spB05{	margin-bottom:05px;}	
.spB10{	margin-bottom:10px;}	
.spB15{	margin-bottom:15px;}	
.spB20{	margin-bottom:20px;}
.spB40{	margin-bottom:40px;}
	
.spT05{	margin-top:5px;}
.spT10{	margin-top:10px;}
.spT15{	margin-top:15px;}
.spT20{	margin-top:20px;}


.sppL20{ padding-left:20px;}
.sppLR20{ padding-left:20px; padding-right:20px;}


/* その他
---------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr{clear:both; visibility: hidden; min-height: 0; height: 0; width:0;}
.left{float:left;}
.right{float:right;}

.toLeft, th.toLeft, td.toLeft {text-align:left;}
.toRight, th.toRight, td.toRight {text-align:right;}
.toCenter, th.toCenter, td.toCenter {text-align:center;}