/* pc用　CSS IE6以外*/
@charset "utf-8"

* {
	font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	padding:0;
	margin:0;
}

/* "ヒラギノ角ゴ Pro W3", */

html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body {
	font-size: small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

/*-------------------------
h3 {
	clear: both; /* 寄せを解除 */
	margin:0;
	color:#926228;
	font-size:16px;
}
-------------------------------*/
p {
	margin: 0 0 1em;
	padding: 0px;
	color:#696969;
	font-size:14px;

}

li {
	color:#696969;
	font-size:14px;
}

#wrapper {
	width: 960px;
	margin:0 auto;
	background:url(../img/back_ground.png) repeat-y center top;
	overflow:hidden;
}

#header {
	width:960px;
	background:url(../img/header.gif) repeat-x center top;
	height: 50px;
}

#header h1 {
	margin:0;
	color:#ffffff;
	font-size: 12px;
	padding: 10px 300px 0 0px;
	text-align: right!important; 
}

#header p {
	color:#ffffff;
	padding: 15px 0 0 120px;

}



#primary {
	float: left;
	width: 650px;
	margin:0 0 0 10px;
	padding:0;
	background-color: #fff;
}

#primary .top_contents {
	background-image: url(../img/css_bk_01_01.jpg);
	background-repeat: repeat-x;
	width: 650px;
	height:349px;
	margin: 0px;
	padding: 0 0 10px 0;
}

#primary .top_contents dd{
	color:#696969;
	font-size:14px;
}


#primary .contents {
	width: 650px;
	margin: 0px;
	padding: 0 0 10px 0;
}

#primary .contents h3 {
	clear: both; /* 寄せを解除 */
	height:30px;
	padding: 8px 0 0px 15px;
	margin:0;
	color:#6a3906;
	font-size:16px;
	background: #ffffff url(../img/h3_banner.gif) no-repeat;
}


#primary .contents p {
	color:#696969;
	font-size:14px;
}

#primary .contents_2 h3 {
	clear: both; /* 寄せを解除 */
	height:30px;
	padding: 8px 0 0px 15px;
	margin:0;
	color:#6a3906;
	font-size:16px;
	background: #ffffff url(../img/h3_banner.gif) no-repeat;
}

/*------------------------------------
#primary .contents h3 {
	clear: both; /* 寄せを解除 */
	margin:0;
	font-size:14px;
	padding: 10px 0 0px 25px;
}
-------------------------------------*/


#primary .contents p {
	margin: 0px;
	padding: 0 0 10px 0;
	color:#696969;
	font-size:14px;
}

#primary .contents_2 {
	width: 650px;
	margin: 0px;
	padding: 0 0 10px 0;
}

/* リストマークの非表示
---------------------------------------------*/
#primary .contents_2 ul {
	margin:0;
	padding:0 0 0 35px;
} 

#primary .contents_2 li {
	list-style:none;
} 


/* 料金に含まれる内容シリーズ
---------------------------------------------*/
#primary .contents_3 {
	width: 650px;
	margin: 0 auto 10p;
	background: #ffffff url(../img/experience_salon02_line.jpg) no-repeat left bottom;
	color:696969;
	padding: 0 0 10px 0;
}

#primary .contents_3 h3 {
	padding: 20px 10px 5px 10px;
	margin-top: 10px!important;
	color:#926228;
	font-size:16px;
	background: #ffffff url(../img/experience_salon02_line.jpg) no-repeat;
}
#primary .contents_3 h4 {
	padding: 20px 10px 5px 10px;
	margin-top: 5px!important;
	color:#926228;
	font-size:16px;
}

#primary .contents_3 p {
	padding: 0px 10px 5px 10px;
	margin-top: 10px!important;
}	

/* リストマークの非表示
---------------------------------------------*/
#primary .contents_3 ul {
	margin:0;
	padding:0 0 20px 35px;
} 

#primary .contents_3 li {
	list-style:none;
} 

#primary .contents dt {
	padding-left: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	color:#926228;
	font-size:16px;
}

#primary .contents dd {
	color:#696969;
	font-size:14px;
}
#primary .contents_fee {
	background-image: url(../img/bk/top_contents.gif);
	background-repeat: repeat-x;
	width: 650px;
	height:349px;
	margin: 0px;
	padding: 0 0 10px 0;
}

#primary .contents h2 {
	clear: both; /* 寄せを解除 */
	margin:0;
	padding: 10px 0 5px 5px;
}


#primary .contents h4 {
	clear: both; /* 寄せを解除 */
	margin:0px 0 0 0px;
	padding: 12px 0 0px 30px;
/*	width: 650px; */
	height:40px;
	background-image: url(../img/bk/back.jpg);
