@charset "UTF-8";
/* @override 
	http://www.nagomi-space.com/wp-content/themes/nagomi/style.css
*/
/*  
Theme Name: nagomi-space.com
Theme URI: http://www.nagomi-space.com/
Description: ゆいまーるのオフィシャルサイト
Version: 1.1
Author: Go Imai
Author URI: http://www.studiobrain.net/
*/





/***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}


.mceContentBody{background-color: #fff;}


/***** 共通のタグ CommonTag *****/
body{font: 95%/155% "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;background-color: #4a3522;}
h1,h2,h3,h4,h5,h6,p{margin: 15px 0;padding: 0;}
a{ outline:none;color: #666;text-decoration: underline;}
a:hover{color: #999;text-decoration: none;}
p{}
h1{font-size: 100%;line-height: 100%;}
h2{font-size: 100%;line-height: 100%;}
h3{font-size: 140%;line-height: 130%;color: #333;background: url(img/h3.gif) no-repeat;padding: 0 0 0 36px;}
h4{font-size: 105%;line-height: 100%;border-bottom: 1px solid #bf7f7d;color: #777;padding: 5px 0;}
h5{font-size: 100%;line-height: 100%;color: #972b7e;}
h6{font-size: 75%;line-height: 100%;}
small{font-size: 80%;}
big{font-size: 130%;}
a.more-link {} 
ul{list-style-position: outside;padding: 0 0 0 25px;list-style-type: disc;line-height: 140%;margin: 15px 0;}
ol{list-style-position: outside;margin: 15px 0;padding: 0 0 0 30px;list-style-type: decimal;line-height: 140%;}
ul ul,ol ol,ul ol,ol ul{padding-left: 3%;}
blockquote {margin: 15px 0;background-color: #fbf3ef;border: 1px solid #d1928c;clear: both;padding: 10px 10px 0;color: #b75048;border-left-width: 10px;}
blockquote p{margin: 0;padding: 0px 10px 10px;}
blockquote ol,blockquote ul{margin: 0;padding: 0px 0px 10px 25px;}
hr{margin: 40px auto;border-style: none;height: 1px;background-color: #999;clear: both;}



/***** スペース領域 AreaSpace *****/
#body{text-align: center;}
#header{clear:both;margin: auto;width: 980px;padding: 0;background: url(img/shadow-top.gif) no-repeat left bottom;height: 80px;overflow: hidden;}
#footer{clear:both;margin: auto;width: 950px;}
#topimage{clear:both;margin: auto;width: 950px;height: 270px;background: url(img/topimage.jpg) no-repeat;border-top: 1px solid #b39322;}
#topcenter{clear:both;margin: auto;width: 950px;float: left;height: 200px;background-color: #fff;}
#container{width: 950px;margin: auto;text-align: left;background-color: #fff;}
#main{text-align:left;overflow: hidden;width: 700px;float: left;padding: 0;}
#sidebar{float: right;overflow: hidden;margin: 20px 0;padding: 0 20px 0 0;width: 210px;}
#wrap{clear:both;float: left;width: 100%;overflow: hidden;}
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;padding-bottom: 30px;}
#shadow {background: url(img/shadow-center.gif) repeat-y;margin: auto;width: 950px;padding: 0 15px;}



/***** ヘッダー Header *****/
#header #header-left{float: left;padding: 20px 0 0 15px;background: url(img/nagomi-logo.gif) no-repeat 25px 24px;}
#header .header_ttl a{margin:0;padding: 0;float: left;width: 158px;height: 50px;text-indent: -8989px;}
#header .header_ttl{float: left;margin: 0;}
#header .header_description{float: left;width: 320px;height: 50px;margin: 0;text-indent: -8989px;}


#header-right {float: right;}
#header_navi2 {list-style-type: none;padding: 57px 15px 0 0;margin: 0;}
#header_navi2 li {display: inline;float: left;width: 100px;}
#header_navi2 li a {float: left;height: 24px;text-indent: -8989px;width: 90px;line-height: 100%;font-size: 80%;}
#header_navi2 li.shop a {background: url(img/navi-shop.gif) no-repeat left top;}
#header_navi2 li.blog a {background: url(img/navi-blog.gif) no-repeat left top;}



/*ヘッダーナビ header_navi*/
#header_navi {clear: both;margin: 0;padding: 0;width: 950px;float: left;background-color: #38000d;}
#header_navi ul{list-style-type:none;white-space: nowrap;padding: 0;margin: 0;background-color: #510313;clear: both;}
#header_navi li{padding: 0;margin: 0;float: left;}
#header_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;}
#header_navi li ul li{padding: 0;}
#header_navi li a{float: left;width: 110px;height: 40px;background-image: url(img/headnavi-btn.gif);text-indent: -8989px;}

#menu-item-388.current-menu-item a{background-position: 0 -40px;}
#menu-item-388 a{background-position: 0 0;}
#menu-item-388 a:hover{background-position: 0 -80px;}

#menu-item-394.current-menu-parent a,
#menu-item-394.current-menu-item a{background-position: -110px -40px;}
#menu-item-394 a {background-position: -110px 0px;}
#menu-item-394 a:hover {background-position: -110px -80px;}

#menu-item-391.current-menu-item a{background-position: -220px -40px;}
#menu-item-391 a {background-position: -220px 0px;}
#menu-item-391 a:hover {background-position: -220px -80px;}

#menu-item-393.current-menu-item a{background-position: -330px -40px;}
#menu-item-393 a {background-position: -330px 0;}
#menu-item-393 a:hover {background-position: -330px -80px;}

#menu-item-389.current-menu-item a{background-position: -440px -40px;}
#menu-item-389 a {background-position: -440px 0;}
#menu-item-389 a:hover {background-position: -440px -80px;}

#menu-item-390.current-menu-item a{background-position: -550px -40px;}
#menu-item-390 a {background-position: -550px 0;}
#menu-item-390 a:hover {background-position: -550px -80px;}

#menu-item-392.current-menu-item a{background-position: -660px -40px;}
#menu-item-392 a {background-position: -660px 0px;}
#menu-item-392 a:hover {background-position: -660px -80px;}


#description{clear: both;overflow: hidden;text-align: left;padding: 10px;background-color: #510313;}
#description h1,
#description p{font-weight: normal;font-style: normal;margin: 0;color: #fff;font-size: 80%;line-height: 100%;}

#relation{clear: both;overflow: hidden;text-align: left;padding: 1px 0 0;height: 25px;}
#relation ul {margin: 0;font-size: 80%;line-height: 100%;padding: 0;}
#relation ul li{display: inline;padding: 0 0 0 1px;float: left;}
#relation ul li a{color: #fff;padding: 0;text-decoration: none;}
#relation ul li a span {background-color: #510313;float: left;padding: 7px 14px;}
#relation ul li.current_page_item a span,
#relation ul li.current_page_item a:hover span {background-color: #a60328;padding-bottom: 20px;}
#relation ul li a:hover span{color: #fff;background-color: #6e001a;}




/*** トップページ ***/
#topcenter ul {list-style-type: none;margin: 0;padding: 25px 0 0 25px;float: left;}
#topcenter ul li {display: inline;padding: 0;float: left;width: 307px;}
#topcenter ul li a{float: left;width: 286px;height: 177px;background-color: #333;text-indent: -8989px;}
#topcenter ul li.salon1 a {background: url(img/salon-1.jpg) no-repeat;}
#topcenter ul li.salon2 a {background: url(img/salon-2.jpg) no-repeat;}
#topcenter ul li.salon3 a {background: url(img/salon-3.jpg) no-repeat;}
#top-left {float: left;width: 500px;clear: both;}
#news{padding: 20px 0 20px 25px;width: 460px;}
#newsttl {border-bottom: 1px solid #b39943;height: 26px;overflow: hidden;background: url(img/top-info-ttl.gif) no-repeat left top;}
#newsttl b{float: left;color: #936;width: 118px;height: 20px;text-indent: -8989px;}
#newsttl ul{margin: 0;padding: 0;}
#newsttl ul li{display: inline;}
#newsttl ul li a{width: 137px;height: 20px;float: left;text-indent: -8989px;}
#newslist {clear: both;list-style-type: none;margin: 0;padding: 6px 0 0;font-size: 80%;line-height: 160%;width: 100%;}
#newslist li{padding: 7px 0;border-bottom: 1px solid #ccc;}
#newslist li .date {border-right: 1px solid #9f9f9f;padding-right: 6px;margin-right: 6px;color: #999;}
#newslist li a{color: #444;text-decoration: none;}
#newslist li a:hover{color: #9c0026;}

#top-right {float: right;width: 440px;padding: 20px 0;margin: 0;}
#aboutus{color: #666;font-size: 80%;line-height: 190%;padding: 50px 40px 0 25px;background: url(img/top-concept-top.gif) no-repeat left top;float: left;}
#aboutus p{padding: 0;margin: 0;}
#aboutus-btm {height: 30px;background: url(img/top-concept-btm.gif) no-repeat left bottom;clear: both;}




/***** フッター Footer *****/
#footer .copyright {color: #fff;font-size: 75%;line-height: 100%;padding: 0 0 15px;text-align: left;background: #550215 url(img/footer-bg.gif) repeat-x left bottom;}
#footer .copyright span{padding: 15px 0 0 15px;display: block;}
#footer .copyright a{color: #fff;}
#loginout {width: 980px;margin: auto;clear: both;height: 50px;background: url(img/shadow-btm.gif) no-repeat left top;}
#wp_loginout {padding: 0;margin: 0;float: right;line-height: 100%;font-size: 80%;}
#loginout li{display: inline;float: left;padding: 15px 15px 15px 0;}
#loginout li a{text-decoration: underline;color: #82715a;}
#loginout li a:hover{text-decoration: none;color: #82715a;}



/***** コンテンツ Content *****/
.pagename{font-size: 140%;font-weight: bold;padding: 0 1px 1px 0;clear: both;margin: 0;color: #540215;overflow: hidden;line-height: 110%;border-bottom: 1px solid #510313;}
.pagename span{padding: 40px 0 7px 20px;display: block;}
.pagename a{text-decoration: underline;color: #510313;}
.pagename a:hover{color: #510313;text-decoration: none;}

.content {clear: both;font-size: 85%;line-height: 160%;color: #333;padding: 5px 0 20px 20px;}
.title{border-style: none;color: #a80329;background: url(img/h3.gif) no-repeat;padding: 0 0 0 36px;font-size: 140%;line-height: 130%;}
.title a{color: #a80329;text-decoration: none;}
.title a:hover{color: #ce0432;} 
.postmetadata {margin: 50px 0 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;}
.postmetadata a {background-color: #a80329;color: #fff;text-decoration: none;padding: 2px 15px;}
.postmetadata a:hover {background-color: #ce0432;color: #fff;}
.postmetadata .date {background-color: #835e3c;color: #fff;padding: 2px 10px;}

a.btn1 {color: #fff;font-size: 100%;line-height: 100%;text-decoration: none;width: 330px;display: block;height: 40px;background: url(img/btn1.gif) no-repeat;margin: auto;text-align: center;clear: both;}
a.btn1 span{color: #fff;text-decoration: none;padding-top: 13px;display: block;} 
a:hover.btn1 {color: #fff;text-decoration: underline;}
a.btn2 {color: #fff;font-size: 100%;line-height: 100%;text-decoration: none;width: 560px;display: block;height: 60px;background: url(img/btn2.gif) no-repeat;margin: auto;text-align: center;clear: both;}
a.btn2 span{color: #fff;text-decoration: none;padding-top: 22px;display: block;} 
a:hover.btn2 {color: #fff;text-decoration: underline;}

#gallery-1 .gallery-item a .attachment-thumbnail {margin: 0;padding: 0;border: 1px solid #510313;}
#gallery-1 .gallery-item a:hover .attachment-thumbnail {margin: 0;padding: 0;border: 1px solid #a70526;}
#gallery-1.gallery{margin: 0 0 -20px -10px;padding: 0;width: 690px;}

iframe{border: 1px solid #333;}
p.map-info {background-color: #eee;padding: 10px;font-size: 90%;line-height: 150%;}


/*サイドイメージ*/
#sideimg {padding: 0;margin: 0 0 15px;height: 315px;background: url(img/sideimg-1.jpg) no-repeat;width: 210px;}
#post-146 #sideimg {background: url(img/sideimg-3.jpg) no-repeat;} /*施術の流れ*/
#post-3 #sideimg,
#post-4 #sideimg,
#post-7 #sideimg,
#post-9 #sideimg {background: url(img/sideimg-6.jpg) no-repeat;} /*サロン*/
#post-2 #sideimg {background: url(img/sideimg-4.jpg) no-repeat;} /*会社概要*/
#post-11 #sideimg {background: url(img/sideimg-4.jpg) no-repeat;} /*お問い合わせ*/
#post-12 #sideimg {background: url(img/sideimg-2.jpg) no-repeat;} /*メニュー*/
#sidebar ul{margin: 0;padding: 10px 0 0 20px;font-size: 80%;color: #510313;}
#sidebar ul li{padding: 0;margin: 3px 0;}
#sidebar .newlist-ttl {color: #fff;font-size: 90%;line-height: 100%;padding: 0 0 10px;background: #510313 url(img/sidebar-ttl.gif) repeat-x left bottom;}
#sidebar .newlist-ttl span{color: #fff;text-decoration: none;padding: 13px 0 0;display: block;text-align: center;}
#sidebar .newlist-ttl a{color: #fff;text-decoration: none;text-align: center;}
#sidebar .newlist-ttl a:hover{color: #fff;text-decoration: underline;}



/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;font-size: 80%;white-space: nowrap;float: left;width: 100%;padding: 0;margin-top: 20px;}
.navigation div.wp-pagenavi span.pages {padding: 2px;font-weight: normal;font-style: normal;}
.navigation div.wp-pagenavi span.current {font-weight: normal;font-style: normal;background-color: #972b7e;color: #fff;border-color: #972b7e;padding: 2px 10px;}
.navigation div.wp-pagenavi a {padding: 2px 10px;color: #972b7e;border-color: #972b7e;}
.navigation div.wp-pagenavi a:hover {padding: 2px 10px;background-color: #972b7e;color: #fff;border-color: #972b7e;}
.navigation div.alignright a {float: right;color: #fff;background-color: #b362ad;padding: 4px 60px 4px 10px;font-size: 90%;line-height: 100%;}
.navigation div.alignleft a {float: left;color: #fff;background-color: #b362ad;padding: 4px 10px 4px 60px;font-size: 90%;line-height: 100%;}

.navigation div.alignright a:hover {text-decoration: none;background-color: #c26abb;}
.navigation div.alignleft a:hover {text-decoration: none;background-color: #c26abb;}

.totop {text-align: right;padding: 20px 0;clear: both;}
.totop a{color: #999;font-size: 80%;text-decoration: underline;}
.totop a:hover{text-decoration: none;}



/*テーブルスタイル*/
table.table1{border: 1px solid #999;border-right-style: none;border-bottom-style: none;margin: 15px 0;width: 680px;}
.table1 a{text-decoration: underline;}
.table1 td{border: 1px solid #999;border-top-style: none;border-left-style: none;padding: 10px;}
td.sell-1{background-color: #eee;white-space: nowrap;}
td.sell-2{background-color: #fffce7;}
td.sell-3{background-color: #f9f9f9;white-space: nowrap;}


/*フォーム*/
.necessary {color: #c00;padding-left: 3px;margin-left: 0;}
.wpcf7-form{text-align: center;}
.wpcf7-form table{margin: 15px auto;border-style: none;text-align: left;}
.wpcf7-form .table_left {background-color: #eee;border-bottom: 2px solid #fff;width: 170px;padding-left: 8px;border-top-style: none;border-left-style: none;font-size: 90%;}
.table_right {padding: 0 5px;}
.wpcf7-form-control-wrap.name,
.wpcf7-form-control-wrap.email,
.wpcf7-form-control-wrap.furigana,
.wpcf7-form-control-wrap.tel,
.wpcf7-form-control-wrap.yubin,
.wpcf7-form-control-wrap.address{padding: 3px;border: 1px solid #999;background-color: #fffeef;}
.wpcf7-form-control-wrap.name input,
.wpcf7-form-control-wrap.email input,
.wpcf7-form-control-wrap.furigana input,
.wpcf7-form-control-wrap.tel input{width: 280px;}
.wpcf7-form-control-wrap.yubin input{width: 120px;}
.wpcf7-form-control-wrap.address input{width: 440px;}
.wpcf7-form .table_right {padding: 3px 3px 3px 5px;border-style: none;}
.wpcf7-form .table_right input{font-size: 90%;border-style: none;background-color: transparent;}
.wpcf7-form-control-wrap.message {padding: 3px;border: 1px solid #999;background-color: #fffeef;}
.wpcf7-form .table_right textarea{width: 440px;font-size: 90%;line-height: 160%;border-style: none;background-color: transparent;height: 150px;}
.wpcf7-form .wpcf7-form-control-wrap {vertical-align: top;float: left;clear: both;}
.wpcf7-form .wpcf7-not-valid-tip {left: 3px;z-index: 100;background: #fffeef;font-size: 80%;border-style: none;color: gray;position: absolute;line-height: 130%;font-style: italic;width: auto;height: auto;top: 3px;padding: 2px;}
.wpcf7-form .wpcf7-mail-sent-ng {background-color: #fff993;border: 1px solid #ecd766;padding: 10px;margin: 0;text-align: center;color: #ff7340;}
.wpcf7-form .wpcf7-form .table_left .necessary {color: #c00;font-size: 80%;margin-left: 2px;vertical-align: 4px;line-height: 130%;}
.wpcf7-form .submit{border-style: none;padding: 5px;}
.wpcf7-form .submit input {background-color: #72001a;color: #fff;font-size: 100%;padding: 7px 70px;border-style: none;cursor:pointer;margin: 0;}
.wpcf7-form .submit input:hover {background-color: #a80329;}



/***** その他 Others *****/
.edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
.edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}


/******画像の配置*****/
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft{float:left;padding: 5px;border: 1px solid #ccc;background-color: #fff;margin: 0 14px 14px 0;}
img.alignright{float:right;padding: 5px;border: 1px solid #ccc;background-color: #fff;margin: 0 0 14px 14px;}
.alignright {float: right;}
.alignleft {float: left;}
div.wp-caption.alignleft,
dl.wp-caption.alignleft {margin-right: 14px;}
div.wp-caption.alignright,
dl.wp-caption.alignright {margin-left: 14px;margin-right: 0;}
div.wp-caption.alignnone,
dl.wp-caption.alignnone {margin-bottom: 0;margin-top: 0;}
.aligncenter {margin: 10px auto;display: block;clear: both;}
div.mceTemp.mceIEcenter {}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-bottom: 14px;margin-top: 14px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text,.wp-caption dd {padding: 5px 4px;margin: 0;line-height: 17px;font-size: 11px;font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;color: #666;}