@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

File name : contents.css

[index]

1.imgposition
2.wrapper
3.contentsArea
4.maincontents
5.sidecontents
6.localnavi
7.sub-localnavi


9.Inspection
10.Company
11.side
12.calendar
13.Sitemap
14.Clear

----------------------------------------------------------- */

/* スタイルギャラリー
----------------------------------------------------*/

/*-- common --*/

#gallery-navi {
	margin: 0 10px 15px 0;
	border:#eeeeee 1px solid;
}

#gallery-navi li {
	display:inline;
	margin: 0 0 0 15px;
}

#gallery-navi a{
	float: left;
	display: block;
	margin:0 0 0 105px;
	height: 20px;
	text-indent: -2500em;
	overflow: hidden;
	background: url(../img/gallery/localmenu.png) no-repeat ;
}

*html #gallery-navi a{
	margin:0 0 0 75px;
}

#gallery-navi .menu1 a {width: 36px; background-position: 0 0; }
#gallery-navi .menu2 a {width: 49px; background-position: 0 -20px; }
#gallery-navi .menu3 a {width: 41px; background-position: 0 -40px; }
#gallery-navi .menu4 a {width: 36px; background-position: 0 -60px; }

#gallery-navi .menu1_in a {width: 36px; background-position: -50px -0px ; }
#gallery-navi .menu2_in a {width: 49px; background-position: -50px -20px ; }
#gallery-navi .menu3_in a {width: 41px; background-position: -50px -40px ; }
#gallery-navi .menu4_in a {width: 36px; background-position: -50px -60px ; }

#gallery-navi .menu1 a:hover { background-position: -50px 0 ; }
#gallery-navi .menu2 a:hover { background-position: -50px -20px ; }
#gallery-navi .menu3 a:hover { background-position: -50px -40px ; }
#gallery-navi .menu4 a:hover { background-position: -50px -60px ; }


.page_nav {
	clear:both;
	text-align: center;
	margin: 15px 10px 15px 0;
}

.page_nav a {
	border: 1px solid #dcdcdc;
	padding: 2px 5px;
	text-align: center;
	color: #333;
	background:#f5f5f5;
}

.page_nav div.prev{
	float:left;
	padding:5px 0;
}
.page_nav div.pagelists{
	float:left;
	width:554px;
	padding:5px 0;
	color:#00a0e9;
	font-weight:bold;
}
.page_nav div.next {
	float:right;
	padding:5px 0;
}

.page_nav div.prev a,
.page_nav div.next a {
	height:20px;
	width:68px;
	display: block;
	padding:0;
	border:none;
	text-indent: -9999px;
	background-image:url(../img/common/content-nav.gif);
	background-repeat:no-repeat;
}

	.page_nav div.prev a { background-position:0 -65px;}
	.page_nav div.next a { background-position:0 -95px;}

	.page_nav div.prev a:hover {background-position:-68px -65px;}
	.page_nav div.next a:hover {background-position:-68px -95px;}
	
/*-- cat --*/

.style-cat .asset {
	margin:0 0 15px;
	padding:0;
}

.style-cat .content-nav {
	margin:0 10px 0 0;
}

.style_list {
	float:left;
	width:175px;
	margin:0;
	padding-bottom: 20px;
}

*html .style_list {
	margin:0;
	text-align: left;
}

.style_list.clear {
	clear: both;
}

/*外枠*/
.style_list_photo a {
	display: block;
	width: 165px;
	height: 205px;
	padding:0;
	background: #f5f5f5;
	overflow: hidden;
}

*html .style_list_photo a {
	overflow: hidden;
	margin: 0;
	padding: 0;
}


*html .style_list_photo img {
	display: block;
}

.entry-content {
}

/*-- ent --*/
#gallery_box{
	margin:0 0 10px 0;
}

/*IE*/
*html #gallery_box {
	padding-bottom: 20px;
}

* +html #gallery_box {
	padding-bottom: 20px;
}
/*IE*/

.photo_box {
	float: left;
	width: 355px;
}

.main_photo {
	height: 475px;
	overflow:hidden;
}

.main_photo_img {
	width: 355px;
	height: 475px;
	overflow:hidden;
	background:#F5F5F5;
}

.main_photo_img img {
}

.sub_photo_box {
	float:right;
	width:320px;
	margin:0 0 10px 0;
}

.sub_photo {
	float:left;
	height: 100px;
	overflow:hidden;
}

.sub_photo.second {
	margin: 0 4px;
}

.sub_photo_img {
	height: 100px;
	width:66px;
	overflow:hidden;
	background:#F5F5F5;
}

.sub_photo_img img {
}

.style_box {
	float: right;
	width: 320px;
}

.stylist_photo {
	float: left;
	width: 80px;
	height: 103px;
	margin-left: 5px;
	background: #452d14;
}

.stylist_photo_img {
	width: 74px;
	height: 97px;
	margin: 3px;
	overflow: hidden;
}

.stylist_photo img {
}

