@charset "UTF-8";

/**
@prefix : <http://purl.org/net/ns/doas#> .
<http://www.fordays.jp/common/css/editorial/kakusan/common.css> a :CSSstylesheet;
 :shortdesc "Common CSS";
 :created "2009-07-23";
 :license <http://www.fordays.jp/>;
 :dependencies "none" .
*/

/*----------------------------------------------------
	index.html
----------------------------------------------------*/
body.index div#main-col p.text-02 {
	font-size: 108%;
}
body.index div#main-col div.section-01 {
	margin-bottom: 30px;
}
body.index div#main-col div.section-01 p.img {
	float: right;
}
body.index div#main-col div.section-01 div.section-inner-01 {
	float: left;
	width: 470px;
}
body.index div#main-col div.section-02 {
	margin-bottom: 30px;
}
body.index div#main-col div.section-02 div.section-inner-01 {
	float: left;
	width: 400px;
}
body.index div#main-col div.section-02 div.section-inner-02 {
	float: right;
	width: 269px;
}
body.index div#main-col div.section-02 div.section-inner-02 p.img {
	margin-bottom: 15px;
	text-align: center;
}
body.index div#main-col div.section-03 {
	margin-bottom: 30px;
}
body.index div#main-col div.section-03 p.img {
	float: right;
}
body.index div#main-col div.section-03 div.section-inner-01 {
	float: left;
	width: 455px;
}
body.index div#main-col div.section-04 {
	margin-bottom: 30px;
}
body.index div#main-col div.section-04 p.img {
	float: right;
}
body.index div#main-col div.section-04 div.section-inner-01 {
	float: left;
	width: 455px;
}
body.index div#main-col div.section-05 {
	margin-bottom: 30px;
}
body.index div#main-col div.section-05 p.img {
	float: right;
}
body.index div#main-col div.section-05 div.section-inner-01 {
	float: left;
	width: 420px;
}


/*----------------------------------------------------
	action.html
----------------------------------------------------*/
body.action div#main-col {
	margin-bottom: -30px;
}
body.action div#main-col div.section-01 {
	width: 320px;
	float: left;
	margin: 0 10px 5px 0;
}
body.action div#main-col div.section-02 {
	width: 360px;
	float: left;
	margin-bottom: 5px;
}
body.action div#main-col p.img {
	float: left;
	margin-right: 10px;
}
body.action div#main-col div.section-03 {
	margin-left: 395px;
}
body.action div#main-col div.section-03 p.text-01 {
	margin-bottom: 10px;
}
body.action div#main-col dl.source {
	font-size: 77%;
	color: #999;
}
body.action div#main-col dl.source dt {
	width: 4em;
	float: left;
}
body.action div#main-col dl.source dd {
	margin-left: 4em;
}


/*----------------------------------------------------
	research.html
----------------------------------------------------*/
body.research div#main-col {
	margin-bottom: -10px;
}
body.research div#main-col table {
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}
body.research div#main-col table th,
body.research div#main-col table td {
	padding: 8px 10px;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
body.research div#main-col table th {
	background: #fffcdb;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
body.research div#main-col div.section-01 {
	position: relative;
	left: -4px;
	width: 698px;
	margin-bottom: 10px;
	background: url(/common/img/kakusan/research_bg_03.gif) no-repeat left bottom;
}
body.research div#main-col div.section-inner-01 {
	padding: 25px 30px;
	background: url(/common/img/kakusan/research_bg_01.gif) no-repeat left top;
}
body.research div#main-col div.section-inner-02 {
	padding: 25px 30px;
	background: url(/common/img/kakusan/research_bg_02.gif) no-repeat left top;
}
body.research div#main-col div.section-inner-01 h3 {
	margin-bottom: 10px;
	padding-bottom: 8px;
	font-size: 123.1%;
	font-weight: bold;
	background: url(/common/img/kakusan/research_line_01.gif) repeat-x left bottom;
}
body.research div#main-col div.section-inner-02 h3 {
	margin-bottom: 10px;
	padding-bottom: 8px;
	font-size: 123.1%;
	font-weight: bold;
	background: url(/common/img/kakusan/research_line_02.gif) repeat-x left bottom;
}
body.research div#main-col div.section-01 p.text-01 {
	margin-bottom: 15px;
}
body.research div#main-col div.section-01 p.img {
	float: left;
	margin-right: 10px;
}
body.research div#main-col div.section-inner-01 div.section-box-01 {
	margin-left: 345px;
}
body.research div#main-col div.section-inner-02 div.section-box-01 {
	margin-left: 270px;
}
body.research div#main-col div.section-box-01 p.text-01 {
	margin-bottom: 10px;
}
body.research div#main-col dl.source {
	font-size: 77%;
	color: #999;
}
body.research div#main-col dl.source dt {
	width: 4em;
	float: left;
}
body.research div#main-col dl.source dd {
	margin-left: 4em;
}
body.research div#main-col dl.source dd.last {
	margin-left: 0;
}
body.research div#main-col dl.source dd a {
	color: #999;
}


/*----------------------------------------------------
	qa.html
----------------------------------------------------*/
body.qa div#main-col {
	margin-bottom: -30px;
}
body.qa div#main-col p.text-02 {
	margin-bottom: 10px;
	font-size: 123.1%;
	font-weight: bold;
}
body.qa div#main-col dl dt {
	margin-bottom: 15px;
	padding: 8px 10px 6px;
	color: #23584f;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.1;
	background: #f6f6f6;
}
body.qa div#main-col dl dt span {
	display: block;
	margin-left: 23px;
	text-indent: -23px;
}
body.qa div#main-col dl dd {
	margin: 0 0 35px 23px;
	padding: 0 10px;
	font-size: 108%;
	text-indent: -23px;
}
body.qa div#main-col dl dt span img,
body.qa div#main-col dl dd img {
	margin-right: 5px;
	vertical-align: top;
}
body.qa div#main-col span.vitamin {
	margin-left: 2px;
	vertical-align: bottom;
	font-size: 77%;
}


/*----------------------------------------------------
	Clearfix
----------------------------------------------------*/
.clearfix:after,
body.index div#main-col div.section-01:after,
body.index div#main-col div.section-02:after,
body.index div#main-col div.section-03:after,
body.index div#main-col div.section-04:after,
body.index div#main-col div.section-05:after,
body.action div#main-col dl.source:after,
body.research div#main-col div.section-inner-01:after,
body.research div#main-col dl.source:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
body.index div#main-col div.section-01,
body.index div#main-col div.section-02,
body.index div#main-col div.section-03,
body.index div#main-col div.section-04,
body.index div#main-col div.section-05,
body.action div#main-col dl.source,
body.research div#main-col div.section-inner-01,
body.research div#main-col dl.source {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html body.index div#main-col div.section-01,
* html body.index div#main-col div.section-02,
* html body.index div#main-col div.section-03,
* html body.index div#main-col div.section-04,
* html body.index div#main-col div.section-05,
* html body.action div#main-col dl.source,
* html body.research div#main-col div.section-inner-01,
* html body.research div#main-col dl.source {
	height: 1%;
}
.clearfix,
body.index div#main-col div.section-01,
body.index div#main-col div.section-02,
body.index div#main-col div.section-03,
body.index div#main-col div.section-04,
body.index div#main-col div.section-05,
body.action div#main-col dl.source,
body.research div#main-col div.section-inner-01,
body.research div#main-col dl.source {
	display: block;
}
/* End hide from IE-mac */