/*	background-image: url(../img/top_con.jpg);   */
	background-repeat: no-repeat;			
	font-size:14px;
	color:#926228;
}

#primary .contents p {
	margin:0;
	padding: 10px 30px 5px 20px;
	letter-spacing: 2px;
}

#primary .top_contents h2 {
	margin:0;
	color:#926228;
	font-size:16px;
	padding: 5px 0 3px 10px;
}

#primary .top_contents h3 {
	margin:0;
	color:#926228;
	font-size:14px;
	padding: 0 0 0 15px;
}

#primary .top_contents p {
	margin-bottom: 10px!important;
	line-height: 18px;
	/*  margin:0; */
	color:#696969;
	font-size:14px;
	padding: 10px 30px 10px 20px;
	letter-spacing: 2px;
}

#primary .frame	{
	border: solid 1px #d3c3ae;
	padding-left: 15px;
	padding-right: 15px;
	margin-top:15px;
	width: 600px;
	height: 135px;
	overflow: scroll;
}


#primary .hidari_1 {
	clear: both; /* 寄せを解除 */
	float: left;
	width: 180px;
	margin:0 0 0 10px;
	padding:0;
	background-color: #fff;
}

#primary .hidari_2 {
	float: left;
	width: 450px;
	margin:0 0 0 0px;
	padding:0;
	background-color: #fff;
}

#primary .hidari_2 p {
	margin:0;
	padding:10x 10px 5px 5px;
	width: 425px;
	color:#696969;
	font-size:14px;
	background-color: #fff;
}

.hidari_2 li {
	list-style:none;
	padding-left: 15px;
	color:#696969;
	font-size:14px;

}

#primary .contents li {
	margin: 0;
	padding: 0px;
	color:#696969;
	font-size:14px;
}


#pankuzu {
	margin: 0;
	padding: 5px 0 5px 20px; 
	width: 650px;
	height:20px;
	background-image: url(../img/bk/back3.jpg);
	background-repeat: no-repeat;	
	font-size:12px;
	color:#b20059;
}

#primary a {
	text-decoration: underline;
}
#primary a:link {
	color: #682d01;
}
#primary a:visited {
	color: #682d01;
}
#primary a:active {
	color: #682d01;
}
#primary a:hover {
	color: #d3c3ae;
}

#primary .con_1 {
	clear: both; /* 寄せを解除 */
	background-position: right top;
	border-bottom:3px dotted #d3c3ae;
	float: left;
	width: 213px;
	margin: 15px 0 0px 2px;
	padding: 0 0 10px 0;
}
#primary .con_1 p {
	margin:0;
	color:#696969;
	font-size:10px;
	padding: 0 3px 1px 2px;
}

#primary .con_1 img {
	float: left;
	margin: 0 3px 2px 0!important;
	background-color:#ffffff;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
	border-width:1px;
	border-style:solid;
}


#primary .con_2 {
	background-position: right top;
	float: left;
	width: 213px;
	border-bottom:3px dotted #d3c3ae;
	margin: 15px 0 0px 2px;
	padding: 0 0 10px 0;
}

#primary .con_2 p {
	margin:0;
	color:#696969;
	font-size:10px;
	padding: 0 3px 1px 2px;
}

#primary .con_2 img {
	float: left;
	margin: 0 3px 2px 0!important;
	background-color:#ffffff;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
	border-width:1px;
	border-style:solid;
}
#primary .con_3 {
	background-position: right top;
	float: left;
	width: 213px;
	border-bottom:3px dotted #d3c3ae;
	margin: 15px 0 0px 2px;
	padding: 0 0 10px 0;
}


#primary .con_3 p {
	margin:0;
	color:#696969;
	font-size:10px;
	padding: 0 3px 1px 2px;
}

#primary .con_3 img {
	float: left;
	margin: 0 3px 2px 0!important;
	background-color:#ffffff;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
	border-width:1px;
	border-style:solid;
}

#secondary {
	float: right;
	width: 290px;
	margin:0 10px 0 0;
	background-color: #ffffff;
	overflow:hidden;
}

#secondary .contents_right {
	background-image: url(../img/css_bk_01_02.jpg);
	background-repeat: repeat-x;
	width: 290px;
	height:350px;
	margin: 0px;
	padding: 0 0 10px 0;
}

#secondary .contents_right ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#secondary .contents_right li { 
	display : inline; 
	padding :0; 
	margin:0; 
}

/* 文字の位置を下側にする
------------------------------*/

