/* 基本 ------------------------------------------- */

img{
	border:0px;
}

a{
	color:#00A470;
	text-decoration: none;
}

a:hover {
	color:#00A470;
	text-decoration:underline;
}

p{
	font-size:small;
}

.bottom{
	width:100%;
	height:1px;
	margin:0;
	padding:0;
	font-size:2px;
	clear:left;
}

.clear{
	height:0px;
	margin:0;
	padding:0;
	font-size:2px;
	clear:both;
}


/* レイアウト ------------------------------------- */

.header_tab{
	display:none;
}

html, body{
	width:100%;
}

body{
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Osaka‐等幅","sans-serif";
	padding:0px;
	margin:0px;
}

.header{
	width:100%;
	margin:0px auto;
	padding:0px;
	background-color:#fff;
}

.main{
	width:100%;
	background-color:#fff;
}

.pack{
	width:100%;
	max-width:900px;
	margin:0px auto;
	background-color:#fff;
}


.footer{
	width:100%;
	clear:both;
	padding-top:10px;
	background-color:#94CEB4;
}

/* header ------------------------------------------- */

.head_top{
	width:100%;
	margin:0px auto;
	padding:0px;
	background-color:#94CEB4;
}

.logo{
	width:100%;
	max-width:900px;
	margin:0px auto;
	padding:0px;
	background-color:#fff;
}

.navi{
	clear:both;
	width:100%;
}

.header h1{
	float:left;
	padding:0px 0px 0px 10px;
	margin:0;
	width:50%;
	text-align:left;
}

.header h2{
	font-size:small;
	font-weight:normal;
	color:#713F3B;
	margin:0px auto;
	padding:10px;
	width:100%;
	max-width:900px;
	margin:0px auto;
	text-align:left;
}

.header h3{
	float:left;
	margin-top:5px;
}

.header p{
	margin-top:30px;
}

.header p a{
	margin-top:10px;
	margin-right:25px;
	float:right;
	display:block;
	color:#00A470;
	border:3px solid #00A470;
	border-radius: 5px;
	padding:10px 10px 10px 40px;
	font-size:18px;
	font-weight:600;
	background-image:url(../images/head_mail.png);
	background-repeat:no-repeat;
	background-position:left center;
}

.header p a:hover {
	background-color:#FFD966;
	text-decoration:none;
}


/* navi --------------------------------------------- */

#pagetop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px;
  cursor: pointer;
  background: #fff;
  color: #94CEB4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  z-index:20;
  border:3px solid #94CEB4;
}

.navi ul{
	width:100%;
	max-width:900px;
	margin:0px auto;
	padding-left:-40px;
	
}

.navi ul li{
	float:left;
	list-style-type:none;
	width:19%;
	margin-right:1%;
	margin-bottom:20px;
}

.navi ul li:first-child{
	margin-left:-20px;
}
	
.navi ul li a{
	width:100%;
	margin:0px auto;
	font-size:medium;
	color:#00A470;
	padding:10px 0px;
	text-align:center;
	display:block;
	font-weight:bold;
	background-color:#fff;
	border-bottom:3px solid #00A470;
}

.navi ul li a:hover{
	color:#713F3B;
	top:0px;left:0px;
	text-decoration:none;
	border-bottom:3px solid #713F3B;
}

.pan{
	width:98%;
	text-align:right;
	font-size:small;
	padding-right:2%;
}

/* トップ用スライダー ------------------------------ */

.index_cm{
	clear:both;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	list-style:none;
}

.wideslider ul{
	margin-left:-40px;
	margin-top:0px;
}



.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

.zoukaitiku h3{
	margin-top:-200px;
	z-index:300;
}

/* index_right ------------------------------------------ */

.index_right{
	float:right;
	width:170px;
	background-color:#fff;
	padding:20px;
}

/*@media screen and (max-width: 600px) {
.index_right{
	float:none;
	width:100%;
	background-color:#fff;
	padding:20px;
}
}*/

div#sideMenu{
	width:174px;
	float:left;
}

div#sideMenu ul{
	list-style:none;
	margin-left:-40px;
}

