charset "utf-8";
/*
Theme Name: ネイルサロン 銀座ルーム
Theme URI: http://www.rakuennohigashi.com/
Description: 
Version: 1.0
Author: sprex
Author URI: http://www.kensaku-pr.jp/
*/

/*----------------------------------------------------
	リンクカラー
----------------------------------------------------*/
a {
	color:#C2A250;
}
a:link {
	color:#C2A250;
	text-decoration:none;
}
a:active {
	color:#C2A250;
}
a:visited {
	color:#C2A250;
}
a:hover {
	color:#b0734f;
	text-decoration:underline;
}
a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
}
a img {
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
a img.noA {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

.link a:link,
.link a:visited {
	color:#FF6600;
	font-weight:bold;
}

/*----------------------------------------------------
	フォントサイズ・カラー・アライン
----------------------------------------------------*/
.b {
	font-weight:bold;
}
.center {
	text-align:center;
}
.bigS {
	font-size:11px;
}
.bigM {
	font-size:16px;
}
.bigX {
	font-size:20px;
}
.brown {
	color:#a47f61;
}
.blue {
	color:#0d96ec;
}
.red {
	color:#FF3300;
}
.orange {
	color:#FF6600;
}
.mint {
	color:#CDE000;
}
.green {
	color:#84df34;
}
.right {
	text-align:right;
}
.white {
	color:#FFFFFF;
}
.pink {
	color:#fe5caa;
}
.stylecp {
	color:#FF3300;
	font-size:15px;
	font-weight:bold;
}
.stylecs {
	color:#FF6600;
	font-size:15px;
	font-weight:bold;
}
.bg_color {
	background:#c1e7ff;
}
.top_p {
	color:#FFF;
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clearfix {
	overflow:hidden;
	_zoom:1;
}
.flL {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.flR {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.imgBd {
	border:2px solid #9a9a9a;
}
.mBottom {
	margin-bottom:20px;
}

.flL2 {
	float:left;
	width:264px;
	margin-right:10px;
	margin-bottom:10px;

}
.flL2 p {
	padding:0 10px;
}
.flR2 {
	float:right;
	width:264px;
	margin-left:10px;
	margin-bottom:10px;
}
.flR2 p {
	padding:0 10px;
}

/*----------------------------------------------------
	全体枠
----------------------------------------------------*/
body {
	background-color:#000;
	color:#FFF;
}
#page {
	background: url(../img/bg.png) repeat-x top;
}
#wrapper {
	width:900px;
	margin:0 auto;
}



/*----------------------------------------------------
	header
----------------------------------------------------*/
header {
	position:relative;
	display:block;
	height:170px;
	margin-bottom:20px;
}
header.top {
	position:relative;
	display:block;
	height:52px;
	margin-bottom:20px;
}
header #pankuzu {
	position:absolute;
	top:40px;
	left:18px;
	font-size:12px;
	color:#FFF;
}
header h1 {
	display:inline;
	font-weight:normal;
}


header p {
	position:absolute;
	top:24px;
	left:0;
	font-size:12px;
}
header #logoTop {
	position:absolute;
	top:110px;
	left:0px;
}
header #contactTop {
	position:absolute;
	top: 15px;
	right:0;
}
header ul {
	position:absolute;
	right:0;
	top:625px;
}
header ul li {
	float:left;
}



/*----------------------------------------------------
	banner
----------------------------------------------------*/
.banner {
	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*----------------------------------------------------
	main
----------------------------------------------------*/
.main {
	overflow:hidden;
	_zoom:1;
	margin-top:100px;
}




/*----------------------------------------------------
	contents
----------------------------------------------------*/
.contents {
	float:left;
	width:620px;
}
.contents p {
	margin-bottom:10px;
	overflow: hidden;
}
.contents h2 {
	display:block;
	height:48px;
	width:620px;
	padding-left:15px;
	line-height:53px;
	font-size:16px;
	font-weight:normal;
	margin-bottom:20px;
}
.contents h2 span {
	font-size:12px;
}



/*----------------------------------------------------
	concept
----------------------------------------------------*/
.concept {
	margin-bottom:20px;
}
.concept div {
	padding:0 35px 0;
	background:url(../img/concept_pic.jpg) no-repeat 350px center;
}
.concept dl {
}
.concept dl dt {
	color:#493224;
	font-size:14px;
	font-weight:bold;
}
.concept dl dd {
	margin-bottom:20px;
}
.concept h3 {
	color:#DF8300;
	font-size:16px;
	margin-bottom:10px;
}

/*----------------------------------------------------
	menu
----------------------------------------------------*/
#menu {
text-align: center;
width: 900px;
margin-bottom: 10px;
padding: 0;
}

