/*
Theme Name: Hair & Make 2030 | vingt-trente
Theme URI: http://vingt-trente.com/
Description: Hair & Make 2030 | vingt-trente
Theme URI: http://vingt-trente.com
Author: Tomoko Takahashi :)
*/

/*----------------------------------------
	COMMON SETTING
----------------------------------------*/
*{
	margin:0;
	padding:0;
}
html {
	font-size:12px;
}

body {
	background-color:#fff;
	color:#777;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.6em;
	font-family:"ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",verdana,arial,sans-serif;
}

*html body{
	text-align:center;
}

h1,h2,h3,h4,h5,form,ul,li,p {
	margin:0;
	padding:0;
}

h2{
	width:740px;
	height:30px;
	margin-top:30px;
}

/*wordpre用*/
p.wp_txt {
	margin-bottom:0.8em;
}

img {
	border:0;
	display:block;
}

img a{
display:block;

}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.clr {
	clear:both;
}

.mgt10 {
	margin-top:10px;
}

.mgt20 {
	margin-top:20px;
}
.mgb10 {
	margin-bottom:10px;
}


.tx10{
	font-size:10px;
	line-height:152%;

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

.center{
	margin:0 auto;
	text-align:center;
}


a {
	color:#443829;
	text-decoration:underline;
}

a:hover {
	color:#A19B94;
	text-decoration:none;
}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/*----------------------------------------
	LAYOUT SETTING 01
----------------------------------------*/
#container {
	width:840px;
	/*height:100%;*/
	border-left:1px solid #222;
	border-right:1px solid #222;
	border-bottom:1px solid #222;
 	margin:0 auto;
}

#container-inn {
	margin:0 20px;
	background:url(images/container_inn_bg.gif) no-repeat;
	background-position:top center;
}

#header {
	width:800px;
	height:125px;
	background:url(images/header_bg.gif) no-repeat;
	position:relative;
}

#header h1{
	width:230px;
	height:40px;
	position:absolute;
	margin:55px auto 10px 185px;
	background:url(images/header_logo.gif) no-repeat;
	
}
*html #header h1{
	margin:55px auto 10px -60px;
}


#header h1 a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


#header ul{
	float:right;
	margin:70px 50px 15px auto;
	list-style:none;
}

#header li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}


#header li#tel{
	width:125px;
	height:20px;
}

#header li#contact{
	width:80px;
	height:20px;
}

#header a{
	display:block;
}

/*GLOBAL MENU*/
#header ul.gmenu-box {
/*	width:595px;*/
	height:20px;
	margin:105px auto 0 175px;
	*margin:0px auto 0 175px;
	position:absolute;
	clear:both;
}
*html #header ul.gmenu-box {
	margin-left:-225px;
}

 
#header ul.gmenu-box li {
	float:left;
	list-style:none;
	font-size:1px;
	line-height:1px;
}

#header ul.gmenu-box li#news {
	background:url(images/g_menu_news_on.gif) no-repeat;
}

#header ul.gmenu-box li#news a{
	display:block;
	width:64px;
	height:20px;
	background:url(images/g_menu_news_off.gif) no-repeat;
	text-indent:-9999px;
}
#header ul.gmenu-box li#news a:hover{
	background:none;
}

#header ul.gmenu-box li#about {
	background:url(images/g_menu_2030_on.gif) no-repeat;
}

#header ul.gmenu-box li#about a{
	display:block;
	width:112px;
	height:20px;
	background:url(images/g_menu_2030_off.gif) no-repeat;
	text-indent:-9999px;
}

#header ul.gmenu-box li#about a:hover{
	background:none;
}

#header ul.gmenu-box li#style {
	background:url(images/g_menu_style_on.gif) no-repeat;
}

#header ul.gmenu-box li#style a{
	display:block;
	width:99px;
	height:20px;
	background:url(images/g_menu_style_off.gif) no-repeat;
	text-indent:-9999px;
}

#header ul.gmenu-box li#style a:hover{
	background:none;
}

#header ul.gmenu-box li#staff {
	background:url(images/g_menu_staff_on.gif) no-repeat;
}

#header ul.gmenu-box li#staff a{
	display:block;
	width:56px;
	height:20px;
	background:url(images/g_menu_staff_off.gif) no-repeat;
	text-indent:-9999px;
}

#header ul.gmenu-box li#staff a:hover{
	background:none;
}

#header ul.gmenu-box li#price {
	background:url(images/g_menu_price_on.gif) no-repeat;
}

