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


form#mailformpro table{
	text-align: left;
	border: 1px solid #AEAEAE;

}
form#mailformpro table th{
	padding: 15px;
	border-right: 1px solid #AEAEAE;
	border-bottom: 1px solid #AEAEAE;
}
form#mailformpro table td{
	padding: 15px;
	border-bottom: 1px solid #AEAEAE;
}

#header_inner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header_inner p {
	position: absolute;
	top: -530px;
	right: 0px;
}

/* メニューナビ*/
#top_menu_nav {
	height: auto !important;
	margin-top: -61px;
	min-height: 61px;
	position: relative;
	z-index: 1;
	background-attachment: scroll;
	background-image: url(images/Unknown.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}

.cf {
	float: left;
}
#top_menu h1 {
	float: left;
	margin-right: 45px;
	
}
#Value {
}
/* キャンペーン情報*/
.frame {
	overflow: hidden;
	margin-bottom: 20px;
}
.campaign {
	float: left;
	height: 230px;
	width: 635px;
	margin-right: 55px;
}
.mailmaga {
	float: left;
	width: 290px;
}
.salonmese {
	width: 320px;
	float: left;
}
.salonmese p {
	margin-top: 20px;
}
.campaign02 {
	height: auto;
	width: 365px;
	float: left;
	margin-right: 30px;
	margin-left: 30px;
}
.bana01 {
	margin-bottom: 30px;
}
.frame ul {
	float: left;
}
/* 各メニュー*/
#menucategory {
	clear: both;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 80px;
}
#menucategory h2 {
	margin-bottom: 20px;
}
#menucategory li{
	width: 272px;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
	}
#menucategory li a {
	background-repeat: no-repeat;
	display: block;
	height: 225px;
		text-indent: -9999px;
	}
#menucategory li a:hover{  
  background-repeat: no-repeat;  
}  
.setcourse,.facial{margin-left: 40px;}
.setcourse a{background-position: 0 0; background-image: url(images/setcourse.png);} 
.eyecurl a{background-position: 0 0; background-image: url(images/eyecurl.png);}  
.eyelash a{background-position: 0 0; background-image: url(images/eyelash.png);}  
.facial a{background-position: 0 0; background-image: url(images/facial.png);}  
.nail a{background-position: 0 0; background-image: url(images/nail.png);}  
.bridal a{background-position: 0 0; background-image: url(images/bridal.png);}  

.setcourse a:hover{background-position: 0 -230px; background-image: url(images/setcourse.png);} 
.eyecurl a:hover{background-position: 0 -230px; background-image: url(images/eyecurl.png);} 
.eyelash a:hover{background-position: 0 -230px; background-image: url(images/eyelash.png);} 
.facial a:hover{background-position: 0 -230px; background-image: url(images/facial.png);} 
.nail a:hover{background-position: 0 -230px; background-image: url(images/nail.png);} 
.bridal a:hover{background-position: 0 -230px; background-image: url(images/bridal.png);} #salonmap {
	clear: both;
	overflow: hidden;
}
.map_left {
	width: 290px;
	float: left;
	color: #e77163;
}
.map_left h2 {
	margin-bottom: 10px;
}
.telephone {
	font-size: 20px;
	background-image: url(images/phone.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 15px;
	background-position: 0px 3px;
}
.explanation {
	color: #664b12;
	padding-bottom: 20px;
}
.googlmap {
	float: right;
	width: 650px;
}
/*************************************************
menu
*************************************************/
.menuwap{
	width: 880px !important;
	padding-right: 50px !important;
	padding-left: 50px !important;
	}
/* まつ毛カール*/
#eyecurl,#eyelash,#facial,#nail,#bridal,#set{
	margin-bottom: 80px;
	background-image: url(menu/images/Unknown-3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
	}
#bridal{
	background-image:none;
	margin-bottom: 0px;
	}
.menunav li a {
	background-image: url(common/images/menu01.png)!important;
	}
