@charset "utf-8";
/* CSS Document */

/* midashi */
.main-title {
	height:30px;
	line-height:30px;
	font-family: 'Roboto Slab', serif;
	background:url(../img/bar.png) no-repeat top right;
	color:#3d2b00;
	font-size:20px;
}
.main-title span {
	margin-left:20px;
	font-size:11px;
 }

.main-title-bg {
	height:40px;
	line-height:40px;
	background-color:#FF8E00;
	color:#FFF;
	text-indent:2em;
	padding:0 10px;
}

.main-title-r {
	overflow:hidden;
	background:#f39800;
	font-weight:bold;
	color:#fff;
	padding:5px 20px;
	font-size:15px;
	width:300px;
	margin: 10px 0 10px;
	border-radius:10px;
}

.main-title-line {
	margin: 0 0 1.5em;
    padding: 0.8em;
    border-top: 3px double #B92A2C;
    border-bottom: 3px double #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
}

.main-title-gd {
    background:url(../img/icon_midashi.png),
	-webkit-gradient(linear, left top, left bottom, from(#40e08a), to(#32b16c));
    background-repeat:no-repeat;
    background-position:1% center;
	height:40px;
	border-radius:10px;
	line-height:40px;
	color:#FFF;
	padding-left:50px;
}
/*hukidasi*/
.hukidasi {
	position: relative;
	text-align:center;
	color: #555;
	width:250px;
	background: #fff;
	font-size: 15px;
	font-weight:normal;
	line-height: 1;
	margin: 20px 0px 15px 0px;
	padding: 8px 5px 8px 10px;
	border-radius: 10px;
	font-weight:600;
	border:2px solid #aaa;
}
.hukidasi:after,.hukidasi:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}
.hukidasi:after {
	left: 33px;
	border: 8px solid transparent;
	border-top: 11px solid #fff;
}
.hukidasi:before {
	left: 30px;
	border: 11px solid transparent;
	border-top: 13px solid #aaa;
	
}

/* 箇条書きリスト */
.ol-1 {
	font-family: 'Ceviche One', cursive;
	/*font-family: 'Englebert', sans-serif;*/
	color: #16488a;
    font-size:120%;
	font-weight:bold;
}
.ol-1 li span{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #333;
	font-size:15px;
	font-weight:normal;
}

/* 背景色と枠 */
/* 背景を2つ指定 */
.bg-2tu {
	background-image: url(../img/bingata.png),
					  url(../img/bingata.png),
					  url(../img/bg2.png);
	background-repeat:no-repeat,
					  no-repeat,
					  repeat;
	background-position:top right,
						bottom left,
						top;
	background-attachment: scroll,
 	  					   scroll,
						   fixed;
}

/*枠*/
.textbox-bl {
	margin:10px 0;
	border:1px solid #990000;
	padding:5px;
	color:#990000;
	font-weight:bold;
}
.textbox-bl span {
	font-size:11px;
	color:#666;
	font-weight:normal;
}
.textbox-r {
	border:2px solid #81511c;
	padding:10px;
	background:#FFF;
	border-radius:0 0 10px 10px;
}
.textbox-bg {
	background-color:#eee;
	padding:10px;
}

/* 
-----------------------------------------*/
#gallery {
	margin-top:10px;
}
#gallery ul {
	margin-right:-10px;
	margin-bottom:-10px;
	overflow:hidden;
}
#gallery li {
	width:110px;
	height:110px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	text-align:center;
	vertical-align:middle;
	line-height:110px;
}
#gallery li img {
	vertical-align:middle;
	max-width:110px;
	max-height:110px;
}
#gallery li a{
	display:block;
}

/*フォトギャラリー*/
.photo {
	width:686px;
	margin:0 auto;
}
.photo ul {
	margin-right:-10px;
	margin-bottom:-10px;
	overflow:hidden;
}
.photo li {
	background:#f1f1f1;
	width:128px;
	height:128px;
	line-height:128px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
	vertical-align:middle;
}
.photo li:last-child {
	margin-right:0px;
}
.photo li img {
	vertical-align:middle;
}
.photo li p {
	font-size:11px;
	margin: 3px 0 15px;
	text-align:center;
}