#secondary .contents_right a {
	display:block; 
	border-bottom:3px dotted #d3c3ae;
	font-size:14px; 
	padding:1em 0 0.5em 0.5em;
	text-decoration:none;
	color:#557;
	width:270px; 
	margin:0px 0px;
	height:1.5em;
}
#secondary .contents_right a:hover {
	display:block; 
	border-bottom:3px dotted #6a3906;
	font-size:14px;
	padding:1em 0 0.5em 0.5em;
	text-decoration:none;
	color:#6a3906;
	width:270px;
	margin:0px 0px;
	height:1.5em;
}
	
	
/*　ページトップ　リンクナビゲーション
-------------------------------------------------*/

#top_navi {
	margin-left:auto;
	margin-right:auto;
	width: 290px;
	height: 333px;
	clear: both;
}

#top_navi ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#top_navi li {
	text-indent:-9999px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	width: 97px;
	height: 97px;
}
#top_navi li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 97px;
}
#top_navi li a:hover {
	height: 97px;
}
#top_navi li#a001 {
	background-image: url('../img/secondary01_01.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:97px;
}
#top_navi li#a002 {
	background-image: url('../img/secondary01_02.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:97px;
}
#top_navi li#a003 {
	background-image: url('../img/secondary01_03.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:97px;
}
#top_navi li#a004 {
	background-image: url('../img/secondary01_04.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:96px;
}
#top_navi li#a005 {
	background-image: url('../img/secondary01_05.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:96px;
}
#top_navi li#a006 {
	background-image: url('../img/secondary01_06.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:97px;
	overflow: auto;
}
#top_navi li#a007 {
	background-image: url('../img/secondary01_07.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:97px;
	overflow: auto;
}
#top_navi li#a008 {
	background-image: url('../img/secondary01_08.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:97px;
	overflow: auto; 
}
#top_navi li#a009 {
	background-image: url('../img/secondary01_09.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:97px;
	overflow: auto;
}

/* onマウス時の処理
----------------------------------------------------------------*/
#top_navi li#a001 a:hover{
	background-image: url('../img/secondary_on_01.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:97px;
}
#top_navi li#a002 a:hover{
	background-image: url('../img/secondary_on_02.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:97px;
}
#top_navi li#a003 a:hover{
	background-image: url('../img/secondary_on_03.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:97px;
}

#top_navi li#a004 a:hover{
	background-image: url('../img/secondary_on_04.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:96px;
}
#top_navi li#a005 a:hover{
	background-image: url('../img/secondary_on_05.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:96px;
}
#top_navi li#a006 a:hover{
	background-image: url('../img/secondary_on_06.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:96px;
}
#top_navi li#a007 a:hover{
	background-image: url('../img/secondary_on_07.jpg');
	background-repeat: no-repeat;
	width:97px;
	height:97px;
}
#top_navi li#a008 a:hover{
	background-image: url('../img/secondary_on_08.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:97px;
}
#top_navi li#a009 a:hover{
	background-image: url('../img/secondary_on_09.jpg');
	background-repeat: no-repeat;
	width:96px;
	height:97px;
}

/*　ページトップ　リンクナビゲーション
-------------------------------------------------*/

#top_navi_2 {
	margin-left:auto;
	margin-right:auto;
	width: 290px;
	height: 89px;
	clear: both;
}

#top_navi_2 ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width: 290px;
	height: 89px;
}
#top_navi_2 li {
	text-indent:-9999px;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 290px;
	height: 89px;
	float: left;

}
#top_navi_2 li a {
	text-decoration: none;
	display: block;
	width: 290px;
	height: 89px;

}
#top_navi_2 li a:hover {
	width: 290px;
	height: 89px;
}
#top_navi_2 li#b001 {
	background-image: url('../img/bk/migi_plan.jpg');
	background-repeat: no-repeat;
	width:290px;
	height:89px;
}
/* onマウス時　*/
#top_navi_2 li#b001 a:hover{
	background-image: url('../img/bk/migi_plan_on.jpg');
	background-repeat: no-repeat;
	width:290px;
	height:89px;
}



/* footer 処理
-----------------------------------------------------------*/
#footer {
	clear: both; /* 寄せを解除 */
	width : 950px;
	height: 65px;
	margin: 0 10px;
	background-color: #d3c3ae;
}


#footer .nav4 {
	float: left;
	width : 595px;
	margin-left : auto;
	margin-right : auto;
	font-size: 10px;
	border-top : 1px solid #cccccc;
	padding : 15px 0 5px 10px;
}

#footer a {
	text-decoration: underline;
}
#footer a:link {
	color: #682d01;
}
#footer a:visited {
	color: #682d01;
}
#footer a:active {
	color: #682d01;
}
#footer a:hover {
	color: #ffffff;
}

#footer .nav4 ul {
	padding: 0 20px 0 0;
	margin : 0;
	padding : 0;
	list-style : none;
}

#footer .nav4 li {
	float : left;
	width : auto;
	padding : 0 5px 3px 0;
}

#footer .li a {
	width : 100%;
	font-size : 80%;
	text-align : center;
}



