/* CSS Document */


/* 全体設定 */
div#contents_beauty{
	width:1000px;
	height:100%;
	margin:auto;
	text-align:left;
	background:#fff;
	}

div#contents_beauty_left{
	width:680px;
	background-color:#ffffff;
	float:left;
	}
li.sub_menu_beauty{
	height:auto;
	padding-left:16px;
	margin-left:19px;
	background:url(../images/common/sub_menu_list_img.gif) no-repeat 0px center;
	}

/* タイトル */
h2.hbeauty_title{
	width:656px;
	height:21px;
	margin-top:51px;
	line-height:23px;
	background:url(../images/hbeauty/hbeauty_title.gif) top right no-repeat;
	}
div.beauty_contents_bg{
	width:656px;
	height:auto;
	padding-top:75px;
	position:relative;
	border-top:1px solid #1f1f1f;
	display:inline;
	overflow:hidden;
	float:left;
	}



/* メインコンテンツ */

div.beauty_headtxt{
	width:610px;
	margin:0 0 30px 30px;
	font-size:80%;
	line-height:20px;
	display:inline;
	float:left;
	}
div.beauty_contents {
	margin: 0 0 0 25px;
	font-size: 80%;
	line-height: 20px;
	}
div.beauty_contents .txt02 {
	margin:0px;
	padding:0 15px 0 15px;
	}
div.beauty_contents .right_area {
	width:315px;
	float:right;
	}
div.beauty_contents .right_area02 {
	width:300px;
	float:right;
	display:block; 
	}
div.beauty_contents .right_area03 {
	width:140px;
	float:right;
	}

div.beauty_contents .right_area04 {
	width:140px;
	float:right;
	display:inline;
	}
/*-----120228追加-----*/
div.beauty_contents .right_area05 {
	width:300px;
	float:right;
	display:inline;
	margin:0 0 30px 30px;
	}
/*--//--*/

div.beauty_contents .right_area .txt02 {
	margin:0 15px 0 15px;
	padding:0px;
	}
div.beauty_contents .left_area {
	width:315px;
	float:left;
	}
div.beauty_contents .left_area02 {
	width:300px;
	float:left;
	display: inline;
	}
div.beauty_contents .left_area03 {
	width:285px;
	float:left;
	clear: right;
	}

/*-----120131追加-----*/
div.beauty_contents .left_area04 {
	width:145px;
	float:left;
	}
/*--//--*/

div.txt01 {
	margin:0px;
	padding:0 15px 0 15px;
	}
div.beauty_contents .left_ph {
	width:300px;
	margin-right:15px;
	float:left;
	}
div.beauty_contents .left_ph02 {
	width:150px;
	height:auto;
	float:left;
	clear:right;
	margin-right:10px;
	display: inline;
	}
div.beauty_contents .left_ph03 {
	width:auto;
	height:auto;
	float:left;
	clear:right;
	margin-right:10px;
	display:inline;
	}
div.beauty_contents .left_ph04 {
	width:190px;
	float:left;
	}
div.beauty_contents .left_ph05{
	width: 200px;
	float: left;
}
div.beauty_contents .right_ph {
	width:300px;
	margin:0 0 15px 15px;
	float:right;
	}
div.beauty_contents .right_ph02 {
	width:300px;
	/*margin:0 0 30px 30px;*/
	float:right;
	clear: left;
	margin-left: 10px;
	margin-bottom: 10px;
	}
div.beauty_contents .right_ph03 {
	width:150px;
	height:auto;
	float:right;
	clear:left;
	margin-left: 10px;
	}
div.beauty_contents .right_ph04 {
	width:285px;
	height:auto;
	float:right;
	display:inline;
	}
div.beauty_contents .right_ph05 {
	width:190px;
	float:right;
	}

/*一覧*/
div.beauty_list_range {
	margin-left:20px;
	margin-bottom:30px;
}
div.beauty_list_thum {
	width:120px;
	height:120px;
	margin-right:30px;
	float:left;
}
div.beauty_list_txt {
	width:460px;
	padding-top:15px;
	float:left;
}
	
	
	/*--------------------------------見出しタグ-----------------------------------*/

h3.beauty,
h4.beauty,
h5.beauty{
	display:none;
	margin:0px;
	padding:0px;
	}
	
	/*--------------------------------081211追加-----------------------------------*/
