@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/* CSS Document */

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
html,body{
	height:100%;
}
/* 基本設定 */
body{
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	line-height:180%;
	color:#221714;
	background-image:url(image/bg.gif);
	margin:0px;
}
img {
	border:medium none;
	vertical-align:middle;
}
ul,ol,hr{
	margin:0px;
	padding:0px;
}

ul,ol{
	list-style:none;
}

td{
	vertical-align:top;
}

/* ページ全体の大枠 */
#wrap{
	margin-left:auto;
	margin-right:auto;
	width:1014px;
	background-image:url(image/sub_bg.gif);
}

/* ロゴのDIV設定 */
#Logo{
	float:left;
	margin-left:25px;
}
#LogoRetoSheta{
	float:left;
	margin: 39px 0 0 25px;
}
#LogoRetoSheta img{
	width: 200px;
}
/* HomeボタンのDIV設定 */
#BackHome{
	float:right;
	margin:67px 14px 0px 0px;
	padding-bottom:6px;
}
#BackHomeRetoSheta{
	float:right;
	margin:56px 20px 0px 0px;
}

/* TELバナーのDIV設定 */
#tel{
	float:right;
	margin:59px 14px 0px 0px;
	padding-bottom:6px;
}

#TelRetoSheta{
	float:right;
	margin:55px 14px 0px 0px;
	padding-bottom:6px;
}
#tel a,
#TelRetoSheta a{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #e50b84;
    text-decoration: none;
}

#waku{
	float:left;
	width:970px;
	margin:20px 0px 0px 20px;
}

/* ページコンテンツのDIV設定 */
#contents{
	margin:20px 14px 0px 3px;
}

#MainPage{
	float:left;
	width:930px;
}

/* トピックスのDIV設定 */
#Topics{
	float:left;
	width:522px;
}

#TopiTi{
	margin-bottom:20px;
}

.kiji{
	line-height:150%;
	width:522px;
}



.kiji img{
	padding:10px 0px;
}

#right_content{
	float:left;
	width:360px;
	margin:20px 0px 0px 40px;
}

#right_button{
	margin:0px 0px 15px 0px;
}

#facebook{
	margin-bottom: 10px;
}
#fb-content{
	padding-top: 10px;
}
.fb_iframe_widget {
	padding: 0 5px 10px 5px;
}
.fb_link {
	padding: 20px 5px 10px 5px;
	color: #3b5998;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
/* フッダーのDIV設定 */
#Footer{
	margin:0px 14px 0px  0px;
}

/* pagetopのDIV設定 */
#PT{
	text-align:right;
}

#PT img{
	padding:20px 0px;
}

#PT a{
	margin: 20px;
}

/* COPY RIGHT(C)のDIV設定 */
#Copy{
	background-color:#DFCDB2;
	color:#FFF;
	text-align:right;
	font-size:10px;
	padding:7px 12px 7px 0px;
}

/* ナビゲーション */

#GlobalNavi{
	width:950px;
	float:left;
}

#GlobalNavi ol li{
	float:left;
}

#GlobalNavi ol li a{
	display:block;
	height:20px;
	width:50px;
	text-indent:-9999px;
	background-image:url(image/navi.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
}

/*----------*/
#GlobalNavi ol li a.home{
	background-position:0px 0px;
	width:60px;
}
#GlobalNavi ol li a.home:hover{
	background-position:0px -20px;
	width:60px;
}

#GlobalNavi ol li a.info{
	background-position:-60px 0px;
	width:80px;
}
#GlobalNavi ol li a.info:hover{
	background-position:-60px -20px;
	width:80px;
}
#GlobalNavi ol li a.info2{
	background-position:-60px -20px;
	width:80px;
}

/*----------*/
#GlobalNavi ol li a.price{
	background-position:-140px 0px;
	width:55px;
}

#GlobalNavi ol li a.price:hover{
	background-position:-140px -20px;
	width:55px;
}
#GlobalNavi ol li a.price2{
	background-position:-140px -20px;
	width:55px;
}

/*----------*/
#GlobalNavi ol li a.gallery{
	background-position:-195px 0px;
	width:62px;
}

#GlobalNavi ol li a.gallery:hover{
	background-position:-195px -20px;
	width:62px;
}
#GlobalNavi ol li a.gallery2{
	background-position:-195px -20px;
	width:62px;
}

/*----------*/
#GlobalNavi ol li a.staff{
	background-position:-257px 0px;
	width:49px;
}
#GlobalNavi ol li a.staff:hover{
	background-position:-257px -20px;
	width:49px;
}
#GlobalNavi ol li a.staff2{
	background-position:-257px -20px;
	width:49px;
}

