/* CSS Document */

html,body{
height:100%;
font-family:'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI',Meiryo,'lr oSVbN',sans-serif;
}

body {
	/*background-image:url(img/back.jpg);
background-repeat:repeat-x;
background-position:top center;*/
font-size:12px;
	color:#666666;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}


.kage {
margin: 0 auto;
width: 950px; /*作成した影画像の横幅に合わせる*/
background: url(http://jeleprends.net/img/waku.jpg) repeat-y center top;
}
 
 
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}



.cl{
clear:both;
}

.clear {
clear: both;
margin: 0px;
padding: 0px;
}

img{
	vertical-align:bottom;
	font-size:0px;
	padding: 0px;
	border:none;
}



#box{
	background-color:#FFF;
	width:930px;
	margin-top:0px;
	margin-bottom:auto;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	
}



h1{
font-size:10px;
font-weight:normal;
letter-spacing:0.2em;
color:#ffffff;
background-color:#ea852b;
padding:0px 0px 3px 18px;
margin-top:0px;
}

#left{
float:left;
}

#right{
float:right;
}



#main {
	background:url(http://jeleprends.net/img/bg.gif);
	background-repeat:repeat-y;
	background-position:14px;
	padding:0px;
	margin:0px;
}

#head {
	width:930px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.top {
width:930px;
padding:0px;
height:220px;
}



