/* 
 * 以下ヘッダ、メイン、サイド、フッタの配置を行うスタイル指定
 * ピクセルの指定は以下のスタイルで指定してhtml内部では幅は100%指定とする
 */

/* -----------要素共通-----------*/
* {
 margin:0;
 padding:0;
}
/*
 * ＜img＞タグの属性変更
 * ie FireFoxで画像を縦に並べると隙間が出来てしまうのに対応
 */
img {
 padding :0px;
 margin:0px;
 border:0;
 vertical-align:top;
}	
/*
 * ＜ul＞タグの属性変更　*/
ul {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 line-height: 100%;
 }

h2 {
 margin:0px 0px 10px 5px;
 padding:3px 0 5px 20px;
 background:url(../img/common/mark_h2.gif) no-repeat left center;
 border-bottom: 1px solid #D5D5D5;
 color: #666666;
 font-size:130%;
 width:700px;
}

h3 {
 width:700px;
 background-color:#999999;
 color:#ffffff;
 padding:3px 0 3px 15px;
 margin:30px 0 5px 0px;
 font-size:120%;
}

h4 {
 margin:20px 0px 10px 20px;
 padding:0 0 5px 5px;
 border-bottom: 2px solid #FE6F09;
 color:#666666;
 width:685px;
 font-size:110%;

}

a:link {
 color: #506dcd;
 text-decoration: underline;
}
a:visited {
 color: #506dcd;
 text-decoration: underline;
}
a:hover {
 color:#506dcd;
 text-decoration: none;
}

li {
 padding:5px 0 5px 0;
}


body{
 font-size: 80%; 
 line-height:150%;
}

/* -----------ID-----------*/
#header_top {
 width:100%;
 height:4px;
 padding:0;
 background:url(../img/top/bg_header.png) repeat-x;
 margin-bottom:15px;
}

#header_sitemap {
 width:960px;
 padding:0;
 margin-left:auto;
 margin-right:auto;
}
#header {
 width:100%;
}

#container {
 width:960px;
 margin-left:auto;
 margin-right:auto;
}

#side {
 width:205px;
 float:left;
}

#topic-path{
 padding:5px 0 5px 0;;
}

#main_center {
 width:750px;
 float:center;
}

#main {
 width:750px;
 float:left;
 margin-bottom:40px;
}

#footer {
 width:100%;
 clear:left;
 background-color: #eeeeee;
 
}

#footer_container {
 width:960px;
 clear:left;
 margin-left:auto;
 margin-right:auto;
 padding-top:20px;

}

/* -----------共通-----------*/

td.main{
 padding:8px 8px 8px 8px ;
 line-height:150%;
}

/* 共通　(バナー) */
div.banner {
 margin-bottom:5px;
}

div.pagetop {
 margin: 0 20px 0 0;
}

#side_box {
 width:195px ;
 padding:7px 7px 7px 7px;
 background:url(../img/common/bg_side.gif) repeat;
}

span.red{
 color:red;
}


span.blue{
 color:blue;
}

span.strike{
 text-decoration: line-through;
}

span.bold{
 font-weight: bold;
}

.bold{
 font-weight: bold;
}

div.idt1{
 margin:0 0 0 10px;
 padding:0 0 0 0;
}

/*
 * トップメニュー用＜ul＞タグの指定
 * 幅960ピクセル
 * マージンなし
 */
ul.topMenu{
    width:100%;
    margin:0;
    padding:0;
}
/*
 * トップメニュー用＜li＞タグの指定
 * ディスプレイ:inline
 * マージン、余白なし
 * フロート:left
 */

ul.topMenu li{
    display : inline; 
    padding :0; 
    margin:0; 
    float:left
}

/*
 *ulリストの後始末　safariはこれが無いと表示が変になる
 */
ul.topMenu:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 font-size:0;
}

div.h2 p{
 margin:15px 15px 20px 20px;
}


div.h3 {
 margin:10px 0px 10px 15px;
}

div.h3 p{
 margin:10px 25px 10px 0px;
}

div.h4 {
 margin:0 0 0 20px;
}

div.h4 img {
 margin:20px 0 20px 0;
}

div.h4 p{
 margin:10px 25px 30px 5px;
}


