@charset "utf-8";

/*  INDEX
--------------------
基本設定(初期化)・基本レイアウト
基本(文字/Margin/ドット線・ライン線)
トップページ
中ページ
--------------------
*/


/* 基本設定(初期化)・基本レイアウト
----------------------------------------------- */
*{font-size: 100%;}
html{height:100%;}
body{
	-webkit-text-size-adjust: none;
	height:100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FFF;
	font:12px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
	color: #333;
}
html>body {font-family:'メイリオ',Meiryo;} 
a:link, a:visited{
	color: #027ABB;
	text-decoration:none;
}
a:hover{
	color:#027ABB;
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6, p, pre,form,
blockquote, ul, ol, dl, dd, dt{
	margin: 0;
	padding: 0;
}
li {list-style-type:none;}
img {border:none;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0;font-size:inherit;font:100%; }
address{
	font-style: normal;
	font-weight: normal;
}
.clear {clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.alpha a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.alpha a:hover img { 
	filter: Alpha(Opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* 2. 基本レイアウト
----------------------------------------------- */
#catch {
	width: 100%;
	background: #0868AC;
}
#catch strong {
	display: block;
	width: 900px;
	margin: 0 auto;
	padding: 4px 0 0;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	color: #FFF;
	text-align: left;
}
#header {
	width: 100%;
	border-top:solid 4px #0868AC;
	background: #FFF url(../images/header_bg.gif) 0 96px repeat-x;
	text-align:left;
}
#header img {vertical-align:top;}
#header_main {
	position:relative;
	width:900px;
	margin:auto;
}
#header h1 {margin:22px 0 0 0;}
#header ul {margin:22px 0 0 0;}
#header li {
	float:left;
	width:178px;
	margin:0 1px 0 0;
}
#header li a {
	display:block;
	overflow: hidden;
	width:178px;
	height:54px;
	background: url(../images/header_navi.gif) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
}
#header li a#hnavi_project {		background-position: -178px 0;}
#header li a#hnavi_com {			background-position: -356px 0;}
#header li a:hover {				background-position: 0 -54px;}
#header li a#hnavi_project:hover {	background-position: -178px -54px;}
#header li a#hnavi_com:hover {		background-position: -356px -54px;}
.project #header li a#hnavi_project:hover {	background-position: -178px -54px;}
.project #header li a#hnavi_project {			background-position: -178px -108px;}
.com #header li a#hnavi_com:hover {			background-position: -356px -54px;}
.com #header li a#hnavi_com {				background-position: -356px -108px;}

#header li.sub a {
	width:111px;
	height:47px;
	background: none;
	text-indent: 0;
	white-space: auto;
}
#header li.access {
	width:111px;
	margin:7px 0 0 20px;
}
#header li.smap {
	width:138px;
	margin:7px 0 0 0;
}
#header li.smap a {
	width:138px;
	height:47px;
}

#header_tel{
	position:absolute;
	top:10px;
	_top:30px; /* IE6用 */
	left:566px;
}
*:first-child+html #header_tel {top:30px;} /* IE7用 */

#header_contact{
	display:block;
	position:absolute;
	top:-10px;
	_top:10px; /* IE6用 */
	right:-20px;
	width:128px;
	height:128px;
	overflow: hidden;
	background: url(../images/header_contact.png) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
}
*:first-child+html #header_contact {top:10px;} /* IE7用 */
a#header_contact:hover {background-position: -128px 0;}



#container {
	background: #F9F5DD url(../images/bg.gif);
}
#container_bg {
	width: 100%;
	padding:36px 0;
	background: url(../images/bg_top.gif) 0 0 repeat-x;
}
#container_main {
	position:relative;
	width:900px;
	margin:auto;
	background: #FFF;
	text-align:left;
}
#container_main_foot {
	width:900px;
	height:11px;
	margin:auto;
	background: url(../images/container_main_foot.gif) 0 bottom no-repeat;
}
.topicpath {
	font-size: 10px;
	line-height: 1.2;
}
#container_main .topicpath {
	position:absolute;
	top:-24px;
	left:0;
}

#contents {
	width:840px;
	margin:40px auto 0;
	padding:0 0 40px 0;
}


#footer {
	width: 100%;
	padding: 0 0 30px 0;
	border-top:solid 6px #0868AC;
	background: #FFF;
	text-align:left;
	color: #555;
}
#footer_main {
	position:relative;
	width:900px;
	margin:auto;
}
#footer .topicpath {
	position:absolute;
	top:-30px;
	left:0;
}

#footer_smap {
	float:right;
	width:270px;
	padding:35px 0 0 0;
}
#footer_smap ul {
	float:left;
	width:135px;
}
#footer_smap a {
	padding: 0 0px 0 10px;
	background: url(../images/linkdot.gif) no-repeat 0 45%;
	font-size:10px;
	line-height:2;
	color: #333;
}