#footer .company {
	float: right;
	width : 330px;
	hight: 50px;
	font-size: 10px;
	padding-top:5px!important;
}

#footer .company p {
	color:#682d01;
	font-size: 12px;
}





/*--文字の大きさ*/
.f8{ font-size: 8px!important; }
.f9{ font-size: 9px!important; }
.f10{ font-size: 10px!important; }
.f11{ font-size: 11px!important; }
.f12{ font-size: 12px!important; }
.f13{ font-size: 13px!important; }
.f14{ font-size: 14px!important; }
.f15{ font-size: 15px!important; }
.f16{ font-size: 16px!important; }
.f18{ font-size: 18px!important; }
.f20{ font-size: 20px!important; }
.f22{ font-size: 22px!important; }
.f24{ font-size: 24px!important; }


/*改行　文字の間隔
-------------------------------------------------------------*/

/*--文字の上の間隔*/
.m0-t{ margin-top: 0px!important; }
.m10-t{ margin-top: 10px!important; }
.m20-t{ margin-top: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m40-t{ margin-top: 40px!important; }
.m50-t{ margin-top: 50px!important; }
.m60-t{ margin-top: 60px!important; }
.m70-t{ margin-top: 70px!important; }
.m80-t{ margin-top: 80px!important; }


/*--文字の下の間隔*/
.m0-b{ margin-bottom: 0px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m100-b{ margin-bottom: 100px!important; }


/*文字の位置
-------------------------------------------------------------*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }


/*画像と文字
-------------------------------------------------------------*/

/*--左に画像、右に文章*/

.left{
	float: left;
	margin: 0 5px 2px 0!important;
}

/*--右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 2px 3px!important;
}

.f_c_r_top{
	color:#696969;
	font-size:14px;
	display:block; margin:4px 2px 0px 2px; 
	padding:0px 0px 0px 0px; 
	width:595px; 
	float: left; 
	text-align: left;
}


/*下段3コラムCSS
-------------------------------------------------------------*/
.c1_l{

	display:block; 
	background-color:#F5F0E0; 
	margin:0px 3px 5px 0px; 
	padding:0px 0px 0px 0px; 
	width:195px;float: 
	left;text-align: left;
}

.c1_c{
	display:block; 
	background-color:#F5F0E0; 
	margin:0px 2px 5px 2px; 
	padding:0px 0px 0px 0px; 
	width:193px;float: 
	left;text-align: left;
}

.c1_r{

	display:block; 
	background-color:#F5F0E0; 
	margin:0px 0px 5px 3px; 
	padding:0px 0px 0px 0px; 
	width:195px;float: 
	left;text-align: left;
}


.c1_h{
	background: url(../img/m_bk.jpg) repeat-x; 
	margin:0px 0px 0px 0px; 
	padding:6px 0px 0px 3px; 
	width:190px; 
	height:27px; 
	float: left; 
	text-align: left;
}
.c1_n{
	display:block; margin:3px 0px 0px 0px; 
	padding:0px 4px 0px 4px; 
	width:185px; 
	float: left; 
	text-align: left;
}
.c1_i{
	display:block; 
	margin:3px 0px 1px 0px; 
	padding:0px 0px 0px 0px; 
	width:193px; 
	float: left; 
	text-align: center;
}
.c1_b{
	display:block; 
	margin:0px 0px 4px 0px; 
	padding:0px 0px 0px 0px; 
	width:193px; 
	float: left; 
	text-align: center;
}

.m5{
	margin:0px 3px 0px 0px; 
	padding:0px 0px 0px 0px; 
}

/*画像リンクにおけるボーダーラインの消去
----------------------------------------------*/
img.noborder { 
	border-width: 0px; 
}



/*右側リンクページ
----------------------------------------------*/

#secondary .curvedIE {
	margin: 5px 10px 0 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	behavior:url(border-radius.htc);
	background-color: #F5F0E0;
	font-size:14px;
	color:#926228;;
	padding: 20px;
}

#secondary .curvedIE h3 {
	margin:0;
	padding:0 0 5px 0;
	color:#926228;
	font-size:14px;
}


#secondary .curvedIE img {
	margin: 5px 0 5px 0;
}

#secondary .curvedIE h4 {
	clear: both; /* 寄せを解除 */
	margin:0;
	color:#926228;
	font-size:16px;
}


ul.hoge {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.hoge li {
	min-height: 20px;
	height: 20px;
	margin: 0 0 3em 0;
	padding: 0 0 0 0;
	background: url(../img/mail4.gif) left top no-repeat;
}


.bc th, .bc td{
	border-top:1px solid #926228;
	border-bottom: 0px solid #064;
}
.bc th,{
	background: #dfd;
	color: #926228;
}