@charset "utf-8";

/* -----------------------------
contents
----------------------------- */
#contents{}



/* -----------------------------
フォーム
----------------------------- */
.contact{}
.contact h2{}
.contact .stepnavi{}

.contact_tbl {
	width:100%;
}
.contact_tbl dl{
	padding:0.5em;
}
.contact_tbl dt, .contact_tbl dd{
	padding:0.5em 1em;
}
.contact_tbl dt {
	background: #fffef6 url(../images/icon2.png) no-repeat 5px 7px;
	text-align: left;
	vertical-align: top;
	padding-left: 15px;
	border:1px solid #ccc;
}
.contact_tbl dt span{
	font-weight: normal;
	font-size: 12px;
}
.contact_tbl dd {
	padding-bottom:2em;
}
.contact_tbl ul.chk {
	display:block;
	list-style-type:none;
	overflow:hidden;
	marign:0 1em;
	border-top:1px solid #ccc;
}
.contact_tbl ul.chk li {
	display:block;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.contact_tbl ul.chk li label {
	display:block;
	padding:0.5em;
}
.contact_tbl ul.chk li span {
	display:block;
	padding-left:2em;
}
/*
input[type="radio"] {}
*/
.contact_tbl dd select {
	display:block;
	font-size:1.2em;
	padding:1em 0.5em;
}
.contact_tbl dd strong {}
.contact_tbl dd table {
	border-collapse:collapse;
}
.contact_tbl dd th {
	padding:0;
}
.contact_tbl dd td {
	padding:0 0 0.5em 1em;
}
.contact_tbl h3 {
	font-size:1.2em;
	background: url(../images/icon1.png) no-repeat 10px 0;
	border-bottom: 1px solid #D71C1E;
	line-height: 20px;
	margin: 30px 0 15px;
	padding:0 0 8px 34px;
}
.contact_tbl h3 span {
	font-size:0.8em;
}
.contact_tbl .att{
	text-indent: -1em;
	padding-left: 1.1em;
	color:#C00;
}
.contact_tbl .btn_area{
	text-align:center;
	padding:2em 0;
}

.contact_tbl .lst {
	padding:0 1em;
	line-height:1.4;
}
.contact_tbl input[type=radio]{ margin-right:5px;}
.contact_tbl input[type=checkbox]{ margin-right:5px;}


/* link_box */
.contact_tbl .link_box{
	position:relative;
	min-height:50px;
	_height:50px;
}
.contact_tbl .link_box .link{
	position:absolute;
	bottom:0px;
	right:0px;
	background: url(../images/icon33.png) no-repeat right center;
	padding-right: 25px;
}

/* check_box */
.contact_tbl .check_box {
	margin: 1em 1.5em;
	padding:0.5em 0.5em 0.5em 2em;
	background: url(../images/att.png) no-repeat 0.5em 0.8em;
	border: 1px solid #CCC;
}
.waku{
	clear: both;
	margin: 1em 1.5em;
	padding:0.5em;
	border: 1px solid #CCC;
}


/* thanks_box */
.contact_tbl .thanks_box {
	margin:0.5em;
	border:1px solid #ccc;
	background: url(../images/sp/flower1.png) no-repeat center bottom;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
}
.contact_tbl .thanks_box .in{
	padding-top:3em;
}
.contact_tbl .thanks_box h3{
	background: url(../images/icon1.png) no-repeat 10px top;
	border-bottom: 1px solid #D71C1E;
	margin:0 1em 2em;
	padding:0 0 1em 34px;
}
.contact_tbl .contact_info{
	width:70%;
	margin:3em auto 2em;
}
.contact_tbl .contact_info h4{
	background: url(../images/icon1.png) no-repeat 0px center;
	padding-left: 25px;
	margin-bottom: 8px;
}




/* -----------------------------
.article_list
----------------------------- */
.article_list{ margin-top: 20px;}
.article_list li{
	border-bottom: 1px dotted #CCC;
	padding: 10px 0px 10px 25px;
	background: url(../images/icon1.png) no-repeat 10px 16px;
}
.article_list li span{ padding-right:1em;}


/* -----------------------------
#blog 
----------------------------- */
#blog_list{ padding-top: 20px; }
#blog_list ul{ position: relative;}
#blog_list ul li{
	float:left;
	width: 210px;
	background: #FFF;
	border-radius: 3px;	/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	margin: 0 0 20px 19px;
	border: 1px dotted #CCC;
}
#blog_list ul li .pix{
	height: 116px;
	width: 192px;
	overflow: hidden;
	margin-bottom:5px;
}
#blog_list ul li a{
	display:block;
	padding: 9px;
	color: #333;
	text-decoration: none;
}
#blog_list ul li:hover{ background: #FFF9EE; }
#blog_list ul li p{
	line-height:1.5;
	text-align: justify;
	font-size: 90%;
}
#blog_list ul li .txt{
	background: url(../images/line.png) repeat-x left top;
	margin-top: 5px;
	padding-top: 10px;
}
#blog_list .btn{
	position:absolute;
	top:18px;
	right:90px;
}