#header ul.gmenu-box li#price a{
	display:block;
	width:63px;
	height:20px;
	background:url(images/g_menu_price_off.gif) no-repeat;
	text-indent:-9999px;
}

#header ul.gmenu-box li#price a:hover{
	background:none;
}



#header ul.gmenu-box li#access {
	background:url(images/g_menu_access_on.gif) no-repeat;
}

#header ul.gmenu-box li#access a{
	display:block;
	width:76px;
	height:20px;
	background:url(images/g_menu_access_off.gif) no-repeat;
	text-indent:-9999px;
}


#header ul.gmenu-box li#access a:hover{
	background:none;
} 

#header ul.gmenu-box li#shop {
	background:url(images/g_menu_shop_on.gif) no-repeat;
}

#header ul.gmenu-box li#shop a{
	display:block;
	width:59px;
	height:20px;
	background:url(images/g_menu_shop_off.gif) no-repeat;
	text-indent:-9999px;
}

#header ul.gmenu-box li#shop a:hover{
	background:none;
}
#header ul.gmenu-box li#blog {
	background:url(images/g_menu_blog_on.gif) no-repeat;
}

#header ul.gmenu-box li#blog a{
	display:block;
	width:55px;
	height:20px;
	background:url(images/g_menu_blog_off.gif) no-repeat;
	text-indent:-9999px;
}

#header ul.gmenu-box li#blog a:hover{
	background:none;
}

/*BODY*/
#main_contents{
	width:740px;
	margin:0 auto;
	text-align:left;

}

/*footer menu*/

#footer_menu{
	display:block;
	border-top:1px solid #ccc;
	text-align:center;
	margin:15px auto;
	padding-top:10px;
	font-size:12px;
}

#footer_menu.top{
	margin:0 auto;
	padding-top:5px;
}

#footer_menu a{
	color:#999999;
}

#footer_menu a:hover{
	color:#666666;
}

/*FOOTER*/
#footer {
	height:20px;
	width:800px;
	margin:0 auto;
	clear:both;

}

#footer ul{
	float:left;
	list-style:none;
}

#footer ul li{
	float:left;
	list-style:none;
}


#footer li.privacy {
	height:20px;
	width:95px;
	float:left;
}
#footer li.privacy a{
	display:block;

}

#footer li.link {
	height:20px;
	width:46px;
	float:left;
}

#footer li.link a{
	display:block;
}

#footer li.sitemap {
	height:20px;
	width:58px;
	float:left;
}

#footer li.sitemap a{
	display:block;
}

#footer .copyrgiht  {
	height:20px;
	width:190px;
	float:right;
}



/*----------------------------------------
	LAYOUT SETTING UNDER COMMON
----------------------------------------*/
/*PAGE TOP*/
.pagetop{
	display:block;
	width:56px;
	height:10px;
	text-align:right;
	float:right;
}



/*----------------------------------------
	-  SIDE BAR -
----------------------------------------*/

/* ++++++ サイドバー部分のデザイン ++++++ */
#sidebar	{
	width: 170px;
	float: right;
	margin: 30px 0 0 30px;
	
	}
	
#sidebar	{
	font-size: 0.75em;
	}

#sidebar ul	{
	color: #ff1010;
	list-style-type: disc;
	margin: 3px 0 20px 20px;
	padding: 0;
	}

#sidebar ul ul	{
	color: #ff1010;
	margin-bottom: 3px;
	}

#sidebar h4	{
	font-size: 1em;
	background-color: #ff1010;
	color: #ffffff;
	text-align:center;
	margin: 0;
	padding: 3px 0;
	}

/* カレンダー */
#calendar table	{
	width: 100%;
	text-align: center;
	color: #000000;
	border-collapse: collapse;
	margin-bottom: 20px;
	}

#calendar th, #calendar td	{
	padding: 5px 0;
	border: solid 1px #ff1010;
	}

#calendar a	{
	text-decoration: none;
	color: #3366aa;
	}

#calendar caption	{
	padding: 3px 0;
	}

#calendar tfoot td	{
	border: none;
	}

#calendar tfoot td#prev	{
	text-align: left;
	}

#calendar tfoot td#next	{
	text-align: right;
	}


/*----------------------------------------
	-TOP PAGE-
----------------------------------------*/

#top_wrap img a{
border:0;
}


#top_wrap {
position:absolute;
width:840px;
height:530px;
left:50%;
top:50%;
margin-left:-420px;
margin-top:-265px;
background:#fff;
color:#999;
}