#eyecurl {
	text-align: center;
}
.column2 {
	overflow: hidden;
	margin-top: 50px;
}
.leftside {
	float: left;
	height: auto;
	width: 430px;
	margin-right: 20px;
	text-align: left;
}
.leftside p {
	padding-top: 10px;
	padding-bottom: 15px;
}
.feature {
	background-repeat: no-repeat;
	padding-left: 345px;
	text-align: left;
	background-position: 50px 0px;
	clear: both;
	margin-top: 50px;
	margin-bottom: 30px;
}
.eyecurlbk{
	background-image: url(menu/images/eyecurl02.png);
	}
.feature dd {
	padding-top: 5px;
	padding-bottom: 30px;
}
.p_contents {
	background-color: #FFF;
	text-align: left;
}
.price {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	text-align: center;
}
.p_title {
	font-size: 16px;
	font-weight: bold;
	background-color: #ebecbd;
}
.price tr td {
	padding: 8px;
	font-size: 16px;
	border: 1px solid #CCC;
}
.big {
	font-size: 24px;
}
.gallery{
	background-repeat: no-repeat;
	padding-left: 170px;
	background-position: 0px 20px;
	}
.eyegallery {
	background-image: url(menu/images/eyegallery.png);
	
}
.top {
	text-align: right;
	padding-top: 30px;
}

/* まつ毛エクステ*/
#eyelash h2 ,#facial h2,#nail h2,#bridal h2,#set h2{
	width: 292px;
	margin-right: auto;
	margin-left: auto;
}
.eyelashbk{
	background-image: url(menu/images/eyelash02.png);
	}
.eyelash_g{
	background-image: url(menu/images/eyelashgallery.png);
	}
.feature dd ul li {
	width: 250px;
	float: left;
	padding-bottom: 20px;
}
.left50 {
	padding-left: 30px;
}
.design_t {
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
}
.feature dd ul li p {
	line-height: 1.5em;
	font-size: 12px;
}
.top30{
	padding-top: 30px;
	}
.small {
	font-size: 12px;
	font-weight: normal;
}
/*フェイシャル*/
.option {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	margin-top: 30px;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
.option dt {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.top50{
	margin-top: 50px;
	}
/*ネイル*/






/*ブライダル*/
.bridal_course{
	width: 250px;
	}
.bridal_time {
	width: 55px;
}
.bridal_price {
	width: 110px;
}
.bridal_text {
	font-size: 12px !important;
	font-weight: normal;
}
.l_h_10{
	line-height: 1.4em;
	padding-top: 20px;
	display: block;
	}
.center {
	text-align: right;
	vertical-align: middle;
}
/*テーブルの枠のサイズ*/
.m_course {
	width: 478px;
}
.m_time {
	width: 79px;
}
.m_price{
	width: 129px;
	}
/*************************************************
access
*************************************************/
.a_menunav li a {
	background-image: url(common/images/menu05.png)!important;
	}
.info_box {
	border: 1px solid #663;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	color: #e77163;
	line-height: 1.4em;
	padding: 20px;
	overflow: hidden;
	background-color: #FFF;
}
.info_tel,.info_web  {
	background-repeat: no-repeat;
	padding-left: 50px;
	clear: both;
	float: left;
}
.info_tel{
	background-image: url(access/images/tel_icon.png);
	background-position: 8px 0px;
	}	
.info_box dd {
	padding-left: 180px;
}
.info_tel_dd {
	font-size: 24px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #660;
}

.info_tel_dd p {
	font-size: 13px;
	margin-top: -6px;
	font-weight: normal;
}
.info_web {
	background-image: url(access/images/pc_icon.png);
	margin-top: 15px;
}.top15 {
	margin-top: 15px;
}
.map_explanation {
	clear: both;
	overflow: hidden;
	margin-top: 80px;
}
.map_explanation p {
	float: left;
	width: 600px;
	margin-right: 40px;
}
.map_explanation img {
	float: right;
}
.pricebox {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
.pricebox h3 {
	margin-bottom: 5px;
}
.pricebox p {
	margin-bottom: 15px;
}

/*************************************************
staff
*************************************************/
.s_menunav li a {
	background-image: url(common/images/menu04.png)!important;
	}
#interview_tab,
#interview_tab_bottom{
position: relative;
margin-bottom: 15px;
}
.interview_tabs ul li{
float: left;
cursor: pointer;
}

#interview_detail_wrap{
margin-bottom: 30px;
}
#interview_tab01,
#interview_tab01_bottom{
margin-right: 18px;
}