/*枠あり*/
.photo-bl {
	width:690px;
	margin:10px 0;
}
.photo-bl ul {
	margin-right:-10px;
	margin-bottom:-10px;
}
.photo-bl li {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	border:3px solid #ffe3ba;
}
.photo-bl li p {
	font-size:12px;
	padding:0 0 3px;
	text-align:center;
	height:auto;
}
.photo-bl li span {
	display:block;
	background:#111;
	vertical-align:middle;
	line-height:180px;
	width:180px;
	height:180px;
}
.photo-bl li img {
	vertical-align:middle;
	line-height:180px;
}


/*ビフォーアフター*/
.photoBF {
	margin: 5px 0;
}
.photoBF li {
	float:left;
	margin:5px;
	padding:3px;
	border: 1px solid #CCC;
}
.photoBF .arrow {
	float:left;
	margin:100px 3px;
	padding:4px;
	border: none;
}
.photoBF li p {
	font-size:15px;
	margin: 3px 0;
	text-align:center;
}

/* img */
.img-r {
	border-radius:10px;
}
.img-maru {
	border-radius:1000px;
}
.img-b {
	border: 3px solid #ccc;
}

.img-shadowB {
  position: relative;
  display:block;
  border:3px solid #fff;
  margin-bottom:10px;
  width:230px;
}
.img-shadowB:before, .img-shadowB:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom:20px;
  left: 10px;
  width: 50%;
  top: 80%;
  background: #aaa;
  -webkit-box-shadow: 0 20px 10px #aaa;
  -moz-box-shadow: 0 20px 10px #aaa;
  box-shadow: 0 20px 10px #aaa;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.img-shadowB:after {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/* overflow */
.overflow-t {
	overflow:hidden;
	zoom:1;
}
.overflow {
	height: 250px;
	overflow-y: scroll;
}

/*totop*/
#toTop {
	width:960px;
	margin: 0 auto;
	padding: 0 0px;
}
.toTop {
	text-align:right;
	margin-bottom:20px;
	font-size:12px;
}

#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size:12px;
	font-weight:bold;
	z-index:9999;
}
#page-top a {
	/*background: #eb6100;*/
	text-decoration: none;
	color: #FFF;
	width:30px;
	height:30px;
	line-height:25px;
	text-align: center;
	display: block;
	border:1px solid #555;
}
#page-top a:hover {
	text-decoration: none;
	border:#453400 2px solid;
}

/*新着情報（トピックス）*/
.news {
	margin-bottom:15px;
	overflow:hidden;
}
.news dt {
	float: left;
	width: 6em;
	padding-top: 10px;
	line-height: 1.3;
	font-weight:normal;
}
.news dt:before {
/*	content: url(../img/icon_b.png);
	margin-right: 5px;
*/}
.news dd {
	padding-left:7em;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 1.3;
	border-bottom: dotted 1px #b6ae83;
}
.news dd:last-child {
/*	border-bottom:0px;
	padding-bottom:0px;
*/}
.news-s {
	font-size:11px;
}
.news-s dt {
	float: left;
	width: 3em;
	height:20px;
	line-height:20px;
	padding-top: 5px;
	line-height: 1.3;
	font-weight:bold;
}
.news-s dd {
	padding-left:4em;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 1.3;
	border-bottom: dotted 1px #938041;
}
.news-s dd:last-child {
/*	border-bottom:0px;
*/}
/* */
.news-sr {
	margin: 10px 0;
}
.news-sr dt {
	float: left;
	width: 4em;
	line-height:20px;
	padding: 2px 0;
	line-height: 1.3;
	color:#555;
	background:#eee;
	text-align:center;
	font-weight:bold;
	border-radius:5px;
	margin: 5px 0;
}
.news-sr dd {
	padding-left:5em;
	padding-bottom: 5px;
	padding-top: 8px;
	line-height: 1.3;
	border-bottom:1px dotted #aaa;
}


