/* 
Last Updated: 2015-03-09
Author: minoura
*/

/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-size:62.5%;
	color: #362e2b;
	background:#f7eee1;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
}
body{ font-size:1.4rem; }

img{ vertical-align: bottom; }

a{ color:#218851; }
a:hover{ color:#41ba79; }

.text_red{ color:#c10511; }
.text_bold{ font-weight: bold; }
.text_brown{ color:#996c33; }
.text_green{ color:#0c6021; }

.text_11{ font-size:1.1rem; }
.text_12{ font-size:1.2rem; }
.text_13{ font-size:1.3rem; }
.text_14{ font-size:1.4rem; }
.text_16{ font-size:1.6rem; }
.text_18{ font-size:1.8rem; }

.m_0{ margin:0px !important; }
.m_b1{ margin-bottom:1px !important; }
.m_b5{ margin-bottom:5px; }
.m_b10{ margin-bottom:10px; }
.m_b15{ margin-bottom:15px; }
.m_b20{ margin-bottom:20px; }
.m_b25{ margin-bottom:25px; }
.m_b30{ margin-bottom:30px; }
.m_b40{ margin-bottom:40px; }
.m_b50{ margin-bottom:50px; }
.m_b80{ margin-bottom:80px; }
.m_b100{ margin-bottom:100px; }
.m_t10{ margin-top: 10px; }
.m_t20{ margin-top: 20px; }

li{
	list-style:none;
}
.end{
	border:none !important;
}
.center{
	text-align:center;
}
.cr{
	clear:both;
}
.right{
	float:right;
}
.left{
	float:left;
}

/*----------------------------------------
	hover
----------------------------------------*/

.op:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
	-webkit-transition: opacity 0.1s ease-out;
	-moz-transition: opacity 0.1s ease-out;
	-ms-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out;
}

@-webkit-keyframes buruburu {
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(1px) rotate(1deg);
  }

  100% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-1px) rotate(-1deg);
  }
}

@keyframes buruburu {
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  100% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
}

.buruburu {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.buruburu:hover, .buruburu:focus, .buruburu:active {
  -webkit-animation-name: buruburu;
  animation-name: buruburu;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



/*----------------------------------------
	共通
----------------------------------------*/

p{
	line-height:1.5;
}
.ttl_area{
	position:relative;
	background:#fff;
	border-top:1px solid #a6937c;
	border-bottom:3px solid #f7eee1;
	font-weight:normal;
	letter-spacing:1px;
	padding:15px 15px 11px 60px;
	color:#3a2d20;
}
.ttl_icon{
	position:absolute;
	left:0;
	top:0;
}
.ttl_area a{
	float:right;
	font-size:1.2rem;
	color: #362e2b;
	text-decoration:none;
	background:url("../images/common/arrow.png") no-repeat left top;
	padding:1px 0 0 18px;
	min-height:13px;
}
.ttl_area a img{
	margin:0 5px 0 0;
}
.ttl_area a:hover{
	color:#218851;
}
.content_box{
	clear:both;
	background:#fff;
	padding:20px;
}
.content_box.sc_line{
	border-bottom:1px solid #a6937c;
}
.pan_nav{
	font-size:1.2rem;
	margin:0 0 0 3px;
}
.pan_nav a{
	color: #362e2b;
}
.pan_nav a:hover{
	color:#218851;
}

/*----------------------------------------
	layout
----------------------------------------*/

#container{
}
#main{
	width:940px;
	margin:0 auto;
	padding:10px 10px 120px 10px;
}
#content{
	float:left;
	width:660px;
	margin:10px 30px 0 0;
}
#side{
	float:left;
	width:250px;
	margin:10px 0 0 0;
}


/*----------------------------------------
	header&nav
----------------------------------------*/

