@import 'clearfix.css';
@import 'reset.css';

html{
	background:#EDA72E;
	background:#000;	
}

body{
	background:url(/img/bg_overall.gif) repeat-x !important;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing:0.5px; 
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#right ul,#right ol,#right li,#right dl,#right dt,#right dd{
	list-style:none;
	padding:0;
	margin:0;
}

h1{
	font-size: 11px;
	font-weight: normal;
	color:#333;
}

h2#pageTitle{
	background:url(/img/bg_sub_h2_title.gif) no-repeat;
	line-height: 40px;
	padding-left: 40px;
	color:#369;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

p{
	line-height: 1.5;
	padding: 0 10px;
}

img {
	vertical-align:middle;
}

a{
	text-decoration:none;
	color:#333;
	overflow: hidden;
	/*\*/ 
	overflow: hidden;
	/**/ 
}

a:hover{
	text-decoration:underline;
}

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

#container{
	margin: 0 auto;
	width: 1050px;
}

#left{
	float:left;
	width:200px;
}

#center{
	margin: 0 270px 0 220px;
}
#right{
	float: right;
	text-align:center;
	width :250px;
	padding: 0 10px;
}

#header{
	padding: 10px 0;	
	margin-bottom: 5px;
}

#headerComment{
	line-height: 20px;
}

#header #headerLeft{
	float:left;	
	color:#666;
}

#header #headerLeft h1{}

#header #headerLeft img{
	vertical-align:middle;
	margin-right: 30px;
}

#header #headerLeft p{
	float:left;
}

#header #headerRight{
	float:right;
}


#header #headerRight .banner{

	text-align:right;
/*	margin: 12px 0;*/

}

div{
/*	border: 1px solid #666;*/
}

#contentTop{
	/*
	height: 10px;
	background:url(../img/content_block_top.png) no-repeat;
	*/
}

#content{	
	background:#FFF;
	padding-bottom :20px;
	margin-bottom: 15px;
/*	border: 1px solid #DDD;*/
	
}


/** グローバルナビゲーションの設定です **/
#globalNav{}

#globalNav ul.cat_depth1{
	padding-left: 0;
	list-style: none;
}

#globalNav p.cat_depth1_cat{
	margin-top: 3px;
	padding-left: 10px;
	line-height:2;
	background:#FC0; 
	background:#CDEBFA;
}

#globalNav ul.cat_depth2{
}

#globalNav ul.cat_depth3{
}

#globalNav ul.cat_depth4{}

#globalNav ul{
/*	margin-left: 10px;*/
	padding-left: 10px;
	list-style: none;
	
}

#globalNav ul li {
	border-bottom: 1px dotted #999;
}


#globalNav ul li:last-child{
	border-bottom: none;
	
	
}

#globalNav ul li a{
/*	color:#125772;*/
    font-size: 13px;
	padding-left: 5px;
	line-height: 1.8em;

}

#globalNav  ul li a:hover{
/*	background:#FCEDBE;*/				/** グローバルナビゲーションボタンにマウスが乗った時のの背景色です **/
}
#globalNav  ul li.local a{			/** 現在のページのボタンです **/
	/*background: #86C433;*/			/** 現在のグローバルナビゲーションボタンの背景色です **/
	color:#333;						/** 現在のグローバルナビゲーションボタンの文字色です **/
}
#globalNav  ul li.first a{
/*	border-left: 2px groove #FFF; */
}


/** グローバルナビゲーション下のリンクの設定です **/
#globalNavBtm{
	margin: 20px 0;
}
#globalNavBtm ul{
	list-style:none;
	margin-left: 30px;
}

#globalNavBtm ul li{
	background: url(../img/arrow01.gif) no-repeat;
}

#globalNavBtm ul li a{
	padding-left: 25px;
	font-size: 90%;
}

/** サブナビゲーションの設定です **/
#right #subNav{
	margin-bottom: 10px;
	text-align: left;
}

#right #subNav h2{
	line-height: 42px;
	font-size: 16px;
	text-align:center;
	background:url(../img/h2_title_subnav.gif) no-repeat;
	height: 40px;
	_margin-bottom: 0 !important;
	
}
#right #subNav h2 a{
	color:#333;	
}

#right #subNav .sidebar_body{
		padding: 5px;
	/*
	background:url(/img/sidebar_subnav_block_btm.png) no-repeat bottom;
	*/

}

	
#right #subNav ul li {
	line-height: 2;
	margin-bottom: 2px;
	_border: 1px solid #FFF;
	
}
#right #subNavi ul li ul li{
	border-bottom: 1px solid #EEE;
}
#right #subNav ul a{
	line-height: 1.5;
	margin-bottom: 3px;
	padding: 3px 0;
}
#right #subNav ul li a{
	line-height: 2;
	background-color:#999;
	background:url(/img/sidenav_arrow1.gif) no-repeat left ;
	display:block;
/*	border-bottom: 1px solid #DDD;*/
	padding-left: 25px;
	
}