.stylist_info {
	clear: both;
	padding:0;
	float:left;
	width: 320px;
}

.stylist_detail {
	border-bottom:#333333 1px dotted;
	margin:0 0 5px 0;
}

p.stylist_name {
	margin:0;
	padding:10px 0 0 0;
	background: url(../img/gallery/stylist.gif) no-repeat left top;
}

p.stylist_name a {
	padding:0 20px 0 0;
	font-size:1.2em;
	font-weight:normal;
	text-align:left;
	background: url(../img/gallery/stylist_icon.gif) no-repeat right center;
}

#style-list-area{
	background: url(../img/style-list-top.gif) no-repeat center top;
	padding-top: 5px;
}

#style-list-area-inner{
	background: url(../img/style-list-bottom.gif) no-repeat center bottom;
	padding-bottom:20px;
}

#hair_catalogue_menu_top {
	text-align: center;
}

#hair_catalogue_menu_center {
	background: url(../img/style-list-middle.gif) repeat-y;
	
}

#hair_catalogue_menu_bottom {
	padding-bottom: 3px;
	text-align: center;
}




#hair_catalogue_tag {
	margin: 10px 5px;
	padding: 0;
}

#hair_catalogue_tag li {
	float: left;
	padding-left: 15px;
	margin: 0 5px 0 5px;
	background: url(../images/common/key_icon.gif) no-repeat 0 50%;
}



.hair-catalogue .entry-asset {
	margin: 0;
	text-align: left;
}

.style_list.last {
	
}

.style_list img {

}

.hair-catalogue input{
	margin:0;
	padding:0;
}

.style_list .entry-content {
	margin-bottom: 20px;
	border: none;
	text-align: center;
}





#style-list-related-keyword {
	background: #f5f5f5;
	margin: 0 auto;
}

#style-list-related-keyword-inner{
	padding: 10px;
}

.center{text-align:center;}

.category_btn {
	text-align: center;
	background: url(../images/gallery/btn_bg.gif) no-repeat;
	width: 110px;
	height: 25px;
	margin: 10px auto 0px;
}

.category_btn a {
	display: block;
	width: 110px;
	height: 25px;
	line-height: 25px;
}

.category_btn a:hover {
	display: block;
	width: 110px;
	height: 25px;
	line-height: 25px;
	color:#FF7F00;
}



h3.detail_ttl {
	border-bottom: none;
	font-weight:bold;
	margin: 0;
	padding: 0 0 2px 15px;
	background: url(../img/sub_ttl_icon.gif) no-repeat 0 50% !important;
}

#gallery h3 {
	border-bottom: 2px solid #846345;
	padding-bottom: 2px;
	margin-bottom: 7px;
}

dl.left_style {
	float: left;
	width: 50%;
}

dl.right_style {
	float: right;
	width: 49%;
}

*html dl.left_style,
*html dl.right_style {
	width: 48%;
}

dt {
	border-bottom:2px solid #846345;
	font-weight:bold;
	margin:0pt 0pt 5px;
	padding-bottom:2px;
	padding-top:3px;
	clear: both;
}

dd.style_icon {
	float: left;
	width:80px;
	margin-right: 6px;
}

*html dd.style_icon {
	margin-right: 3px;
}

dd.style_icon.last {
	float: right;
	width:80px;
}

.last {
	margin: 0;
}

dd.style_face_icon {
	float: left;
	width:60px;
	margin: 5px 10px;
}

.bottom_box {
	margin-bottom: 10px;
}

.one_point_item {
	float: right;
	width: 48%;
	background: url(../img/onepoint-bottom.gif) no-repeat left bottom;
	padding-bottom:5px;
}


#one_point_item_title{
background: url(../img/onepoint-title.gif) no-repeat center top;
height:30px;

}

.related_keyword {
	float: left;
	width: 48%;
	background: url(../img/relate-keyword-bottom.gif) no-repeat left bottom;
}

#relate-keyword-title{
background: url(../img/relate-keyword-title.gif) no-repeat left top;
height: 28px;
}

.item_photo {
	float: left;
	width: 70px;
	margin-left: 5px;
}

.item_photo img {
	border: 1px solid #b29e8b;
}

.asset-more {
	float: left;
	width: 160px;
	padding-left: 10px;
}

.print_btn {
	text-align: right;
}

.related_keyword ul {
	padding: 0 10px;
	background:transparent;
}





.bottom_box {
	clear:both;
}

.entry-tags-list li {
	background: url(../images/common/key_icon.gif) no-repeat 0 50%;
	float: left;
	line-height: 120%;
	margin: 0 5px 5px 0;
	padding-left: 15px;
}

*html .entry-tags-list li {
	width: 75px;
	margin: 0 5px 5px 0;
}

*:first-child+html .entry-tags-list li {
	width: 75px;
	margin: 0 5px 5px 0;
}

.search-results-container .entry-content {
	margin-bottom: 15px;
	border: none;
}

.print {
	text-align: right;
}

#current-page {
	display: none;
}