header{
	position:relative;
	width:940px;
	height:119px;
	padding:0 10px;
	margin:0 auto;
	color:#535456;
	overflow:hidden;
}
h1{
	font-size:1.0rem;
	font-weight:normal;
	margin:5px 0 0 5px;
}
.head_logo{
	margin:15px 0 0 0;
}
.g_nav{
	position:absolute;
	top:4px;
	right:10px;
	font-size:1.1rem;
}
.g_nav li{
	float:left;
	background:url("../images/common/arrow.png") no-repeat left top;
	padding:2px 0 0 17px;
	margin:0 0 0 10px;
	min-height:12px
}
.g_nav li a{
	color: #362e2b;
	text-decoration:none;
}
.g_nav li a:hover{
	color:#218851;
}
.head_contact{
	position:absolute;
	top:35px;
	right:10px;
}
nav{
	background:#fff;
	height:61px;
	width:100%;
}
nav ul{
	width:940px;
	padding:0 10px;
	margin:0 auto;
}
nav li{
	float:left;
}


/*----------------------------------------
	MV
----------------------------------------*/

/*top*/
.top{
	position:relative;
	height:469px;
	width:100%;
	min-width:960px;
}
.backstretch{
	background:#fff;
	overflow:hidden;
}
.mv_omakase{
	position:absolute;
	top:130px;
	left:50%;
	margin:0 0 0 -470px;
}
.mv_bnr{
	position:absolute;
	top:275px;
	left:50%;
	margin:0 0 0 -470px;
	border:1px solid #fff;
}

/*under*/
.under{
	background:#fff;
}
.mv_under_bg{
	position:relative;
	min-width:960px;
	width:100%;
	height:231px;
	background:url("../images/common/bg_mv_under.jpg") center repeat-x #ccc;
	overflow:hidden;
}
.mv_under_inner{
	text-align:center;
	width:960px;
	padding:50px 0 0 0;
	margin:0 auto;
}

/*----------------------------------------
	index.php
----------------------------------------*/

.top_newslist{
	width:100%;
}
.top_newslist dt{
	clear:both;
	float:left;
	background:url("../images/common/arrow_green.png") left 7px no-repeat;
	padding:5px 5px 0 10px;
	font-size:1.2rem;
}
.top_newslist dd{
	float:left;
	overflow: hidden;
	width:535px;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:5px 0 0 0;
	letter-spacing:1px;
}
.top_newslist dt,
.top_newslist dd{
	border-bottom:1px dotted;
	height:28px;
	margin:0 0 15px 0;
}
.top_newslist dd a{
	color:#362e2b;
	text-decoration:none;
}
.top_newslist dd a:hover{
	color:#218851;
	text-decoration:underline;
}
.top_newslist dd img{
	margin:0 8px 3px 0;
}
.top_newslist dt.end,
.top_newslist dd.end{
	border:none !important;
	margin:0 !important;
	height:20px !important;
}
.top_watoku{
	float:left;
	width:330px;
	padding:20px 0 0 10px;
}
.top_watoku p{
	margin:0 0 20px 0;
}
.top_group_l,
.top_maintenance{
	float:left;
	width:320px;
}
.top_group_l img,
.top_maintenance img{
	margin:0 0 10px 0;
}
.top_group_l p,
.top_maintenance p{
	margin:0 0 10px 0;
}
.top_group_l a img,
.top_maintenance a img{
	margin:0 0 25px 0;
}
.top_group_r{
	float:right;
	text-align:center;
	width: 285px;
}
.top_group_r p{
	padding:5px 0 0 0;
}


/*----------------------------------------
	smile_about.php
----------------------------------------*/

.tokuchou{
	margin:0 0 10px -10px;
}
.tokuchou li{
	float:left;
	margin:0 0 0 10px;
	width:200px;
}
.tokuchou li p{
	padding:7px;
}
.course{
	margin:0 0 15px -12px;
}
.course li{
	float:left;
	margin:0 0 0 12px;
	width:304px;
}
.course li p{
	padding:7px 0 0 3px;
}
.yoyaku{
	margin:0 0 30px 0;
}
.yoyaku img{
	margin:0 0 5px 0;
}
.service p{
	margin:0 0 10px 0;
}
.service h3 img{
	margin:0 0 5px 0;
}
.service img{
	margin:0 0 30px 0;
}


/*----------------------------------------
	smile_price.php
----------------------------------------*/