#right #subNav ul li a:hover{
	background:url(/img/sidenav_arrow1_over.gif) no-repeat left ;

}
#right #subNav ul li a.cat_local {
	background:url(/img/sidenav_arrow1_local.gif) no-repeat left ;
}

#right #subNav ul li ul li a{
	line-height: 1.5;
	background:url(/img/sidenav_arrow2.gif) no-repeat left ;
	padding-left: 35px;
}
#right #subNav ul li ul li a:hover{
	background:url(/img/sidenav_arrow2_over.gif) no-repeat left ;

}
#right #subNav ul li ul li a.cat_local {
	background:url(/img/sidenav_arrow2_local.gif) no-repeat left ;
}

#right #subNav ul a.ent_local {
	background:url(/img/sidenav_arrow2_local.gif) no-repeat left ;

}

#right #subNav ul li.local a{
	background:url(/img/sidenav_arrow2_local.gif) no-repeat left ;

}




/** フッターリンクの設定です **/

#footer{
	padding : 0 20px;
	font-size: 12px;

}
#footer a {
	color:#666;
}
#footer a:hover{
	background:#FFF;
}
#footer p#above{
	text-align:right;
	margin-right: 20px;
}
#footer #bizInfo{
	/*
	_padding-top: 0;
	_background:url(../img/bg_footer.png) repeat-x top;
	*/
	
	padding-top: 10px;
}
#footer #footerLogo{
	float:left;
	width: 350px;
}
#footer #footerLogo table img{
	margin-bottom: 10px;
}
#footer #footerLogo table p.my_name{
	font-size:16px !important;
	text-align:center;
}
#footer #area{
	float:right;
	width: 500px;
	color:#666;
}
#footer #area span.title_area{
	border: 1px solid #999;
	margin-right: 5px;
	padding: 1px 5px;
}

#footerLink{
	font-size: 80%;
	text-align:center;
	margin: 5px 0;
	/*
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	*/
/*	background:#EEE;*/
}
#footerLink p img{
	display:none;
}
#footerLink  ul{
	padding: 5px 0;
}
#footerLink  ul li{
	line-height: 1.5;
	display:inline;
}
#footerLink ul li:first-child{
}
#footerLink  ul li a{
	padding: 0 5px;
	font-size: 80%;
	background: none;				/** フッターリンクの背景色です **/
/*	color:#36B0E0;*/
	display:inline;
}
#footerLink  ul li a:hover{
	color:none;						/** フッターリンクにマウスが乗った時のの背景色です **/
	text-decoration:underline;
}
#footerLink  ul li.local a{				/** 現在のページのボタンです **/
	background: #C8EAF7;					/** 現在のページのフッターリンクの背景色です **/
	/*color:#4F9B15;*/					/** 現在のページのフッターリンクの文字色です **/
}

#footerLink  ul li.first a{}

#footer #misc{
	text-align:right;
	font-size: 80%;
}
#footer #misc a{
	color: #666;
}
#footer #copyright{
	text-align:center;
	color:#36B0E0;
	text-size:80%;
}
#footer #copyright a:hover{
	background:none;
}
	

#footer #mutualLink{
	text-align:right;
	margin-top: 10px;
}
#footer #mutualLink a{
	color: #999;
	font-size: 70%;
}

/** 日付の表示 **/
span.date{ 
	padding-right: 10px;
}
/** パンくずリスト **/
h2#secionTitle{}

h3{
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 10px;
	
}
h3.category-title{
	text-align:right;
	color:#666;
	font-size: 12px;
}


/*　毛髪考察で追加　*/
h3.title1{
	color: #333;
	background: #EEF9FF;
	border-left:1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-top: 1px solid #C3C3C3;
	padding-left: 10px;
	line-height: 35px;
	font-size:16px;
	font-weight: normal;
	margin: 20px 0 15px 0;
}

h4.title1{
	color:#444;
	background: #F4F4F4;
	border-bottom: 1px solid #A7DCF5;
	border-top: 1px solid #AADFFF;
	padding:4px 10px;
	font-weight: bold;
	margin: 20px 0 15px 0;
}

h4.title2{
	border-bottom: 1.5px dotted #06C;
	border-left: 5px solid #06C;
	padding-left: 10px;
	line-height: 2em;
	font-weight: bold;
	color:#333;
	margin: 20px 0 15px 0;
}


#main p.b{
	color: #C00;
	font-weight: bold;
}

#main img{
	margin: 5px 10px;
}

span.b{
	color: #C00;
	font-weight: bold;
}

#main #point{
	background: #F4F4F4;
	border: 1px solid #C2C2C2;
	margin: 20px 10px;
	padding:10px;
	font-size: 90%;
}

#main ol.number{
	margin-left: 20px;
}

#main ol.number li{
	line-height: 1.8em;
	padding-bottom: 10px;
	
}
.marker{
	background: #FF6;
	font-weight: bold;
}

.strong{
	font-weight: bold;
}

#main dl.define{
	margin-left: 10px;
}