#top_wrap a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	border:0;
}

#top_wrap #mv {
width:840px;
height:515px;
border:1px solid #555555;

}


#top_wrap #footer  {
	height:20px;
	width:800px;
	margin:0 auto;
	clear:both;
}



#top_wrap #footer .privacy  {
	height:20px;
	width:95px;
	float:left;
}

#top_wrap #footer .copyrgiht  {
	height:20px;
	width:190px;
	float:right;
}

/*----------------------------------------
	- NEWS -
----------------------------------------*/
.news_box{
	width:540px;
	margin:20px auto;
	float:left;
}

#main_contents .news_box h3{
	width:540px;
	height:20px;
	border-bottom:3px solid #ff1010;
	display:block;
	clear:both;
	color:#ff1010;
	margin-top:10px;
	padding-top:2px;
	padding-left:10px;
	padding-bottom:2px;
	font-size:16px;
}

.news_box img{
	width:206px;
	height:275px;
	float:right;
	margin:15px;

}

.news_box p{
	margin:15px;
	padding:0;
}
/*----------------------------------------
	-About 2030-
----------------------------------------*/
#main_contents .about{}

.about #lead {
	width:700px;
	border-bottom:1px solid #cccccc;
	margin:30px auto 15px;
	padding-bottom:15px;
	clear:both;
}

*.about #lead {
padding-left:20px;
}

.about #lead h3{
/*	width:700px;*/
	color:#ff9a02;
/*	border-bottom:3px solid #ff9a02;*/
	margin-top:-15px;
	font-size:16px;
}

.about #lead img{
	width:349px;
	height:262px;
	float:right;
	margin:0 0 0 25px;

}
.about #lead p{
	margin:10px auto;

}

#about_box_wrapper{
	width:720px
	margin:0;
	padding:0;
}

.about_box{
	width:340px;
	margin:0 10px 15px 10px;
/*	float:left;*/
}

* html .about_box {
	width:340px;
	margin:0 10px 15px 5px;
}


.about_box h4{
	width:340px;
	height:20px;
	border-bottom:3px solid #ccc;
	margin-top:10px;
	padding-top:3px;
	color:#fff;
	font-size:14px;
	background-color:#ff9a02;
	text-align:center;
}

.about_box img{
	width:340px;
	height:255px;
	margin-top:10px;

}

.about_box .long img{
	height:255px;
	width:191px;
	margin:10px auto 0;

}

.about_box p{
	margin-top:10px;
	padding:0;
}

#movie{
	width:700px;
	margin:20px auto 0 auto;
	border-top:1px solid #ccc;
}


#movie h4{
	width:700px;
	height:20px;
	border-bottom:3px solid #ccc;
	margin:10px 0 10px 0;
	color:#fff;
	background-color:#ff9a02;
	text-align:center;
}

#movie strong{
	color:#ff9a02;
/*	border-bottom:3px solid #ff9a02;*/
	margin-top:20px;
	font-size:16px;
}

#movie p{
	width:340px;
	margin:10px 0 0 25px;
	float:right;
}

/*----------------------------------------
	- STYLE INDEX -
----------------------------------------*/
/*style index-下層共通*/

#sytle_list ul{
	display:block;
	width:720px;
	height:60px;
	margin:10px auto 0 10px;
	*margin:10px auto 0 30px;
	list-style:none;
}

#sytle_list li {
	display:block;
	list-style:none;
	width:130px;
	height:20px;
	line-height:20px;
	margin:5px 5px 5px 5px;
	*margin:5px 5px 5px 0px;
	border:1px solid #FEC307;
	text-align:center;
	float:left;
	}

#sytle_list li a{
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#FEC307;
	text-decoration:none;
	}
#sytle_list li a:hover{
	display:block;
	color:#fff;
	/*	background-color:#a4a4a4;*/
/*	background-color:#c8c8c8;*/
	background-color:#FEC307;
	}


/*index*/
#main_contents.style_index h3{
	width:720px;
	height:20px;
	border-bottom:3px solid #ddd;
	/*border-bottom:3px solid #FEC307;*/
	color:#fff;
/*	color:#FEC307;*/
	font-size:16px;
	margin:20px auto;
	padding:3px 0 3px 8px ;
	*padding-top:5px;
	background:#FEC307;
}
*#main_contents.style_index h3{
	width:740px;
}

#main_contents.style_index h4{
	width:680px;
	padding:1px;
	font-size:16px;
	margin:10px 0 10px 30px;
	font-weight:bold;
	color:#FEC307;
	border-bottom:2px solid #FEC307;
}