/*----------*/
#GlobalNavi ol li a.media{
	background-position:-306px 0px;
	width:63px;
}
#GlobalNavi ol li a.media:hover{
	background-position:-306px -20px;
	width:63px;
}
#GlobalNavi ol li a.media2{
	background-position:-306px -20px;
	width:63px;
}
/*----------*/
#GlobalNavi ol li a.recruit{
	background-position:-369px 0px;
	width:59px;
}
#GlobalNavi ol li a.recruit:hover{
	background-position:-369px -20px;
	width:59px;
}
#GlobalNavi ol li a.recruit2{
	background-position:-369px -20px;
	width:59px;
}
/*----------*/
#GlobalNavi ol li a.navi_reserve{
	background-position:-428px 0px;
	width:100px;
}
#GlobalNavi ol li a.navi_reserve:hover{
	background-position:-428px -20px;
	width:100px;
}
/*----------*/
#GlobalNavi ol li a.blog{
	background-position:-528px 0px;
	width:48px;
}
#GlobalNavi ol li a.blog:hover{
	background-position:-528px -20px;
	width:48px;
}
/*----------*/
#GlobalNavi ol li a.uchihara{
	background-position:-576px 0px;
	width:100px;
}
#GlobalNavi ol li a.uchihara:hover{
	background-position:-576px -20px;
	width:100px;
}
/*----------*/
#GlobalNavi ol li a.contact{
	background-position:-676px 0px;
	width:70px;
}
#GlobalNavi ol li a.contact:hover{
	background-position:-676px -20px;
	width:70px;
}
#GlobalNavi ol li a.contact2{
	background-position:-676px -20px;
	width:70px;
}

/*----------*/
#GlobalNavi ol li a.others{
	background-position:-746px 0px;
	width:45px;
}
#GlobalNavi ol li a.others:hover{
	background-position:-746px -20px;
	width:45px;
}
#GlobalNavi ol li a.others2{
	background-position:-746px -20px;
	width:45px;
}

/*----------*/
#GlobalNavi ol li a.onlineshop{
	background-position:-791px 0px;
	width:90px;
}
#GlobalNavi ol li a.onlineshop:hover{
	background-position:-791px -20px;
	width:90px;
}
#GlobalNavi ol li a.onlineshop2{
	background-position:-791px -20px;
	width:90px;
}

/*----------*/

/* フォローと解除 */
.clear{
 clear:both;
}


/* トップページ */
#topLeft{
	width:525px;
	padding:0px 0px 0px 0px;
	margin-bottom:20px;
	text-align:left;
}

/* インフォメーションページ */
#infoLEFT{
	width:300px;
	margin:10px 10px 0px 0px;
	font-size:12px;
	line-height:150%;
	float:left;
}

#infoCEN{
	width:400px;
	margin-right:20px;
	float:left;
}

#infoRIGHT{
	width:190px;
	float:left;
	/*padding-top:50px;*/
	text-align:center;
}

/* プライスページ */
#sub_T{
	width:750px;
	padding:0px 0px 0px 0px;
	margin-bottom:20px;
	text-align:left;
}

#sub_T .en td{
	padding:5px;
}

#sub_T .en td.name{
	line-height: 15px;
}

#sub_T2_L{
	width:600px;
	padding:0px 0px 0px 0px;
	margin-bottom:20px;
	text-align:left;
    float: left;
}

#sub_T2_L .result{
	width:522px;
}

#sub_T2_R{
	width: 100px;
	padding:0px 0px 0px 0px;
	margin-bottom:20px;
	text-align:left;
    float: left;
    font-family: "Open Sans",sans-serif;
}

#sub_T2_R h4{
    margin: 0;
    font-size: 12px;
}

#sub_T2_R a{
    color: #e50b84;
    text-decoration: none;
    font-size: 12px;
}

#sub_T2_R p.year{
    padding-left: 15px;
}

/* プライスページ */
table.en .name_en{
    font-size: 10px;
    line-height: 10px;
    margin: 0;
}

/* スタッフページ */

#Staff_Popin_Wrap{
	height:400px;
	overflow:auto;
}

#Staff_Popin_Pic{
	width:100%;
	text-align:center;
}

/* ギャラリーページ */

#Gallery_SubNavi{
	margin:20px 0px 20px 2px;
}

#Gallery_SubNavi ul li{
	float:left;
}

#Gallery_SubNavi ul li a{
	display:block;
	height:20px;
	width:50px;
	text-indent:-9999px;
	background-image:url(image/gallery_sub.gif);
	background-repeat:no-repeat;
	margin-bottom:20px;
}

#Gallery_SubNavi ul li a.short{
	background-position:0px 0px;
	width:53px;
}
#Gallery_SubNavi ul li a.short:hover{
	background-position:0px -20px;
	width:53px;
}
#Gallery_SubNavi ul li a.shortSelected{
	background-position:0px -20px;
	width:53px;
}

#Gallery_SubNavi ul li a.medium{
	background-position:-53px 0px;
	width:69px;
}
#Gallery_SubNavi ul li a.medium:hover{
	background-position:-53px -20px;
	width:69px;
}
#Gallery_SubNavi ul li a.mediumSelected{
	background-position:-53px -20px;
	width:69px;
}

