@charset "utf-8";

/*------------------------------------------------------------
	common_suk.css（共通デザイン）
------------------------------------------------------------*/

/*
-------------------------------
	body & base_link
-------------------------------
*/ 
body {
	color:#000000;
	text-align:center;
}

a {
	color:#0000ff;
	text-decoration:underline;
}
a:hover {
	color:#3985d4;
}

/*
-------------------------------
	Wrapper
-------------------------------
*/ 
div#wrap {
	width:820px;
	margin:0 auto;
        height:auto;
	text-align:center;
        background:#ffffff;
}

/*
-------------------------------
	Header
-------------------------------
*/
/*--ロゴ--*/
div#header {
	width:820px;
	height:75px;
	text-align:left;
        background:#009900;
}
	div#header div#logo {
		width:300px;
		float:left;
                margin-left:10px;
}

div#header img { float: left;}

/*
-------------------------------
	globalNav
-------------------------------
*/
ul#globalNav {
	clear:both;
	width:820px;
        background:#009900;
}
	ul#globalNav li {
		display:inline;
}
	ul#globalNav li a {
		float:left;
		height:0px;
		padding-top:30px;
		background-image:url(../img/sgnav.gif);
		background-repeat: no-repeat;
		overflow:hidden;
}

ul#globalNav li#gn01 a { width:442px; background-position: -0px 0; }
ul#globalNav li#gn02 a { width:90px; background-position: -442px 0; }
ul#globalNav li#gn03 a { width:90px; background-position: -532px 0; }
ul#globalNav li#gn04 a { width:90px; background-position: -622px 0; }
ul#globalNav li#gn05 a { width:102px; background-position: -713px 0; }

ul#globalNav li#gn01 a:hover { background-position: -0px -30px; }
ul#globalNav li#gn02 a:hover { background-position: -442px -30px; }
ul#globalNav li#gn03 a:hover { background-position: -532px -30px; }
ul#globalNav li#gn04 a:hover { background-position: -622px -30px; }
ul#globalNav li#gn05 a:hover { background-position: -713px -30px; }


-------------------------------
	Main Area layout	
-------------------------------
*/
div#mainArea  {
        margin:0px;
	width:820px;
        height:auto;
        text-align: left;
        padding:0px;
}
div#localNav {
	float:left;
        text-align: left;
	width:220px;
        margin:0px;
        padding:0px;
}
div#contents {
	float:right;
        text-align: left;
	width:580px;
        margin:0px;
        padding:0px;
}


/*
-------------------------------
	Footer
-------------------------------
*/
div#footer {
	clear:both;
	width:820px;
	margin:20px auto 0px auto;
	font-size:90%;
	text-align:center;
        background:#009900;
        color:#ffffff;
}
 div#address a {
			color:#ffffff;
			text-decoration:none;
}
		div#address a:hover {
			text-decoration:underline;
}



/*
-------------------------------
	その他
-------------------------------
*/

/* -- レイアウト -- */
.clear { clear:both;}
.left {float:left;}
.right {float:right;}
.rside { text-align: right; }
.center { text-align: center; }


/* -- フォント -- */
.bold { font-weight: bold;　}
.italic { font-style: italic; }
.ul {text-decoration: underline;}
.lt {text-decoration: line-through;}
.sup { vertical-align: super; }
.sub { vertical-align: sub; font-size:60%;}

.silver { color: #cccccc;}
.dimgray { color: #696969;}
.orange { color: #ff6600;}
.red { color: #ff0000;}
.blue {color:#0033ff;}
.green { color:#009900; }
.ygreen { color:#549c00; }
.black { color: #000000;}
.white { color: #ffffff;}

.b120 { font-size: 120%; }
.b110 { font-size: 110%; }
.s90 { font-size: 90%; }
.s80 { font-size: 80%; }
.s70 { font-size: 70%; }
.s65 { font-size: 65%; }

/* -- マージン -- */
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml70 { margin-left:70px;}
.ml80 { margin-left:80px;}
.ml100 { margin-left:100px;}
.ml150 { margin-left:150px;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt70 { margin-top:70px;}
.mt100 { margin-top:100px;}


/*-- トップページへ --*/
.gt_top {height:0;}
.gt_top {padding:20px 0; float:right; text-align:right;}

/*-- 次へ --*/
.gt_p { margin-top: 30px;}
.gt_p a {
                color:#0000ff;
		text-decoration:underline;
}
.gt_p a:hover {
		text-decoration:underline;
                position:relative; top:1px; left:1px;
}


/*-- イメージ --*/
.imgl img {  
             float:left; 
             margin-right:20px; 
             margin-top: 5px; 
             margin-bottom: 20px; 
}
.imgl2 img {  
             float:left; 
             margin-right:20px; 
             margin-top: 5px; 
             margin-bottom: 20px; 
             border:solid 1px #cccccc;
}
.imgr img {  
             float:right; 
             margin-left:20px; 
             margin-top: 5px; 
             margin-bottom: 20px; 
             border:solid 1px #cccccc;
}


/*-- その他 --*/
.hiddenguide { display: none;　}

/*-- エラーページ --*/

#contents2 div#errornotice {
	width: 820px;
	padding: 200px 10px 0 10px;
	background: url(../img/denjisou.gif) no-repeat center top;	
}



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