/* 各トップページ見出し(短) */
table.index_short {
 background-color: #d5d5d5;
 width:335px;
}

table.index_short td {
 background-color: #ffffff;
 padding:10px 0px 0px 10px;
}

/* 各トップページ見出し(長) */
table.index_long {
 background-color: #d5d5d5;
 width:100%;
}

table.index_long td {
 background-color: #ffffff;
 padding:10px 0px 10px 10px;
}


*.float{
 float: right;
 margin-right: 1em;
 margin-bottom: 1em;
}

*.floatclear{
 clear: both;
}

p.long {
 padding:0 20px 0 15px;
}

/* 共通　(パンくずリスト) */
#topic-path a:link {color:#000000}
#topic-path a:visited {color:#000000}
#topic-path a:hover{color:#000000}
#topic-path a {
 text-decoration: underline;
}


/* 共通　(フッター) */
#footer_container a:link {color:#000000}
#footer_container a:visited {color:#000000}
#footer_container a:hover{color:#666666}

/* -----------ホーム-----------*/

/* ホーム　(ニュース、トピックス) */
.news_topics dl {
 padding:0 0px 10px 2px;
 margin:0 7px 10px 0;
 background:url(../img/top/bg_x01.gif) repeat-x bottom;

}

.news_topics dt {
 padding:0 0 0 5px;
 width:10em;
 float:left;
 display: inline-block;  
 font-weight: bold;
 color: #aaaaaa;

}

.news_topics dd {
 display: inline-block; 
 color: #777777;
 width: 515px;
}

/* -----------プレスリリース-----------*/
h2.press {
 margin:0px 0px 20px 0px;
 padding:3px 0 5px 20px;
 background:url() no-repeat left center;
 border-top: 2px solid #D5D5D5;
 border-bottom: 2px solid #D5D5D5;
 color: #666666;
 font-size:110%;
 text-align:center;
 width:679px;
}

h3.press {
 width:700px;
 background-color:#ffffff;
 color:#666666;
 padding:3px 0 3px 15px;
 margin:30px 0 5px 0px;
 font-size:100%;
}



div.press_profile {
 margin:30px 0 5px 0px;
 font-size:90%;
}

div.press_small {
 font-size:80%;
}

div.press_h3_left {
 margin:10px 0px 10px 15px;
 font-size:90%;
 float:left;
 width:400px;
}

div.press_h3_right {
 float:right;
}


/* -----------会社案内-----------*/

/* 概要/沿革 */
table.tbl_data_01  {
 margin-left:15px;
 width:700px;
 background-color: #bbbbbb;

}

.tbl_data_01 th {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:left;
 padding:0 0 0 10px;
 width:160px;
}

.tbl_data_01 td {
 padding:8px 8px 8px 8px;
 background-color: #ffffff;
}

/* -----------事業案内-----------*/

/* ＊から探す一覧 テーブル*/
table.tbl_data_02  {
 margin:0 0 15px 15px;
 width:95%;
 background-color: #bbbbbb;
}

.tbl_data_02 td.thead {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:left;
 padding:8px 8px 8px 10px;
 width:160px;
}

.tbl_data_02 td {
 padding:8px 8px 8px 8px;
 background-color: #ffffff;
 text-align:left;
}

/* 事業一覧　テーブル*/

table.tbl_data_04  {
 background-color: #bbbbbb;
 margin:20px 0 20px 0;
}

.tbl_data_04 td.thead {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:center;
}

.tbl_data_04 td.thead_l {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:left;
}

.tbl_data_04 td {
 padding:8px 8px 8px 8px;
 background-color: #ffffff;
}

/* 詳細ページ　テーブル　*/
table.tbl_data_05  {
 margin:15px;
 background-color: #bbbbbb;

}

.tbl_data_05 td.thead {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:left;
 padding:0 0 0 5px;
}
.tbl_data_05 td {
 padding:0;
 background-color: #ffffff;
}
div.makerlink {
 padding:10px 20px 20px 20px;
 width:160px;
 height:70px;
 background:url(../img/business/bg_makerlink.gif) no-repeat left center;
}
div.makerlink_up {
 padding:0px 20px 0px 20px;
 width:160px;
 height:22px;
 background:url(../img/business/bg_makerlink_up.gif) no-repeat left center;
}
div.makerlink_middle {
 padding:0px 20px 0px 20px;
 width:160px;
 background:url(../img/business/bg_makerlink_middle.gif) repeat left center;
}
div.makerlink_bottom {
 padding:0px 20px 0px 20px;
 width:160px;
 height:18px;
 background:url(../img/business/bg_makerlink_bottom.gif) no-repeat left center;
}

