@charse "UFT-8";

/* reset style
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
a, address,
img,
strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
th { font-weight:normal; text-align:left; }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* body */
body {
	border-top:4px solid #004B8D;
	background:url('../img/bg_body01.png') repeat;
}
body, table {
	color:#333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,"ＭＳ ゴシック","MS Gothic",sans-serif;
}
a {
	color:#0754A0; text-decoration:underline;
}

/* common of wrappers */
#header, #footer, #pgttl, #main, #key {
	text-align:center;
}
#header-container, #footer-container, #pgttl-container, #main-container, #key-container {
	margin:0 auto;
	width:1020px;
	text-align:left;
}

/* header */
#header {
	background:#fff;
}
#header-container {
	padding:15px 0 22px;
	height:94px;
}
#header .logo {
	float:left;
}
#header .logo img {
	width:261px; height:94px;
}
#gnav {
	float:right;
	margin:30px 0 0 0; padding:0 0 1px 0;
	background:url('../img/gnav_line01.png') right 0px no-repeat;
}
#gnav li {
	float:left;
	display:block;
	width:103px; height:48px;
	padding:0 20px 0 21px;
	background:url('../img/gnav_line01.png') 0px 0px no-repeat;
}
#gnav a {
	display:block;
	width:103px; height:25px;
	padding:14px 0 9px;
	background:url('../img/gnav_bg01.png') 0px 0px repeat-x;
}
#home #gnav-home a,#service #gnav-service a,#company #gnav-company a,#access #gnav-access a,
#gnav a:hover {
	background:url('../img/gnav_bg02.png') 0px 0px repeat-x;
}
#gnav a img {
	width:103px; height:25px;
}

/* footer */
#footer {
	height:130px;
	background:url('../img/footer_bg_t.png') 0px 0px repeat-x #2C363E;
	-webkit-box-shadow:0px -2px 2px rgba(0,0,0,0.3);
    -moz-box-shadow:0px -2px 2px rgba(0,0,0,0.3);
    box-shadow:0px -2px 2px rgba(0,0,0,0.3);
	progid:DXImageTransform.Microsoft.Shadow(color='#BBBBBB', Direction=0, Strength=4);
	position:relative;
	z-index:40;
}
#footer-container {
	position:relative;
	width:1020px; height:130px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#272C30), to(#2C363E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #272C30, #2C363E); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #272C30, #2C363E); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #272C30, #2C363E); /* IE10 */
	background-image:      -o-linear-gradient(top, #272C30, #2C363E); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #272C30, #2C363E);
}
#footer-container:before {
	position:absolute; top:0; left:-1px;
	width:41px; height:128px;
	content:url('../img/footer_bg_l.png');
}
#footer-container:after {
	position:absolute; top:0; right:-1px;
	width:41px; height:128px;
	content:url('../img/footer_bg_r.png');
}
#footer .logo {
	float:left;
	width:326px; height:33px;
	padding:48px 0 49px;
	text-align:center;
}
#footer .logo img {
	width:158px; height:33px;
}
#footer .nav {
	float:left;
	width:426px; height:73px;
	padding:57px 0 0 2px;
	background:url('../img/footer_line01.png') 0px 15px no-repeat;
	text-align:center;
}
#footer .nav ul {
	display:inline-block;
	margin:0 -18px 0 0;
}
#footer .nav li {
	display:inline;
	padding:0 18px 0 10px;
	background:url('../img/footer_arrow01.png') 0 1px no-repeat;
	font-size:11px; line-height:1; _line-height:1.2; /* for IE6 */
}
#footer .nav li a {
	color:#fff; text-decoration:none;
}
#footer .nav li a:hover {
	border-bottom:1px dotted #ccc;
}
#footer .info {
	float:left;
	width:264px; height:130px;
	padding:0 0 0 2px;
	background:url('../img/footer_line01.png') 0px 15px no-repeat;
}
#footer .info dl {
	margin:22px 0 0 35px;
	color:#8A9192; font-size:12px; line-height:1.2;
}
#footer .info dt {
	clear:left; float:left;
	margin-bottom:13px;
}
#footer .info dd {
	margin:0 0 13px 24px;
}