div.beauty_contents_bg .mar_b50 .beauty_contents .tl_img {
	margin-bottom: 30px;
	margin-left: 15px;
}
div.beauty_contents_bg .line {
	margin-bottom: 50px;
	margin-left: 25px;
}
div.fashion_contents .left_area .txt .tl_img {
	float: left;
	height: 80px;
	width: 315px;
	margin-bottom: 30px;
}
div.credit {
	margin-top: 20px;
}
/*--------------------------------090217追加-----------------------------------*/
div.how_to {
	clear: right;
	float: left;
	width: 300px;
}
div.how_to .img {
	clear: right;
	float: left;
	height: 180px;
	width: 140px;
}.how_to .txt {
	float: left;
	height: 180px;
	width: 145px;
	display: inline;
}
div.how_to_2 {
	clear: right;
	float: left;
	width: 280px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #000000;
	color: #FFFFFF;
	height: auto;
	padding-bottom: 10px;
}
div.how_to_2 .img {
	clear: right;
	float: left;
	height: 130px;
	width: 145px;
}
div.how_to_2 .img2 {
	clear: right;
	float: left;
	height: 130px;
	width: 145px;
	margin-top: 40px;
}
div.how_to_2 .txt {
	float: left;
	width: 120px;
	margin-left: 15px;
	display: inline;
}
div.no_box {
	clear: right;
	float: left;
	width: 285px;
}
div.no_box .img {
	clear: right;
	float: left;
	height: 40px;
	width: 55px;
	margin-top: 4px;
}
div.no_box .txt {
	float: left;
	height: auto;
	width: 230px;
	margin-bottom: 15px;
}
div.no_box_2 {
	clear: right;
	float: left;
	width: 600px;
}
div.no_box_2 .img {
	clear: right;
	float: left;
	height: 40px;
	width: 55px;
	margin-top: 4px;
	margin-bottom: 15px;
}
div.no_box_2 .txt {
	float: left;
	height: auto;
	width: 545px;
}
/*--------------------------------090825--------------------------------*/
div.beauty_contents .txt02{
	padding:0 10px 0 10px;
	}
div.beauty_contents .txt02 ul{
	width: 630px;
	margin: 0 0 0 -20px;
	padding: 0;
	list-style: none;
}
div.beauty_contents .txt02 li{
	width: 295px;
	height: 175px;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	display: inline;
	float: left;
}
div.info_ph090825{
	width:140px;
	float:right;
	padding:0 0 0 25px;
	}

/*------------------------------100121-----------------------------------*/
div.doctor{
	background:url(../images/hbeauty/100121/il01.gif);
	width:305px;
	padding:5px;
	}
div.doctor2{
	background:url(../images/hbeauty/100121/il01.gif);
	width:290px;
	padding:5px;
	}
div.doctor .box{
	background-color:#f7f7f7;
	padding:10px;
	}
div.doctor2 .box{
	background-color:#f7f7f7;
	padding:10px;
	}
div.beauty_contents .ph_box{
	width:315px;
	}
div.beauty_contents .ph_box .ph_area{
	width:100px;
	float:left;
	display:inline;
	padding:0 10px 0 0 ;
	} 

/*------------------------------100304-----------------------------------*/
div.beauty_contents .caption_black {
	font-size: 80%;
	line-height: 15px;
	color:#282828;
}

/*-----------------------------100309------------------------------------*/
div.beauty_contents .ph_area100309a{
	padding:15px;
	background-color:#eceae8;
	}
	
div.right_ph100309{
	width:300px;
	}
div.right_ph100309 img{
	float:left;
	display:inline;
	width:150px;
	height:auto;
	font-size:0;
	padding-right:10px;
	}
	
/*-----------------------------100617------------------------------------*/	
div.beauty_info_range1 {
	width: 360px;
	float: left;
	clear: right;
	}
div.beauty_info_range1 ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}
div.beauty_info_range1 li.list{
	width: 62px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}
div.beauty_info_range1 li.txt{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}

div.beauty_info_range1 dl{
	padding: 0 0 10px 0;
	}
div.beauty_info_range1 dt{
	width: 62px;
	height:21px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}
div.beauty_info_range1 dd{
	width: 285px;
	margin: 0;
	padding: 3px 0 0 0;
	display: inline;
	float: right;
	font-size: 100%;
	word-break:break-all;
	}

div.beauty_contents .columnbox01 .right_box01{
	width:225px;
	height:auto;
	float:right;
}