table.tbl_data_07  {
 margin:15px 0px 15px 0;
 background-color: #bbbbbb;
}
.tbl_data_07 td {
 padding:8px 8px 8px 8px;
 background-color: #ffffff;
}

.tbl_data_07 td.thead {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:left;
}

.tbl_data_07 span.title {
 font-weight:bold;
 color:#FE6F09;
 font-size:120%;
}

table.tbl_data_08  {
 margin:20px 0 20px 15px;
 width:700px;
 background-color: #bbbbbb;

}

.tbl_data_08 td.thead {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:left;
 padding:8px 8px 8px 8px;
}

.tbl_data_08 td {
 padding:8px 8px 8px 8px;
 background-color: #ffffff;
}

.tbl_data_08 td.right {
 text-align:right;
}

table.tbl_data_09  {
 margin:20px 0 20px 15px;
 width:700px;
 background-color: #bbbbbb;

}

.tbl_data_09 td.thead {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:center;
 padding:8px 8px 8px 8px;
}

.tbl_data_09 td {
 padding:8px 8px 8px 8px;
 background-color: #ffffff;
}

/* 事業案内　リスト */
ul.business_list01  {
 margin: 10px 0 0px 0px;
 padding:0px 20px 20px 20px;
 background-color:#ffffff;
}
/* 事業案内　リスト △　*/
ul.business_list01 li.lv1  {
 padding:2px 0 2px 0;
 list-style-image:url(../img/common/mark_list_lv1.gif);
 font-weight:bold;
}

/* 事業案内　リスト ・　*/
ul.business_list01 li.lv2  {
 margin: 0px 0 0px 20px;
 padding:2px 0 2px 0;
 list-style-image:url(../img/common/mark_list_lv2.gif);
}
/* 事業案内　リスト 数字　*/
ul.business_list01 li.lv3  {
 margin: 0px 0 0px 20px;
 padding:2px 0 2px 0;
 list-style-type:decimal;
}

/* 事業案内　リスト マークなし、オレンジ　*/
ul.business_list01 li.lv4  {
 color:#FE6F09;
 margin: 0px 0 0px 20px;
 padding:2px 0 2px 0;
}
/* 事業案内　リスト △ノーマル　*/
ul.business_list01 li.lv1n  {
 padding:2px 0 2px 0;
 list-style-image:url(../img/common/mark_list_lv1.gif);
}

div.makerlink {
 padding:10px 20px 20px 20px;
 width:160px;
 height:70px;
 background:url(../img/business/bg_makerlink.gif) no-repeat left center;
}

div.makerlink img{
 margin:0px 0px 0px 0px;
}

div.makerlink table{
 vertical-align:top;
}


.kit-box {
	float:left;
	width:172px;
	border-right:1px solid #DBDBDB;
	padding:5px 15px;
	margin-bottom:20px;
}
.kit-box h3 {
	margin-bottom:10px;
	clear:both;
}
.kit-box .ph {
	background:url(../images/bg_naname1.gif) repeat 0 0;
	margin:0 auto 10px auto;
	padding:4px;
	text-align:center;
	border:1px solid #A1B4D4;
	width:154px;
}
.kit-box .ph a {
	display:block;
	border:1px solid #FFF;
}
.kit-box .ph a:hover {
	border:1px solid #4D668F;
}
.end {border:0;}
/* -----------採用情報-----------*/

/* 募集要項 テーブル*/
table.tbl_data_03  {
 margin-left:15px;
 width:700px;
 background-color: #bbbbbb;
}

.tbl_data_03 td.thead {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:center;
 padding:0 0 0 0;
 width:110px;
}

.tbl_data_03 td {
 padding:8px 8px 8px 8px;
 background-color: #ffffff;
}


.message p {
 font-size:125%;
 font-weight:bold;
 padding:20px 0 30px 0px;
 border-bottom: 2px solid #FE6F09;
 border-top:2px solid #FE6F09;
}

