@charset "utf-8";


/* =reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
:focus{
	outline:0;
}
body{
	background-color:#FFF;
	line-height:1;
	-webkit-text-size-adjust:100%;
}
ol, ul{
	list-style:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td{
	font-weight:normal;
	text-align:left;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:"";
}
blockquote, q{
	quotes:"" "";
}
a img{
	border:0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}


/* =clearfix
----------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	zoom:1;
}
/* IE-mac */
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}


/* =common
----------------------------------------------- */
img{vertical-align:middle;}
input{margin:0; padding:0;}
input ,select{vertical-align:middle;}
.last_mb{margin-bottom:0 !important;}
.ta_r{text-align:right;}

/* ロールオーバー */
.bigger, .ro img{
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	-moz-opacity:1.0;
	opacity:1.0;
}
.bigger:hover, .ro:hover img{
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	-moz-opacity:0.8;
	opacity:0.8;
}

/* 余白 */
.mb10{margin-bottom:10px;}

/* テキスト */
.b{font-weight:bold;}
.red{color:#D80000;}
.green{color:#189E81;}
a:link, a:visited{color:#333; text-decoration:none;}
a:hover, a:active{color:#333;}
a.green{font-weight:bold;}
a.green:link, a.green:visited{color:#189E81;}
a.green:hover, a.green:active{color:#189E81; text-decoration:underline;}
.nav a:hover, .nav a:active{text-decoration:underline;}

/* 線のスタイル */
.bstyle5, .bstyle7{background:url(../images/common/pattern_01.gif) 0 0 repeat;}
.bstyle5{padding:5px;}
.bstyle7{padding:7px;}

/* ボタン */
.btn a{
	display:block;
	padding-top:5px;
	padding-bottom:4px;
	text-align:center;
}
.btn span{
	padding-right:22px;
	background:url(../images/common/icn_circle_01.png) right center no-repeat;
	color:#FFF;
	font-weight:bold;
}
.btn.asagreen a{background-color:#189E81;}
.btn.red a{background-color:#D90000;}
.btn.green a{background-color:#008C00;}

/* dlテーブル */
.tbl_type1{
	background:url(../images/common/tbl_item_bg.gif) 0 0 repeat-y;
}
.tbl_type1 .tr{
	border-top:1px #999 dotted;
}
.tbl_type1 .tr.last{
	border-bottom:1px #999 dotted;
}
.tbl_type1 .item{
	display:block;
	float:left;
	width:160px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.tbl_type1 .reply{
	float:left;
	width:456px;
	padding-left:20px;
}
.tbl_type1 input.text, .tbl_type1 textarea{
	padding:5px;
	border:1px #C5C5C5 solid;
	font-size:100%;
}
.tbl_type1 input.text{width:290px;}
.tbl_type1 textarea{width:430px; height:180px;}


/* =body
----------------------------------------------- */
body{
	background-color:#FFF;
	color:#333;
	/* 81.3%=13px */
	font:81.3%/1.6 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, monospace;
}
.wrapper{
	width:970px;
	margin:0 auto;
}


/* =header
----------------------------------------------- */
#header .left{
	float:left;
	width:680px;
}
#header .right{
	float:right;
	width:290px;
}
#header h1, #header .nav{
	padding-top:4px;
	padding-bottom:12px;
	color:#666;
}
#header .logo{
	padding-top:17px;
}
#header .nav{
	text-align:right;
}
#header .nav li{
	display:inline;
}
#header .tel .inner{
	background-color:#FFF;
	text-align:center;
}
#header .tel dt{padding-top:3px;}
#header .tel dd{padding-bottom:8px;}


/* =nav
----------------------------------------------- */
#gnav{
	margin-top:14px;
}
#gnav ul{
	border-left:1px #999 dotted;
}
#gnav li{
	display:table-cell;
	*display:inline;
	*zoom:1;
}
#gnav li a{
	display:block;
	padding-top:4px;
	padding-bottom:2px;
	border-right:1px #999 dotted;
	background-repeat:no-repeat;
	background-position:17px center;
	text-align:center;
}
#gnav li a:hover, #gnav li a:active{background-color:#EEE;}
#gnav li span{
	padding-left:29px;
	font-size:120%;
	font-weight:bold;
}