.interview_tabs ul li.active{/*クリックすると表が消える*/
cursor: inherit;
text-indent: -999em;
overflow: hidden;
}
#interview_tab01.active{
	width: 285px;
	height: 419px;
	background-image: url(staff/images/interview_tab01_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#interview_tab02.active{
background: url(staff/images/interview_tab03_on.png) left top no-repeat;
width: 285px;
height: 415px;
}
.interview_detail{/*クリックすると文字がでてくる*/
display: none;
}
.interview_detail.active{
display: block;
}

#interview_detail01,#interview_detail02{
	background: url("staff/images/bom_bk.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
	padding-bottom: 63px;

}
.boxinner{
		background: url("staff/images/top_bk.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	padding-top: 63px;
	}
.boxinner02{
	background: url("staff/images/midd_bk.png") repeat-y scroll left top rgba(0, 0, 0, 0);
	padding-left: 40px;
	overflow: hidden;
	}
.bold {
    font-weight: bold;
}
.mar_b_40{
	margin-bottom: 40px;
	}
.interview_left {
	float: left;
	width: 560px;
}
.f_right {
    float: right;
}
.mar_l_10 {
    margin-left: 10px;
}
.mar_b_10 {
    margin-bottom: 10px;
}
.interview_right{
width: 299px;
float: right;
padding-top: 37px;
}
.interview_left .interview_left_detail .box .inner dt,
.interview_left .interview_left_detail .box .inner dd{
	margin-bottom: 30px;
	line-height: 2;
	text-indent: -3em;
	margin-left: 3em;
}


/*************************************************
コンタクトフォーム
*************************************************/
.c_menunav li a {
	background-image: url(common/images/menu06.png)!important;
	}
#tel_reservation,#web_reservation,.thanksmail{
	text-align: center;
}
#tel_reservation h2 ,#web_reservation h2{
	margin-bottom: 30px;
}
#web_reservation {
	background-image: url(contact/images/Unknown-3.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 80px;
}

.telnumber {
	font-size: 36px;
	color: #e77163;
	margin-bottom: 5px;
}
.t_b_20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.orange {
	color: #e77163;
}
.promise {
	background-color: #FFF;
	width: 700px;
	border: 1px dotted #960;
	text-align: left;
	padding: 30px;
	background-image: url(contact/images/image01.gif);
	background-position: 570px center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 80px;
}
.promise dt {
	margin-bottom: 5px;
}

.mail_b_text {
	font-size: 13px;
	font-weight: bold;
}
.t_m_20 {
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666;
	padding-top: 15px;
}
.red {
	color: #e77163;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
}