.message div.left  {
 width:430px;
 float:left;
 padding:0 0 40px 0;
}
.message div.right  {
 float:right;
 width:255px;
}

/* リスト */
ul.recruitment_list01  {
 margin: 10px 0 0px 0px;
 padding:0px 20px 20px 20px;
 background-color:#ffffff;
}
/* リスト △　*/
ul.recruitment_list01 li.lv1  {
 list-style-image:url(../img/common/mark_list_lv1.gif);
 font-weight:bold;
 padding:2px 0 2px 0;
}

table.freshguide {
 width:85%;
 margin:10px 0 0 10px;
}

table.freshguide p {
 padding:0 0 0 15px;
}

table.freshguide ul {
 margin:0 0 0 15px;
 padding:0 0 0 15px;
 list-style-image:url(../img/common/mark_list_lv2.gif);
}

/* -----------お問い合わせ-----------*/

/* お問い合わせフォーム テーブル*/

table.table_around{
    width: 100%;
    background:#bbbbbb;
}


table.table_around td.thead {
    width: 130px;
    padding: 5px;
    background: #eeeeee;
    font-weight: normal;
    line-height: 120%;
    text-align: left;
}

table.table_around td {
    padding: 5px;
    background: #ffffff;
    line-height: 120%;
    text-align: left;
}

table.table_around2{
    width: 100%;
    background:#bbbbbb;
}


table.table_around2 td.thead {
    width: 200px;
    padding: 5px;
    background: #eeeeee;
    font-weight: normal;
    line-height: 120%;
    text-align: left;
}

table.table_around2 td {
    padding: 5px;
    background: #ffffff;
    line-height: 120%;
    text-align: left;
}

a.menu:link{color:#666666}

a.menu:visited{color:#666666}

a.menu:hover{color:red;}

/* -----------サイトマップ-----------*/

ul.sitemap li.lv1 {
 
}

ul.sitemap li.lv2 {
 margin-left:20px;
 padding-left:20px;
 background:url(../img/common/mark_sitemap_lv1.gif) ;
 background-repeat:no-repeat ;
}

ul.sitemap li.lv3 {
 padding-left:20px;
 margin-left:50px;
 background:url(../img/common/mark_sitemap_lv1.gif) no-repeat left center;
 background-repeat:no-repeat ;
}

/* -----------個人情報開示請求-----------*/

/* リスト */
ul.demand_list01 {
 margin: 10px 0 0px 0px;
 padding:0px 0px 0px 0px;
 background-color:#ffffff;
}
/* リスト インデント1　*/
ul.demand_list01 li.idt1 {
 padding:2px 0 2px 0;
}
/* リスト インデント1 改行　*/
ul.demand_list01 li.idt1_br {
 padding:2px 0 15px 0;
}

/* リスト インデント2　*/
ul.demand_list01 li.idt2 {
 padding:2px 0 2px 18px;
}
/* リスト インデント2 改行　*/
ul.demand_list01 li.idt2_br {
 padding:2px 0 15px 18px;
}

/* リスト インデント2 数字*/
ul.demand_list_dec {
 list-style-type:decimal;
 margin:0 0 0 30px;
}

ul.demand_list_dec li {
 padding:0 0 15px 0px;
}

/* リスト インデント3　*/
ul.demand_list01 li.idt3 {
 padding:2px 0 2px 36px;
}

/* リスト インデント3 改行　*/
ul.demand_list01 li.idt3_br {
 padding:2px 0 15px 36px;
}

/* リスト インデント4　*/
ul.demand_list01 li.idt4 {
 padding:2px 0 2px 54px;
}

/* リスト インデント4 改行　*/
ul.demand_list01 li.idt4_br {
 padding:2px 0 15px 54px;
}

/* リスト マーク△　*/
ul.demand_list01 li.mrk1 {
 list-style-image:url(../img/common/mark_list_lv1.gif);
 font-weight:bold;
}

table.tbl_data_06 {
 margin:10px 0 30px 15px;
 width:90%;
 background-color: #bbbbbb;
}

.tbl_data_06 td.thead {
 background-color: #eeeeee;
 font-weight:normal;
 text-align:center;
 padding:4px;
}

.tbl_data_06 td {
 padding:4px;
 background-color: #ffffff;
}