.price{
	margin:0 0 20px 0;
}
.price img{
	margin:0 0 5px 0;
}
.price p{
	margin:0 0 10px 0;
}
.price_att{
	font-size:1.1rem;
	margin:0 0 20px 0;
	line-height:1.8;
}
.hoken{
	margin:0 0 20px 0;
}
.hoken img{
	margin:0 0 5px 0;
}
.toriatsukai{
	margin:0 0 10px 0;
}
.toriatsukai a p{
	text-decoration:underline;
}
.toriatsukai img{
	float:left;
	border:1px solid #c5bfb7;
	height:65px;
}
.toriatsukai p{
	float:left;
	border-top:1px solid #c5bfb7;
	border-right:1px solid #c5bfb7;
	border-bottom:1px solid #c5bfb7;
	text-align:center;
	height:40px;
	width:281px;
	padding:25px 0 0 0;
}


/*----------------------------------------
	maintenance.php
----------------------------------------*/

.tsuyomi{
	float:left;
	width:345px;
}
.tsuyomi img{
	margin:0 0 10px 0;
}
.maintenance ul{
	margin:0 0 0 -20px;
}
.maintenance li{
	float:left;
	margin:0 0 20px 20px;
}
.maintenance li img{
	margin:0 0 5px 0;
}
.maintenance_ev{
	margin:0 0 20px 0;
}
.maintenance_ev p{
	float:left;
	width:390px;
}
.maintenance_ev img{
	float:right;
}


/*----------------------------------------
	item.php
----------------------------------------*/

.tire{
	float:left;
	width:315px;
}
.tire img{
	margin:0 0 10px 0;
}
.ecla01{
	margin:5px 0 20px 0;
}
.ecla01 p{
	float:left;
	width:350px;
}
.ecla01 img{
	float:right;
}
.ecla02{
	margin:0 0 20px 0;
}
.ecla02 h3{
	margin:0 0 8px 0;
}
.ecla02 p{
	margin:0 0 10px 0;
}


/*----------------------------------------
	shop.php
----------------------------------------*/

.shop_data{
	clear:both;
	overflow:hidden;
	float:left;
	width:340px;
	margin:0 0 30px 0;
}
.shop_data h3{
	margin:0 0 10px 0;
}
.shop_data p{
	width:320px;
}
.shop_list{
	line-height:1.8;
}
.shop_img{
	float:left;
	text-align:center;
	margin:0 0 30px 0;
}
.shop_img img{
	margin:0 0 3px 0;
}
.shop iframe{
	margin:0 0 10px 0;
}
.shop ul{
	clear:both;
	margin:0 0 20px -10px;
}
.shop li{
	float:left;
	text-align:center;
	margin:0 0 0 10px;
}
.shop li img{
	margin:0 0 5px 0;
}
.shop table{
	width:100%;
	margin:0 0 30px 0;
}
.shop th{
	text-align:left;
	font-weight:normal;
	padding:12px 10px;
	background:#f7eee1;
	border-top:1px solid #c2bdb4;
	border-bottom:1px solid #c2bdb4;
	border-left:1px solid #c2bdb4;
}
.shop td{
	padding:12px 10px;
	border-top:1px solid #c2bdb4;
	border-bottom:1px solid #c2bdb4;
	border-right:1px solid #c2bdb4;
}


/*----------------------------------------
	topics.php
----------------------------------------*/

.topics_pager{
	position:relative;
	overflow:hidden;
	width:660px;
}
.topics_pager ul{
	position:relative;
	float:left;
	left:50%;
	margin:10px 0 5px 0;
}
.topics_pager li{
	position:relative;
	float:left;
	left:-50%;
	margin:0 5px 0 0;
}
.topics_pager li a{
	display:block;
	min-height:17px;
	padding:5px 6px 0 6px;
	background:#fff;
	color:#010101;
	border:1px solid #32b16c;
	text-decoration:none;
}
.topics_pager li.active{
	min-height:17px;
	background:#32b16c;
	color:#fff;
	min-height:17px;
	padding:5px 6px 0 6px;
	border:1px solid #32b16c;
}
.topics_pager li a:hover{
	background:#32b16c;
	color:#fff;
}
.topics_pager li.img_btn a{
	padding:0 !important;
	border:none !important;
	background:none !important;
}
.topics_pager.bottom ul{
	margin:0 0 20px 0 !important;
}

