@charset "shift-jis";


/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #000000;
	background: #FFFFFF;

}
a {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #0000cc;
}
img {
	border: none;
	vertical-align: top;
}
#mainblock {
	margin-right: auto;
	margin-left: auto;

	position: relative;
	width: 756px;
	background: #FFFFFF url(../images/title_bg.png) left top no-repeat;
	padding-top: 0px;
}

.offscreen {
	position: absolute;
	left: -9999em;
}


/* ロゴとナビゲーション
---------------------------------------------*/
#logo {
	position: absolute;
	left: 170px;
	top: 135px;

}
#globalNav {
	position: absolute;
	top: 118px;
	left: 2px;
	width: 144px;
	height: 82px;
	list-style-type: none;
}
#globalNav li {
	list-style-type: none;
	float: left;
	width: 144px;
}
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:82px;
	padding-top: 82px;
	background-image: url(../images/global_nav.png);
	color: #FFFFFF;
}

/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#tnav01 a { background-position:  0     0; }

	/* オンマウス */
	#tnav01 a:hover { background-position:  0     0; }




/* メインイメージと3段組
---------------------------------------------*/
#contents {
	margin-top: 123px;
	margin-left: 0;
	overflow: auto !important;
	overflow /**/: hidden;
	width: 756px;
	background: #FFFFFF url(../images/back_b.gif);
	padding-top: 20px;
	padding-bottom: 30px;
}


#navigation {
	float: right;
	padding-top: 0px;
	width: 148px;
	margin-right: 19px;
}

#about {
	float: right;
	width: 556px;
	margin-right: 20px;
	margin-left: 10px;
	padding-top: 0px;
}


#corporate {
	clear: both;
	float: left;
	width: 350px;
	background-image: url(../images/underLogo.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-left: 92px;
	font-weight: bold;
}

#address {
	float: left;
	width: 450px;
	margin-top: 20px;
	text-align: right;
}


#footer {
	clear: both;
	height: 30px;
	line-height : 30px;
	color: #cccccc;
	background: #003366;
	text-align: center;
}

/* 本文のレイアウト
--------------------------------------------- */
#about h3, #navigation h3 {
	margin: 0px 3px 0px -1px;
	color: #FFFFFF;
	/* background: #FFFFFF;*/
}


#about h4 {
	font-size: 120%;
	height: 26px;
	line-height : 26px;
	padding-left: 8px;
	color: #323232;
	background: url(../images/bar.jpg) left center no-repeat;

}

#about .section {
	margin: 0px 0px 17px 0px;
	padding: 16px 15px 16px 15px;
	border: 1px solid #cecece;
	color: #323232;
	background: #FFFFFF url(../images/about_bg.png);

}

#about .pagetop {
	margin: 0px 0px 17px 0px;
	padding: 16px 16px 16px 16px;
	color: #323232;
	text-align: right;
	text-decoration: none
}

#about .pagetop a{
	text-decoration: none
}

#about .section .quotation {
	border: 1px solid #cecece;
	color: #323232;
	background: #cccccc;
}

#about .section p {
	margin: 10px 12px 0 0;
}

#about .section .side {
	text-align: right;
	margin: 10px 12px 0 0;
}

#about .section .center {
	text-align: center;
	margin: 10px 12px 0 0;
}

#about .section a img {
	margin-right: 10px;
	float:left;
}

#about .no {
	color: #0000FF;
}
#about em {
	color: #DC0101;
	font-style: normal;
}

#about .section .kome {
	font-size: 80%;
}

#about .img {
	line-height: 0;
}

#about .tab {
	margin-left: 0;
	padding-left: 0;
}

#about .tab li {
	float: left;
	width: 176px;
　　height: 33px;
	overflow: hidden;
}






/* ナビゲーションイメージ1
---------------------------------------------*/
#sNav {
	left: 0;
	list-style-type: none;
}

#sNav li {
	list-style-type: none;
	float: left;
	width: 148px;
	margin-bottom: 5px;
}


#sNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 35px;
	padding-top: 35px;
	background-image: url(../images/s_nav.png);
}

	/*  背景画像の位置
	---------------------------------------------*/

	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -148px 0; }
	#nav03 a { background-position: -296px 0; }
	#nav04 a { background-position: -444px 0; }
	#nav05 a { background-position: -592px 0; }
	#nav06 a { background-position: -740px 0; }
	#nav07 a { background-position: -888px 0; }
	#nav08 a { background-position: -1036px 0; }
	#nav09 a { background-position: -1184px 0; }
	#nav10 a { background-position: -1332px 0; }
	#nav11 a { background-position: -1480px 0; }

	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -70px; }
	#nav02 a.stay { background-position: -148px -70px; }
	#nav03 a.stay { background-position: -296px -70px; }
	#nav04 a.stay { background-position: -444px -70px; }
	#nav05 a.stay { background-position: -592px -70px; }
	#nav06 a.stay { background-position: -740px -70px; }
	#nav07 a.stay { background-position: -888px -70px; }
	#nav08 a.stay { background-position: -1036px -70px; }
	#nav09 a.stay { background-position: -1184px -70px; }
	#nav10 a.stay { background-position: -1332px -70px; }
	#nav11 a.stay { background-position: -1480px -70px; }

	/* オンマウス */
	#nav01 a:hover { background-position:  0     -35px; }
	#nav02 a:hover { background-position: -148px  -35px; }
	#nav03 a:hover { background-position: -296px -35px; }
	#nav04 a:hover { background-position: -444px -35px; }
	#nav05 a:hover { background-position: -592px -35px; }
	#nav06 a:hover { background-position: -740px -35px; }
	#nav07 a:hover { background-position: -888px -35px; }
	#nav08 a:hover { background-position: -1036px -35px; }
	#nav09 a:hover { background-position: -1184px -35px; }
	#nav10 a:hover { background-position: -1332px -35px; }
	#nav11 a:hover { background-position: -1480px -35px; }


/* ナビゲーションイメージ2
---------------------------------------------*/
#LNav {
	left: 0;
	list-style-type: none;
}

#LNav li {
	list-style-type: none;
	float: left;
	width: 148px;
	margin-top: 5px;
}


#LNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 69px;
	padding-top: 69px;
}

	/*  背景画像の位置
	---------------------------------------------*/
	#lnav01 a { background: #FFFFFF url(../images/b02-2.gif); }
	#lnav02 a { background: #FFFFFF url(../images/b01-2.gif); }
	#lnav03 a { background: #FFFFFF url(../images/b03.gif); }
	#lnav04 a { background: #FFFFFF url(../images/b62.gif); }



/* インフォメーション
---------------------------------------------*/
#information {
	margin-top: 7px;
	left: 0;
	list-style-type: none;

}

#information dl {
	float: left;
	width: 198px;
	background-image: url(../images/osiraseMiddle.jpg);
	background-repeat: repeat-y;
}

#information dt {
	margin-left: 7px;
	background: url(../images/osirasearrow.gif) left center no-repeat;
	padding-left: 14px;
	color: #333333;
	text-decoration: underline;
}

#information dd {
	border-bottom: 1px dotted #cecece;
	margin: 0 7px 7px 7px;
	color: #666666;
	text-decoration: none

}


#information a{
	text-decoration: none;
}

#information a {
	color: #6699ff;
}
#information a:visited {
	color: #999999;
}
#information a:hover {
	color: #9999cc;
}