/* copyright */
#copyright {
	text-align:center;
	padding:10px 0;
	color:#999; font-size:11px;
	font-family: "Lucida Grande",Helvetica,Arial, sans-serif;
}

/* pgttl */
#pgttl {
	background:url('../img/pgttl_bg01.png') 0px 0px repeat-x;
	height:84px;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5);
    box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#CFCFCF', Direction=0, Strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color='#CFCFCF', Direction=180, Strength=3);
	z-index:10;
	position:relative;
}
#pgttl-container {
	height:84px;
    -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.15);
    -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.15);
    box-shadow:0px 0px 3px rgba(0,0,0,0.15);
	z-index:40;
	position:relative;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#2177C5', Direction=90, Strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color='#2177C5', Direction=270, Strength=3);
}

/* main */
#main {
	background:url('../img/bg_body02.png') 0px 0px repeat-x;
	z-index:0;
	position:relative;
}
#home #main {
	background:#fff;
	margin-top:-5px;
}
#main-container {
	background:none #fff;
	font-size:12px; line-height:1.7;
	width:980px; width:974px\9; /* for lte IE8 */ _width:1020px; /* for IE6 */
	padding:30px 20px 50px;
	overflow:hidden; /* clearfix */
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.15), 0px 0px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.15);
    box-shadow:0px 0px 4px rgba(0,0,0,0.15);
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#EFEFEF', Direction=90, Strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color='#EFEFEF', Direction=270, Strength=3); /* for lte IE8 */
	z-index:30;
	position:relative;
}
#home #main-container {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	filter:none;
}

/* common on each page */
#main .content {
	float:left;
}
#main .figure {
	float:right;
}
.tbl1 {
	width:574px;
	background:url('../img/bg_01.png') repeat;
	border-bottom:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
	font-size:12px; line-height:1.7;
}
.tbl1 th,.tbl1 td {
	border-top:1px solid #D8D8D8;
	border-left:1px solid #D8D8D8;
	padding:10px 13px;
}
.tbl1 th {
	width:130px;
	padding-left:26px;
	background:url('../img/icon_arrow01.png') 12px center no-repeat;
	color:#004B8D; font-size:12px; font-weight:bold;
	vertical-align:middle;
	-webkit-box-shadow:0px 0px 0px 1px #fff inset;
	-moz-box-shadow:0px 0px 0px 1px #fff inset;
	box-shadow:0px 0px 0px 1px #fff inset;
}
.tbl1 td {
	background:#fff;
}

/* index */
#home #key {
	background:url('../img/top_scroll.jpg') center center no-repeat;
	z-index:10;
	position:relative;
}
#home #key img {
	box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	z-index:40;
	position:relative;
}
#home #main-container {
	padding-top:60px; padding-bottom:70px;
	text-align:center;
}
#home #main .content {
	margin:-3.375px 0 0 150px;
	width:460px;
	_margin:-3.375px 0 0 75px; /* for IE6 */
	text-align:left;
}
#home #main .content p {
	margin-bottom:30px;
	font-size:13.5px; letter-spacing:0.1px; line-height:2;
}
#home #main .figure {
	margin:0 150px 0 0;
	_margin-right:75px; /* for IE6 */
}
#home #main .figure img {
	width:128px; height:128px;
}
#home #main .figcaption {
	margin-top:3px;
	text-align:center;
	font-size:10px; line-height:1.2;
}
#home #main .figcaption-name {
	font-size:12px; font-weight:bold;
}
#home #main iframe {
	clear:both;
	border:none;
	overflow:hidden;
	margin:40px auto 0;
	text-align:left;
}
/* company */
#company .figure {
	margin-top:-3px;
}

/* service */
#service #main .content {
	margin-bottom:-40px;
	width:574px;
}
#service #main .content p {
	margin:15px 0 40px 20px;
}
#service #main .figure img {
	border:2px solid #ddd;
	width:368px; height:270px;
}

/* access */
#access #main .map {
	float:right;
}
#access .map iframe {
	border:2px solid #ddd;
	width:372px; height:540px;
	overflow:hidden;
}
#access .map p {
	margin-top:3px;
	font-size:11px; font-weight:bold;
	text-align:right;
}
#access .map p a {
	background:url('../img/icon_arrow02.png') 0px center no-repeat;
	padding-left:16px;
}