#main_contents.style_index .style_wrapper{
	margin-left:10px;
	*margin-left:30px;
}

*html #main_contents.style_index .style_wrapper{
	*margin-left:70px
}

#main_contents.style_index .style_box{
	display:block;
	width:100px;
	*width:90px;
	padding:0 10px 5px 10px;
/*	border-right:1px solid #cccccc;*/
	margin:5px auto;
	text-align:center;
	font-size:10px;
	line-height:1.3em;
	float:left;
}
#main_contents.style_index .style_box img{
	width:80px;
	height:106px;
	margin:5px auto;
}

#main_contents.style_index .style_box a{
	color:#777;
	text-decoration:none;
}

#main_contents.style_index .style_box a:hover{
	color:#777;
	text-decoration:underline;
}

/*----------------------------------------
	- STYLE DETAIL -
----------------------------------------*/

/*detail*/
#main_contents.style_detail{
	margin:0 auto;
}

#main_contents.style_detail h3{
	width:720px;
	height:20px;
	border-bottom:3px solid #ddd;
	color:#fff;
	font-size:16px;
	margin:20px auto;
	padding:3px 0 3px 8px ;
	*padding-top:5px;
	background:#FEC307;
}


#main_contents.style_detail h4{
	width:720px;
	padding:1px;
	font-size:16px;
	margin:0 0 10px 5px;
	font-weight:bold;
	color:#FEC307;
	border-bottom:2px solid #FEC307;
}

#main_contents.style_detail .style_wrapper{
	margin:20px 0 3px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

*html #main_contents.style_detail .style_wrapper{
	margin-left:30px;
}

#main_contents.style_detail .style_box_left{
	width:225px;
	padding:0 15px 5px 0;
	border-right:1px solid #cccccc;
	text-align:center;
	float:left;

}
* html #main_contents.style_detail .style_box_left{
	width:190px;
}

#main_contents.style_detail .style_box_center{
	width:225px;
	padding:0 15px 5px 15px;
	border-right:1px solid #cccccc;
	text-align:center;
	float:left;

}

* html #main_contents.style_detail .style_box_center{
	width:200px;
}

#main_contents.style_detail .style_box_right{
	width:225px;
	padding:0 0 5px 15px;
	text-align:center;
	float:left;
}
* html #main_contents.style_detail .style_box_right{
	width:202px;
}

#main_contents.style_detail span img{
/*	width:210px;
	height:280px;*/
	width:207px;
	height:276px;
	margin:0 auto 5px auto;
}

*html body #main_contents.style_detail span img{
	width:205px;
	height:273px;
}

.style_box_img{
	display:block;
	height:87px;
	margin:5px;
	clear:bothp;
}

*html .style_box_img{
    width:220px;
	margin:5px -5px;
}
.style_box_img img{
	width:65px;
	height:87px;
	margin:3px;
	float:left;
}

*html .style_box_img img{
	margin:2px;
}


#main_contents.style_detail p.style_box_txt{
	display:block;
	height:35px;
	width:210px;
	font-size:10px;
	line-height:1.3em;
	margin:3px auto 0;
	text-align:left;
	clear:both;
}

#main_contents.style_detail p.reserve {
	display:block;
	width:92px;
	height:22px;
	text-align:center;
	margin:5px auto;
}

#main_contents.style_detail #sytle_list ul{
	display:block;
	width:720px;
	height:60px;
	margin:10px auto 0 10px;
	*margin:10px auto 0 30px;
	list-style:none;
}

#main_contents.style_detail #sytle_list li {
	display:block;
	list-style:none;
	width:130px;
	height:20px;
	line-height:20px;
	margin:5px 5px 5px 5px;
	*margin:5px 5px 5px 0px;
	border:1px solid #FEC307;
	text-align:center;
	float:left;
	}

#main_contents.style_detail #sytle_list li a{
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#FEC307;
	text-decoration:none;
	}
	
#main_contents.style_detail #sytle_list li a:hover{
	display:block;
	color:#fff;
	background-color:#FEC307;
	}



/*----------------------------------------
	-PRICE-
----------------------------------------*/
#main_contents .price{}

p.price_comment{
	margin:5px 0 0 0;
	text-align:right;

}

#price_box_wrapper{
	width:720px;
	margin-left:30px;
	padding:0;
}
* html #price_box_wrapper{
	width:720px;