.topics h3{
	position:relative;
	background:#fff;
	border-top:1px solid #a6937c;
	border-bottom:3px solid #f7eee1;
	font-weight:normal;
	letter-spacing:1px;
	padding:15px 15px 11px 20px;
	color:#3a2d20;
}
.topics_date{
	margin:0 0 15px 0;
}
.topics_date img{
	padding:0 0 2px 8px;
}
.topics img{
	max-width:620px;
}
.topics .content_box{
	margin:0 0 20px 0;
}

.side_cat h3{
	position:relative;
	background:#fff;
	border-top:1px solid #a6937c;
	border-bottom:3px solid #f7eee1;
	font-weight:normal;
	letter-spacing:1px;
	padding:15px 15px 11px 15px;
	color:#3a2d20;
}
.side_cat ul{
	background:#fff;
	margin:0 0 10px 0;
	padding:5px 15px 15px 15px;
}
.side_cat li{
	border-bottom:1px dotted;
	background:url("../images/common/arrow_green.png") left 14px no-repeat;
	padding:12px 0 10px 12px;
}


/*----------------------------------------
	privacy.php
----------------------------------------*/

.privacy h3{
	margin:0 0 8px 0;
	font-weight:normal;
}
.privacy p{
	padding:0 0 30px 0;
}
.privacy ol{
	margin:-20px 0 30px 0;
}
.privacy li{
	list-style:decimal;
	margin:0 0 5px 20px;
}


/*----------------------------------------
	insurance_policy.php
----------------------------------------*/

.insurance_policy h3{
	margin:0 0 22px 0;
}
.insurance_policy p{
	padding:0 0 25px 0;
}
.insurance_policy ul{
	margin:0 0 50px 0;
	line-height:1.5;
}
.insurance_policy li{
	list-style:disc;
	margin:0 0 20px 17px;
}




/*----------------------------------------
	sitemap.php
----------------------------------------*/

.sitemap ul{
	border-bottom:1px dotted;
	margin:0 0 10px 0;
}
.sitemap li{
	border-top:1px dotted;
	background:url("../images/common/arrow_green.png") 10px 13px no-repeat;
	padding:13px 10px 10px 25px;
}
.sitemap li a{
	width:660px;
	display:block;
	text-decoration:none;
	color:#010101;
}
.sitemap li:hover{
	background:url("../images/common/arrow_green.png") 10px 13px no-repeat #fffae8;
}



/*----------------------------------------
	side.php
----------------------------------------*/

#side img{
	margin:0 0 10px 0;
}


/*----------------------------------------
	フォーム
----------------------------------------*/


select,
textarea,
input[type="text"]{
	border:1px solid #ccc;
	padding:1px 5px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
input[type="button"]{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
input[type="checkbox"]{
	margin:0 5px 0 0;
}



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

footer{
	position:relative;
	background:#fff;
	background:url("../images/common/bg_foot.jpg") top repeat-x #ccdbbb;
}
.page_top{
	position:absolute;
	left:50%;
	top:-65px;
	margin:0 0 0 260px;
}
.foot_inner{
	width:940px;
	padding:90px 10px 0 10px;
	margin:0 auto;
	font-size:1.2rem
}
.foot_logo{
	float:left;
	width:170px;
}
.foot_add{
	float:left;
	width:300px;
	padding:18px 0 0 0;
}
.foot_inner ul{
	float:right;
	width:470px;
	line-height:1.5;
	padding:18px 0 0 0;
}
.foot_inner li{
	float:right;
	margin:0 0 0 10px;
	color:#87917b;
}
.foot_inner li a{
	color: #362e2b;
	text-decoration:none;
}
.foot_inner li a:hover{
	color:#218851;
	text-decoration:underline;
}