@charset "utf-8";

/*---------------------------------------------------
	Title: product_r.css
	Description:rhinitis/product用CSS定義ファイル
----------------------------------------------------*/

/*************************************************************/
/* .product */


.product{
	width:730px;
	margin:0 auto;
}

.product .mainBodyInner{
	overflow:hidden;
}


.product h2{
	width:728px;
	margin:0 0 17px 0;
	padding:49px 0 0 0;
	height:0;
	overflow:hidden;
}

.product .productColumn01{
	width:295px;
	float:left;
	margin:0 0 13px 0;
}

.product .productColumn01 img{
	margin:0 0 15px 0;
}


.product .productColumn01 dl dt{
	margin:14px 0 4px 0;
	padding:29px 0 0 0;
	height:0;
	overflow:hidden;
}


.product .h3_01{
	background: url(../rhinitis/img/product/product_h3_01.gif) no-repeat top left;
}

.product .h3_02{
	background: url(../rhinitis/img/product/product_h3_02.gif) no-repeat top left;
}

.product .productColumn01 dl dd{
	padding:0 0 0 9px;
}

.product .productColumn01 p{
	margin:0 0 13px 0;
}

.product .productColumn01 p.link{
	background: url(../img/link_head01.gif) no-repeat top left;
	padding:0 0 0 7px;
	zoom:1;
}

.product .productColumn01 .icon_pdf{
	background: url(../img/icon_pdf.gif) no-repeat top right;
	padding:0 16px 0 0;
	display:inline-block;
	zoom:1;
}


.product .productColumn02{
	float:right;
	width:405px;
	margin:0 0 13px 0;
}




/*=============================================================*/
/* product01 */

#product01 h2{
	background: url(../rhinitis/img/product/product01_h2.gif) no-repeat top left;
}

/* 元々あったスタイル */

.RightBox01 { width: 405px; }

ol#list01 {
	list-style: none; }
	ol#list01 li {
		list-style: none;
		background: url(../rhinitis/img/whats_dot.gif) 34px 9px no-repeat; 
		padding: 20px 0 0 37px !important; }
		ol#list01 li#li01 { background: url(../rhinitis/img/product/whats_no1.gif); }
		ol#list01 li#li02 { background: url(../rhinitis/img/product/whats_no2.gif); }
		ol#list01 li#li03 { background: url(../rhinitis/img/product/whats_no3.gif); }
		ol#list01 li#li01,
		ol#list01 li#li02,
		ol#list01 li#li03 {
			background-repeat: no-repeat; margin-bottom: 5px; }
		dl#list01-dl { margin-top: 12px; background: url(../rhinitis/img/product/whats_datura_bg.gif) repeat-y; }
		dl#list01-dl dt { 
			padding: 10px 10px 6px;;
			background: url(../rhinitis/img/product/whats_datura_top.gif) no-repeat; }
			dl#list01-dl dt span { 
				display: block;
				text-indent: -9999px; overflow: hidden;
				width: 93px; height: 11px;
				background: url(../rhinitis/img/product/whats_datura.gif); }
		dl#list01-dl dd {
			padding: 0 10px 10px; font-size: 10px;
			background: url(../rhinitis/img/product/whats_datura_btm.gif) left bottom no-repeat; }
			dl#list01-dl img { float: right; margin: 10px 10px 0 6px; }


.RightPos {
	float: left;
}


h3 {
	clear: both;
	width: 758px; height: 20px; 
	text-indent: -9999px; overflow: hidden;
	margin-top: 0 !important; margin-bottom: 20px !important; }
	h3#h3-1 { margin-top: 15px !important; background: url(../rhinitis/img/whats_h3_1.gif) no-repeat; }
	h3#h3-2 { background: url(../rhinitis/img/product/whats_h3_2.gif) no-repeat; }
	h3#h3-3 { background: url(../rhinitis/img/whats_h3_3.gif) no-repeat; }





/*=============================================================*/
/* product02 */


#product02 h2{
	background: url(../rhinitis/img/product/product02_h2.gif) no-repeat top left;
}

/* 元々あったスタイル */
.RightBox02 { width: 398px; }

h4 { 
	text-indent: -9999px; overflow: hidden;
	background: url(../rhinitis/img/product/whats_h4.gif);
	width: 294px; height: 14px;
	margin-bottom: 10px; }
ul#list02 { list-style: none }
	ul#list02 li {
		padding-left: 14px; margin-top: 0.5em;
		background: url(../rhinitis/img/product/whats_circle.gif) left 2px no-repeat; }

.mt10 { margin-top: 10px !important;  }