@charset "utf-8";

body{
	background: url(../images/bg/bg_bd.jpg) repeat;
}

#wrclose1{
	position:relative;
	overflow:hidden;
	width:100%;
	height:80%;
}
#wrclose2{
	position:absolute;
	padding-top:80px;
	text-align:center;
	z-index:100;
	background-color: rgba(255,255,255,0.7);
	font-size:2em;
	line-height:2.2em;
	color:#FF0000;
	width:100%;
	height:100%;
}
/*===============================================================
会社情報
================================================================*/
#cmp_inf,#cmp_hst{
	display:block;
	width:300px;
	height:100px;
	background-color: rgba(255,255,255,0.6);
	position:absolute;
	right:0;
	padding:5px 10px;
}
#cmp_inf p,#cmp_hst p{
	margin-left:5px;
}
#cmp_inf:hover,#cmp_hst:hover{
	background-color: rgba(255,255,255,0.9);
}

#cmp_inf:hover span,#cmp_hst:hover span{
	color:#C5D4D8;
}

#cmp_inf{
	top:150px;
	z-index:100;
}
#cmp_hst{
	top:270px;
	z-index:200;
}
#cmp_inf span, #cmp_hst span{
	display:block;
	text-align:right;
}

#panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
/*------------------------
会社情報　コンテン+ツナビ
-----------------------*/
#cmp #content{
	overflow:hidden;
}


#cmp #cmp_nav{
	width:170px;
	height:100%;
	float:left;
}
#cmp #cmp_nav h3{
	margin:10px 0;
	font-variant:normal;
	font-size:1.5rem;
}
#cmp #cmp_nav li{
	margin:5px 0 0 1rem;
	list-style:disc;
}

#cmp #cmp_nav .on{
	font-weight:bold;
	color:#555;
}

#cmp #cmp_hst_cnt,#cmp #cmp_inf_cnt{
	width:770px;
	float:right;
}
/*===============================================================
会社情報　社史
================================================================*/
#cmp #cmp_hst_cnt .left{
	margin:5px 10px 5px 0;
}
#cmp #cmp_hst_cnt .right{
	margin:5px 0 5px 10px;
}
#cmp #cmp_hst_cnt p{
	margin:1rem 0;
	line-height:1.6rem;
}
/*===============================================================
会社情報　会社概要
================================================================*/

#cmp_inf_cnt table, #cmp_inf_cnt tr, #cmp_inf_cnt td, #cmp_inf_cnt th {
 border-collapse:collapse;
 border:1px solid #DDD;
}
#cmp_inf_cnt table{
	width:700px;
	margin:0 auto;
	}
#cmp_inf_cnt td,#cmp_inf_cnt th{
	padding:1rem 2rem;
}
#cmp_inf_cnt th{
	background-color:rgba(240,240,240,0.6);
}
#cmp_inf_cnt td{
	background-color:rgba(253,253,253,0.6);
}
#cmp #cmp_inf_cnt h1{
	font-size:1.5rem;
	margin:20px 0 20px 40px;
}

/*===============================================================
お取り扱い店舗
================================================================*/
#dlr #content{
	text-align:center;
}
#dlr h1{
	border-bottom:1px solid #898989;
	font-size:1.2rem;
	padding-bottom:15px;
	margin:10px;
}
#dlr dt {
  clear: left;
  float: left;
  text-align:left;
  margin: 1rem;
  width:100px;
  border-left: solid 4px #CCC;
  padding-left:1rem;
  color: #898989;
}

#dlr dd {
	float:left;
	margin: 1rem;
	line-height:1.5rem;
}
#dlr .tel{
	width:140px;
}
#dlr .add{
	width:400px;
}
/*===============================================================
FAQ
================================================================*/
#faq #quest_list {
	overflow:hidden;
	width:940px;
	padding:10px;
	border:solid 1px #898989;
	background-color:rgba(240,240,240,0.6);
	-moz-border-radius: 2px 2px 2px 2px; /* Firefox3.6 */
	border-radius: 2px;
}

#faq #quest_list dl{
	width:45%;
	float:left;
	margin-left:10px;
}
#faq #quest_list dl dd{
	list-style:disc;
	line-height:2rem;
	margin-left:1rem;
	}
#faq #cnt_form{
	text-align:right;
	margin:5px 0 20px;
}
#faq section{
	margin:10px 0 35px 10px;
}
#faq section h2{
	font-size:1.2rem;
	margin-bottom:0.7rem;
}
#faq section p{
	line-height:1.6rem;
}
#faq section p span{
	font-size:1.3rem;
}
/*===============================================================
お問い合わせフォーム
================================================================*/
#inq .formbox{
	width:50%;
}
#inq .formbox input{
	border:solid 1px #898989;
	height:1.3em;
	padding:5px;
	width:92%;
}
#inq .formbox input[type="submit"], #inq .formbox input[type="reset"]{
	width:35%;
	height:2em;
	padding:2px;
	margin:5%;
	font-family:Orienta, sans-serif;
}
/*
#inq .formbox input[type="submit"]:hover, #inq .formbox input[type="reset"]:hover{
	background-color:#000;
	color:#FFF;
}
*/
#inq .formbox p{
	margin:1.5em 0;
	font-size:1em;
}
#inq .formbox textarea{
	border:solid 1px #898989;
	width:100%;
	height:250px;
 }
/*===============================================================
管理者ログイン
================================================================*/
#content #admin{
	width:300px;
	margin:30px auto;
	position:relative;
}
#content #admin p{
	margin-bottom:20px;
}
#content #admin input{
	margin-left:5px;
	border:solid 1px #898989;
	width:200px;
	position:absolute;
	right:0px;
	}
#content #admin input[type="submit"]{
	width:300px;
	margin:10px 0;
	padding:5px;
	border:solid 1px #898989;
	background-color:#898989;
	color:#FFF;
	}
#content #admin input[type="submit"]:hover {
	border:solid 1px #222;
	background-color:#222;
}
#content #admin input[type="submit"]:active {
	border:solid 1px #222;
	background-color:#222;
}


/*===============================================================
会員ログイン
================================================================*/
#content_mnb{
	width:500px;
	text-align:center;
	margin:80px auto;
}

/*===============================================================
プライバシーポリシー
================================================================*/

#prv h1{
	font-size:1.2rem;
	margin:5px;
}
#prv dl {
	margin-top:20px;
}
#prv dl dt{
	font-size:1rem;
	border-left:solid 2px #666;
	margin:20px 5px 10px;
	font-weight:bold;
}
/*===============================================================
サイトマップ
================================================================*/

#site_map h2, #site_map h2 a{
	margin:30px 0 15px;
	font-size:1.3rem;
}
#site_map h2{
	border-bottom:solid 1px #DDD;
	padding:5px;
}
#site_map #content div{
	margin:0 auto;
}
#site_map .out_line{
	overflow:hidden;
}
#site_map dl{
	float:left;
	width:25%;
}

#site_map dl dd{
	margin:15px auto 15px 1rem;
}