<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*/////////////////////////////////////////////////////////
*
*	ope.css	
*
*	.opeSection
*		- .osBox
*
/////////////////////////////////////////////////////////*/



/* #navOpeCategory
---------------------------------------------------------*/
#navOpeCategory{
	width: 694px;
	margin-top:35px;
	margin-left: -16px;
	overflow:hidden;}
	#navOpeCategory li{
		width: 221px;
		margin-bottom:25px;
		padding-left: 10px;
		float:left}
	#navOpeCategory a{
		display:block;}
		#navOpeCategory a.btn{
			width: 221px;
			height: 129px;
			overflow:hidden;
			margin-bottom:5px;}
			
			#navOpeCategory a.btn.eyes img{ margin-top:0;}
			#navOpeCategory a.btn.nose img{ margin-top:-129px;}
			#navOpeCategory a.btn.faceline img{ margin-top:-258px;}
			#navOpeCategory a.btn.agingcare img{ margin-top:-387px;}
			#navOpeCategory a.btn.mouth img{ margin-top:-516px;}
			#navOpeCategory a.btn.bust img{ margin-top:-645px;}
			#navOpeCategory a.btn.slimming img{ margin-top:-774px;}
			#navOpeCategory a.btn.skincare img{ margin-top:-903px;}
			#navOpeCategory a.btn.other img{ margin-top:-1032px;}
			
			#navOpeCategory a.btn:hover img,
			#navOpeCategory li.ac a.btn img{margin-left: -221px;}

		#navOpeCategory a.txt{
			background:url(../../../images/common/arw_00.png) 6px 0 no-repeat;
			padding: 1px 0 1px 28px;
			line-height:1;}
			#navOpeCategory .ac a.txt{
				text-decoration:underline;}