#Gallery_SubNavi ul li a.long{
	background-position:-122px 0px;
	width:48px;
}
#Gallery_SubNavi ul li a.long:hover{
	background-position:-122px -20px;
	width:48px;
}
#Gallery_SubNavi ul li a.longSelected{
	background-position:-122px -20px;
	width:48px;
}

#Gallery_SubNavi ul li a.men{
	background-position:-170px 0px;
	width:72px;
}
#Gallery_SubNavi ul li a.men:hover{
	background-position:-170px -20px;
	width:72px;
}
#Gallery_SubNavi ul li a.menSelected{
	background-position:-170px -20px;
	width:72px;
}

#Gallery_SubNavi ul li a.arangement{
	background-position:-242px 0px;
	width:96px;
}
#Gallery_SubNavi ul li a.arangement:hover{
	background-position:-242px -20px;
	width:96px;
}
#Gallery_SubNavi ul li a.arangementSelected{
	background-position:-242px -20px;
	width:96px;
}

#Gallery_SubNavi ul li a.make{
	background-position:-338px 0px;
	width:70px;
}
#Gallery_SubNavi ul li a.make:hover{
	background-position:-338px -20px;
	width:70px;
}
#Gallery_SubNavi ul li a.makeSelected{
	background-position:-338px -20px;
	width:70px;
}


#Gallery{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}


#Gallery ol li{
	float:left;
	margin:0px;
	padding:0px;
}

#Gallery ol li img{
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align: top;
}

#short{
	margin:20px 0px;
	width:750px;
}
#medium{
	margin:20px 0px;
	width:750px;
}
#long{
	margin:20px 0px;
	width:750px;
}
#men{
	margin:20px 0px;
	width:750px;
}
#arangement{
	margin:20px 0px;
	width:750px;
}
#make{
	margin:20px 0px;
	width:750px;
}

#staff li{
	float:left;
	margin:0px 20px 10px 0px;
}

/* 共通設定 */

.ML-5{
	margin-left:5px;
}

.MLR-20{
	margin:0px 20px;
}

.MLR-10{
	margin:0px 10px;
}

.MB-20{
	margin-bottom:20px;
}

.PB-20{
	padding-bottom:20px;
}

.PTB-10{
	padding-top:20px;
	padding-bottom:20px;
}

.PT-20{
	padding-top:20px;
}

.MT-10{
	margin-top:10px;
}

.MT-20{
	margin-top:20px;
}

.H{
	width:99%;
	color:#DDD;
}

.mailform p{
	color:#E50B84;
	font-size:10px;
	line-height:10px;
	margin:0;
}

.mailform td{
	padding-bottom:10px;
}

.red{
	color:#cc3300;
}

#child .btn-fld {
    overflow: hidden;
    padding: 12px 20px 12px 0;
}

button.reserve {
    background: #d0d747;
    border: none;
    width: auto;
    overflow: visible;
    font-size: 1.4em;
    color: #FFF;
    padding: 29px 28px;
    cursor:pointer;
    border-radius: 8px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
button.reserve:hover {
/*    background: #222;*/
}

/* 追加分 */
.navi {
}
.navi ul {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	margin: 5px 5px 25px;
	overflow: hidden;
}
.navi li {
	margin-right: 25px;
	float: left;
}
.navi.navinew li{
	margin-right: 14px;
}
.navi.navinew_RetoSheta li{
	margin-right: 20px;
}
.navi li a {
	text-decoration: none;
	color: #666;
}
.navi li a:hover,
.navi li.current a {
	color: #e50b84;
}
.instagram-area{
	margin-bottom: 15px;
}
.banner-area{
    -webkit-border-radius: 5px;/* for Safari and Chrome */
    -moz-border-radius: 5px; /* for Firefox */
    -o-border-radius: 5px; /* for opera */
    behavior: url('PIE.htc');/* for IE */
    border-radius: 5px;
    width: 110px;
    height: 59px;
    color: #fff;
    background-color: #ff0000;
    float: right;
    text-align: center;
    position: relative;
}
.banner-blog{
    color: #fff;
    background-color: #0087af;
}
.banner-youtube{
    color: #fff;
    background-color: #ff0000;
}
.banner-area a{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    color: #fff;
    text-decoration: none;
    padding-top: 20px;
    font-family: 'Questrial', sans-serif;
    font-size: 13px;
}

hr.line1 {
    border:none;
    border-top:dotted 2px #CCCCCC;
    height:1px;
    color:#FFFFFF;
    margin: 5px 0;
}
hr.line2 {
    border:none;
    border-top: 1px solid #bbb;
    height:1px;
}
.subtitle {
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
    color: #666;
}
a.minilink {
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
    color: #666;
}
.media-box {
    margin-bottom: 15px;
}