@charset "Shift_JIS";

/* *********************************************************************


CSS FILE toppage.css
apply for "toppage" only.

[index]
1.import files
2.Container (contents + Side Bar)
3.contents (Key Visual + Topics + Banner)
3-1.Key Visual
3-2.Topics
3-3.Banner
4.MailMagazine

【LAST UPDATED】22 June 2007
********************************************************************* */


/* *********************************************************************
1. import files
********************************************************************* */
@import "c_left_navi_img.css";
@import "c_left_navi.css";
@import "common_image.css";
/* *********************************************************************
2. Container (contents + Side Bar)
********************************************************************* */

.img_left_position{
	float: left;
	margin: 10px 25px 0px 25px;
}

.position_l {
	float: left;
	margin-right: 7px;
	padding: 0px;}

.position_r{
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #666666;
}

.position_r{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.position_r_10{
	float: right;
	margin-right: 15px;
	padding: 0px 0px 0px 10px;
}

.position_l_10{
	float: left;
	margin-left: 20px;
	padding: 0px 10px 0px 0px;
}




/* *********************************************************************
1. left_local_navigation_bar setting
********************************************************************* */


#left_main ul,#left_main li,#left_main a,#left_main a:hover{
	width: 192px;
	height: 32px;
	margin: 0px;
	padding: 0px;
}

#left_main ul {
	height: 480px;
}

#left_main li{
	display: block;
	}

#left_main li a,#left_main li a:hover{
	display: block;
	width: 192px;
	height: 32px;
	text-indent: -9999em;
}




/* *********************************************************************
Right_Colmun見出しｈ３
********************************************************************* */


#rightcolumn h3,
#wrapper #main_container #rightcolumn #entry h3{
	margin: 20px 30px 10px 20px;
	padding: 0px 0px 0px 9px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	border-bottom: #666666 1px dotted;
	height: 20px;
	background-image:url(../images/common/con_sub_ttl_bg.gif);
	background-repeat: no-repeat;

}



/* *********************************************************************
事業ドメインのリストサイズ
********************************************************************* */
#wrapper #main_container #rightcolumn #entry .do_listsize {
	margin: 20px 10px 20px 10px;
	padding:  0px 0px 0px 0px;
}

#wrapper #main_container #rightcolumn #entry .do_lists {
	margin: 10px 15px 10px 25px;
	padding:  0px 0px 0px0px;
	list-style-image: url(../images/toppage/do_listmark.gif);
	background-repeat: no-repeat;
}


.under_spacing {
	margin-bottom: 40px;
}

.left_spacing {
	margin-left: 14px;
}

/* *********************************************************************
事業ドメイン メーカースペース
********************************************************************* */
#wrapper #main_container #rightcolumn #entry .do_inq:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#wrapper #main_container #rightcolumn #entry .do_inq {
	display: inline-block;
	margin: 20px 25px 40px 20px;
	padding: 10px 0px 10px 10px;
	background:#F0F0F0;
	font-size: 12px;
}

#wrapper #main_container #rightcolumn #entry .do_inq li{
	line-height: 110%;

}

/* Hides from IE-mac \*/
* html #wrapper #main_container #rightcolumn #entry .do_inq { height: 1%; }
#wrapper #main_container #rightcolumn #entry .do_inq { display: block; }
/* End hides from IE-mac \*/

#wrapper #main_container #rightcolumn #entry .do_inq p {
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	margin: 0px 0px 0px 10px;
}



/* *********************************************************************
ENTRY SETTING （ブログエントリーリスト）
********************************************************************* */



#wrapper #main_container #rightcolumn #entry{
	float: right;
	color: #666;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	height: auto;
	width: 538px;
	text-align: left;
}



#wrapper #main_container #rightcolumn #entry p,
#wrapper #main_container #rightcolumn #entry dd,
#wrapper #main_container #rightcolumn #entry ol,{
	margin: 10px 25px 10px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
}

#wrapper #main_container #rightcolumn #entry a,
#wrapper #main_container #rightcolumn #entry a:hover{
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#47498E;
}

#wrapper #main_container #rightcolumn #entry a{
	text-decoration: none;
}

#wrapper #main_container #rightcolumn #entry a:hover{
	text-decoration:underline;
}


/* *********************************************************************
ENTRY SETTING dl dt　（ブログエントリーリスト）
********************************************************************* */
#wrapper #main_container #rightcolumn #entry dl {
	margin-left: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #666666;
}

#wrapper #main_container #rightcolumn #entry dt{
	font-weight: bold;
	float: left;
	width: 140px;
	padding: 0px 0px 0px 10px ;
	background: url(../images/common/con_sub_ttl_bg.gif) no-repeat;
}

#wrapper #main_container #rightcolumn #entry dd{
	margin-left: 140px;
	margin-bottom: 10px;
}


/* *********************************************************************
ENTRY SETTING li ul　（ブログエントリーリスト）
********************************************************************* */
#wrapper #main_container #rightcolumn #entry ul,
#wrapper #main_container #rightcolumn #entry ul li{
	margin: 10px 15px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
	}
	