#main dl.define dt{
	color: #06C;
	margin: 15px 0 10px 0; 
}

#main dl.define dd{
	padding-left:15px;
	font-size: 90%;
	line-height:1.5em;
}



/*ここまで*/

	
	

.body{
	padding-left: 10px;
	padding-bottom: 10px;
}

span.continue{
	font-size: 11px;
}
#title{
	width: 640px;
	height: 190px;
	background:url(../img/sub_h2_bg.jpg) no-repeat;
	padding-top:20px;
}
#title #pan{
	margin: 0 0 0 180px;
	font-size:10px;
	color:#666;
	line-height: 2;
}
#title h2#pageTitle{
	color:#EDEDED;
	font-size: 23px;
	font-weight: normal;
	line-height: 2;
	margin: 40px 0 0 180px;
}

/** 右ブロック **/

#right #section1{		/* random pickup */
	margin-bottom: 20px;
	margin-left: 20px;
		
}
#right #section1 h2.title{
	text-align:right;
	padding: 5px 10px;
}
#right .pickup{
	margin-bottom: 5px;
	padding: 5px 10px;
/*
	background: #FDD2D3;
	background:#FEF8F8;
	*/
	border-bottom: 1px dotted #999;
	font-size: 11px;
}
#right h3.pickup_title{
	margin-bottom: 0;
	font-size: 14px !important;

}
#right .pickup p.pickup_rating_star{
	text-align:right;
	margin-bottom: 10px;
}
#right .pickup table td{
	vertical-align:top;
}
#right .pickup .pickup_img{
	width: 100px;
	text-align:center;
	float:left;
	margin-right: 5px;
}
#right .pickup .pickup_img img{
/*	width: 65px;*/
	height: 65px;
}
	
#right #section2{
	text-align:center;
	margin-bottom:20px;
}


#right #section3{
	margin-bottom:20px;
}

#right #section3 ul.cat_depth1{
	padding-left: 0;
}

#right #section3 p.cat_depth1_cat{
	margin-top: 3px;
	line-height:2;
	text-align:center;
	background:#6F140D; 
	color:#FFF;
}

#right #section3 ul.cat_depth2{
	background:#FFF;
	background:#F5F5EF;
}

#right #section3 ul.cat_depth3{}

#right #section3 ul.cat_depth4{}

#right #section3 ul{
/*	margin-left: 10px;*/
	padding-left: 10px;
	
}
#right #section3 ul li {
	line-height: 3;
}
#right #section3 ul li a{
/*	color:#125772;*/
	display:block;
	background:url(../img/list_style01.gif) left no-repeat;
	padding-left: 20px;
	border-bottom: 1px dotted #999;
}

#right #section3  ul li a:hover{
/*	background:#FDD2D3;				*/

}
#right #section3  ul li.local a{	
	/*background: #86C433;*/		
}
#right #section3  ul li.first a{
/*	border-left: 2px groove #FFF; */
}



/** main内のp **/
#main {
	padding: 10px 0 0 10px;
	margin-bottom:40px;
}

/** main内のテーブル（常設のもの） **/
table.common_table{
	border:1px solid #DDDED3;
	width: 95%;
}
table.common_table th {
	background-color:#EFEFEF;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	width:20%;
}
table.common_table th,
table.common_table td {
	padding:5px;
	border:1px solid #DDDED3;
}

table.date{
	border: 0;
}

table.date td{
	padding: 5px;
	vertical-align: top;
}
table.date td.p{
	text-align: left;
}

/** センタリング **/
.center{
	text-align:center;
}

p.page-navi {
	margin:5px 0;
	text-align:right;
	line-height: 1;
}
p.page-navi a,
p.page-navi span.current_page{
	border:1px solid #999;
	font-size: 11px;
	padding: 0 3px;
	margin:0 !important;
	
}

p.page-navi span.current_page{
	color:#FFF;
	background: #1B488D;
}
p.page-navi a.link_page{
/*
	padding: 0 5px;
	border: 1px solid #1B488D;
	color: #1B488D;	
*/}

p.content-nav{
	margin-top: 20px;
	text-align:center;
}

p.category{
	text-align:right;
	margin-bottom: 5px;
}
p.category a{
	border: 1px solid #CCC;	
	padding: 1px 5px;
}

/** 各サブページのインデックスページの上部**/
#fontPageTop{}


/** 広告 **/

/* 左下 */
#AdLeftLower{
	margin: 20px 0 0 8px;
	
}

/* 中央上 */
#AdCenterUpper{
	text-align:center;
	
}

/* 中央中 */
#AdCenterMid{}

/* 中央下 */
#AdCenterLower{
	text-align:center;
}

/* 右上 */
#AdRightUpper{
	margin-bottom: 20px;
}

/* 右下 */
#AdRightLower{}

/* フッター */
#AdFooter{
	text-align:center;
	margin-bottom: 20px;
}

/* 相互リンク */
#link{
	text-align:center;
	margin-top: 20px;
	
}
#link a{
	color:#666;
	font-size:60%;
}