/* CSS Document */

/* -------------------------------------

	     クラシエホームプロダクト
				
--------------------------------------*/

#products{
	width: 855px;
	clear: both;
	padding:14px 0px;
}

/*リンクされた文字*/
#products a:link { text-decoration:none; color: #009946;}

/*訪問後のリンク*/
#products a:visited { text-decoration:none; color: #009946;}

/*マウスをのせたとき*/
#products a:hover { text-decoration:underline; color:#666666;}

/*クリック中*/
#products a:active { text-decoration:underline; color: #666666;}


/* -------Gloval Navi----------*/

#products .navi{
	width: 178px;
	text-align:left;
	float:left;
	padding-left:5px;
}

#products .navi img {
	vertical-align:bottom;
}

#products .navi dl {
	margin-top:15px;
	}

/* -------プロダクト全体----------*/

#products .main{
	width:666px;
	float:right;
	text-align:left;
	margin-right:3px;
	/*background-image: url(../products/img/img_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;*/
}
#products .main .bg_imgArea {
width:666px;
height:168px;
	background-image: url(../products/img/img_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#products h2{
	border-left:#009946 solid 5px;
	border-bottom:#009946 solid 1px;
	font-size:18px;
	margin-left:26px;
	margin-bottom:10px;
	padding:5px 10px;
	margin-top:-30px;
}

#products h3 {
	padding:3px 15px;
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:15px;
	font-size:14px;
}

#products h4{
	margin-left:28px;
	font-size:14px;
}

/* -------プロダクト全体----------*/

/*　profile.html　*/

#profTable{
	margin-left:45px;
	margin-top:30px;
}

#profTable table {
	width:600px;
	margin-bottom:20px;
}

#profTable td,
#profTable th {
	text-align:left;
	border-bottom:1px dotted #CCCCCC;
}

#profTable th {
	padding:3px 0 5px 0;
	color:#009946;
	font-weight:normal;
	width:100px;
	border-right:none;
}

/*　同じ　*/


#article,
#recruit1,
#recruit2,
#advantage,
#message {
	margin-left:28px;
	margin-top:15px;
}

#recruit1 p,#recruit2 p{
	margin-left:15px;
}

#article td {
	height:121px;
	vertical-align:top;
	padding-left:15px;
	line-height: 200%;
}

#article table {
	margin-bottom:15px;
}

#article img{
	vertical-align:middle
}

/* business.html */

#itemLink {
	margin-left:35px;
}

#itemLink li {
	padding:0 0 0 15px;
	margin-bottom:5px;
	background:url(../products/img/item_list.gif) left center no-repeat;
}

/*　advantage.html　*/


#advantage {
	margin-top:15px;
	margin-left:20px;
}


#advTable {
	width:640px;
	line-height: 160%;
}

#advTable td {
	vertical-align:top;
}

#advTable td.advKeys {
	width:370px;
}

#advTable td.advKeys dl {
	margin:0 12px 0 5px;
}

#advTable td.advKeys dt {
	font-size:12px;
	font-weight:bold;
}

#advTable td.advKeys dd {
	margin-bottom:17px;
}

#advTable td.advGlaf {
	width:270px;
}

#histTable {
	font-size:10px;
	border-left:3px solid #63db98;
	border-collapse:collapse;
}

#histTable caption {
	text-align:left;
	font-size:12px;
	font-weight:bold;	
}

#histTable td {
	padding:3px 3px 3px 3px;
	border:1px solid #F2F2F2;
}

#histTable td.yearCell {
	white-space:nowrap;
}

#histTable td.green_bg {
	background-color:#f7fffb;
}

/*-------------------------------------
		事業体制と仕事マップ
-------------------------------------*/

#system_top{
	width:652px;
	text-align:center;
	margin: -30px auto 0px auto;
}

#system_top h2{
	margin:0px;
	padding:0px;
	border:none;
	text-align:left;
}

#system{
	width:610px;
	text-align:left;
	margin: 0px auto;
}

#system h3{
	margin:0px;
	padding:0px;
	border:none;
	text-align:center;
}

#system p{
	text-align:left;
	margin:10px 10px 15px 13px;
}

#system div.box{
	margin-top:10px;
}

#system .marginR20{
	margin-right:20px;
}

#system .marginB15{
	margin-bottom:15px;
}

#system .marginT15{
	margin-bottom:15px;
}


/*-------------------------------------
		会社説明会日程
-------------------------------------*/

#schedule{
	width:611px;
	text-align:left;
	margin: 0px auto;
}

#schedule p{
	margin:0px 15px;
}

#schedule table{
	width:250px;
	text-align:center;
	border-left:1px #CCCCCC solid;
	border-top:1px #CCCCCC solid;
	margin-left:17px;
}

#schedule table td,th{
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:1px 5px;
}

#schedule table th{
	background-color:#EEEEEE;
}

#schedule .yoyaku{
	text-align:center;
	margin:auto;
	padding-top:20px;
}

/*-------------------------------------
					メッセージ共通
-------------------------------------*/

#messageTtl {
	margin:0 0 50px 20px;
}

#message h2,
#message h3 {
	border:none;
	padding:0;
	margin:0;
}

#message p {
	margin:0 0 0 10px;
}


#message h2 {
	margin-bottom:5px;
}

#message h4 {
	margin:20px 0 15px 0;
}

#message p.nextPage {
	text-align:right;
	margin-top:20px;
}

#message .mesPhoto1 {
	float:right;
	display:inline;
	margin:0 15px;
}

#message .mesPhoto2 {
	float:left;
	display:inline;
	margin:0 10px;
}


/*-------------------------------------
		仕事のフィールドと実際
-------------------------------------*/

#work{
	width:611px;
	text-align:left;
	margin: 0px auto;
	line-height: 160%;
	padding-top:15px;
	margin-top:-50px;
}
#work p.banner a:link { text-decoration:none; color: #333333;}
#work p.banner {
	clear:both;
	font-size:14px;
	background: #A1E16C;
	color:#000000;
	width:500px;
	line-height:180%;
	padding:10px;
	margin:50px auto 0 auto;
}
#work p.banner {
	text-align:center;
}

#work p{
	margin:0px 5px 20px 7px;
}

#work .left_work{
	float:left;
	margin: 0px 10px 10px 0px;
}

#work .right_work{
	float:right;
	margin: 0px 0px 10px 10px;
}

#work h2{
	margin:0px;
	padding:0px;
	border:none;
}

#work h3{
	margin:0px;
	padding:0px;
	border:none;
}
#work h3.titlecom {
font-size:16px;
font-weight:bold;
padding:10px 0px 0px 7px;
}
#work h4{
	margin:0px;
	padding:0px;
	border:none;
}

#work .marginR5{
	margin-right:5px;
}

#work .marginB5{
	margin-bottom:2px;
}