@charset "Shift_JIS";
@import url("common.css");
@import url("../../policy/css/policy_style.css");
@import url("../../company/css/company_style.css");
@import url("../../product/css/product_style.css");
@import url("../../factory/css/factory_style.css");
@import url("../../inquiry/css/inquiry_style.css");
@import url("../../privacy/css/privacy_style.css");
@import url("../../sitemap/css/sitemap_style.css");
@import url("../../recruit/css/recruit_style.css");
@import url("../../news/css/news_style.css");
@import url("../../q_sanpo/css/q_sanpo_style.css");
@import url("../../character/css/character_style.css");


/* --------------------------------------------------------------------------------------
 top
--------------------------------------------------------------------------------------- */

/* box -------------------- */

div#ctTopAreaBg {
	width: 100%;
	background: url(../../img/bg_top.jpg) repeat-x;
}

div#ctTopBoxBg {
	margin: 0 auto;
	width: 800px;
}

div#imageMain {
	width: 800px;
	padding: 13px 0 20px 0;
}

div#ctAreaTop {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}


/* boxTopLeft -------------------- */

div#ctAreaTopLeft {
	display: inline;
	float: left;
	width: 510px;
	padding: 26px 0 40px 0px;
	margin: 0 0 0 22px;
	text-align: left;
}

div#ctAreaTopLeft ul {
	padding: 10px 0px 0px 3px;
}

div#ctAreaTopLeft ul li {
	padding-left: 6.9em;
	text-indent: -6.9em;
	padding-bottom: 3px;
}

html*div#ctAreaTopLeft ul li { 
	padding-left: 8em;
	text-indent: -8em;
	padding-bottom: 3px;
}



/* News&Topics -------------------- */

div.news h2 {
	position: relative;
	width: 479px;
}

div.news h2 span {
	display: block;
	position: absolute;
	top: -2px;
	right: 4px;
	padding-left: 13px;
	background: url(../../img/arw_link_look.gif) no-repeat 0 50%;
	font-size: 86%;
}

div.news dl {
	width: 495px;
	padding: 5px 0 5px;
	line-height: 1.7;
	margin-left: 15px;
}

div.news dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.news dl { display:inline-block; }
/*\*/
* html div.news dl { height:1%; }
div.news dl { display:block; }
/**/

div.news dl dt {
	float: left;
	width: 100px;
	font-weight: bold;
}

div.news dl dt span {
	color: #efa81c;
	padding-right: 5px;
}

/*\*/
div.news dl dt {
	clear: both;
}
/**/

div.news dl dd {
	float: right;
	width: 380px;
}

/*\*/
* html div.news dl dd {
	float: none;
}
/**/

*:first-child + html div.news dl dd {
	float: none;
}

div.news p.news {
	text-align: right;
	padding: 5px 0 0 0;
	font-size: 86%;
	background: url(../img/dot.gif) repeat-x left top;
}

div.news p.news a {
	padding: 0 0 0 10px;
	background: url(../img/arw02.gif) no-repeat 0 1px;
}



/* boxTopRight -------------------- */

div#ctAreaTopRight {
	float: right;
	padding: 7px 0 10px 0px;
	width: 242px;
	text-align: left;
}

div#ctAreaTopRight p {
	margin-bottom: 7px;
}



/* --------------------------------------------------------------------------------------
 コンテンツ共通
--------------------------------------------------------------------------------------- */

/* タイトル h2 -------------------- */

div#ctLeft h2 {
	margin-bottom: 20px;
}

/* タイトル h3 -------------------- */

div#ctLeft h3 {
	margin-bottom: 5px;
}

/* NEWS Qさんぽ タイトル h3 -------------------- */

div#ctLeft h3.mt {
	padding: 6px 0 6px 20px;
	margin-bottom: 5px;
	background: url(../img/h2bg.gif) no-repeat center;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 113%;
}


/* タイトル h4 -------------------- */

div#ctLeft h4 {
	padding: 3px 0 3px 20px;
	margin-bottom: 3px;
	font-weight: bold;
	border-bottom: 1px #c6c6c6 solid;
}



/* リードテキスト -------------------- */

p.lead {
	margin: 18px 0 20px 8px;
}


/* 写真回り込み -------------------- */
div#ctLeft img.photo{
	float:right;
	margin:5px 0 15px 15px;
}

div#ctLeft img.photo2{
	float:left;
	margin:5px 15px 15px 0;
}

div#ctLeft img.photo3{
	text-align:center;
	margin:5px 0 0 0;
}



/* Right コンテンツ -------------------- */

div#ctRight h2 {
	border-bottom: 1px #c6c6c6 solid;
}

div#ctRight ul li {
	border-bottom: 1px #c6c6c6 solid;
}

div#ctRight ul li.last {
	border-bottom: none;
}