@import "reset.css";
@import "common.css";

@charset "utf-8";
/*================================================

	コンテンツ

=================================================*/

a {
	color: #1B8EE5;
}

a:hover {
	text-decoration: underline;
}


/*	トップ
=================================================*/
div#contents {
	overflow: hidden;
	min-height: 370px;
	margin-top: 20px;
	margin-bottom: 15px;
}
	* html div#contents {	/* ie6のみ適用 */
		margin-bottom: 0;
	}


/* モバイルバナー */
div.sick_navi p {
	margin-bottom: 12px;
}


/* 左の症状INDEX */
div.sick_navi {
	float: left;
	width: 210px;
	padding-left: 20px;
}

div.sick_navi ul {
	background: url(../images/common/sick_back.gif) bottom left;
}

div.sick_navi ul li {
	width: 198px;
	margin: 0 auto;
	padding-bottom: 5px;
	background: url(../images/common/sick_bottomline.gif) bottom left no-repeat;
	line-height: 1.4;
}

div.sick_navi ul li.last {
	background: none;
}

div.sick_navi ul li a {
	display: block;
	padding: 7px 0 6px 30px;
	background: url(../images/common/sick_icon.gif) left no-repeat;
	color: #666666;
	text-decoration: none;
}

div.sick_navi ul li a:hover {
	color: #1B8EE5;
	background-color: #FFEB9C;
	text-decoration: none;
}

div.sick_navi ul li a.now {
	background-color: #FFEB9C;
}


/* 右の4つの特長 */
div.right {
	float: right;
	width: 586px;
	padding: 0 16px 0 0;
}

div.right h2 {
	padding: 0 0 10px 8px;
}

div.right ul li {
	margin-bottom: 12px;
		*margin-bottom: 12px;/* ie7以下のみ適用 */
}

div.right ul li.last {
	margin-bottom: 0;
}


/* 特長 */
div#page {
	padding: 15px 0 0 20px;
}

/* サイドのナビ */
div#page div.side_navi {
	float: left;
	width: 210px;
}

/* ヒフノコトサイトへのバナー */
div#page div.side_navi p.banner {
	margin-top: 20px;
}

/* コンテンツの囲み */
div#page div.main {
	float: left;
	width: 520px;
	padding-left: 50px;
}

/* border付き見出し */
div#page div.main h3 {
	padding-bottom: 5px;
	
	border-bottom: 1px #CCCCCC solid;
}

p.text {
	margin: 5px 0 10px 2px;
}

p.img {
	margin: 10px;
	text-align: center;
}

p.anker {
	margin: 5px;
	text-align: right;
}

p.anker2 {
	padding-right: 30px;
}

a.link {
	padding-right: 1.25em;
	background: url(../images/tokutyo/navi/icon_link.gif) top right no-repeat;
	color: #1B8EE5;
}



/* 青囲み */
div.box {
	margin: 30px auto;
	padding: 0 0 10px;
	
	background-color: #E1F3FD;
}

div.box h5 {
	width: 460px;
	margin: 20px auto 0;	
}

div.box p.text,
div.box dl {
	width: 460px;
	
	margin: 0 auto;
	padding: 10px 0 0; 
}

div.box dl dd {
	margin: 0 0 10px 0;
}


/* テキスト左寄せ */
div.box p.text_l {
	width: 295px;
	padding: 15px 0 0 30px;
}


/* テキスト左寄せのimg */
div.box p.img_r {
	float: right;
	padding: 15px 25px 0 10px;
}



/* 湿疹・皮膚炎で見られる症状 */
div.main h4.syojo {
	margin: 20px 0 0 0;
	padding-left: 13px;
}

div.main table.syojo {
	width: 500px;
	margin: 10px auto;
} 

table.syojo tr th,
table.syojo tr td {
	padding: 5px;
	border: 1px #CCCCCC solid;
	text-align: center;
}

table.syojo tr th {
	background-color: #F0F0F0;
	font-weight: bold;
	line-height: 1.2;
}

table.syojo tr td.left {
	text-align: left;
	vertical-align: top;
}

table.syojo tr td.tyu {	
	border: none;
	text-align: left;
	font-size: 80%;
}


/* QAのナビ */
ul.qa {
	padding: 5px 0 10px 12px;
	background: url(../images/qa/navi_back.gif) bottom left no-repeat;
}

ul.qa li {
	padding: 0 0 6px 15px;
	background: url(../images/tokutyo/navi/icon_link.gif) top left no-repeat;
	vertical-align: bottom;
	line-height: 1;
}

ul.qa li a {	
	font-size: 80%;
	color: #1B8EE5;
}


/* QAの中身 */
div.main table {
	margin-bottom: 20px;
}

table tr td.a_title {
	width: 20px;
	vertical-align: top;
}

table tr td.a_text {
	width: 437px;
	padding: 5px 0;
	vertical-align: bottom;
}

table tr td.a_text_l {
	width: 347px;
	padding: 5px 0;
	vertical-align: top;
}

table tr td.a_img {
	width: 90px;
	padding: 5px 0;
}


/* 製品紹介 */
span.blue {
	color: #1B8EE5;
}

h4.intro {
	margin-top: 30px;
}

p.intro {
	width: 460px;
	margin: 0 auto;
	padding-left: 5px;
}

div#page div.main h3.intro {
	margin-top: 30px;
	border: none;
}

div#page div.main h3.intro2 {
	border: none;
}

div.box2 {
	width: 510px;
	margin: 5px auto 0 auto;
	padding: 10px 5px 10px 5px;
	background-color: #E1F3FD;
}

p.tyu {
	font-size: 80%;
}

table.intro {
	margin-top: 5px;
	width: 520px;
}