#footer address {
	float:left;
	width:630px;
	padding:20px 0 0 0;
}
#footer strong {
	display:block;
	margin:0 0 10px 0;
}
#footer em {
	display:block;
	float:left;
	width:6em;
	font-style: normal;
}
#footer span {
	display:block;
	float:left;
	width:500px;
}

#footer small {
	display:block;
	clear:both;
	padding:15px 0 0 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
}

#footer_navi {
	position:absolute;
	top:0;
	right:0;
}
#footer_navi li {float:left;}
#footer_navi a {
	display:block;
	overflow: hidden;
	width:148px;
	height:26px;
	background: url(../images/footer_navi.gif) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
}
#footer_navi a.gotop {
	width:127px;
	background-position: -148px 0;
}
#footer_navi li a:hover {		background-position: 0 -26px;}
#footer_navi li a.gotop:hover {	background-position: -148px -26px;}

/* 基本(文字/Margin/ドット線・ライン線)
----------------------------------------------- */
.red{color: #C00;}
.mt00 { 	margin-top: 0 !important; }
.mt05 { 	margin-top: 5px !important; }
.mt10 { 	margin-top: 10px !important; }
.mt20 { 	margin-top: 20px !important; }
.mt30 { 	margin-top: 30px !important; }
.mt40 { 	margin-top: 40px !important; }
img.left { 	float: left; margin: 2px 20px 16px 0; }
img.right { 	float: right; margin: 2px 0 16px 20px; }
.linkdot {
	padding: 0 0px 0 10px;
	background: url(../images/linkdot.gif) no-repeat 0 45%;
}
.linkdot.down {background: url(../images/linkdot_down.gif) no-repeat 0 45%;}


/* トップページ
----------------------------------------------- */
/* ---画像のスライド--- */
.loading {
	padding: 180px 0;
	text-align: center;
}
#home_slide {
	overflow: hidden;
	position:relative;
	width:900px;
	height:410px;
	margin: 0;
}
#home_slide #home_coda {
	overflow: hidden;
	width:900px;
	background: #FFF;
}
#home_slide .panel_r {
	position:absolute;
	top:0;
	z-index:2;
	width:11px;
	height:8px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#home_slide #panel_r1 {
	left:0;
	background-image: url(../images/title_r_left.gif);
}
#home_slide #panel_r2 {
	right:0;
	background-image: url(../images/title_r_right.gif);
}
#home_slide .coda-slider-wrapper {overflow: hidden;margin: 0;padding:0;}
#home_slide h2.title {display:none;}
#home_slide .panel {float:left;width:900px;}
#home_slide .panel img {width:900px;height:410px}

.home .coda-nav ul { 
	display: block;
	position:absolute;
	top:420px;
	left:422px;/* 2:430px,4:422px */
	clear: both;
	overflow: hidden;
	margin: 0;
}
.home .coda-nav ul li { 
	display: inline;
	width:8px;
}
.home .coda-nav ul li a {
	display: block;
	float: left;
	width:8px;
	height:8px;
	overflow: hidden;
	margin: 0 8px 0 0;
	padding: 0;
	text-indent:-9999px;
	background: url(../images/navigator.png) 0 0 no-repeat;
}
.home .coda-nav ul li a:hover {		background: url(../images/navigator.png) 0 -8px no-repeat;}
.home .coda-nav ul li a:active {		background: url(../images/navigator.png) 0 -16px no-repeat;}
.home .coda-nav ul li.tab1 a.current,
.home .coda-nav ul li.tab2 a.current,
.home .coda-nav ul li.tab3 a.current,
.home .coda-nav ul li.tab4 a.current  {	background: url(../images/navigator.png) 0 -16px no-repeat;}