div#sideMenu ul#ulMenuSekou{
	width:168px;
	padding-top:56px;
	margin:0;
	background:url(../images/title_sekourei.gif) left top no-repeat;
}
div#sideMenu ul#ulMenuSekou li{
	background:url(../images/menu_sekou_list_bg.gif) left no-repeat;
	width:148px;
	height:23px;
	margin:0 0 0 -40px;
	padding:0 0px 0px 20px;
	font-weight:bold;
	font-size:10pt;
}
div#sideMenu ul#ulMenuSekou li a{
	color:#333333;
}

div#sideMenu ul#ulMenuSekou li a:hover,
div#sideMenu ul#ulMenuSekou li a:active{
	text-decoration:none;
	color:#009933;
}


div#sideMenu ul#ulMenuSekou li.end{
	background:url(../images/menu_sekou_bottom_bg.gif) left bottom no-repeat;
	height:21px;
	width:168px;
	margin:0 0 0 -40px;
	padding:0;
}


div#eigyoArea{
	width:160px;
	padding:0;
	margin:0 auto 0 8px;
	float:left;
	display:inline;
	background-color:#EBEBEB;
	border:2px solid #676767;
	border-radius:16px;
}
div#eigyoArea h2{
	width:120px;
	height:auto;
	background:url(../images/index_top_yazirushi.png) left top no-repeat;
	background-color:#676767;
	color:#FFFFFF;
	font-size:11pt;
	padding:4px 0 2px 40px;
	margin-top:0px;
	border-top-left-radius:13px;
	border-top-right-radius:13px;
}
div#eigyoArea img{
	margin:2px auto 2px 8px;
}
div#eigyoArea p{
	width:150px;
	margin:0 auto 0 8px;
	padding-bottom:8px;
	line-height:1.2;
}


/* index_left ------------------------------------------- */

.index_left {
	margin-right:220px;
	background-color:#fff;
	padding:10px 10px 10px 20px;
}

.index_left h2{
	margin:0px auto;
}

.index_banner_box{
	width:100%;
	text-align:center;
}

.index_banner{
	float:left;
	width:49%;
	text-align:center;
	margin-left:0px;
}

div#reformArea{
	width:560px;
	padding:0;
	margin:0 auto;
	background:url(../images/index_reform_bg.gif);
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
div#reformArea ul{
	margin:0px auto;
	padding:10px 0px;
}
div#reformArea ul li{
	display:inline;
	margin-left:22px;
	list-style-type:none;
}


div#whatsNew{
	width:540px;
	display:block;
	margin:10px auto;
	background-color:#FFF4CC;
	border:2px solid #FF9900;
	border-radius:16px;
}
div#whatsNew h2{
	background:url(../images/index_top_yazirushi.png) left top no-repeat;
	width:500px;
	height:19px;
	color:#FFFFFF;
	font-size:11pt;
	padding:2px 0 4px 40px;
	background-color:#FF9900;
	border-top-left-radius:13px;
	border-top-right-radius:13px;
}
div#whatsNew p{
	width:500ox;
	line-height:1.75;
	font-size:12px;
	margin:8px auto;
	padding:0px 20px;
}
#whatsNew p span{
	border-bottom:1px dashed #FF9900;
}

div#contentsMenu{
	width:560px;
	background:url(../images/index_menu_bg.gif) repeat;
	margin:10px auto;
	padding-bottom:20px;
}
div#contentsMenu h2{
	background:url(../images/index_top_yazirushi.png) left top no-repeat;
	width:520px;
	height:19px;
	color:#FFFFFF;
	font-size:11pt;
	padding:2px 0 4px 40px;
	background-color:#00A470;
}
div#contentsMenu ul{
	width:540px;
	margin-left:-30px;
}
div#contentsMenu ul li{
	background-color:#fff;
	float:left;
	display:inline;
	text-align:center;
	width:170px;
	margin:5px;
	padding:10px 0px;
	box-shadow:5px 5px 5px gray;
}
div#contentsMenu ul li img{
	margin:0;
	padding:0;
}
div#contentsMenu ul li p{
	width:170px;
	margin:0;
	line-height:1.2;
}

/* gaiyo ------------------------------------------ */

.gaiyo_left {
	margin-right:220px;
	background-color:#fff;
	padding:10px 10px 10px 20px;
}

.gaiyo_left h2{
	margin:20px 0px;
	color:#00A470;
}

.gaiyo div{
	clear:left;
}