table.intro tr th,
table.intro tr td {
	padding: 5px 10px;
	border: 1px #CCCCCC solid;
}

table.intro tr th {
	background-color: #E1F3FD;
	font-weight: bold;
	text-align: center;
}

table.intro tr td.tyu {
	border: none;
	font-size: 80%;
}


p.contact {
	margin: 0 auto 10px auto;
	font-size: 80%;
}

table.contact {
	width: 520px;
	padding: 10px;
	border: 1px #CCCCCC solid;
}

table.contact tr th,	
table.contact tr td {	
	padding: 10px;
}

table.contact tr th {
	padding: 10px 10px 0 10px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
}

table.contact tr td {	
	font-size: 80%;
	white-space: nowrap;
}

/* 電話番号 */
table.contact tr td#tel {
	width: 228px;
	padding-right: 0;
}


/* 使用法 */
div.use table {
	width: 520px;
}
	
div.use p.text {
	float: left;
	width: 360px;
}

div.use p.text3 {
	float: none;
	width: 480px;
}

div.use p.text_2 {
	width: 320px;
}

div.use p.img {
	width: 125px;
	margin-left: 370px;
}

span.red {
	color: #822444;
}

div#page div.main div.box3 {
	clear: both;
}

div#page div.main div.box3 p.img {
	padding-top: 15px;
}

div#page div.main div.box3 p.img2 {
	padding-top: 30px;
}


/*	治療のポイント
=================================================*/
div#page div.main h4.point {
	margin-top: 30px;
	border: none;
}


/*	症状のナビゲーション
=================================================*/
div.contents_sick_navi {
	width: 210px;
	margin-bottom: 20px;
}

div.contents_sick_navi ul {
	background: url(../images/common/sick_back.gif) bottom left;
}

div.contents_sick_navi ul li {
	width: 198px;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 6px;
	background: url(../images/common/sick_bottomline.gif) bottom left no-repeat;
}

div.contents_sick_navi ul li.first {
	padding-top: 3px;
}

div.contents_sick_navi ul li.last {
	background: none;
}

div.contents_sick_navi ul li a {
	display: block;
	padding: 7px 0 6px 30px;
	background: url(../images/common/sick_icon.gif) left no-repeat;
	color: #666666;
	text-decoration: none;
}

div.contents_sick_navi ul li a:hover {
	background-color: #FFEB9C;
	color: #1B8EE5;
	text-decoration: none;
}

div.contents_sick_navi ul li a.now {
	background-color: #FFEB9C;
}


/*	症状のコンテンツ
=================================================*/
div.main table.sick {
	margin-bottom: 0;
}

table.sick tr td.right_sick_img {
	padding-top: 10px;
	padding-left: 10px;
}

table.sick tr td.right_sick_img img.bottom {
	margin-top: 10px;
}

div.sick_title {
	margin-bottom: 10px;
}


/* sickbox */
div.sickbox {
	width: 518px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px #CCCCCC solid;
}

div.sickbox h4 {
	width: 516px;
	margin: 0 auto 10px auto;
	padding-top: 1px;
}

div.sickbox p.sick_text {
	width: 500px;
	margin: 0 auto;
}

div.sickbox p.sick_img {
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
}



/* sickbox_short */
div.sickbox_short {
	width: 316px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px #CCCCCC solid;
}

div.height {
	min-height: 165px;
}
	* html div.height {	/* ie6のみ適用 */
		height: 165px;
	}

div.sickbox_short h4 {
	width: 314px;
	margin: 0 auto 10px auto;
	padding-top: 1px;
}

div.sickbox_short p.sick_text {
	width: 298px;
	margin: 0 auto;
}

div.sickbox_short p.sick_text a {
	color: #FF6600;
}

div.sickbox_short p.sick_img {
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
}


/* sickbox_short_bottom */
div.sickbox_short_bottom {
	width: 316px;
	margin-top: 10px;
	padding-bottom: 10px;
	border: 1px #CCCCCC solid;
}

div.sickbox_short_bottom h4 {
	width: 314px;
	margin: 0 auto 10px auto;
	padding-top: 1px;
}

div.sickbox_short_bottom p.sick_text {
	width: 298px;
	margin: 0 auto;
}


/* sickbox_bottom */
div.sickbox_bottom {
	width: 518px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px #CCCCCC solid;
}

div.sickbox_bottom h4 {
	width: 516px;
	margin: 0 auto 10px auto;
	padding-top: 1px;
}

div.sickbox_bottom p.sick_text {
	width: 500px;
	margin: 0 auto;
}

div.sickbox_bottom p.sick_text_bottom {
	width: 500px;
	margin: 0 auto;
	padding-top: 1em;
}

div.sickbox_bottom p.sick_img {
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
}


/* point_box */
div.point_box {
	margin-top: 20px;
}

div.point_backtop {
	width: 460px;
	margin: 10px auto;
	padding-top: 10px;
	background: url(../sick/images/common/point_backtop.gif) top left no-repeat;
}

div.point_backbottom {
	width: 460px;
	margin: 0 auto;
	padding-bottom: 10px;
	background: url(../sick/images/common/point_backbottom.gif) bottom left no-repeat;
}

div.main div.point_backbottom table {
	width: 440px;
	margin: 0 auto;
}

div.point_backbottom table tr th {
	width: 47px;
}

div.point_backbottom table tr td {
	padding-left: 15px;
}


/* link_area */
div.link_area {
	width: 460px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 5px;
}

div.link_area ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.link_area ul li a.link {
	padding-left: 1.25em;
	background: url(../images/tokutyo/navi/icon_link.gif) top left no-repeat;
	color: #1B8EE5;
}


/* トップページに戻る */
p.top {
	margin: 50px 0 20px 0;
}

/* クリアー */
p.clear {
	clear: both;
}