/*************************************************
メルマガフォーム
*************************************************/
.mailmaga_form {
	background-image: url(mailmaga/images/bk.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 240px;
}
.middle{
	padding-right: 100px;
	padding-left: 100px;
}
.magazine_box{
	padding-top: 70px;
	padding-right: 100px;
	padding-bottom: 30px;
	padding-left: 100px;
	}
.magazine_box dl{
	border-bottom: 1px dotted #e1e1e1;
	display: table;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
}

.b_magazine_form--th {
	display: table-cell;
	width: 200px;
}
.b_magazine_form--td p {
	margin-top: 15px;
}
.tag.tag_imperative {
    background-color: #e77163;
    color: #ffffff;
    margin-right: 10px;
    padding: 2px 5px;
}
..b_magazine_form--td {
    display: table-cell;
    padding: 20px 0 16px;
}
.b_magazine_box--register {
    padding-top: 33px;
    text-align: center;
}
 .button.button_general.-size_l {
    font-size: 1.6rem;
    height: 50px;
    line-height: 50px;
}
.button_general {
    width: 220px;
}
.button.button_general{
    background: none repeat scroll 0 0  #e77163;
    border: 1px solid  #e77163;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    transition: background-color 0.35s ease 0s, color 0.35s ease 0s;
}
 .button.button_general:hover{
	  background: none repeat scroll 0 0  #fff;
	  color: #e77163;
	 
	 }
.button{
    display: inline-block;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
}

/*************************************************
料金一覧
*************************************************/
.p_menunav li a {
	background-image: url(common/images/menu02.png)!important;
	}
	
/*************************************************
トミーサロン
*************************************************/
.n_menunav li a {
	background-image: url(common/images/menu07.png)!important;
	}
/*************************************************
キャンペーン
*************************************************/
	.nail_btn {
	background-image: url(campaign/jelnail2014/images/nail05.png);
	background-repeat: no-repeat;
	padding-top: 330px;
	padding-bottom: 50px;
	padding-left: 200px;
}
.amebatitle {
	background-color: #FC9;
}
.amebatable {
	border: 1px solid #C96;
}
.amebatable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C96;
		padding-top: 3px;
	padding-bottom: 3px;
}
.amebasaidtitle {
	background-color: #EEE;
	font-weight: bold;
}
.amebatable tr {

}
/*************************************************
ゲリラキャンペーン
*************************************************/
.aguer p {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
}
.end {
	text-decoration: line-through;
	float: left;
	width: 170px;
	display: block;
	clear: both;
}
.red01 {
	color: #C00;
	text-decoration: none!important;
	float: left;
}
.stop {
	clear: both;
}