.gaiyo dt{
	width:100px;
	float:left;
	font-weight:bold;
	padding:10px 0px;
}

.gaiyo dd{
	padding:10px 0px;
	font-size:small;
	margin-left:100px;
}


/* sekou ------------------------------------------ */

.sekou_left {
	margin-right:220px;
	background-color:#fff;
	padding:10px 10px 10px 20px;
}

.top_waku{
	width:120px;
	height:183px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	background-image:url(../sekou/common_img/top_waku.gif);
}

.top_waku h4{
	margin:0px;
	text-align:right;
	padding-right:14px;
	color:#fff;
}

.top_waku p{
	margin:0px;
	padding-left:6px;
	padding-top:2px;
	line-height:1.1em;
}

.top_waku a{
	color:#333;
}

.top_waku .new_mark{
	float:left;
}

.sekou_left h3{
	clear:left;
}

.sekou_left h2{
	margin:20px 0px;
	color:#000;
	text-shadow:2px 2px 0px #fff;
	background-image:url(../sekou/common_img/midashi.gif);
	background-repeat:no-repeat;
	background-position:right;
	width:98%;
	text-align:right;
	padding-right:2%;
	
}

.sekou_left h5{
	background-color:#00A470;
	color:#fff;
	width:70px;
	font-size:medium;
	text-align:center;
	border-radius:10px;
	font-weight:normal;
}

.sekou{
	clear:left;
	width:100%;
	overflow:hidden;
}



.sekou_box_left{
	float:left;
	width:300px;
	font-size:small;
	padding:5px;
}

.sekou_box_right{
	float:left;
	width:300px;
	font-size:small;
	padding:5px;
}

.sekou_point{
	background-color:#FFF4CC;
	color:#713F3B;
	padding:5px 10px;
}

.sekou_after{
	text-align:center;
	clear:left;
}

.sekou_before{
	text-align:center;
	clear:left;
	border:1px dashed #000;
	padding:10px;
}

.sekou_after img, .sekou_before img{
	margin:5px;
}

/* showroom ------------------------------------------ */

.showroom {
	width:100%;
	max-width:900px;
	margin:0px auto;
	background-color:#fff;
	text-align:center;
}

.showroom h2{
	margin:20px 0px;
	color:#00A470;
}

.showroom table tr td{
	font-size:small;
	text-align:center;
}


/* ankert ------------------------------------------ */

.ankert {
	width:100%;
	max-width:900px;
	margin:0px auto;
	background-color:#fff;
}

.ankert h2{
	margin:20px 0px;
	color:#00A470;
}


/* ギャラリー -------------------------------------- */

.gallery{
	width:100%;
	max-width:900px;
	margin:0px auto;
	background-color:#fff;
}

.gallery h2{
	margin:20px 0px;
	color:#00A470;
}

.gallery ul{
	margin-bottom:100px;
}

.txt10{
	font-size:small;
}


/* footer ----------------------------------------- */

.footer ul{
	width:100%;
	max-width:900px;
	margin:0px auto;
}

.footer ul li{
	width:150px;
	float:left;
	list-style-type:none;
}

.footer ul li a{
	font-size:small;
	color:#713F3B;
}

.footer ul li a:hover{
	border-bottom:1px dashed #713F3B;
	text-decoration:none;
}

.footer ul li ul{
	margin-top:10px;
}

.footer ul li ul li{
	width:150px;
	float:none;
	list-style-type:none;
	margin-left:-42px;
}

.copy{
	text-align:center;
	clear:both;
	color:#713F3B;
	font-size:small;
	padding-top:10px;
}


/* ここからスマホ独自レイアウト ----------------------- */

/* tab_header ----------------------------------------- */

.head_image{
	width:100%;
	height:auto;
	margin:0px auto;
	text-align:center;
	padding:0px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}

.head_image p{
	margin:0px;
}

.head_image img{
	width:100%;
	height:auto;
	margin:0px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}

.tab_logo{
	width:90%;
	height:auto;
	text-align:right;
	margin:-60px auto 10px auto;
}

.tab_logo h1{
	margin:0px;
}

.tab_logo img{
	width:190px;
	height:39px;
}

