@charset "utf-8";


/*******************************
/* トップページ
*******************************/
.cha{
	position:relative;
margin-top:30px;
width:990px;
height:192px;
background-image:url(../images/cha_bk.jpg) ;
}

.cha_btn{
position:absolute;
top:32px;
left:834px;
}

.top_box{
width:315px;
margin:0 0 20px 0;
}
	



/*******************************
/* サブページ
*******************************/


#pankuzu{
width:980px;
padding-top:20px;
margin:5px auto -20px auto;
font-size:10px;
color:#999999;
}





/* --------------------------------------------------------------
!Table
-------------------------------------------------------------- */
table .inq {
width: 100%;
border: solid 1px #ddd;
border-collapse: collapse;
margin: 0 0 1em; 
border-spacing: 0;
}

th {
border: solid 1px #cccccc;
font-weight: normal;
background: #f4f4f4;
text-align: center;
vertical-align: top;
padding: 18px 15px;
white-space: nowrap;
}

td {
border: solid 1px #cccccc;
background: #fff;
padding: 18px 15px;
}

table tr:first-child {
border: none;
}

input.submit {
	display: block;
	margin: 20px auto;
	padding: 10px 20px;
}
.red {
	color: #f00;
	font-weight: normal;
	white-space: nowrap;
}

/* --------------------------------------------------------------
!block
-------------------------------------------------------------- */
.blockB {
margin-top: 40px;
padding: 15px 15px 0;
border: solid 1px #D6D8CB;
background-color: #EFF0EB;
}

.blockB p{
font-size: 12px;
}




/* --------------------------------------------------------------
!concept
-------------------------------------------------------------- */


dl.info_list {
  float: left;
  width: 100%
}
dl.info_list dt { 
  clear: left;
  float: left;
  margin-bottom: 10px; 
  padding-bottom: 5px; 
  width: 10em;
  float: left; 
  clear: both; 
  font-weight: bold; 
} 

dl.info_list dd { 
  margin-bottom: 10px; 
  padding: 0 0 1em 10em;
  border-bottom: 1px dotted #999999;
  margin-left:0px;
  zoom: 1;
}



/* --------------------------------------------------------------
!inquiry
-------------------------------------------------------------- */

.mg72{
margin-bottom:72px;
}

table.inq_tbl{
line-height:1.8;
font-size:12px;
}

table.inq_tbl td{
border:solid 1px #CCCCCC;
padding:10px;
}

table.inq_tbl td.lt{
background:#F5F5F5;
}

input{
text-align:left;
font-size:12px;
}

table.inq_tbl td ul{
width:100%;
}

table.inq_tbl td ul li{
float:left;
width:160px;
}



table.inq_tbl td table td{
border:none;
padding:4px;
}

input.kny{
width:530px !important;
padding:4px 0 !important;
}
* html input.kny{
width:527px !important;
height:26px !important;
}

textarea{
width:530px !important;
height:128px !important;
}

input.okr{
width:70px;
text-align:center;
margin:35px 0 54px 80px;
padding:3px 0;
}

.fnt_red{
color:#CC0000;
}


/* --------------------------------------------------------------
sitemap
-------------------------------------------------------------- */

ul.smp_lst{
width:100%;
margin-bottom:50px;
}

ul.smp_lst li{
margin:0 0 54px;
padding:0 0 0 15px;
font-size:14px;
line-height:20px;
background:url(../images/sitemap/arrow.gif) no-repeat 0 5px;
}


/* --------------------------------------------------------------
concept
-------------------------------------------------------------- */
.cpt{
	position:relative;
	width:648px;
	height:820px;
	margin:0 0 100px 0;
}

.cpt p{
	line-height:1.8;
	}


.tx01{
	position:absolute;
	width:280px;
	top:265px;
	left:30px;
}

.tx02{
	position:absolute;
	width:280px;
	top:265px;
	left:338px;
}

.tx03{
	position:absolute;
	width:280px;
	top:461px;
	left:30px;
}

.tx04{
	position:absolute;
	width:280px;
	top:461px;
	left:338px;
}

.tx05{
	position:absolute;
	width:280px;
	top:659px;
	left:30px;
}



/* --------------------------------------------------------------
roots
-------------------------------------------------------------- */
.roots{
	width:647px;
}


.box_roots{
width:313px;
}



/* --------------------------------------------------------------
link
-------------------------------------------------------------- */

#dl_link {
	margin: 26px 0 15px 0;
	padding:0;
}
#dl_link  a:link { color : #3059ff;  text-decoration:none;}
#dl_link a:visited { color : #444444; text-decoration:none;}
#dl_link  a:hover { color: #ff6600; text-decoration:underline; }

.dt_link_a {
	float: left;
	width: 19em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 200%;
	background-color:#F6F29F;
}
.dt_link_b {
	float: left;
	width: 19em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 200%;
	background-color:#DBF1CF;
}
.dt_link_c {
	float: left;
	width: 19em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 200%;
	background-color:#D0F0E4;
}
.dt_link_d {
	float: left;
	width: 19em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 200%;
	background-color:#E4DFE4;
}
.dt_link_e {
	float: left;
	width: 19em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 200%;
	background-color:#E6D2E7;
}
.dt_link_f {
	float: left;
	width: 19em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 200%;
	background-color:#F7DEEB;
}
.dt_link_g {
	float: left;
	width: 19em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 200%;
	background-color:#EFDECC;
}
.dd_link {
	padding: 10px 0 40px 21em;
	line-height: 120%;
}




/* --------------------------------------------------------------
system
-------------------------------------------------------------- */

ul.stm{
width:100%;
margin-bottom:38px;
}

ul.stm li{
list-style:none;
float: left;
width:190px;
margin-right:38px;
}

ul.stm li.lst{
margin-right:0px;
}

ul.cat_lst{
width:100%;
margin-bottom:50px;
}

ul.cat_lst li{
margin:0 0 5px;
padding:0 0 0 15px;
font-size:14px;
line-height:20px;
background:url(../images/sitemap/arrow.gif) no-repeat 0 5px;
}

/* --------------------------------------------------------------
gallery
-------------------------------------------------------------- */
.category{
	background: url(../images/gallery/category.jpg) 0 100% no-repeat;
	font-size: 20px;
	font-weight: bold;
	color: #663200;
	padding: 22px;
	margin-bottom: 30px;	
}
.gallery{
	width: 647px;
	clear: both;
}
.gallery_area{
	width: 190px;
	float: left;
	margin: 0 37px 25px 0;
}
.gallery_area img{
	display: block;
	width: 190px;
	margin-bottom: 10px;
}
.gallery_area .title{
	line-height: 150%;
}
.nmr{
	margin-right: 0!important;
}
.detail{
	clear: both;
}
.detail .main_pic{
	display: block;
	width: 647px;
	margin-bottom: 10px;
}
.detail .pic img{
	float: left;
	display: block;
	margin-right: 15px;
	margin-bottom: 40px;
}