.news-bl dt {
	float: left;
	width: 8em;
	padding: 3px 5px;
	line-height: 1.3;
	color:#555;
	border:1px #aaa solid;
	font-size:12px;
	background: #eee;
	text-align:center;
	margin:2px 0;
}
.news-bl dd {
	padding-left:10em;
	padding-top:5px;
	padding-bottom: 10px;
	line-height: 1.3;
	border-bottom: dotted 1px #ccc;
	margin:5px 0;
}

.news-r {
	overflow:hidden;
	margin:10px 0;
}
.news-r dt {
	float: left;
	width: 6em;
	text-align:center;
	background:#dad2b9;
	margin-top:10px;
	margin-right:15px;
	padding: 5px 0;
	line-height: 1.3;
	border-radius:10px;
}
.news-r dd {
	padding-bottom: 8px;
	padding-top: 13px;
	padding-left:8em;
	line-height: 1.6;
	border-bottom: dotted 1px #ccc;
}

/*サイドメニュー*/
.sidemenu {
	margin-bottom:20px;
}
.sidemenu li{
	font-weight:bold;
	margin-bottom:5px;
	font-size:13px;
}
.sidemenu li a:hover {
	background: #0091ff;
	text-decoration:none;
}
.sidemenu li a {
	padding:5px 10px;
	display: block;
	zoom: 1;
	color:#FFF;
	text-decoration:none;
	background:#0068b7;
	border-left:5px solid #0091ff;
	cursor:pointer;
}
.sidemenu li a:before {
	content: url(../img/icon_w.png);
	margin-right: 10px;
}
.sidemenu a:last-child{
	margin-bottom: 0px;
}
.sidemenu li:last-child{
	margin-bottom: 0px;
}
.sidemenu a:link {
	color: #fff;
}
.sidemenu a:visited {
	color: #fff;
}
.sidebox1 {
	padding: 8px;
	margin-bottom: 10px;
	background:#e3d2b8;
}
.sidebox1 {
	padding: 8px;
	margin-bottom: 10px;
	background:#e3d2b8;
}