/* -----------------------------
ul#nav
----------------------------- */
#nav{
	padding-left: 16px;
	clear: both;
}
#nav ul{
	clear: both;
	margin: 0px auto;
	padding: 6px 0px 3px 16px;
	font-size: 75%;
	width: 1000px;
	background: url(../images/home.png) no-repeat left center;
}
#nav li{
	display: inline;
	color: #666;
	font-size: 10px;
	line-height: 22px;
}
#nav li span{
	padding:0 5px;
	font-weight: normal;
}
#nav li a{
	color: #666;
	font-weight: normal;
}



/* -------------------------- */


/* map */
#map{
	height: 500px;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

.ttl1{
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
	font-size: 26px;
	padding-bottom: 10px;
	border-bottom: 2px solid #333;
}
.ttl1 span{
	font-size:16px;
	margin-left: 0.8em;
}

.ttl2{
	background: #F3EFCD url(../images/bg.png);
	padding: 3px 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	font-size: 1.2em;
}
/**/

/* matelial */
.box{
	margin: 0px 0px 0px 20px;
	clear: both;
	padding-bottom: 30px;
}
.box .add{ 
}

.block{
	margin-left:10px;
	clear: both;
}



/* -----------------------------
.lead
----------------------------- */
.lead{
	margin: 5px 0px 25px 10px;
	padding: 0px;
}




/* -----------------------------
item
----------------------------- */

#item_box{ padding-top: 30px; }


#item_box .item{
	position:relative;
	padding:15px;
	background:url(../images/bg.png) repeat;
	margin-left: 65px;
	margin-top: 20px;
}

#item_box .wap{
	padding: 15px;
	background: #FFF;
	border-radius: 4px;	/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	_height:200px;
	min-height:200px;
}
#item_box h4{
	margin:0 0 8px;
	font-size: 160%;
	background: url(../images/line.png) repeat-x left bottom;
	padding-bottom: 10px;
}
#item_box h4 span{
	font-size:75%;
	padding-left: 20px;
}
#item_box .icon{
	position:absolute;
	top:-16px;
	left:-65px;
}
* html #item_box .icon{behavior: expression(IEPNGFIX.fix(this));}

#item_box .pix{
	position:absolute;
	top:30px;
	right:30px;
	width:258px;
	height:180px;
	overflow:hidden;
	text-align: right;
}
#item_box .wap p,
#item_box .wap h4,
#item_box .wap ul{ width:540px; }

#item_box ul{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #CCC;
}
#item_box ul li{}
#item_box ul li.day{
	background: url(../../images/calender_icon1.png) no-repeat left 2px;
	padding-left: 62px;
	padding-bottom: 5px;
}
#item_box ul li.price{
	background: url(../../images/calender_icon2.png) no-repeat left 2px;
	padding-left: 62px;
	padding-bottom: 5px;
}