/*-----------------------------100622------------------------------------*/	
div.beauty_info_range2 {
	width: 270px;
	float: left;
	clear: right;
}
div.beauty_info_range2 ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
div.beauty_info_range2 li.list{
	width: 62px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
div.beauty_info_range2 li.txt{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
div.beauty_info_range2 dl{
	padding: 0 0 10px 0;
}
div.beauty_info_range2 dt{
	width: 62px;
	height:21px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
div.beauty_info_range2 dd{
	width: 198px;
	margin: 0;
	padding: 3px 0 0 0;
	display: inline;
	float: right;
	font-size: 100%;
	word-break:break-all;
}
.beauty_contents .beautybox100622 {
	width:270px;
	height:auto;
	padding:15px;
	background: url(../images/hbeauty/100622/bg.gif) repeat;
}
.beauty_contents p{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size:100%;
	line-height:20px;
}
.beauty_contents .arrow100622 {
	background: url(../images/hbeauty/100622/arrow.gif) center center no-repeat;
}

/*--------------------------------110609追加-----------------------------------*/
div.menu_110609{ width:630px; background:url(../images/hbeauty/110609/bg.gif) left top repeat-y; }
div.menu_110609 p{ padding:20px 20px 0 20px; }
div.menu_110609 img{ padding:0; margin:0; font-size:0; line-height:0; }

/*--------------------------------110616追加-----------------------------------*/
div.contbox_110616{ width:300px; background:url(../images/hbeauty/110616/bg02.gif) bottom no-repeat; padding-bottom:15px; }
div.contbox02_110616{ width:300px; background:url(../images/hbeauty/110616/bg.gif) left top repeat-y; }

/*--------------------------------110630追加-----------------------------------*/
div.box_110630{ width:580px; padding:0 25px; background:url(../images/hbeauty/110630/box_bg110630_02.gif) top repeat-y; }
div.box_110630_btm{ padding-bottom:24px; background:url(../images/hbeauty/110630/box_bg110630_03.gif) left bottom no-repeat; }
div.box_110630 p.credit110630{ line-height:0; font-size:0;}

/*--------------------------------120214追加-----------------------------------*/
.box120214{
	width:598px;
	border:#06317f 1px solid;
	padding:15px;
}

.box120214_02{
	width:268px;
	border:#06317f 1px solid;
	padding:15px;
}


.column120214 {
	width:600px;
	height:auto;
	padding:15px;
	background:url(../images/hbeauty/120214/bg.gif) repeat;
}

div.beauty_contents .right_area120214{
	width: 380px;
	float: right;
}
/*--------------------------------120228追加-----------------------------------*/
.box120228_01{
	width:570px;
	padding:30px;
	background-color:#f6fafc;
}

.box120228_01 dt{
	padding-top:20px;
}

.box120228_01 dt.top{
	padding-top:0px;
}

.box120228_01 dd{
	padding-bottom:20px;
	border-bottom:#daecf5 1px solid;
}

.box120228_01 dd.end{
	border-bottom:none;
	padding-bottom:0;
}

.box120228_02{
	padding:25px;
	border:#677aa6 2px solid;
}
/*--------------------------------120228追加-----------------------------------*/
div.beauty_contents .box120301 {
	width:140px;
	float:left;
	padding-right:13px;
}

div.beauty_contents .box120301_02 {
	width:140px;
	float:left;
}

/*--------------------------------120306追加-----------------------------------*/
.box120306{
	border:#06317f 1px solid;
	padding:15px;
}

/*--------------------------------120308追加-----------------------------------*/
div.beauty_contents .box120308{
	width: 380px;
	float: left;
}

/*130604*/
.mar_r09{
	margin-right:9px;
	}
	
/*130613*/
.w540{
	width:540px;
	}
	
/*130618*/
.strong_b{
	font-weight:bold;
	}
/*140610*/
.par_all20{
	padding:20px;
	}
.hb_box01{
	background:#f9f4ea;
	}

/*140612*/
.hbeauty_info_range01  {
	width: 285px;
	float: left;
	clear: right;
	}
.hbeauty_info_range01  dl{
	padding: 0 0 5px 0;
	}
.hbeauty_info_range01  dt{
	width: 62px;
	height:21px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}
.hbeauty_info_range01  dd{
	width: 213px;
	margin: 0;
	padding: 1px 0 0 0;
	display: inline;
	float: right;
	font-size: 100%;
	word-break:break-all;
	}

/*140626*/
.w225{
	width:225px;}

.w375{
	width:375px;
	}
	
/*150407*/
.mar_l88 {
	margin-left:88px;
		}
		
/*150407*/
.mar_l36{
	margin-left:36px;
		} 
.mar_l32{
	margin-left:32px;
		} 
.mar_l38{
	margin-left:38px;
		} 
.mar_l44{
	margin-left:44px;
		} 	
.mar_l49{
	margin-left:49px;
		} 		
.mar_l54{
	margin-left:54px;
		} 
.mar_l60{
	margin-left:60px;
		} 
.mar_l69{
	margin-left:69px;
		} 
.mar_r31{
	margin-right:31px;
		}
.mar_r42{
	margin-right:42px;
		}
.mar_r43{
	margin-right:43px;
		}
.mar_r53{
	margin-right:53px;
		}
.mar_t07 {
	margin-top:7px;
	}
.mar_t38 {
	margin-top:38px;
	}
.mar_t46 {
	margin-top:46px;
	}
.mar_t47 {
	margin-top:47px;
	}
.mar_t62 {
	margin-top:62px;
	}
.mar_t106 {
	margin-top:106px;
	}
.mar_t119 {
	margin-top:119px;
	}
.w38{
	width:38px;
	}
.w41{
	width:41px;
	}
.w61{
	width:61px;
	}
.w73{
	width:73px;
	}
.w84{
	width:84px;
	}
.w90{
	width:90px;
	}
.ww113{
	width:w113px;
	}
.w122{
	width:122px;
	}
.w165{
	width:165px;
	}
.w169{
	width:169px;
	}
.w189{
	width:189px;
	}
.w409{
	width:409px;
	}
.w411{
	width:411px;
	}