/* *********************************************************************
ENTRY SETTING ol ul　（ブログエントリーリスト）
********************************************************************* */

#wrapper #main_container #rightcolumn #entry ol li{
	margin: 10px 25px 10px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
	}


/* *********************************************************************
ENTRY SETTING PageBute　（ブログエントリーリスト 記事ページャー）
********************************************************************* */

#wrapper #main_container #rightcolumn #page_navi{
	font-size: 12px;
	color:#666666;
	margin-top: 40px;
	}
#wrapper #main_container #rightcolumn #page_navi a{
	font-size: 12px;
	color:#47498E;
	text-decoration: none;
	}

#wrapper #main_container #rightcolumn #page_navi a{
	font-size: 12px;
	color:#47498E;
	text-decoration:underline;
	}
.public_new/* *********************************************************************
採用　問合せ情報から流用　new★★★★★
********************************************************************* */

     {
	padding: 15px;
	background:#EBF6FD;
	border: 1px #0099D9 solid;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.industry_new     {
	padding: 15px;
	background:#D4ECEB;
	border: 1px #009FA8 solid;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.car_new     {
	padding: 15px;
	background:#E7D5E8;
	border: 1px #A64A97 solid;
	width:446px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.communication_new     {
	padding: 15px;
	background:#E9E7F3;
	border: 1px #8E81BC solid;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.ecology_new     {
	padding: 15px;
	background:#ECF5ED;
	border: 1px #00A95F solid;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#ex {
	font-size: 13px;
	line-height: 22px;
	padding-right: 15px;
	padding-left: 15px;
}
.newh1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.new_bdr {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #979797;
	border-right-color: #979797;
	border-bottom-color: #979797;
	border-left-color: #979797;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#do_01  {
	margin: 0px 10px 25px 10px;
	width:506px;
	font-size: 14px;
	font-weight:bold;
    line-height: 150%;
	background-color:#C7D5E6;
    text-align: center;
	}
#entry table#do_01 th {
	padding: 10px;
	}

#entry table#do_02 {
	margin: 0px 10px 25px 10px;
	width:506px;
	font-size: 14px;
	font-weight:bold;
    line-height: 150%;
	background-color:#FAE2CD;
    text-align: center;
	}
#entry table#do_02 th {
    padding: 10px;
	}
	
#entry table#do_03 {
	margin: 0px 10px 25px 10px;
	width:506px;
	font-size: 14px;
	font-weight:bold;
    line-height: 150%;
	background-color:#D6E6D5;
    text-align: center;
	}
#entry table#do_03 th {
    padding: 10px;
	}
	
#entry table#do_00 {
	margin: 0px 10px 25px 10px;
	width:506px;
	font-size: 14px;
	font-weight:bold;
    line-height: 150%;
	background-color:#DBEEFB;
    text-align: center;
	}
#entry table#do_00 th {
    padding: 10px;
	}


#entry table#do_t_01 {
	margin: 0px 10px 25px 10px;
	width:506px;
	font-size: 14px;
	font-weight:bold;
    line-height: 150%;
	background-color:#EBF6FD;
    text-align: center;
	}
#entry table#do_t_01 th {
    padding: 10px;
	}
#entry table#do_t_02 {
	margin: 0px 10px 25px 10px;
	width:506px;
	font-size: 14px;
	font-weight:bold;
    line-height: 150%;
	background-color:#FFF5E0;
    text-align: center;
	}
#entry table#do_t_02 th {
    padding: 10px;
	}

#entry table#do_t_03 {
	margin: 0px 10px 25px 10px;
	width:506px;
	font-size: 14px;
	font-weight:bold;
    line-height: 150%;
	background-color:#ECF5ED;
    text-align: center;
	}
#entry table#do_t_03 th {
    padding: 10px;
	}
#do_ms_00  {
	border-bottom: 1px dotted #666666;
	font-size: 12px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-bottom: 5px;
	}
#do_ms_00  th  {
    padding: 10px;
	font-size: 14px;
	font-weight:bold;
	color:#666666;
	}
#do_ms_01  {
	font-size: 12px;
	}
#do_ms_01  th  {
	font-size: 16px;
	font-weight:bold;
	color:#005BAC;
	line-height: 26px;
	}
#do_ms_02  {
	margin-top: 0px;
	margin-bottom: 0px;
	}
#do_ms_02  th  {
	font-size: 16px;
	font-weight:bold;
	color:#6FBA22;
	line-height: 26px;
	}
#do_ms_03  {
	margin-top: 0px;
	margin-bottom: 0px;
	}
#do_ms_03  th  {
	font-size: 16px;
	font-weight:bold;
	color:#7B1184;
	line-height: 26px;
	}
#do_ms_04  {
	margin-top: 0px;
	margin-bottom: 0px;
	}
#do_ms_04  th  {
	font-size: 16px;
	font-weight:bold;
	color:#3D62A6;
	line-height: 26px;
	}
#do_ms_05  {
	margin-top: 0px;
	margin-bottom: 0px;
	}
#do_ms_05  th  {
	font-size: 16px;
	font-weight:bold;
	color:#6FBA22;
	line-height: 26px;
	}