/*	margin-left:20px;*/
	padding:0;
}
#price_box_wrapper #left_side{
	width:340px;
	margin:0 15px 10px 0;
	float:left;
}
* html #price_box_wrapper #left_side{
	width:300px;
	margin:0;
	float:left;
}

#price_box_wrapper #right_side{
	width:340px;
	margin:0 0 20px 10px;
	float:left;
}

* html #price_box_wrapper #right_side{
	width:300px;
	margin-right:20px;
	float:right;
}

#price_box_wrapper .price_box{
	width:320px;
}
/*
* html .price_box {
	width:340px;
	margin:0 10px 15px 5px;
	float:left;
}*/

#price_box_wrapper .price_box h4{
	width:320px;
	height:20px;
	border-bottom:3px solid #14B2EF;
	margin:20px auto 0 auto;
	padding-top:2px;
	color:#14B2EF;
	font-size:14px;
/*	background-color:#ddd;*/
	background:#efefef;
	text-align:center;
}

#credit{
	width:700px;
	margin:0 auto;
	padding:0;
}

#credit p{
	margin-left:10px;
}

#credit h4{
	width:700px;
	height:20px;
	border-bottom:3px solid #ccc;
	margin:10px auto 10px;
	padding-top:2px;
	padding-left:10px;
	color:#fff;
	font-size:14px;
	background-color:#14B2EF;
	text-align:left;
}
#coupon{
	width:700px;
	margin:0 auto;
	padding:0;
}

#coupon p{
	margin-left:10px;
}


#coupon h4{
	width:700px;
	height:20px;
	border-bottom:3px solid #ccc;
	margin:10px auto 10px;
	padding-top:2px;
	padding-left:10px;
	color:#fff;
	font-size:14px;
	background-color:#14B2EF;
	text-align:left;
}


#price_box_wrapper .price_box  ul{
	width:300px;
	margin:10px auto;
}

*#price_box_wrapper .price_box  ul{
	margin:10px;
}

#price_box_wrapper .price_box li{
	margin:10px 0;
	border-bottom:1px solid #ccc;
	list-style:none;
/*	list-style-position:inside;*/
	clear:both;
}

#price_box_wrapper .price_box li strong{
	float:left;
}

#price_box_wrapper .price_box li em{
	font-style:normal;
	float:right;
}

span.blue{
	color:#14B2EF;
}

/*----------------------------------------
	- STAFF -
----------------------------------------*/
#main_contents .staff{}


#main_contents.staff h3{
	width:720px;
	height:20px;
	border-bottom:3px solid #77c24b;
	color:#77c24b;
	font-size:16px;
	margin:20px auto;
	padding-top:2px;
	*padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background:#efefef;
}
*#main_contents.staff h3{
	width:740px;
	}

#main_contents.staff h4{
	display:block;
	width:164px;
	color:#77c24b;
	font-size:12px;
	font-weight:normal;
	margin-left:10px;
}

#main_contents.staff h4 a{
	display:block;
	width:164px;
	color:#77c24b;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

#main_contents.staff h4 a:hover{
	color:#FF9933;
	text-decoration:underline;
}

#main_contents.staff h4 a:visited{
	text-decoration:none;
}


#main_contents.staff p.txt_line{
	display:block;
	width:164px;
	font-size:10px;
	margin-left:10px;
	border-bottom:1px dotted #ccc;
}

#main_contents.staff p strong{
	color:#FF9933;
	font-weight:normal;
}

#main_contents.staff .stylist_wrapper{
/*	width:700px;*/
	margin:0 0 40px 40px;

}

#main_contents.staff .stylist_box{
	width:210px;
	margin:0 25px 15px 0;
	border-right:1px solid #cccccc;
	float:left;

}

#main_contents.staff .stylist_box_right{
	width:174px;
	margin-bottom:15px;
	float:left;
}

#main_contents.staff .stylist_box span img{
	width:164px;
	height:219px;
	margin:10px;

}

#main_contents.staff .stylist_box_right span img{
	width:164px;
	height:219px;
	margin:10px;
}

.more{
	display:block;
	width:75px;
	height:24px;
	margin:5px 80px 0 auto;
	*margin:5px 80px 0 55px;

}

.more2{
	display:block;
	width:75px;
	height:24px;
	margin:5px auto 0 auto;
	*margin:5px auto 0 55px;
}

#main_contents.staff .assist_wrapper{
/*	width:700px;*/
	margin:0 0 20px 10px;

}


#main_contents.staff .assist_box{
	width:180px;
	margin:0;
	border-right:1px solid #cccccc;
	float:left;

}

