@charset "UTF-8";
@import url("clear.css");

/* CSS Document */

* {margin: 0; padding: 0; border:0px;}

body {
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	font-family:"メイリオ" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #1e1e1e;
	padding:0px;
	margin:0px;
	background-color:#BFB5E5;
}

/* Layout */

.container {
	width:900px;
	margin:0 auto;
	padding:0 20px;
	background-image:url(./img/bg01.png);
	background-repeat:repeat-y;
}

.header {
	width:900px;
	height:350px;
	background-image:url(./img/head.png);
	background-repeat:no-repeat;
	padding:0;
	margin: 0;
}

.header img {
	float: left;
}

.wide {width:900px; padding:0;}
.contents {width:840px; padding:0px 30px 10px 30px; }

p {margin: 0 0 8px 0; }

.mainarea {width:600px; margin: 0; float:left; }
.sidemenu {width:190px; margin: 0 0 0 20px; float:right; background-color: #ECE5FF; border: 0px solid #FFC35B; padding: 10px; border-radius: 1em;}
.dict {font-weight:normal; font-size:12px; 	line-height:18px; color: #323567; }

.left {float:left; }
.right {float:right; }

.pict {width: 215px; height: 216px; margin: 0 0 0 35px; }
.text {width: 350px; height: 216px;}

a.salon { 
	font-size:120%;
	line-height:140%;
	color:#FF6600;
	font-weight:bold;
	text-decoration:none; 
}

a.salon:hover { 
	font-size:120%;
	line-height:140%;
	color:#CC0000;
	font-weight:bold;
	text-decoration:underline; 
}

.w320 {width: 320px; padding: 0; float:left; }
.w500 {width: 500px; padding: 0 20px 0 0; float:left; }

.w360 {width: 360px; padding: 0 0; float:left; }
.w480 {width: 480px; padding: 0 0; float:left; }

.w250 {width: 250px; padding: 0; }
.w420 {width: 420px; padding: 0 0 0 20px; float:left;}

.h250 {height: 250px; }
.h400 {height: 250px; }


/*---------- SocialButton ----------*/

div.smedia {margin: 0; padding-right: 6px; height: 24px; clear:both; }
div.smedia div.smedia_inner img {	float: right; margin-right: 4px; margin-top: 4px; margin-bottom: 10px; }
div.smedia_inner {clear:both; }
div.smedia div.smedia_inner img {border:0px; }
div.smedia div.smedia_inner iframe.twitter-share-button {margin-top: 4px; margin-right: 4px; float: right; }
div.smedia div.smedia_inner iframe.facebook-like-button {margin-top: 4px; float: right; }


/*---------- Font Text ----------*/

a { color:#E20092; font-weight:bold; text-decoration:underline; }
a:visited { color:#E20092; font-weight:bold; text-decoration:underline; }
a:hover { color:#FF6600; font-weight:bold; text-decoration:none; }
a:active { color:#FF6600; font-weight:bold; text-decoration:underline; }

a.foot { color:#f1f1f1; font-weight:normal; text-decoration:none; }
a.foot:hover { color:#FFFFFF; font-weight:normal; text-decoration:underline; }

a:hover img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }
img {border-width:0px; display:block; vertical-align: bottom; }

img.m10 {padding:10px 0 18px 0; }
img.mt10 {padding:20px 0 10px 0;}

.title_main {font-weight:bold; text-align: center; padding:7px 0 6px 0; margin:0 0 20px 0; color:#1e1e1e; background-image:url(./img/bg_title.png); }
.title_large { font-weight:bold; border-bottom: 1px solid #CC0000; padding:3px 0 3px 0; margin:0 0 7px 0; }
.title_medium {font-weight:bold; border-left: 4px solid #CC0000; padding:1px 0 0 8px; margin:0 0 5px 0;}
.small {font-size:100%; line-height:140%; padding:20px 15px 20px 15px; background-image:url(./img/bg02.gif); }
.small_b {font-size:100%; line-height:180%; padding:50px 10px 10px 15px; background-image:url(./img/bg03.gif); border-radius: 0.5em; margin:5px 0 0 0;}

.d_pink {color:#E20092; font-weight: normal; }
.d_orange {color:#1694A2; font-weight: normal; }

strong {	color:#FF6600; font-weight: bold;}

.right_text { text-align: right; }

h1 {
	text-decoration: none;
	font-size: 90%;
	color:#666;
	padding-top: 10px;
	font-weight: normal;
}

/* List Style */

#index {
	width:860px;
	padding:0 0 0 0;
	margin: 0;
}

ul.menulist {
	list-style: none;
	margin:0px 0px 0px 0px;
}

ul.menulist li {
	float:left;
}

ul.footerlist {
	list-style: none;
	margin:0px 0px 0px 0px;
}

ul.footerlist li {
	margin:0px 0px 2px 0px;
}

ul.sidemenu {
	list-style: none;
	margin:0 0 0 3px;
}

ul.sidemenu li {
	background:url(./img/list.png) left no-repeat;
	text-indent:15px;
	font-size: 14px;
	font-weight: bold;
	margin:0px 0px 2px 0px;
}

/*---------- SALON ----------*/

.salon_l {
width:400px;
margin:10px 0px 10px 0px;
padding:15px 0px;
float:left;
}

.salon_r {
width:400px;
margin:10px 0px 10px 30px ;
padding:15px 0px;
float:left;
}

.salon_lp {
width:400px;
margin:0px 0px 0px 0px;
padding:10px 0px;
float:left;
}

.salon_rp {
width:400px;
margin:0px 0px 0px 40px ;
padding:10px 0px;
float:left;
}

.btn {
width:400px;
border:0;
margin:8px 0px 8px 0px ;
float:left;
}

.btn2 {
width:400px;
border:0;
margin:8px 0px 18px 0px ;
float:left;
}

/*---------- FOOTER ----------*/

.link {
	padding:30px 0;
	background-image:url(./img/footer.png);
	background-color:#FFFFFF;
	height:120px;
}

.clear {
	clear:both;
}

/*---------- CLEARFIX ----------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	/*overflow:hidden;*/
	display:inline-block;	
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* End hide from IE-mac */