/**/
#item_box #item01{ background-color:#FAD2CF; }
#item_box #item01 h4{ color: #CD332B; }

#item_box #item02{ background-color:#FCD68F; }
#item_box #item02 h4{ color: #F88B14; }

#item_box #item03{ background-color:#93A0C1; }
#item_box #item03 h4{ color: #294587; }

#item_box #item04{ background-color:#B88EBD; }
#item_box #item04 h4{ color: #68407B; }

#item_box #item05{ background-color:#EDB559; }
#item_box #item05 h4{ color: #CB8716; }

#item_box #item06{ background-color:#EDBCC4; }
#item_box #item06 h4{ color: #D35F6F; }





/* -----------------------------
ショップ
----------------------------- 
.shoplink{}
.shoplink li{
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
.shoplink h3{
	font-size: 14px;
	color: #421615;
}
.shoplink h3 span{
	font-size: 12px;
	padding-left: 10px;
}
.shoplink p.link{
	background: url(../images/icon_link.png) no-repeat left 5px;
	padding-left: 16px;
}
.shoplink p{	margin-left: 1em;}

*/



/* -----------------------------
会社概要
----------------------------- */

.company_photo{ 
}

.company_photo h4{
	font-weight: bold;
	color: #80AC22;
	font-size: 18px;
}


/**/

.company_hoshin{}
.company_hoshin h4{ margin-bottom:8px;}
.company_hoshin ol{ margin-left:15px;}
.company_hoshin ol li{
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 1.6;
	margin-bottom: 5px;
}


.company_tdl{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.company_tdl td,
.company_tdl th{
	line-height:1.4;
	border: 1px solid #CCC;
	padding: 8px 8px;
	vertical-align: top;
}
.company_tdl td{}
.company_tdl th{
	font-weight: bold;
	background: #FFF4DF;
	width: 150px;
}



/* -----------------------------
page_link
----------------------------- */
.page_link {
	margin: 30px 0 15px;
	clear: both;
}
.page_link ul {
	padding-left: 10px;
	clear: both;
}
.page_link li {
	float: left;
	font-size: 12px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: center;
}
.page_link li.current {
	border: 1px solid #CCC;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	white-space: nowrap;
	background-color: #154873;
	color: #FDFDFD;
}
.page_link li a {
	border: 1px solid #CCC;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	white-space: nowrap;
}
.page_link li a:hover {
	background-color: #154873;
	color: #FDFDFD;
}		






/* -----------------------------
sitemap
----------------------------- */
.sitemap_box{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}

.sitemap_box table{ }
.sitemap_box table th,
.sitemap_box table td{
	vertical-align: top;
	line-height: 1.6;
}
.sitemap_box table th{}
.sitemap_box table td{ width: 250px; }


.sitemap_box ul{
	margin-left:15px;
	margin-bottom: 10px;
}
.sitemap_box ul li{
	background: url(../images/icon2.png) no-repeat left 8px;
	padding-left: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.sel {
	width:90%;
	margin:0 auto;
}
.sel ul {
	display:block;
	list-style-type:none;
}
.sel ul li {
	display:block;
}
.sel ul li label {
	display:block;
	width:100%;
	overflow:hidden;
	display: -webkit-box;
	display: -moz-box;
}
.sel ul li label span {
	display:block;
	width:2em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#fff;
	padding:0.5em 0;
	text-align:center;
	-webkit-box-ordinal-group: 1;  
	-moz-box-ordinal-group: 1;  
}
.sel ul li label strong {
	display:block;
	border:1px solid #ccc;
	padding:0.5em;
	background:#fffef6;
	text-align:left;
	vertical-align:middle;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-ordinal-group: 2;  
	-moz-box-ordinal-group: 2;  
}
.sel img {
	vertical-align:middle;
}
.sel ul li.fst label span, 
.sel ul li.fst label strong {
	border-bottom:none;
}