.top .logo{
	float:left;
	margin:0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.top .logo{
	float:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.logo h2{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 5px;
}













.top .topinfo{
	float:left;
	width:570px;
	height:120px;
	padding:0px;
	margin:0px;
}

.top .topinfo .basic{
	padding:0px;
	margin:0px;
}

.top .topinfo .basic .blink{
float:left;
width:70px;
height:40px;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.blink p{
width:70px;
height:14px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}



.top .topinfo .basic .binfo{
	float:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.binfo p{
	float:left;
	height:60px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/*.salonimg {
	background-image:url(/img/main.jpg);
	background-repeat:no-repeat;
	width:930px;
	height:300px;
	padding:0px;
}
*/
.salonimg p.gomobile {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 585px;
}



.h_menu {
width:930px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.h_menu .menuin{
height:73px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}



.h_menu .menuin a img {
	-webkit-transition: 0.7s ease-in-out;
	   -moz-transition: 0.7s ease-in-out;
	     -o-transition: 0.7s ease-in-out;
	        transition: 0.7s ease-in-out;
}
.h_menu .menuin a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}



#saloninfo {
	float:left;
	height:100%;
	width:930px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#saloninfo .leftinfo {
	background:url(http://jeleprends.net/img/dot.gif);
	background-repeat:repeat-y;
	background-position:right;
	float:left;
	width:250px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.l_box {
	width:220px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 0px;
}





.l_menu {
	width:220px;
	border-style:dotted;
	border-color:#260202;
	border-width:1px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}




.l_menu .frame {
width:220px;
height:60px;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}

.l_menu ul {
width:220px;
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.l_menu li{
width:220px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.l_menu li img{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.l_menu .betsu{
	text-align:center;
	margin:auto;
	padding:0px 10px 10px 0px;
	float:left;
}


.l_menu .betsuframe{
	width:190px;
	text-align:center;
	margin:5px 13px 5px 18px;
	
}





.l_blog {
width:190px;
height:90px;
padding:10px 15px 0px 15px;
margin:15px 0px 0px 0px;
}


.l_qr {
background-image:url(http://jeleprends.net/img/mobile.jpg);
background-repeat:no-repeat;
background-position:right;
font-size:10px;
width:190px;
height:140px;
padding:0px 0px 6px 15px;
margin:15px 0px 0px 0px;
}

.l_bana {
font-size:10px;
width:190px;
padding:0px 0px 6px 15px;
margin:15px 0px 0px 0px;
}

.l_qr p.code {
float:left;
height:80px;
padding:0px 0px 0px 10px;
margin:50px 5px 0px 0px;
}

.l_qr p.codet {
float:left;
width:85px;
height:80px;
padding:0px 0px 0px 0px;
margin:50px 0px 0px 0px;
}


.l_etc {
width:190px;
height:90px;
padding:10px 10px 0px 15px;
margin:15px 0px 0px 0px;
font-size:10px;
}


.r_info {
	float:left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 680px;
}

.r_info .infobox {
	width:620px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-bottom: 30px;
}

.infobox h3 {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

.infobox p {
width:600px;
line-height:130%;
padding:0px 5px 0px 0px;
margin:5px 0px 15px 10px;
letter-spacing: 0.1em;
}


.infobox p.impact {
	color:#0C9;
}



.infobox p.menu {
width:500px;
line-height:130%;
padding:0px 5px 0px 5px;
margin:5px 0px 15px 0px;
}


.infobox p.menularge {
width:580px;
line-height:130%;
padding:0px 5px 0px 5px;
margin:5px 0px 15px 0px;
}


.infobox p.at {
width:620px;
font-size:11px;
color:#573A00;
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;
}

.infobox .news ul {
width:620px;
list-style:none;
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
}

.infobox .news li {
background-image:url(http://jeleprends.net/img/info-arrow.gif);
background-repeat:no-repeat;
background-position:2px 9px;
border-bottom:dotted;
border-bottom-color:#c9b8b8;
border-bottom-width:1px;
width:580px;
font-size:12px;
line-height:130%;
color:#573A00;
padding:10px 0px 15px 10px;
margin:0px 0px 0px 0px;
}



.infobox a {text-decoration: underline;}
.infobox a:link { color: #573A00; }
.infobox a:hover { text-decoration:none;}
.infobox a:active { color: #006600; }
.infobox a:visited { color: #573A00; }

.infobox .boxin {
width:620px;
padding:0px 5px 0px 15px;
margin:15px 0px 30px 0px;
}


.infobox .boxin p.photo{
float:left;
width:180px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
}

.infobox .boxin p.ophoto{
float:left;
width:70px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.infobox .boxin p.otext{
float:left;
width:400px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.infobox .boxin p.wphoto{
float:left;
width:280px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
}

.infobox .boxin p.wtext{
float:left;
width:180px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.infobox .boxin p.text{
float:left;
width:280px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.infobox .boxin p.textu{
width:470px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.infobox .boxin2 {
background-image:url(http://jeleprends.net/img/pattern1.gif);
width:470px;
padding:5px 0px 5px 0px;
margin:15px 0px 20px 0px;
}


.infobox .shopot{
	width:190px;
	margin:10px 15px 10px 0px;
	float:left;
}


.infobox .shopot img{
	width:190px;
}



.infobox .shopw{
	width:190px;
	margin:10px 0px 10px 0px;
	float:left;
}

.infobox .shopw img{
	width:190px;
}



.infobox .coupon{
width:480px;
text-align:center;
}

.infobox .profile{
	height:220px;
	margin-bottom:20px;
	background-image:url(/img/profile.jpg);
	background-repeat:no-repeat;
	padding-top:110px;
	padding-left:240px;
}




.infobox .shop{
	margin-bottom:30px;
}




.infobox h3 {
    color: #d73e1a;
    padding-left: 5px;
    border-left: 4px solid #d73e1a;
	margin: 20px 0 20px 0;
	font-size:120%;
}



.infobox .hokenphoto{
float:left;
width:310px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.voice{
	width:600px;
	padding:0px;
}




.smenubox{
	padding:5px;
	border-color:#cccccc;
	border-width:1px;
	border-style:dashed;
	height:auto;
	margin-bottom:20px;
	width:600px;
}


.smenuboxlarge{
	padding:5px;
	border-color:#cccccc;
	border-width:1px;
	border-style:dashed;
	height:auto;
	margin-bottom:20px;
	width:600px;
}


.smenubox .detelcheck{
	text-align:right;
}



.qabg{
	background-image:url(/img/qabg.gif);
	background-repeat:no-repeat;
}


hr.qa {
	border-color:#CCC;
	border-width:1px;
	border-style:dotted;
	width:480px;
}


.smenubox .q{
	background-image:url(/img/icon-q.jpg);
	background-position:5px 30%;
	background-repeat:no-repeat;
	padding:5px 0px 5px 0px;

}

.smenubox .q p{
	padding:0px 0px 0px 50px;
	width:420px;
}
	
.smenubox .a{
	background-image:url(/img/icon-a.jpg);
	background-position:5px 20%;
	background-repeat:no-repeat;
	padding:10px 0px 5px 0px;
}


.smenubox .a p{
	padding:0px 0px 0px 50px;
	width:450px;
}





.smenuboxp{
	padding:5px;
	border-color:#cccccc;
	border-width:1px;
	border-style:dashed;
	height:auto;
	margin-bottom:20px;
	width:600px;
	height:500px;
}


.profile p{
	padding:0px;
	line-height:130%;
	word-break: break-word;
}




.l_fb {
	width:220px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.l_fbin{
	padding:10px;
	border-color:#325d9b;
	border-style:none double double double;
	}





/*ステップ*/

.step{
	width:580px;
	padding:20px;
	border-color:#cccccc;
	border-width:1px;
	border-style:dashed;
	height:auto;

}



.step .photo{
	width:220px;
	padding:5px 10px 5px 0px;
	float:left;
}







/*フッター*/
#footer {
	width:930px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.f_menu {
	background-image:url(/img/footer.jpg);
	background-repeat:no-repeat;
	width:930px;
	padding:0px;
	margin:0px;
	height: 230px;
}

.f_adress {
	float:left;
	width:250px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 230px;
}

.f_adress p {
line-height:120%;
padding:11px 0px 0px 15px;
margin:0px 0px 0px 0px;
}

.f_link {
	float:left;
	height:230px;
	padding:0px;
	margin:0px;
	width: 680px;
}


.f_link p.gotop{
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.f_link p.fm{ 
height:20px;
font-size:11px;
color:#666666;
padding:20px 15px 0px 0px;
margin:0px 0px 0px 50px;
}

.f_link p.fm a {text-decoration: underline;}
.f_link p.fm a:link { color: #573A00; }
.f_link p.fm a:hover { text-decoration:none;}
.f_link p.fm a:active { color: #006600; }
.f_link p.fm a:visited { color: #573A00; }



.tab_ban {
	width: 40px;/* 最初に表示されるバナーの幅 */
	height: 100px;/* バナーの高さ */
	position: fixed !important;/* バナーを固定します */
	position: absolute;
	right: 0;/* 右から0pxの位置に指定 */
}
.tab_ban a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}
.tab_ban:hover {/* カーソルが乗った時の動きを指定 */
	width: 200px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.tab_ban a:hover {
	/* IE9用 */
	width: 200px\9;
}
#tab01 {
	background: url(/img/tab-mail.png) 0 0 no-repeat;
	bottom: 50px;
}
#tab02 {
	background: url(/img/tab-tel.png) 0 0 no-repeat;
	bottom: 170px;
}



/* プロフィールテーブル
----------------------------------------------------------- */


div.proftbl	{
	width: 500px;
}

/* サンプルtableの共通設定
----------------------------------------------------------- */
table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
th, td	{
	padding: 10px 20px;
	color:#F60;
}


/* サンプル10
----------------------------------------------------------- */
.sample10	{
	border: 1px solid #DDD;
}
.sample10 th	{
	width:30%;
	background: url(/img/th_10.jpg) repeat-x bottom;
	border: 1px solid #DDD;
	color: #333;
}
.sample10 td	{
	width:70%;
	border: 1px solid #DDD;
	color: #333;
}




/* 院内風景ギャラリー
----------------------------------------------------------- */


	#thumbnail{
		overflow: hidden;
		margin: 0 0 10px;
        	padding: 0 ;
        	width: 100%;
	}



#thumbnail li{
   	float: left;
   	margin-right: 5px;
   	margin-bottom: 5px;
	list-style: none;
	}
	
	
#thumbnail li img{
    width: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50); 
}
#thumbnail li.current img{
    opacity: 1;
    filter: alpha(opacity=100);
}

#main_photo{
    position: relative;
    height: 400px;
}




#main_photo img{
    position: absolute;
    top:0;
    width: 100%;
}


.voice{
	width:150px;
	margin:0px 5px 5px 0px;
	float:left;
}


.voice img{
	width:140px;
	height:210px;
}




.personal img{
	text-align:center;
	}