/* --------------------------------
cio
-------------------------------- */
@charset "utf-8";
.sub_tit{ font-size:14px; font-weight:bold;}
.sub_tit span{ color:#666666;}

.photo2_r { float:right; margin:0 0 0 20px; text-align:center; font-size:12px; line-height:160%;}
.photo2_l { float:left; margin:0 20px 0 0; text-align:center; font-size:12px; line-height:160%;}
.photo2_r img, .photo_l2 img{ margin-bottom:10px;} 

.minus_m{ margin-top:-50px;}
.sustainable{ width:100%;}
.sustainable .linetit{font-size:15px; color:#9B1800; font-weight:bold; text-align:center; width:700px; margin:0 auto; padding-bottom:5px; border-bottom:1px solid #C99798; text-shadow:1px 1px 3px #666;}
.sustainable dl{ margin-top:10px;}
.sustainable .tit{ width:85px; float:left; margin-right:5px;}
.sustainable .txt{ width:234px; float:left; margin-right:5px; border:1px solid #ccc; height:85px; vertical-align:top; padding:0 10px; font-size:12px;}
.sustainable .txt span{ vertical-align:middle; display:inline-block;}
.sustainable .pct01{ width:113px;  float:left; margin-right:5px;}
.sustainable .pct02{ width:113px;  float:left; margin-right:5px;}
.sustainable .pct03{ width:113px;  float:left;}

.dalagoa{ border:1px solid #ccc; padding:15px 20px; margin-top:10px;}
.dalagoa .tit{ font-size:13px; font-weight:bold;}
.blank{ height:120px;}

.pict_box{ width:100%;}
.pict_box ul{ width:100%;}
.pict_box li{ width:120px; float:left; margin-right:10px;}

.movie_box{ width:560px; margin: 0 auto; float:left; margin-right:20px;}
.pict_box2{ width:120px; float:left;}
.pict_box2 ul{ width:100%;}
.pict_box2 li{ width:120px; margin-bottom:15px; padding-top:0;}

.line{ width:100%; border-bottom:1px dotted #ccc; margin:20px 0;}


.product dl{ margin-top:10px;}
.product .tit{ width:120px; float:left; margin-right:10px;}
.product .txt{ width:528px;  float:left;border:1px solid #ccc; height:120px; padding:0 20px;}
.product .txt span{ vertical-align:middle; display:block;}

.contents .voice .w223{ width:223px !important;}
.contents .voice .w434{ width:434px !important;}

.lohacodrug-info{
		border: 2px solid #f2f2f2;
}

.lohacodrug-info2{
		border: 2px solid #f2f2f2;
		margin-top:20px;
}

.lohacodrug-infottl{
	background:#f2f2f2;
	padding:0px 20px 10px 20px;
}

.lohacodrug-infottl p{
	font-size: 14px; 
	line-height: 25px;
	font-weight: bold;
}

.lohacodrug-details{
	background:#ffffff;
	padding:0px 20px 10px 20px;
}

.contents .series {
	margin-top: 20px;
	padding: 19px 19px 19px 19px;
	border: 5px solid #cccccc;
}

.contents .series .tit{ width:638px; margin: 0 auto; padding-top: 0;}
.contents .series .clm2{ width:500px; margin: 10px auto 0 auto;}
.contents .series .clm2 .left{ width: 213px; float: left; margin-right: 74px;}
.contents .series .clm2 .right{ width: 213px; float: right;}
.contents .series .clm2 .tit_box{}

.contents .series .free{ width:612px; margin: 20px auto 0 auto; position:relative; height: 202px; }
.contents .series .free .no01{ position:absolute; width:187px; top:0; left: 0; }
.contents .series .free .no02{ position:absolute; width:236px; top:8px; left: 128px; }
.contents .series .free .no03{ position:absolute; width:244px; top:-4px; right: 0; }
.contents .series .free .tit_box{ padding-top: 157px;}

.contents .series .set{ width:610px; margin: 20px auto 0 auto; position:relative; height: 320px; border: 1px dashed #d9e367; }
.contents .series .set .midashi{ width:347px; margin: 0 auto; padding: 20px 0;}
.contents .series .set .midashi span{ font-size:9px; }
.contents .series .set .no01{ position:absolute; width:163px; top:63px; left: 40px; }
.contents .series .set .no02{ position:absolute; width:193px; top:63px; left: 228px; }
.contents .series .set .no03{ position:absolute; width:127px; top:56px; right: 42px; }
.contents .series .set .btn_box{ width:420px; margin: 0 auto; padding-top: 155px;}
.contents .series .set .left{ width:195px; float: left; }
.contents .series .set .right{ width:195px; float: right; }
.contents .series .note{ width:610px; margin: 0 auto;}

.contents .series a:hover{filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;}
	
	
.contents .series02 {margin-top: 20px;padding: 25px 25px 120px 25px;border: 5px solid #D5ED94; position: relative;}
.contents .series02 .btn_box{ width:420px; margin:auto; position: absolute; bottom: 30px; left: 0; right: 0;}
.contents .series02 .left{ width:195px; float: left; }
.contents .series02 .right{ width:195px; float: right; }
.contents .series02 .item img{ width: 100%;}

.plaitem{}
.plaitem ul{ margin-bottom: 10px; padding-top: 0;}
.plaitem li{ width: 220px; margin-right: 18px; float: left;}
.plaitem li:last-child{ margin-right: 0;}
.plaitem li img{border: 1px solid #ccc;}

.plaitem {}
.plaitem .tit{ width: 200px; padding: 5px 15px; background:#D5ED94; margin:25px 0 15px 0; }
.plaitem .tit02{ width: 200px; padding: 5px 15px; background:#D5ED94; margin:25px 0 10px 0; }
.plaitem .box{ width: 100%;}
.plaitem .name{ width:236px; float: left; padding-top: 0; margin-right: 10px;}
.plaitem .mes_box{ width:320px; float: left; background:#EDFCB6;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; behavior: url(./border-radius.htc); border: none; text-align: left; padding:15px 20px; position: relative; margin-top: 60px;}
.plaitem .mes_box .yaji{ position: absolute; left: -28px; top: 48%; width:28px; height: 17px; background: url(../img/coffee_new_staff00.png) no-repeat; display: block;}
.plaitem .mes_box2{ width:660px; background:#EDFCB6;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; behavior: url(./border-radius.htc); border: none; text-align: left; padding:15px 20px; position: relative; margin-top: 30px;}
.plaitem .mes_box2 .yaji{ position: absolute; left: -28px; top: 48%; width:28px; height: 17px; background: url(../img/coffee_new_staff00.png) no-repeat; display: block;}
.plaitem .txt{ font-size: 12px; padding-top: 0;}
.plaitem .mes_box img{ float: right;}
.plaitem .txt span{font-weight: bold; font-size: 14px;display: block; margin-bottom: 10px;}
.plaitem .alloance{ padding:15px 20px; border:1px solid #CECECE; box-sizing: border-box; margin: 10px 0 20px 0;}
.plaitem .sub_tit{ font-size: 15px; font-weight: bold; width:230px; padding-bottom: 5px; border-bottom: 2px solid #CECECE; margin-bottom: 10px;}

.gallery {}
.gallery ul{}
.gallery li{ width: 226px; margin-right: 11px; float: left; margin-bottom: 20px; padding-top: 0;}
.gallery li .cup{ font-size: 12px; padding-top: 5px;margin-left:1em;text-indent:-1em; }
.gallery .clear{ clear: both;}
.gallery .w100{width: 100%; margin-right: 0; margin-top:-20px; }
.gallery .nmr{ margin-right: 0;}

.bnr_box {margin-top: 20px;padding: 25px;border: 5px solid #D5ED94; position: relative;}
.bnr_box .read{font-size: 12px; font-weight: bold; text-align: center;padding-top: 0;}
.bnr_box .bnr{ width: 100%;}
.bnr_box .bnr img{ width: 100%;}