#main_contents.staff .assist_box_right{
	width:180px;
	margin:0;
	float:left;
}

#main_contents.staff .assist_box assist{
	width:154px;
	height:205px;
	margin:10px auto;

}

#main_contents.staff .assist_box_right assist{
	width:154px;
	height:205px;
	margin:10px auto;

}

#main_contents.staff .assist_box p.txt_line{
	display:block;
	width:154px;
	font-size:10px;
	margin:0 10px;
	border-bottom:1px dotted #ccc;
}

#main_contents.staff .assist_box_right p.txt_line{
	display:block;
	width:154px;
	font-size:10px;
	margin:0 10px;
	border-bottom:1px dotted #ccc;
}

#main_contents.staff .assist_box img {
	height:205px;
	margin:10px auto;
	width:154px;
}

#main_contents.staff .assist_box_right img {
	height:205px;
	margin:10px auto;
	width:154px;
}

.staff_box h4{
	width:340px;
	height:20px;
	border-bottom:3px solid #ccc;
	margin-top:10px;
	padding-top:3px;
	color:#fff;
	font-size:14px;
	background-color:#ff9a02;
	text-align:center;
}

.staff_box img{
	width:340px;
	height:255px;
/*	margin:15px 25px;*/

}

.staff_box img.long{
	height:255px;
	width:191px;
	margin:0 auto;

}

.staff_box p{
	margin-top:10px;
	padding:0;
}

/*----------------------------------------
	- STAFF DETAIL -
----------------------------------------*/
#main_contents .staff_detail_detail{}


h3#stylist_detail{
	width:720px;
	border-bottom:3px solid #77c24b;
/*	color:#77c24b;*/
	font-size:16px;
	margin:10px auto ;
}

h3#stylist_detail em{
	font-size:10px;
	margin-left:1em;
	font-style:normal;
}

h3#stylist_detail span{
	font-size:12px;
	color:#ff9933;
	font-weight:normal;
	margin:0;
}

#main_contents.staff_detail h4{
	font-size:16px;
	color:#77c24b;
}

#main_contents.staff_detail #detail_wrapper{
	width:700px;
	margin:0 auto;

}

#main_contents.staff_detail #detail_wrapper #left_side{
	width:200px;
	float:left;

}

#main_contents.staff_detail #detail_wrapper #left_side img{
	width:164px;
	height:219px;
	margin:10px 0;

}

#main_contents.staff_detail #detail_wrapper #right_side{
	width:500px;
	float:right;

}

#main_contents.staff_detail span{
	display:block;
	margin-top:10px;
}


ul.detail_list{
	width:480px;
	margin:0;
	padding:0;
	clear:both;
}

ul.detail_list li{
	width:220px;
	margin:0 10px 0 0;
	float:left;
	list-style:none;
	font-size:10px;
}

ul.detail_list li img{
	width:89px;
	height:119px;
	margin:10px;
	float:left;
}

#main_contents.staff_detail #detail_wrapper dl{
/*	width:164px;*/
	margin:10px 0;
}


#main_contents.staff_detail #detail_wrapper dt{
width:100px;
	color:#ff9933;
	float:left;
	border-bottom:1px solid #ccc;
	margin-right:1em;

}

#main_contents.staff_detail #detail_wrapper dd{
	border-bottom:1px solid #ccc;

}


/*table*/

#staff_info table{
/*	width:164px;*/
	margin:10px 0;
}


#staff_info th{
width:100px;
	color:#ff9933;
	float:left;
	border-bottom:1px solid #ccc;
	margin-right:1em;
	font-weight:normal;

}

#staff_info td{
	border-bottom:1px solid #ccc;

}




#main_contents.staff_detail #style_wrapper{
	margin:0 0 20px 10px;

}

h3#style_box{
	width:720px;
	height:20px;
	color:#77c24b;
	font-size:16px;
	margin:20px 10px 10px 10px ;
	padding:3px;
	background:#dddddd;
	border-bottom:3px solid #77c24b;
}

#main_contents.staff_detail .style_box{
	width:180px;
	margin:0;
	border-right:1px solid #cccccc;
	float:left;

}

#main_contents.staff_detail .style_box_right{
	width:180px;
	margin:0;
	float:left;
}

#main_contents.staff_detail .style_box span{
	display:block;
	width:155px;
	margin:10px auto;

}

#main_contents.staff_detail .style_box_righ span{
	display:block;
	width:155px;
	margin:10px auto;

}