#menu ul {
position: absolute;
right: 0;
top: 112px;
}
/*----------------------------------------------------
	box
----------------------------------------------------*/
.box {
	border-bottom:1px solid #160E04;
	padding:0 35px;
	margin-bottom:20px;
	overflow: hidden;
}
.box dl {
}
.box dl dt {
	color:#4f2107;
	font-size:14px;
	font-weight:bold;
}
.box dl dd {
	margin-bottom:20px;
}

.box h3 {
	color:#68cae6;
	font-size:16px;
	margin-bottom:10px;
	padding-left:10px;
	border-left:3px solid #68cae6;
}



.box h3 span {
	padding:0 5px;
	background:#F69;
	font-size:10px;
	color:#FFF;
	margin-left:10px;
	line-height:16px;
}
.box h4 {
	color:#0F96EB;
	font-size:14px;
	margin-bottom:10px;
	text-decoration:underline;
}
.box ul {
	margin:0 5px;
}
.box ul li {
	background:url(../img/arrow.gif) no-repeat 0 6px;
	padding-left:15px;
}
.box ul.check {
	margin:0 5px;
}
.box ul.check li {
	background:url(../img/check.png) no-repeat;
	padding-left:23px;
}



.box dl.faq {
}
.box dl.faq dt {
	background:url(../img/arrow.png) no-repeat 10px center;
	height:40px;
	color:#ea9f29;
	padding-left:30px;
	font-size:12px;
	font-weight:normal;
	line-height:40px;
	border:1px solid #75410a;
	margin-bottom:10px;
}
.box dl.faq dt:hover {
	text-decoration:underline;
}
.box dl.faq dd {
	margin-bottom:20px;
	background:#e3f3ff;
	padding:10px;
}
.box dl.faq dd table {
	width:100%;
	border-collapse: collapse;
    border-spacing: 0;
	border-left:1px solid #828282;
	border-top:1px solid #828282;
	background:#FFFFFF;
}
.box dl.faq dd table th,
.box dl.faq dd table td {
	padding:5px;
	text-align:center;
	border-right:1px solid #828282;
	border-bottom:1px solid #828282;
}
.box dl.faq dd table th {
	background:#faf6e6;
}
.box dl.faq dd table td {
}
.box dl.qa {
}
.box dl.qa dt {
	background:url(../img/faq_q.png) no-repeat top left;
	padding-left:40px;
	padding-top:6px;
	font-size:15px;
	margin-bottom:5px;
	color:#78593c;
}
.box dl.qa dd {
	background:url(../img/faq_bg.png) no-repeat bottom right #fffbf8;
	padding:15px;
	border: 1px solid #dbcbbb;
}

.box dl.message {
	margin-bottom:20px;
}

.box dl.message dt {
	font-weight:bold;
	font-size:16px;
	padding:15px 15px 0px 15px;
	color: #5b3003;
}
.box dl.message dd {
	color: #75410a;
	padding:10px;
	margin-bottom: 0px;
	border:1px dotted #75410a;
	background:#e3f3ff;

}

.box dl.dotted {
	border:1px solid #75410a;
	margin-bottom:20px;
}