/*************************************************
サロンについて
*************************************************/
.s_c_01 {
	margin-top: 25px;
	overflow: hidden;
}
.s_left {
	float: left;
	width: 420px;
}
.s_right {
	float: right;
	width: 230px;
	line-height: 1.2em;
	background-image: url(salon/images/tommy.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	padding-top: 320px;
	font-weight: bold;
}
.s_right dt {
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center;
	
}
.s_right dd {
	font-size: 10px;
}
.s_c_02 {
	clear: both;
	margin-top: 80px;
}
.s_c_02 h3 {
	color: #FFF;
	background-color: #5e3b1b;
	width: 300px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.commitment {
	background-color: #F4eae2;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
.commitment dl dt {
	font-size: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 45px;
}
.commitment dl dd {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #630;
	padding-top: 5px;
	padding-left: 45px;
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 40px;
}
.s_01 {
	background-image: url(salon/images/s_01.png);
}
.s_02 {
	background-image: url(salon/images/s_02.png);
}
.s_03 {
	background-image: url(salon/images/s_03.png);
}
.s_04 {
	background-image: url(salon/images/s_04.png);
}

.voice a{
	color: #d75a51;
	text-decoration: underline;
	display: block;
	margin-top: 10px;
	background-image: url(salon/images/s_05.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: left center;
	font-weight: bold;
	
}
.voice a:hover,.FB a:hover,.mailmaga_i a:hover {
	text-decoration: none;
}
.snsbox {
	background-color: #FFF;
	margin-top: 30px;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
	width: 400px;
}
.snsbox p{
	background-repeat: no-repeat;
	padding-left: 50px;
	font-weight: bold;
}
.FB {
	background-image: url(salon/images/s_fb.png);
		border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 15px;
	margin-bottom: 15px;

}
.FB a {	color: #4f619a;
text-decoration: underline;
}
.mailmaga_i {
	background-image: url(salon/images/s_mail.png);
	color: #d75a51;	
}
.mailmaga_i a {	color: #d75a51;
text-decoration: underline;
}
/*************************************************
プライバシポリシー
*************************************************/
.privacy {
	margin-top: 50px;
}
.privacy dt {
	font-weight: bold;
}
.privacy dd {
	padding-top: 5px;
	padding-bottom: 40px;
}
/*************************************************
バレンタインキャンペーン2015
*************************************************/
.vtcam {
	background-color: #F99;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 20px;
}
.cen {
	text-align: center;
}
.vtcaminner {
	margin: 30px;
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
}
.vtcaminner h2 {
	margin-bottom: 20px;
}
/*************************************************
卒業式・入学式2015
*************************************************/
.springcm {
	background-color: #eae7b7;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 20px;
}
.con_btn {
	background-image: url(campaign/ceremony/images/06.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
	padding-top: 380px;
}
.spi {
	font-weight: bold;
	color: #396;
}
/*************************************************
シークレットサロンお知らせ
*************************************************/
.new_salon {
	text-align: center;
}
.blue {
	font-size: 16px;
	color: #799ec6;
	font-weight: bold;
}
.blue02 {
	font-size: 16px;
	font-weight: bold;
	color: #33C;
	margin-top: 50px;
}
/*************************************************
レンタルサロン
*************************************************/
.rental{}

.rental p{
	font-size: 11px;
	line-height: 16px;
}


.rental-mainimg{
	background: url(images/top_bk.png) no-repeat;
	background-size: 100% ;
	width: 100%;
	height: 500px;
}

.rental-mainimg h2{
	width:420px;
	height:320px;
	background: url( images/wreath3.png);
	background-size: 100% 100%;
	font-family: "kodomo";
	font-size: 65px;
	text-align: center;
	line-height: 60px;
	letter-spacing: 2px;
	padding: 150px 20px 0px 20px;
	margin: 0 auto;
	color: #e3696a;
		text-shadow:
-2px -2px 0px rgba(255, 255, 255, 1),
-2px 0px 0px rgba(255, 255, 255, 1),
-2px 2px 0px rgba(255, 255, 255, 1),
0px 2px 0px rgba(255, 255, 255, 1),
2px 2px 0px rgba(255, 255, 255, 1),
2px 0px 0px rgba(255, 255, 255, 1),
2px -2px 0px rgba(255, 255, 255, 1),
0px -2px 0px rgba(255, 255, 255, 1),
0px 0px 0px rgba(255, 255, 255, 1);
}

.rental-mainimg h2 span{
	font-family: "kodomo";
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -2px;
	padding: 0px 20px 0px 20px;
	vertical-align: 40px;
}

.rental-mainimg p{
	padding: 20px;
}

.rental-table{
	width:100%;	
	border: dotted 1px #d87d5f;
}


.rental-table th{
	padding: 5px;
	background: #F7D8D0;
	color: #d87d5f;
	text-align: center;
	letter-spacing: 2px;
	font-family: "hui";
}	

.rental-table td{
	padding: 5px;
}	

.rental-table td p{
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 10px!important;
}






.rental-table2{	
	width:100%;	
	border: dotted 1px #d87d5f;
}


.rental-table2 th{
	padding: 5px;
	background: #F7D8D0;
	color: #d87d5f;
	text-align: center;
	letter-spacing: 2px;
	font-family: "hui";
	border: dotted 1px #d87d5f;
}	

.rental-table2 td{
	padding: 5px;
	border: dotted 1px #d87d5f;
	text-align: center;
}	


.rental-ul li{
	border-bottom: dotted 1px #d87d5f;
	padding: 10px 5px;
}

.rental-step{
width: 100%;
height: 130px;
background: url( images/wreath.png);
background-size: 100% 100%;
font-size: 14px;
text-align: center;
font-family: "hui";
padding-top: 90px;
}


.rental-step2{
width: 100%;
height: 110px;
background: url( images/wreath2.png);
background-size: 100% 100%;
font-size: 16px;
text-align: center;
font-family: "hui";
padding-top: 110px;
}

.ribbon1{
background: url( images/ribbon-m.png);
background-size: 100% 100%;
width: 300px;
margin:0 auto;
height: 60px;
text-align: center;
font-family: "hui";
padding-top: 20px;
font-size: 16px;
}


/* ------------------------------------------------
 　　　　　　　　 フォントスタイル 
 ------------------------------------------------ */
@font-face {
  font-family: "kodomo";
  src: url("/font/kodomo.eot?") format('eot'),
       url("/font/kodomo.woff") format('woff');
}
.kodomofont {
  font-family: "kodomo"!important;
}

@font-face {
  font-family: "flop";
  src: url("/font/flop.eot?") format('eot'),
       url("/font/flop.woff") format('woff');
}
.flopfont {
  font-family: "flop"!important;
}

@font-face {
  font-family: "hannari";
  src: url("/font/hannari.eot?") format('eot'),
       url("/font/hannari.woff") format('woff');
}
.hannarifont {
  font-family: "hannari"!important;
}

@font-face {
  font-family: "cinelit";
  src: url("/font/cinelit.eot?") format('eot'),
       url("/font/cinelit.woff") format('woff');
}
.cinelitfont {
  font-family: "cinelit"!important;
}
@font-face {
  font-family: "tulpen";
  src: url("/font/tulpen.eot?") format('eot'),
       url("/font/tulpen.woff") format('woff');
}
.tulpenfont {
  font-family: "tulpen"!important;
}

@font-face {
  font-family: "hui";
  src: url("/font/hui.eot?") format('eot'),
       url("/font/hui.woff") format('woff');
}
.huifont {
  font-family: "hui"!important;
}


@font-face {
  font-family: "yasashisa";
  src: url("/font/yasashisa.eot?") format('eot'),
       url("/font/yasashisa.woff") format('woff');
}
.yasashisafont {
  font-family: "yasashisa";
}

@font-face {
  font-family: "yasashisam";
  src: url("/font/yasashisam.eot?") format('eot'),
       url("/font/yasashisam.woff") format('woff');
}
.yasashisamfont {
  font-family: "yasashisam";
}

@font-face {
  font-family: "shin-g3";
  src: url("/font/shin-g3.eot?") format('eot'),
       url("/font/shin-g3.woff") format('woff');
}
.shin-g3 {
  font-family: "shin-g3";
}
@font-face {
  font-family: "shin-g8";
  src: url("/font/shin-g8.eot?") format('eot'),
       url("/font/shin-g8.woff") format('woff');
}
.shin-g8 {
  font-family: "shin-g8";
}

/********************************************** いろいろ **********************************************/

.textleft{text-align: left}
.textcenter{text-align: center}
.textright{text-align: right}


.cal1-2{width: 45%; margin:0 1%; }
.cal1-3{width: 30.3%; margin:0 1%; }
.cal2-3{width: 56.6%; margin:0 1%; }
.cal1-4{width: 23%; margin:0 1%; }
.cal2-4{width: 47%; margin:0 1%; }
.cal3-4{width: 73%; margin:0 1% 0 1%; }

.f-l{float: left; }
.f-c{float: center; }
.f-r{float: right;}
.p-r{position: relative;}
.overflow-h {overflow: hidden!important;}
.img100p img{width: 100%; height: auto;}
.margin-auto{margin-left: auto; margin-right: auto;}
.margintop10{margin-top:10px }
.margintop20{margin-top:20px }
.margintop30{margin-top:30px }
.margintop40{margin-top:40px }
.margintop50{margin-top:50px }
.margintop-10{margin-top:-10px }
.margintop-20{margin-top:-20px }
.margintop-30{margin-top:-30px }
.margintop-40{margin-top:-40px }
.margintop-50{margin-top:-50px }
.w-33p{width: 33%;}
.w-66p{width: 66%;}
.w-2p{width: 2%;}.w-10p{width: 10%;}.w-15p{width: 15%;}.w-20p{width: 20%;}.w-23p{width: 23.5%;}.w-25p{width: 25%;}.w-30p{width: 30%;}.w-35p{width: 35%;}.w-40p{width: 40%;}.w-45p{width: 45%;}.w-48p{width: 48%;}.w-50p{width: 50%;}.w-55p{width: 55%;}.w-60p{width: 60%;}.w-65p{width: 65%;}.w-70p{width: 70%;}.w-75p{width: 75%;}.w-80p{width: 80%;}.w-85p{width: 85%;}.w-90p{width: 90%;}.w-95p{width: 95%;}.w-97p{width: 97%;}.w-100p{width: 100%;}
.h-10p{height: 10%;}.h-15p{height: 15%;}.h-20p{height: 20%;}.h-25p{height: 25%;}.h-30p{height: 30%;}.h-35p{height: 35%;}.h-40p{height: 40%;}.h-45p{height: 45%;}.h-50p{height: 50%;}.h-55p{height: 55%;}.h-60p{height: 60%;}.h-65p{height: 65%;}.h-70p{height: 70%;}.h-75p{height: 75%;}.h-80p{height: 80%;}.h-85p{height: 85%;}.h-90p{height: 90%;}.h-95p{height: 95%;}.h-100p{height: 100%;}

.mb-10{margin-bottom:10px; }

.w-100{width: 100px;}.w-110{width: 110px;}.w-120{width: 120px;}.w-130{width: 130px;}.w-140{width: 140px;}.w-150{width: 150px;}.w-160{width: 160px;}.w-170{width: 170px;}.w-180{width: 180px;}.w-190{width: 190px;}
.w-200{width: 200px;}.w-210{width: 210px;}.w-220{width: 220px;}.w-230{width: 230px;}.w-240{width: 240px;}.w-250{width: 250px;}.w-260{width: 260px;}.w-270{width: 270px;}.w-280{width: 280px;}.w-290{width: 290px;}
.w-300{width: 300px;}.w-310{width: 310px;}.w-320{width: 320px;}.w-330{width: 330px;}.w-340{width: 340px;}.w-350{width: 350px;}.w-360{width: 360px;}.w-370{width: 370px;}.w-380{width: 380px;}.w-390{width: 390px;}
.w-400{width: 400px;}.w-410{width: 410px;}.w-420{width: 420px;}.w-430{width: 430px;}.w-440{width: 440px;}.w-450{width: 450px;}.w-460{width: 460px;}.w-470{width: 470px;}.w-480{width: 480px;}.w-490{width: 490px;}
.w-500{width: 500px;}.w-510{width: 510px;}.w-520{width: 520px;}.w-530{width: 530px;}.w-540{width: 540px;}.w-550{width: 550px;}.w-560{width: 560px;}.w-570{width: 570px;}.w-580{width: 580px;}.w-590{width: 590px;}
.w-600{width: 600px;}.w-610{width: 610px;}.w-620{width: 620px;}.w-630{width: 630px;}.w-640{width: 640px;}.w-650{width: 650px;}.w-660{width: 660px;}.w-670{width: 670px;}.w-680{width: 680px;}.w-690{width: 690px;}
.w-700{width: 700px;}.w-710{width: 710px;}.w-720{width: 720px;}.w-730{width: 730px;}.w-740{width: 740px;}.w-750{width: 750px;}.w-760{width: 760px;}.w-770{width: 770px;}.w-780{width: 780px;}.w-790{width: 790px;}
.w-800{width: 800px;}.w-810{width: 810px;}.w-820{width: 820px;}.w-830{width: 830px;}.w-840{width: 840px;}.w-850{width: 850px;}.w-860{width: 860px;}.w-870{width: 870px;}.w-880{width: 880px;}.w-890{width: 890px;}

.h-100{height: 100px;}.h-110{height: 110px;}.h-120{height: 120px;}.h-130{height: 130px;}.h-140{height: 140px;}.h-150{height: 150px;}.h-160{height: 160px;}.h-170{height: 170px;}.h-180{height: 180px;}.h-190{height: 190px;}
.h-200{height: 200px;}.h-210{height: 210px;}.h-220{height: 220px;}.h-230{height: 230px;}.h-240{height: 240px;}.h-250{height: 250px;}.h-260{height: 260px;}.h-270{height: 270px;}.h-280{height: 280px;}.h-290{height: 290px;}
.h-300{height: 300px;}.h-310{height: 310px;}.h-320{height: 320px;}.h-330{height: 330px;}.h-340{height: 340px;}.h-350{height: 350px;}.h-360{height: 360px;}.h-370{height: 370px;}.h-380{height: 380px;}.h-390{height: 390px;}
.h-400{height: 400px;}.h-410{height: 410px;}.h-420{height: 420px;}.h-430{height: 430px;}.h-440{height: 440px;}.h-450{height: 450px;}.h-460{height: 460px;}.h-470{height: 470px;}.h-480{height: 480px;}.h-490{height: 490px;}
.h-500{height: 500px;}.h-510{height: 510px;}.h-520{height: 520px;}.h-530{height: 530px;}.h-540{height: 540px;}.h-550{height: 550px;}.h-560{height: 560px;}.h-570{height: 570px;}.h-580{height: 580px;}.h-590{height: 590px;}
.h-600{height: 600px;}.h-610{height: 610px;}.h-620{height: 620px;}.h-630{height: 630px;}.h-640{height: 640px;}.h-650{height: 650px;}.h-660{height: 660px;}.h-670{height: 670px;}.h-680{height: 680px;}.h-690{height: 690px;}
.h-700{height: 700px;}.h-710{height: 710px;}.h-720{height: 720px;}.h-730{height: 730px;}.h-740{height: 740px;}.h-750{height: 750px;}.h-760{height: 760px;}.h-770{height: 770px;}.h-780{height: 780px;}.h-790{height: 790px;}
.h-800{height: 800px;}.h-810{height: 810px;}.h-820{height: 820px;}.h-830{height: 830px;}.h-840{height: 840px;}.h-850{height: 850px;}.h-860{height: 860px;}.h-870{height: 870px;}.h-880{height: 880px;}.h-890{height: 890px;}


.h-50p{height: 50%;}
.h-100p{height: 100%;}

.f-10{font-size: 10px}.f-11{font-size: 11px}.f-12{font-size: 12px}.f-13{font-size: 13px}.f-14{font-size: 14px}.f-15{font-size: 15px}.f-16{font-size: 16px}.f-17{font-size: 17px}.f-18{font-size: 18px}.f-19{font-size: 19px}
.f-20{font-size: 20px}.f-21{font-size: 21px}.f-22{font-size: 22px}.f-23{font-size: 23px}.f-24{font-size: 24px}.f-25{font-size: 25px}.f-26{font-size: 26px}.f-27{font-size: 27px}.f-28{font-size: 28px}.f-29{font-size: 29px}
.f-30{font-size: 30px}.f-31{font-size: 31px}.f-32{font-size: 32px}.f-33{font-size: 33px}.f-34{font-size: 34px}.f-35{font-size: 35px}.f-36{font-size: 36px}.f-37{font-size: 37px}.f-38{font-size: 38px}.f-39{font-size: 39px}
.f-40{font-size: 40px}.f-41{font-size: 41px}.f-42{font-size: 42px}.f-43{font-size: 43px}.f-44{font-size: 44px}.f-45{font-size: 45px}.f-46{font-size: 46px}.f-47{font-size: 47px}.f-48{font-size: 48px}.f-49{font-size: 49px}
.f-50{font-size: 50px}.f-51{font-size: 51px}.f-52{font-size: 52px}.f-53{font-size: 53px}.f-54{font-size: 54px}.f-55{font-size: 55px}.f-56{font-size: 56px}.f-57{font-size: 57px}.f-58{font-size: 58px}.f-59{font-size: 59px}


.button {
	position: relative;
	background-color: #f7d034;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 7px 0 #f7ba59;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	margin: 0 auto;
}
.button:hover {
	top: 4px;
	box-shadow: 0 3px 0 #f7ba59;
}
.button:active {
	top: 7px;
	box-shadow: none;
}

.button a{
	color: #fff;
	display: block;
	font-size: 20px;
	font-family: "hui"!important;
	}

.button a:hover{
	text-decoration: none;
}