img.style_box_photo{
	width:154px;
	height:205px;
	margin:10px auto;

}


h4.style_tit{
	width:154px;
	margin:10px auto;
	border:1px solid #77c24b;
	font-weight:bold;
	padding:3px;
	font-size:12px;

}


/*----------------------------------------
	- ACCESS -
----------------------------------------*/
#main_contents .access{}


#main_contents.access h3{
	width:720px;
	height:20px;
	border-bottom:3px solid #1f69b4;
	color:#1f69b4;
	font-size:14px;
	margin:20px auto;
	padding:2px 2px 2px 10px;
	background:#ddd;
	text-align:left;
}

#main_contents.access #access_map{
	text-align:center;
	margin-bottom:20px;

}

#main_contents.access .access_wrapper{
/*	width:700px;*/
	margin:20px 0 40px 0;
	*margin:20px 0 40px 20px;
	text-align:left;
}

#main_contents.access .access_wrapper dl{
	width:680px;
	margin:10px auto;
}


#main_contents.access .access_wrapper dt{
	width:100px;
	color:#1f69b4;
	float:left;
	border-bottom:1px solid #ccc;
	margin-right:1em;
	padding:2px;

}

#main_contents.access .access_wrapper dd{
	border-bottom:1px solid #ccc;
		padding:2px;

}
/*----------------------------------------
	- BLOG -
----------------------------------------*/

#main_contents.blog h3{
	margin-top:20px;
	color:#777;
	border-bottom:solid 2px #777;
}
/* begin styles for RSS Feed */

#main_contents.blog .blog_frame {
	width:740px;
	margin-top:20px;
}


#main_contents.blog .rss_box {
	width:680px;
	 margin: 20px auto;
	 padding: 0px;
/*	 background-color: #fff;
	 border: 1px dashed #333;*/
}

#main_contents.blog .rss_title, rss_title a {
	font-size: 14px;
	font-weight:bold;
	margin-top:20px;
	margin-left:10px;
	padding: 0;
	letter-spacing: 1px;
	color: #666;
	text-decoration : none;
}

#main_contents.blog .rss_title a:hover {
	color: #333;
	text-decoration : underline;
}


#main_contents.blog .rss_items {
	margin: 3px;
	padding: 0px;
}

#main_contents.blog li.rss_item  {
	margin-top:20px;
	margin-left:20px;
	list-style-image:url(images/list_blog.gif);
/*	list-style-position:inside;*/
}

#main_contents.blog .rss_item  {
	padding-right: 0px;
	padding-left: 0px;
	font-weight : normal; 
	font-size: 10px;
	padding-bottom: 2px;
	color: #999;
	word-break: break-all;
}

#main_contents.blog .rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	font-size: 16px;
	color: #ff9900;
	text-decoration : underline;
	padding-bottom:3px;
}

#main_contents.blog .rss_item a:hover { 
	font-weight: bold;
/*	font-size: 10px;*/
	text-decoration : none;
	color:#666;
}

#main_contents.blog .rss_date {
	font-size: 10px;
	font-weight : normal;
	color: #999;
}


/*----------------------------------------
	- CONTACT -
----------------------------------------*/
#main_contents.contact .contact_wrapper{
/*	width:700px;*/
	margin:20px 0 0 0;
	*margin:20px;
	text-align:left;
}



#main_contents.contact .contact_wrapper dl{
	width:680px;
	margin:10px auto;

}


#main_contents.contact .contact_wrapper dt{
	width:100px;
	color:#A850A6;
	float:left;
	border-bottom:1px solid #ccc;
	margin-right:1em;
	padding:2px;

}


#main_contents.contact .contact_wrapper dd{
	border-bottom:1px solid #ccc;
		padding:2px;

}

#main_contents.contact .contact_wrapper dd a{
	text-decoration:none;
	color:#777;
}
#main_contents.contact .contact_wrapper dd a:hover{
	text-decoration:underline;
}

#main_contents.contact .contact_wrapper #contact_area{
	width:680px;
	border:1px solid #A850A6;
	margin:20px auto 10px auto;
	padding-bottom:20px;
}

#main_contents.contact .contact_wrapper #contact_area #tel_no{
	margin:10px 0 20px 50px;
	float:left;
}
* html #main_contents.contact .contact_wrapper #contact_area #tel_no{
	margin:10px 0 20px 25px;
}

#main_contents.contact .contact_wrapper #contact_area #mail{
	width:285px;
	height:90px;
	background:url(images/contact_mail_bg.gif) no-repeat;
	margin:10px 0 20px 20px;
	float:left;
}