/* list-check */
.list-check {
	padding:10px;
}
.list-check li:before {
	content:url(../img/icon_check.png);
	margin-right:6px;
}
.list-check li {
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom:5px;
	border-bottom: dotted 1px #b6ae83;
}
/* list-check */
.list-check3w {
	margin-top:10px;
	overflow:hidden;
}
.list-check3w li:before {
	content:url(../img/icon_hana.png);
	margin-right:5px;
}
.list-check3w li {
	float:left;
	width:200px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
/* list-pdf */
.list-pdf {
	overflow:hidden;
	margin:10px 0;
	font-weight:bold;
	font-size:14px;
}
.list-pdf li:before {
	content:url(../img/icon_pdf.gif);
	margin-right:6px;
}
.list-pdf li {
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
}

/*FAQ*/
.faq {
}
.faq dt {
	font-size:13px;
	font-size:15px;
	padding:5px 5px 3px 2px;
	margin-bottom:20px;
}
.faq dd {
	border-bottom:1px dotted #443402;
	margin-bottom:30px;
	padding-bottom:30px;
}
.faq dt:first-letter {
	float:left;
	font-weight:bold;
	margin-right:10px;
	line-height:23px;
	font-size:120%;
}
/*.faq dd:first-letter {
	font-family: 'Lobster', cursive;
	float:left;
	font-weight:bold;
	line-height:23px;
	color:#eb6100;
}
*/
.faq b {
	padding:3px 5px;
	margin:10px 0;
	line-height:40px;
	background:#dad2b9;
	font-size:11px;
}

/*ヘアライン*/
hr {
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.hr1 {
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.hr-gd {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.hr-ds {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
/* listup */
.listup {
	width:710px;
	margin:10px auto;
	font-size:11px;
	
}
.listup ul {
	margin-right:-20px;
	margin-bottom:-20px;
	overflow:hidden;
}
.listup li {
	width:223px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.listup li img {
	border:0px solid #333;
/*	background:#fff;
*/	padding:3px;
	margin-bottom:2px;
}
.listup li:last-child {
	margin-right:0px;
}
.listup li dl {
	padding:5px;
}
.listup li dt {
	font-size:15px;
	color:#eb6100;
	border-left:3px solid #eb6100;
	height:20px;
	line-height:20px;
	padding-left:5px;
}
.listup li dt:before {
	content: url(../img/icon_b.png);
	margin-right: 5px;
}
.listup li p {
	text-align:right;
	color:#ff0000;
	border-bottom:1px dotted #555;
	font-size:15px;
}
/* link */
.link li {
	margin-bottom: 10px;
	font-size:10px;
}
.link li:last-child {
	margin-bottom: 0px;
}


/*mininavi*/
.mininavi li {
	display:inline;
	text-align:left;
	font-weight:bold;
	margin-right:15px;
}
.mininavi li:before {
	content: url(../img/icon_b.png);
	margin-right: 0px;
}
.mininavi li:last-child {
	border: none;
	margin: 0;
}

/* mininavi-r */
.mininavi-r {
	margin-bottom:20px;
}
.mininavi-r li{
	float:left;
	margin:4px;
	display: block;
	text-align:center;
	text-decoration: none;
	font-weight:bold;
}
.mininavi-r a:hover {
	background: #fff241;
	text-decoration: none;
	display:block;
	color:#eb6100;
}
.mininavi-r a {
	display:block;
	text-decoration: none;
	width:200px;
	color:#eb6100;
	background:#fff799;
	border-radius:10px;
	padding:10px;
}
.mininavi-r a:before {
	content: url(../img/icon_b.png);
	margin-right: 5px;
	text-decoration: none;
}


/*プライスリスト*/
.price {
	font-size: 15px;
	overflow:hidden;
	padding:0 10px;
}
.price dt {
	float: left;
	padding-top: 5px;
	line-height: 1.3;
	font-weight:bold;
}
.price dt span {
	font-size:13px;
}
.price dd {
/*	font-family: 'Ceviche One', cursive;

*/	text-align:right;
	padding-bottom: 3px;
	padding-top: 5px;
	line-height: 1.3;
	border-bottom: dotted 1px #aaa;
	font-weight:bold;
}

.price2 {
	font-size: 15px;
	overflow:hidden;
	padding:0 10px;
}
.price2 dt {
	float: left;
	padding-top: 5px;
	line-height: 1.3;
	font-weight:bold;
}
.price2 dt span {
	font-size:13px;
}
.price2 dd {
/*	font-family: 'Ceviche One', cursive;

*/	text-align:right;
	padding-bottom: 3px;
	padding-top: 5px;
	line-height: 1.3;
	margin-bottom:5px;
	font-weight:bold;
}


/* btn */
.btn1 {
	width:100%;
	margin-top:10px;
	font-size:16px;
}
.btn1 a {
	display:block;
	padding:5px;
	background:#ff0000;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
.btn1 a:link {
	color: #fff100;
}
.btn1 a:visited {
	color: #fff100;
}
.btn1 a:hover {
	color: #FFF;
	background:#ff6060;
	text-decoration:none;
}
/* btn-right */
.btn-right {
	font-size:11px;
	float:right;
	margin:10px 0 0;
}
.btn-right a {
	text-align:center;
/*	background:#FFF;
*/	width:50px;
	display:block;
	padding:0px 2px;
	font-weight:bold;
	border:1px solid #3d2b00;
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
.btn-right a:link {
	color: #3d2b00;
	text-decoration:none;
}
.btn-right a:visited {
	color: #3d2b00;
}
.btn-right a:hover {
	color: #FFF;
	background:#3d2b00;
	text-decoration:none;
}
.btn-right a:before {
	/*content: url(../img/icon_b.png);*/
	margin-right: 5px;
}
/* btn-right */
.btn-center {
	font-size:13px;
}
.btn-center a {
	margin:0 auto;
	text-align:center;
	width:250px;
	display:block;
	padding:8px 5px;
	background:#fff799;
	border-radius:5px;
	font-weight:bold;
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
.btn-center a:link {
	color: #eb6100;
	text-decoration:none;
}
.btn-center a:visited {
	color: #eb6100;
}
.btn-center a:hover {
	color: #eb6100;
	background:#fff241;
	text-decoration:none;
}
.btn-center a:before {
	content: url(../img/icon_b.png);
	margin-right: 5px;
}