.pack_tab{
	width:100%;
	height:auto;
	margin:-15px auto 10px auto;
	padding-top:0px;
	background-color:#fff;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

.tab_header{
	width:98%;
	height:auto;
	margin:0px auto;
	padding-top:10px;
	text-align:right;
}

p.tel{
	font-size: medium;
	font-weight: bold;
	color: #00A470;

}


/* tab_content ---------------------------------------- */

#title {
	font-size:15px;
	width:100%;
	cursor:pointer;
	padding: 10px 0px;
	color:#00A470;
	border-bottom:1px dashed #00A470;
	border-top:1px dashed #00A470;
	margin-top:-1px;
	background: linear-gradient(white, #c9e6d9);
	text-shadow:2px 2px 2px #fff;
}

#title h2{
	font-size:30px;
	margin:0px 10px;
	letter-spacing:0.5em;
}
	
#title:hover {
	cursor: pointer;
	background: #00A470;
	color:#fff;
	text-shadow:0px 0px 0px;
}

.mm dl{
	font-size:medium;
	line-height:2em;
	padding:0px 10px;
}

.mm dt{
	color:#00A470;
	font-weight:bold;
}

.mm_menu{
	width:100%;
}

.mm_menu ul{
	width:100%;
	margin-left:-40px;
}

.mm_menu ul li{
	float:left;
	list-style-type:none;
	width:48%;
	text-align:center;
	margin:0 0.5% 10px 1%;
}

.mm_menu ul li a{
	display:block;
	width:100%;
	padding:20px 0px;
	border-radius:10px;
	color:#fff;
	background-color:#CCC;
	text-decoration:none;
}

.mm_menu ul li a:hover{
	display:block;
	width:100%;
	border-radius:10px;
	color:#fff;
	background-color:#b08784;
	top:0px;
	left:0px;
}

.totop{
	width:100%;
	margin-bottom:10px;
}

.totop a{
	width:29%;
	display:block;
	color:#fff;
	background-color:#CCC;
	border-radius:10px;
	margin-left:70%;
	text-align:center;
	padding:20px 0px;
	text-decoration:none;
	font-weight:bold;
}

.totop a:hover{
	top:0px;left:0px;
}


.tab_top_image{
	width:100%;
	height:auto;
	text-align:center;
	padding:10px 0px;
}

.tab_top_image img{
	width:98%;
	height:auto;
	margin:10px 1%;
}

.mm .item_new_box{
	wiidth:98%;
	height:auto;
	margin:0px 1%;
}

.mm .item_new_box img{
	width:100%;
	height:auto;
}

.sekou_item_box{
	width:46%;
	margin-left:2%;
	float:left;
	padding-bottom:10px;
	text-align:center;
}

.sekou_item_box p{
	margin:0;
	padding:0;
}

.sekou_item_box h4{
	margin:-6px 0 0 0;
	padding:0;
}

.sekou_item_box h4 a{
	margin:0;
	padding:0;
	font-weight:400;
	background-color:#94CEB4;
	display:block;
	color:#fff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.sekou_item_box h4 a:hover{
	text-decoration:underline;
	color:#fff;
}

.sekou_item_box img{
	width:100%;
	margin:0;
	padding:0;
}

/* pc版にあるタグと同名のタグ ------------------------- */

.mm_menu h3 a{
	width:98%;
	display:block;
	color:#713F3B;
	font-size:medium;
	text-decoration:none;
	clear:both;
}

.mm h3{
	width:98%;
	border-bottom:1px dashed #b08784;
	margin-top:50px;
	color:#713F3B;
	padding-left:2%;
	clear:both;
}

.mm .item_box{
	float:none;
	margin:30px auto;
	width:100%;
	height:auto;
	text-align:center;
}

/* sekou_sp ------------------------------------------ */

.sekou_sp {
	margin-right:0px;
	background-color:#fff;
	padding:10px 10px 10px 20px;
}

.sekou_sp h3{
	clear:left;
}

.sekou_sp h2{
	margin:20px 0px;
	color:#000;
	text-shadow:2px 2px 0px #fff;
	background-image:url(../sekou/common_img/midashi.gif);
	background-repeat:no-repeat;
	background-position:right;
	width:98%;
	text-align:right;
	padding-right:2%;
	
}

.sekou_sp h5{
	background-color:#00A470;
	color:#fff;
	width:70px;
	font-size:medium;
	text-align:center;
	border-radius:10px;
	font-weight:normal;
}