#main_contents.contact .contact_wrapper #contact_area #mail img{
	margin:10px auto;
}

* html #main_contents.contact .contact_wrapper #contact_area #mail img{
	margin:10px 0 20px 30px;
}

#main_contents.contact .contact_wrapper p{
	display:block;
	width:600px;
	margin:10px auto 10px 50px;
	color:#A850A6;
	font-size:14px;
	font-weight:bold;
}

#main_contents.contact .contact_wrapper ol li{
/*	width:600px;*/
	margin:5px 50px;
	color:#A850A6;
	font-size:14px;
	font-weight:bold;
}


#main_contents.contact .contact_wrapper #contact_area dl{
	width:580px;
	margin:10px auto;

}

* html #main_contents.contact .contact_wrapper #contact_area dl{
	width:580px;
	margin:10px 0 20px 45px;
}



#main_contents.contact .contact_wrapper #contact_area  dt{
	width:100px;
	color:#A850A6;
	float:left;
	border-bottom:1px solid #ccc;
	margin-right:1em;
	padding:2px;

}

#main_contents.contact .contact_wrapper #contact_area  dt a{
	text-decoration:none;
	color:#A850A6;
}
#main_contents.contact .contact_wrapper #contact_area  dt a:hover{
	text-decoration:underline;
}



#main_contents.contact .contact_wrapper #contact_area  dd{
	border-bottom:1px solid #ccc;
		padding:2px;

}
#main_contents.contact .contact_wrapper #contact_area  dd a{
	text-decoration:none;
	color:#777;
}
#main_contents.contact .contact_wrapper #contact_area  dd a:hover{
	text-decoration:underline;
}

/*----------------------------------------
	- PRIVACY POLICY -
----------------------------------------*/
#main_contents.privacy p.wp_txt{
	margin-top:20px;
}

#main_contents.privacy h3{
	margin-top:20px;
	color:#777;
	border-bottom:solid 2px #777;
}

#main_contents.privacy ol{
	margin:20px;
}
/*----------------------------------------
	- sitemap-
----------------------------------------*/
#main_contents.sitemap #sitemap{
	margin:10px 0 0 50px;
}

#main_contents.sitemap #sitemap ul.category{
/*	width:120px;*/
	margin:30px;
	font-size:14px;
	font-weight:bold;
	float:left;
}

#main_contents.sitemap #sitemap ul li a{
	text-decoration:none;
	color:#777;
	line-height:25px;
}

#main_contents.sitemap #sitemap ul li a:hover{
	text-decoration:underline;
	/*color:#A19B94;*/
	color:#525252;
	line-height:25px;
}


#main_contents.sitemap #sitemap ul.under{
	padding-left:30px;
	font-size:12px;
	font-weight:normal;
}

/*----------------------------------------
	- Link-
----------------------------------------*/
#main_contents.link{
	margin:10px 0 0 30px;
}

#main_contents.link h3{
	width:680px;
	padding:1px;
	font-size:16px;
	margin:10px 0 10px 30px;
	color:#FEC307;
	border-bottom:2px solid #FEC307;
}

#main_contents.link p{
	margin:10px 0 0 30px;
	color:#333;
}



table.link	{
	border-collapse: collapse;
	width:680px;
	padding:1px;
	margin:20px 0 20px 30px;
	}



table.link th	{
	width: 30%;
	background-color: #ddd;
	color:#FFCC00;
	padding:2px;
	text-align:center;
	border-bottom: dotted 1px #fff;

	}

table.link td	{
	text-align: left;
	padding: 5px 5px 5px 20px;
	border-bottom: dotted 1px #ddd;
		}

table.link a	{
	text-decoration: none;
	color: #ff6633;
	}

table.link a:hover	{
	color: #777;
	}


/*#main_contents.sitemap #sitemap ul li a{
	text-decoration:none;
	color:#777;
	line-height:25px;
}
*/
/*----------------------------------------
	- TEST -
----------------------------------------*/
#data	{
	width: 450px;
	margin: 0 20px 20px;
	border-collapse: collapse;
	margin-bottom: 20px;
	}

#data th, #data td {
	text-align: left;
	padding: 5px;
	border: solid 1px #4a331a;
	}

#data th {
	width: 100px;
	background-color: #ab7435;
	}

#data ul	{
	margin: 0 0 0 25px;
	padding: 0;
	}

#attention	{
	font-size: smaller;
	}