/* .listRecOpe
---------------------------------------------------------*/
.listMedia{
	width: 316px;
	border-top:solid 1px #bbb;
	margin-bottom:40px;}
	.listMedia dt{
		border-bottom: dotted 1px #838383;}
		.listMedia dt {
			display:block;
			font-size:107%;
			color:#333;
			text-decoration:none;
			background:url(../../../images/common/arw_05.gif) 0px 20px no-repeat;
			padding: 15px 0 19px 19px;}
		.listMedia dd{
			padding: 14px 0 14px 23px;
			font-size:92%;
			border-bottom: dotted 1px #838383;}
		.listMedia dd a{
			display:block;
			background:url(../../../images/common/arw_00.png) 0 14px no-repeat;
			padding: 14px 0 14px 23px;
			line-height:1.4;}
			
			.listMedia dt a:hover,
			.listMedia dd a:hover{
				background-color:#f9f8f4;
				text-decoration:none;}



/* .recommendBox
---------------------------------------------------------*/
.recommendBox{
	border:solid 1px #e5e5e5;
	margin-top:50px;
	padding: 1px 1px 3px 1px;}
	.recommendBox .tit_recoBox{
		background:url(../../../images/ope/bg_tit_recobox.gif) left top repeat-x;
		min-height: 27px;
		height:auto !important;
		height:27px;
		padding: 13px 14px 0 14px;}
		.recommendBox .tit_recoBox span{
			display:block;
			background:url(../../../images/common/icon_square01.png) 0 0 no-repeat;
			min-height: 12px;
			padding-left:19px;}
	
.recommendBox_in{
	background: url(../../../images/ope/bt_recommendbox_in_lower.gif) center bottom no-repeat;
	padding-bottom: 30px;
	margin: 0 2px;
	overflow:hidden;
	_zoom:1;}
.recommendBox_in2{
	background:url(../../../images/ope/bt_recommendbox_in_upper.gif) center top no-repeat;
	padding-top: 30px;
	overflow:hidden;
	_zoom:1;}
.recommendBox_in3{
	background:url(../../../images/ope/bt_recommendbox_in.gif) center top repeat-y;
	padding: 0 37px;
	overflow:hidden;
	_zoom:1;}
	
.recoArticle{
	width: 271px;}
	.recoArticle .cap{
		font-size:92%;
		background:url(../../../images/common/arw_00.png) 0 0 no-repeat;
		margin: 10px 5px 15px 5px;
		padding-top:2px;
		padding-left: 21px;
		min-height: 13px;
		height:auto !important;
		height:13px;}
	.recoArticle p{
		color:#666;
		font-size:92%;
		line-height:1.8;
		margin: 0 5px;}
	.recoArticle ul{
		border-top: dotted 1px #838383;
		margin-top:30px;}
	.recoArticle li{
		border-bottom: dotted 1px #838383;
		font-size:92%;
		line-height:1;}
		.recoArticle li a{
			display:block;
			background: url(../../../images/common/arw_01.png) 2px 17px no-repeat;
			padding: 15px 10px 15px 17px;}
			.recoArticle li a:hover{
				background-color:#fffcf5;
				text-decoration:none;}



/* .anchorMenu
---------------------------------------------------------*/
.anchorMenu{
	width:636px;
	background:url(../../../images/ope/bg_anchor_menu.gif) left top no-repeat;
	min-height: 80px;
	margin-bottom:10px;
	padding: 20px 18px 0;
	-webkit-box-shadow: 0px -5px 8px 0px #ccc;
	-moz-box-shadow: 0px -5px 8px 0px #ccc;
	box-shadow: 0px -5px 8px 0px #ccc;
	behavior: url(http://wts08.ejworks.com/common/2011/js/PIE.htc);
	position:relative;}
	
	/* IE6/IE7 */
	* html body .anchorMenu{behavior:none; position:static;}
	*+html body .anchorMenu{behavior:none; position:static;}
	
	.anchorMenu .caption{
		color:#434343;
		background:url(../../../images/common/icon_square01.png) left center no-repeat;
		padding-left: 16px;}
	.anchorMenu ul{
		overflow:hidden;
		margin-top:15px;}
	.anchorMenu li{
		margin-right: 14px;
		min-height:15px;
		float:left;}
		.anchorMenu li a{
			display:inline-block;
			background:url(../../../images/common/arw_02.png) left center no-repeat;
			padding-left: 20px;
			padding-top:2px;}
			
		/* IE */
		* html body .anchorMenu li a{ display:inline; zoom:1;}
		*+html body .anchorMenu li a{ display:inline; zoom:1;}
		

/* .opeSection
---------------------------------------------------------*/
.opeSection{
	border-top: solid 2px #707070;
	margin-bottom: 50px;
	padding-top: 18px;
	/*overflow:hidden;*/
	}
	.opeSection p{
		font-size:92%;
		color:#838383;
		line-height:1.8;
		margin-bottom:15px;}
	
	/* caption */
	.opeSection h3{
		color:#363636;
		font-size:136%;
		letter-spacing:0.1em;
		padding-bottom:20px;}
		.opeSection h3.h3_01{
			background:url(../../../images/common/arw_05.gif) left center no-repeat;
			padding-left: 17px;
			padding-bottom:0px;}
		.opeSection h3 .span{
			font-size:80%;}
	
	/* [list] .list_deci */
	.list_deci{
		color:#838383;
		font-size:92%;
		line-height:1.5;
		margin-top:20px;}
	.list_deci li{
		list-style-type:decimal;
		margin-left:1.8em;}
	
	/* IE6 */
	* html body .list_deci li{ margin-left:2em;}
	/* IE7 */
	*+html body .list_deci li{ margin-left:2em;}
	
	

/* .opeSection &gt; .osList
---------------------------------------------------------*/
/* [list]  .osList01 */
.osList01 li{
	border-top:dotted 1px #838383;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow:hidden;
	_zoom:1;}
	.opeSection .osList01 li:first-child{
		border-top-width:0;
		padding-top:0;}
.osList01 p{
	color:#666;
	margin-bottom:0;
	line-height:1.5;
	float:left;}
.osList01 .cap{
	background:url(../../../images/common/icon_square01.png) left center no-repeat;
	padding-left: 18px;
	padding-right:15px;
	width:152px;
	}
.osList01 .txt{
	width: 447px;}
	
/* [list]  .osList02 */	
.osList02{
	width: 672px;
	overflow:hidden;}
.osList02 li{
	width: 304px;
	float:left;
	border-bottom:dotted 1px #838383;
	margin-right:32px;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow:hidden}
.osList02 p{
	color:#666;
	margin-bottom:0;
	line-height:1.5;}
.osList02 .cap{
	color:#838383;
	font-weight:bold;
	background:url(../../../images/common/icon_square01.png) left center no-repeat;
	margin-bottom:15px;
	padding-left: 18px;}
	.osList02 .cap a{
		font-weight:bold;}
	

/* .opeSection &gt; .tips
---------------------------------------------------------*/
.tips{
	border:solid 1px #d0d0d0;
	padding: 25px;
	margin-top:10px;
	text-align:center;}
	.tips p{
		text-align:left;
		margin-bottom:0;}
	.tips .tipsArw{
		padding: 20px 0;}
			

/* .opeSection &gt; .pointBox
---------------------------------------------------------*/
.pointBox{
	margin-top:10px;
	border: solid 1px #e5e5e5;
	padding: 3px;}
.pointBox_in{
	background-color:#f5f5f5;
	border: solid 1px #e5e5e5;
	padding: 15px 15px 0 15px;}
	
/* .pointLink */
.pointLink{
	display:block;
	background:url(../../../images/common/arw_00.png) left 0.15em no-repeat;
	padding-left:23px;}
	
	

/* .osBox
---------------------------------------------------------*/
.osBox{
	overflow:hidden;
	margin-top:25px;
	_zoom:1;}
	.osBox .txt{
		width: 430px;} /* .image縺ｨ縺ｮ繧ｻ繝・ヨ */
	.osBox .image{
		width: 193px;} /* .txt縺ｨ縺ｮ繧ｻ繝・ヨ */
	.osBox .half{
		width: 330px;} /* .half繧剃ｸｦ蛻・ */
	.osBox .txt2{
		width: 345px;} /* listDetailLink縺ｨ縺ｮ繧ｻ繝・ヨ */
	.osBox .listDetailLink{
		font-size:92%;
		border:solid 1px #d8d8d8;
		border-width: 1px 0 1px 0;
		width: 295px;
		overflow:hidden;
		padding: 20px 0 10px;} /* txt2縺ｨ縺ｮ繧ｻ繝・ヨ */
		
	/* IE6/IE7 */
	* html body .osBox .listDetailLink{ padding-bottom:20px;}
	*+html body .osBox .listDetailLink{ padding-bottom:20px;}
		

/* 2011/12/26 美モニターページ作成用に追加　大谷
---------------------------------------------------------*/

	.osBox h5{
		display:block;
		color:#515151;
		font-size:107%;
		border-bottom: solid 1px #d0d0d0;
		padding-bottom:11px;
		margin-bottom:20px;
		padding-top:10px;
		background:url(../../../images/common/icon_square01.png) left center no-repeat;
		min-height: 12px;
		padding-left:19px;}
		.opeSection div:first-child h5{
			padding-top:0;}


	.osBox .image2{
		width: 228px;
		border-right:1px dotted #a9a9a9;}
	.osBox .txt3{
		width: 420px;}
/* 2011/12/26 美モニターページ作成用に追加　大谷
---------------------------------------------------------*/



		.osBox .listDetailLink ul{
			width: 300px;
			margin-left: -5px;}
		.osBox .listDetailLink li{
			width: 145px;
			padding-left: 5px;
			margin-bottom: 10px;
			float:left;}
			.osBox .listDetailLink li:first-child{
				width: 300px;
				float:none;}
		.osBox .listDetailLink li a{
			background:url(../../../images/common/arw_01.png) left center no-repeat;
			padding-left:12px;}
			
	.osBox h4{
		color:#515151;
		font-size:107%;
		border-bottom: solid 1px #d0d0d0;
		padding-bottom:11px;
		margin-bottom:20px;
		padding-top:10px;
		}
		.opeSection div:first-child h4{
			padding-top:0;}
	
/* .osToggle
---------------------------------------------------------*/	
.osToggle{
	border-top:solid 1px #d0d0d0;
	color:#363636;
	margin-top:15px;
	clear:both;}
	.opeSection div.osToggle h4{
		font-size:92%;
		border-bottom:solid 1px #d0d0d0;
		padding: 17px 17px 17px 8px;}
		.osToggle h4 a{
			background:url(../../../images/common/arw_04.png) left center no-repeat;
			padding-left:20px;
			color:#363636;}
	.osToggle_in{
		border-bottom:solid 1px #d0d0d0;
		padding: 17px 17px 17px 28px;
		/*display:none;*/}



/* .expLink
---------------------------------------------------------*/	
.expLink{
	overflow:hidden;
	margin-top:24px;}
	.expLink a.movieLink{
		margin-right: 11px;
		float:left;}
	.expLink a.btnExp{
		float:right;}
		.expLink a:hover img{ opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80); _zoom:1;}


/* osPhoto
---------------------------------------------------------*/
.osPhoto{
	margin-top:10px;
	/*
	-webkit-box-shadow: 0px 0px 8px #ccc;
	-moz-box-shadow: 0px 0px 8px #ccc;
	box-shadow: 0px 0px 8px #ccc;
	behavior: url(http://wts08.ejworks.com/common/js/PIE.htc);
	position:relative;*/
	}


/* osMoreLink
---------------------------------------------------------*/
.osMoreLink{
	border:solid 1px #d7d7d7;
	margin-top:30px;
	padding:20px;
	overflow:hidden;
	_zoom:1;}

/* IE6 */
* html body .osMoreLink{zoom:1;}

	.osMoreLink .cap{
		color:#6c6c6c;
		line-height:1.5;
		width: 157px;
		border-right: dotted 1px #d7d7d7;
		padding: 8px 15px 8px 0;
		float:left;}
	.osMoreLink ul{
		width: 438px;
		float:left;
		padding: 6px 0 6px 19px;
		overflow:hidden;}
	.osMoreLink li{
		display:inline-block;
		background:url(../../../images/common/arw_00.png) left center no-repeat;
		margin-right: 15px;
		margin-bottom:5px;
		padding:2px 0 1px 19px;}
		
		
		/* IE6/IE7 */
		* html body .osMoreLink li{ display:inline; zoom:1;}
		*+html body .osMoreLink li{ display:inline; zoom:1;}
	
	
/* osQA
---------------------------------------------------------*/
.osQA{
	font-size:92%;
	overflow:hidden;
	margin-top:30px;
	padding-bottom:40px;
	_zoom:1;}
.osQuestion{
	float:left;
	width: 320px;}
	.osQuestion li{
		background: url(../../../images/common/arw_01.png) 6px center no-repeat;
		margin-bottom:1em;
		padding-left: 18px;}
	.osQuestion li a{
		color:#838383;}
.osAnswer{
	color:#838383;
	float:right;
	width: 290px;
	border:solid 1px #e2e2e2;
	padding: 26px 20px;
	min-height:260px;}
	.osAnswer li{
		line-height:1.8;}

</pre></body></html>