/* ---スライド下--- */
.home #contents {
	margin:0 auto;
	padding:30px 0 40px 0;
}
.home #latest {
	border-top:solid 1px #EEE;
	border-bottom:solid 1px #EEE;
	padding: 4px 0 4px 0;
}
.home #latest dt {
	float:left;
	width:6em;
	clear:both;
	padding: 2px 0 4px 15px;
	color:#999;
}
.home #latest dd {
	margin-left: 8em;
	padding: 2px 0 4px 0;
	_height:1%; /* IE用 */
}
.home .navi {
	overflow:hidden;
	width:840px;
	margin:40px auto 0;
}
.home .navi ul {
	width:900px;
}
.home .navi li {
	float:left;
	width:240px;
	margin: 0 60px 0 0;
	text-align:center;
}
.home .navi li a {display:block;}
.home .navi li a.alpha img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.home .navi li a.alpha:hover img { 
	filter: Alpha(Opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.home .navi li p {
	margin-top: 10px;
	line-height: 20px;
	text-align: left;
	color: #666;
}




/* 中ページ
----------------------------------------------- */
/* ---project--- */
.project .navi {
	overflow:hidden;
	width:840px;
}
.project .navi ul {width:860px;}
.project .navi li {
	float:left;
	width:410px;
	margin:0 20px 0 0;
}

.project h3 {margin:0 0 40px 0;}

.project #vending {	margin:60px 0 0 0;}

.project .go_contact{
	margin:40px auto 0;
	padding:20px 0 0 0;
	border-top:solid 1px #CCC;
	text-align:center;
}
.project .go_contact strong{
	display:block;
	margin:0 0 5px 0;
	font-size:14px;
	color: #0868AC;
}
.project .go_contact a {
	display:block;
	overflow: hidden;
	width:146px;
	height:35px;
	margin:10px auto 0;
	background: url(../images/btn_contact.gif) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
}
.project .go_contact a:hover {background-position: -146px 0;}



.project #shop {
	margin:60px 0 0 0;
	background: url(../project/images/shop_photo.jpg) right 50px no-repeat;
}
.project #shop .data ul{
	margin:40px 0 0 0;
	font-size:14px;
}
.project #shop .data li{padding:8px 0 0 0;}
.project #shop .data li span{
	padding:0 3px 0 0;
	color: #99CF16;
}


/* ---com--- */
.com .lead{display:block;}
.com h3{padding:10px 0 0 0;}
.com .column{
	margin:60px 0 0 0;
	padding:10px 0 0 0;
	border-top:solid 1px #ACC9DD;
}
.com .column .title{
	float:left;
	width: 250px;
	font-size: 10px;
}
.com .column .data{
	float:right;
	width: 590px;
}
.com .column .data.center{text-align:center;}
.com .column .data table {
	width:100%;
	line-height:1.5;
}
.com .column .data th,
.com .column .data td {
	text-align: left;
	border-bottom:solid 1px #ACC9DD;
}
.com .column .data th {
	padding: 10px 10px 10px 0;
	vertical-align:top;
	white-space: nowrap;
	font-weight: normal;
	color: #0868AC;
}
.com .column .data td {
	padding: 10px 8px 10px 15px;
}

.com .column ul {
	float:left;
	width:295px;
}
.com .column li {
	padding: 5px 0;
	border-bottom:solid 1px #ACC9DD;
}
.com #map_canvas {
	width:590px;
	height:347px;
	margin:10px 0 5px 0;
	border:solid 1px #CCC;
}


/* ---sitemap--- */
.sitemap .lead{display:block;}
.sitemap h3{padding:10px 0 0 0;}
.sitemap .column{
	margin:60px 0 0 0;
}
.sitemap .column .title{
	float:left;
	width: 300px;
	font-size: 10px;
}
.sitemap .column .data{
	float:right;
	width: 520px;
}
.sitemap .column ul {
	border-top:solid 1px #ACC9DD;
}
.sitemap .column li {
	padding: 10px 0;
	border-bottom:solid 1px #ACC9DD;
}
.sitemap .column li a {
	padding: 0 0px 0 10px;
	background: url(../images/linkdot.gif) no-repeat 0 45%;
}


/* ---contact--- */
.contact p span {color: #C00;}
.contact form {margin:40px 0 0 0;}
.contact table {
	width:100%;
	border-collapse:collapse;
}
.contact th,
.contact td {
	text-align: left;
	padding: 10px 15px;
	border-top:solid 1px #BBA37C;
	border-bottom:solid 1px #BBA37C;
}
.contact th {
	width:160px;
	font-weight: normal;
	white-space: nowrap;
	border-right:solid 1px #BBA37C;
	background: #FBEAD4;
}
.contact th span{
	vertical-align:middle;
	color:#F00;
}
.contact td.space{
	height:12px;
	padding: 0;
	border:none;
}
.contact td.btn{
	border:none;
	text-align: center;
}
.contact td input{
	width:430px;
	padding:3px;
	border:1px solid #7CB0BB;
}

.contact td textarea{
	width:430px;
	height:260px;
	padding:3px;
	border:1px solid #7CB0BB;
}
.contact td input:hover,
.contact td textarea:hover{
	border:1px solid #33ccff;
	background:#effbff;
}
.contact td input#submit,
.contact td input#reset{
	width:200px;
	margin:10px 0 0 0;
	padding:10px 0;
	border:none;
	background:#F93;
	font-weight: bold;
	color: #FFF;
}
.contact td input#reset{
	width:120px;
}
.contact td input#submit:hover,
.contact td input#reset:hover{
	cursor:pointer;
	background:#F8C378;
}
.contact td.btn input {
	width:200px;
	margin:10px 0 0 0;
	padding:10px 0;
	border:none;
	background:#F93;
	font-weight: bold;
	color: #FFF;
}
.contact td input#reset{
	width:120px;
}
.contact td.bnt input:hover {
	cursor:pointer;
	background:#F8C378;
}