@charset "UTF-8";

/* GO TO TOP
---------------------------------------------------------------------*/
#GoToTOP{text-align:right;}


/*初期化
---------------------------------------------------------------------*/
*{margin:0; padding:0;}

body div {
	text-align: left;
	margin: 0 auto;
}

body {
	text-align: center;
	height:100%;
	font-size:80%;
	font-family: "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
	color: #000000;
	line-height: 1.5;
	background: url(../img/line_back.gif) repeat left top #555;
	padding:0 0 0 0;
	}

.popupA {background: url(../img/spacer.gif) repeat left top #fff;
	padding:0 0 0 0;
	}

/*リンク
---------------------------------------------------------------------*/
a {color:#000000; text-decoration:none; outline:none;}
a:hover {color:#FF3300; text-decoration:underline;}

/*その他スタイル
---------------------------------------------------------------------*/
img {border:0pt none; vertical-align: bottom;}
h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,address,pre,strong,em {list-style-type:none; font-style:normal; font-weight:normal; margin:0; padding:0;}
h1 {font-size:80%;}
h2,h3,h4,h5 {font-size:14px; font-weight:bold; color:#000000;}
hr {display:none;}
select,input,textarea {font-size:12px;}
input {vertical-align:middle;}
address {display:none;}

/*全共通設定
---------------------------------------------------------------------*/
.clear{clear:both; height:1px; _font-size:1px;}
.lt{float:left;}
.rt{float:right;}
.w200{width:200px;}
.w230{width:230px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w350{width:350px;}
.w380{width:380px;}
.bs05{clear:both; width:100%; height: 5px; _font-size: 5px;}
.bs07{clear:both; width:100%; height: 7px; _font-size: 7px;}
.bs10{clear:both; width:100%; height:10px; _font-size:10px;}
.bs15{clear:both; width:100%; height:15px; _font-size:15px;}
.bs20{clear:both; width:100%; height:20px; _font-size:20px;}
.bs25{clear:both; width:100%; height:25px; _font-size:25px;}
.bs30{clear:both; width:100%; height:30px; _font-size:30px;}
.bs40{clear:both; width:100%; height:40px; _font-size:40px;}
.bs50{clear:both; width:100%; height:50px; _font-size:50px;}

/*メインフレーム設定
---------------------------------------------------------------------*/

#wrapper{
	width:820px;
	height: auto;
	padding:10px 0 0 0;
	margin:0 auto;
	background: url(../img/bgtest.jpg) repeat-x #fff;
	}

#outer {
	width: 800px;
	margin: 0 0 0 10px;
	background-color:#ffffff;
	}
/*フッター
---------------------------------------------------------------------*/


#footerArea {clear:both; margin:0 auto; width:820px; background-color:#FFFFFF;}
#footerbottom {clear:both; margin:0 auto; width:820px; height:25px; background:url("../img/footerbg.gif") no-repeat;}
#footerA{padding:20px 0; margin:0 auto; text-align:center;}
#footerA ul{list-style:none;}
#footerA li{display:inline; color:#666666; }
#footerA li a{padding:0 3px 0 10px; background:url("../img/poi25.gif") 0 0 no-repeat;}
#footerA li a.none{background:none;}
#footerB {padding:20px 10px 20px 0; text-align:center; border-top:1px solid #cccccc; font-size:80%; letter-spacing:1px;}

/*---------------------------------------------
グローバルナビ基本
---------------------------------------------*/

#global-navi-box{margin:0px; padding:0px; width:800px; clear:both;}
#global-navi{padding:0; width:800px;}
#global-navi ul{list-style:none; margin:0; padding:0; width:800px; height:45px;}
#global-navi li{float:left;}
#global-navi li a{display:block; height:45px; text-decoration:none; text-indent:-9999px;}
#global-navi li a{background:url(../img/menu02.jpg) no-repeat;}
#global-navi #gn01 a{background-position: 0px 0px; width:110px;}
#global-navi #gn02 a{background-position: -110px 0px; width:115px;}
#global-navi #gn03 a{background-position: -225px 0px; width:115px;}
#global-navi #gn04 a{background-position: -340px 0px; width:115px;}
#global-navi #gn06 a{background-position: -455px 0px; width:115px;}
#global-navi #gn07 a{background-position: -570px 0px; width:115px;}
#global-navi #gn08 a{background-position: -685px 0px; width:115px;}
#global-navi #gn01 a:hover, #global-navi #gn01 a.here{background-position: 0px -45px;}
#global-navi #gn02 a:hover, #global-navi #gn02 a.here{background-position: -110px -45px;}
#global-navi #gn03 a:hover, #global-navi #gn03 a.here{background-position: -225px -45px;}
#global-navi #gn04 a:hover, #global-navi #gn04 a.here{background-position: -340px -45px;}
#global-navi #gn06 a:hover, #global-navi #gn06 a.here{background-position: -455px -45px;}
#global-navi #gn07 a:hover, #global-navi #gn07 a.here{background-position: -570px -45px;}
#global-navi #gn08 a:hover, #global-navi #gn08 a.here{background-position: -685px -45px;}


/*ヘッダー
---------------------------------------------------------------------*/
#header{width:800px; float:left;}
h1 {padding:0; letter-spacing:1px; color:#000000; height:16px; float:left;}
#headertop {height:20px; padding-left:10px;}
#headerLeft {padding:15px 0 10px 15px; float:left;}
#headerRight {float:right;}
#headerRight #spaceA{text-align:right; padding:0 10px 10px 0;}

#topmenuA{text-align:right; margin:0px 10px 5px 0;}
#topmenuA li{display:inline; letter-spacing:1px; padding:0px 10px 3px 12px; font-size:12px;}
#topmenuA li.A{background:url(../img/menuicon1.gif) 0 1px no-repeat;}
#topmenuA li.B{background:url(../img/menuicon2.gif) 0 1px no-repeat;}
#topmenuA li.C{background:url(../img/menuicon3.gif) 0 1px no-repeat;}
#topmenuA li.D{background:url(../img/menuicon4.gif) 0 1px no-repeat;}

.menu-upline{background:url(../img/line1.gif) repeat 0 0; clear:both; height:5px; _font-size:5px;}


/*下層階コンテンツ #contA
---------------------------------------------------------------------*/
#contA #maincont {width:760px; margin:40px 20px;}

#contA #leftcont {width:210px;float:left;}
#contA #leftcont .title	{width:210px; height:40px; text-indent:-9999px; margin-bottom:20px;}
#contA #leftcont .guide .title{background:url("../img/tit_guide.jpg") no-repeat;}
#contA #leftcont .guide {background:url("../img/spacer.gif") no-repeat -10px 200px; min-height:500px; _height:500px;/* for IE */ }

#contA #leftcont h2{margin-bottom:20px; }
#contA #leftcont ul {list-style:none;}
#contA #leftcont li {padding-bottom:7px;}
#contA #leftcont li a{padding-left:13px; background:url("../img/poi_blue.gif") 0 1px no-repeat; vertical-align:middle;}
#contA #leftcont li a.here{padding-left:13px; background:url("../img/poi8.gif") 0 1px no-repeat; vertical-align:middle;}

#contA #rightcont{width:550px; float:left;}
#contA #rightcont h2{height:40px; background:url("../img/title01.gif") no-repeat; margin-bottom:10px; padding:10px 0 0 25px;}
#contA #rightcont h3{height:30px; background:url("../img/title02.gif") no-repeat; margin:15px 0 10px 0; padding:5px 0 0 15px;}
#contA #rightcont h4{height:20px; border-left:3px solid skyblue; margin:10px 0; padding:0 0 0 15px;}
#contA #rightcont p{margin-bottom:30px;}


/* メインイメージ */
#mainImgBox{clear:both;}

/* GO TO TOP
---------------------------------------------------------------------*/
#GoToTOP{text-align:right; padding:0; margin:0;}



/* プライバシー */
.comp-info{background:url("../img/net-logo.gif") no-repeat 0 0 ; padding:0 0 0 50px;}

/* ========== テーブルA ========== */

#tableA {width:550px;}
#tableA a{text-decoration:underline;}
table.tableA {font-size:12px; letter-spacing: 1px; border-collapse : collapse ; border-top:1px solid #cccccc; border-left:1px solid #cccccc; width:550px; border-spacing:0; margin:0px 0px 30px 0px;}
.tableA td.td-1{padding: 5px 5px 5px 5px; width: 140px; background-image: url(../img/tbg2.gif); border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; white-space:nowrap; vertical-align:top;}
.tableA td.td-2 {padding: 5px 5px 5px 10px; background-color: #FFFFFF; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; line-height:25px;}
.tableA p{margin-bottom:10px;}
a.unline{text-decoration:underline; color:blue;}

#contB{width:550px; margin:0 auto; clear:both; font-size:12px; text-align: left;}
#contB #title{padding:5px 17px; border-left:3px solid skyblue; text-align: left;}
#contB #line{padding:0; margin:0 0 10px 0; _font-size:3px; border-bottom:2px solid skyblue;}
#contB #textB{padding:0 0 0 50px; font-size:16px; line-height:30px;}
#contB #textA{padding:0 0 0 50px; font-size:16px;}
#contB #textA img{vertical-align:-8px;}

#TblB{}
table.TblB{font-size:12px; border-collapse:collapse; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-spacing:5; margin:5px 0px; width:100%;}
table.TblB span{font-size:11px; color:#847B48;}
.TblB td.td-1colspan{padding:5px 5px 5px 10px; background-color:#AFC5C4; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:100px;}
.TblB td.td-1{padding:5px 5px 5px 10px; background-image:url(../../img/tbg2.gif); border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:120px; text-align:center;}
.TblB td.td-1red{padding:5px 5px 5px 10px; color:#FF0000; background-image:url(../../img/tbg2.gif); border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:120px; text-align:center;}
.TblB td.td-2{padding:5px 5px 5px 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:left;}
.TblB td.td-3{padding:5px 5px 5px 10px; text-align:top;}

#botimg{margin:10px auto; padding:10px; text-align:center;}



/*********************************************************************/