/* 幅 */
#gnav li.index{width:115px;}
#gnav li.basho{width:195px;}
#gnav li.flow{width:149px;}
#gnav li.faq{width:184px;}
#gnav li.company{width:132px;}
#gnav li.catalog{width:196px;}

/* アイコン */
#gnav li.index a{background-image:url(../images/common/icn_home.png);}
#gnav li.basho a{background-image:url(../images/common/icn_basho.png);}
#gnav li.flow a{background-image:url(../images/common/icn_flow.png);}
#gnav li.faq a{background-image:url(../images/common/icn_faq.png);}
#gnav li.company a{background-image:url(../images/common/icn_company.png);}
#gnav li.catalog a{background-image:url(../images/common/icn_catalog.png);}


/* =container
----------------------------------------------- */
#container{
	margin-top:15px;
}


/* =side
----------------------------------------------- */
#side{
	float:left;
	width:250px;
}
#side .blc{
	margin-bottom:20px;
}
#side .blc .inner{
	padding:2px;
	background-color:#FFF;
}
#side .catalog .blc .txt{
	padding:10px 20px 20px;
}
#side .catalog .blc .btn{
	margin-top:7px;
	font-size:120%;
}
#side .contents .blc .mds{
	padding-top:4px;
	padding-bottom:2px;
	background-color:#EEE;
	font-weight:bold;
	text-align:center;
	font-size:120%;
}
#side .contents .blc .txt{
	padding:5px 20px 4px;
}


/* =main_contents
----------------------------------------------- */
#main_contents{
	float:right;
	width:690px;
}
#main_contents .blc{
	margin-bottom:30px;
}
#main_contents .blc .inner{
	padding:20px;
	background-color:#FFF;
}
#main_contents .blc .title{
	min-height:100px;
	height:auto !important;
	height:100px;
	padding:20px 20px 15px;
	background-color:#FFF;
	background-position:right bottom;
	background-repeat:no-repeat;
}
#main_contents .blc .title .detail{
	padding-top:15px;
}

/* お問い合わせ */
#contact .inner{background:url(../images/common/sec_contact_bg.jpg) right bottom no-repeat;}
#contact .mds, #contact .detail{
	width:450px;
	text-align:center;
}
#contact .mds{
	padding-bottom:8px;
	border-bottom:1px #999 dotted;
	font-size:115%;
}
#contact .mds span{
	display:block;
	font-size:125%;
	color:#D80000;
	font-weight:bold;
}
#contact .detail{padding-top:10px;}
#contact .tel{
	float:left;
	width:237px;
}
#contact .mail{
	float:right;
	width:190px;
}

#anchor{
	display:none;
	position:fixed;
	right:50px;
	bottom:65px;
	width:46px;
	cursor:pointer;
}


/* =footer
----------------------------------------------- */
#footer{
	margin-top:60px;
	padding-top:30px;
	background-color:#EEE;
}
#footer .left{
	float:left;
	width:680px;
}
#footer .right{
	float:right;
	width:290px;
}
#footer h3{
	font-size:120%;
	font-weight:bold;
	color:#666;
}
#footer .about{
	padding-top:15px;
	padding-bottom:15px;
}
#footer .about .logo{
	float:left;
	width:260px;
}
#footer .about .address{
	float:right;
	width:410px;
}
#footer .nav{margin-top:10px;}
#footer .nav li{display:inline;}
#footer .gnav li{
	padding-left:17px;
	padding-right:1.0em;
	background:url(../images/common/icn_circle_02.png) left center no-repeat;
}
#footer .contact .tel, #footer .contact .mail{
	background-color:#FFF;
	text-align:center;
}
#footer .contact .tel{
	padding-top:20px;
	padding-right:20px;
	padding-left:20px;
}
#footer .contact .tel dd{
	padding-bottom:15px;
	border-bottom:1px #999 dotted;
}
#footer .contact .mail{
	padding:12px 20px 20px;
}
#address{
	margin-top:30px;
	padding-top:8px;
	padding-bottom:6px;
	background-color:#6D6D6D;
	color:#FFF;
	text-align:center;
}