.box dl.dotted dt {
	font-weight:bold;
	font-size:16px;
	padding:15px 15px 0px 15px;
	color: #5b3003;
}
.box dl.dotted dd {
	color: #75410a;
	padding:10px 10px 10px 25px;
	margin-bottom: 0px;
	background:url(../img/dotted_icon.png) no-repeat left #f1f1f1;
	border-bottom:1px dotted #75410a;
}
.box dl.dotted dd.last {
	border-bottom:0px;
}


.box ul {
	margin-bottom:10px;
}
.box ul li {
}

.box table.menu {
	border-collapse: collapse;
    border-spacing: 0;
	border-left:1px solid #422303;
	border-top:1px solid #422303;
	width: 100%;
	margin-bottom: 20px;
}
.box table.menu th,
.box table.menu td {
	padding:5px;
	border-right:1px solid #422303;
	border-bottom:1px solid #422303;
}
.box table.menu th {
	background-color:#180E02;
	font-weight:bold;
	text-align:center;
	font-size:13px;
}
.box table.menu th.bg {
	background:url(../img/bg2.png) repeat;
	font-size:16px;
}
.box table.menu td {
}
.box table.menu a {
	color:#0077E6;
}


.box .flow {
	overflow:hidden;
	_zoom:1;
}
.box .flow p {
	float:left;
	width:176px;
	margin-right:11px;
	margin-bottom:20px;
	line-height:1.4;
	text-align:center;
	color: #686868;
}
.box .flow p.last {
	margin-right:0;
}

.box .flow p a {
	text-align:center;
	display:block;
	width:176px;
}
.box .flow p img {
	margin-bottom:10px;
}

.box p.cName {
	padding:10px;
	border:1px solid #828282;
	background:#faf6e6;
	overflow:hidden;
	_zoom:1;
	height:16px;
}
.box p.cName .cNameR {
	float:right;
	line-height:16px;
}
.box p.cName .cNameL {
	float:left;
}
.box iframe {
	margin-bottom:20px;
}
.box .prof {
	width:100%;
	border-collapse: collapse;
    border-spacing: 0;
}
.box .prof th,
.box .prof td {
	padding:10px;
}
.box .prof th {
	border-bottom:2px solid #9a9a9a;
}
.box .prof td {
	border-bottom:1px dotted #9a9a9a;
}
.fl {
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}
.fl p {
	margin-top:5px;
	color: #75410a;
	font-size:14px;	
}

/*----------------------------------------------------
	#map_canvas
----------------------------------------------------*/
#map_canvas {
	width:550px;
	height:300px;
	border:1px solid #e1dcc9;
	margin-bottom:20px;
	color:#523D30;
	
}
#map_canvas2 {
	width:550px;
	height:300px;
	border:1px solid #e1dcc9;
	margin-bottom:20px;
	color:#523D30;
	
}


/*----------------------------------------------------
	pageTop
----------------------------------------------------*/
.pageTop  {
	text-align:right;
	margin-bottom:40px;
}



/*----------------------------------------------------
	contactBox
----------------------------------------------------*/
.contactBox {
	height:146px;
	position:relative;
	margin-bottom:30px;
}
.contactBox img {
	position:absolute;
	left:323px;
	top:64px;
}



/*----------------------------------------------------
	side
----------------------------------------------------*/
.side {
	width:246px;
	float:right;
}
.side .sideContact {
	margin-bottom:20px;
}
.side .sideMenu {
	margin-bottom:20px;
	border:3px solid #dbcbbb;
	padding:0 10px;
}
.side .sideMenu li {
	background:url(../img/arrow.png) no-repeat 10px center;
	line-height:40px;
	padding-left:35px;
	border-bottom:1px dotted #533c29;
}
.side .sideMenu li a:hover {
	padding-left:5px;
}
.side .rank {
	border:3px solid #b59167;
	padding:20px;
	margin-bottom:20px;
}
.side .rank p {
	margin-bottom:20px;
	text-align:center;
}
.side .rank p.last {
	margin-bottom:0;
}



/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer {
	background:#5f380f;
	padding:30px;
	text-align:center;
	color:#FFFFFF;
}
footer p a:link,
footer p a:visited {
	color:#FFFFFF;
}