@charset "utf-8";
/*all setting*/
* { color: #292929; font-size: 13px; font-family: Arial, "ＭＳ Ｐゴシック"; line-height: 150%; margin: 0; padding: 0; }

/*body setting*/
body  { background-color: #3e3e3e; text-align: center }

/*commons*/
a { }
a:hover { }
img { border-style: none; border-width: 0; }
.margin_355{margin-bottom: 355px}
.margin_40{margin-bottom: 40px}
.margin_10{margin-bottom: 10px}
.left_pos{ float: left; }
/*wrapper state*/
#wrapper  { text-align: left; margin-right: auto; margin-left: auto; width: 780px; clear: both }
/*header state*/
#header  { background-color: #ddf6ff; width: 780px; float: left; clear: both }
#header h1 { margin: 0; padding: 10px; float: left }
#header ul.subnavi { padding-top: 35px; padding-right: 5px; float: right }
*html #header ul.subnavi { padding-top: 35px; float: right }
#header ul.subnavi li  { color: #48a4cd; display: inline; padding-right: 5px }
#header ul.subnavi li a { color: #48a4cd; text-decoration: underline }
#header ul.subnavi li a:hover { color: #48463b; text-decoration: underline }
/*navi state*/
#navi   { text-align: left; padding-bottom: 10px; width: 780px; clear: both }
#navi img { vertical-align: bottom }
/*topicphath state*/	
#topicpath     { width: 780px }
#topicpath ul    { list-style-type: none }
#topicpath ul li   { color: silver; font-size: smaller; background-image: url(../image/system/topicpath.gif); background-repeat: no-repeat; background-position: 0 0; display: inline; padding-right: 10px; padding-left: 15px }
#topicpath ul li a  { color: #fff; text-decoration: none }
#topicpath ul li a:hover  { color: #39c; text-decoration: none }
/*content state*/	
#content    { background-color: #bee6ff; background-image: url("../image/system/contents_BG.jpg"); background-repeat: no-repeat; background-position: 100% 0; margin-top: 5px; width: 780px; float: left; clear: both }
/*flash state*/
#flash { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; width: 760px; float: left; clear: both }
*html #flash { margin-top: 10px; margin-bottom: 10px; margin-left: 5px; width: 760px; float: left; clear: both }
/*s_menu state*/
#s_menu { margin-left: 5px; padding-bottom: 10px }
#s_menu img { margin-right: 5px; margin-left: 5px }
#s_menu img.add { margin-left: 10px }
/*sidebar state*/
#sidebar   { background-image: none; background-repeat: no-repeat; margin-top: 10px; margin-right: 10px; margin-left: 10px; padding-bottom: 10px; width: 150px; float: left }
*html #sidebar { background-image: none; background-repeat: no-repeat; margin-top: 10px; margin-right: 10px; margin-left: 5px; padding-bottom: 10px; width: 150px; float: left }
/*main state*/
#main     { background-color: #fff; width: 600px; margin-top: 10px; float: left  }
#main div p.anchor { text-align: right; padding: 5px 10px 30px 0; }
.title { clear: both; padding-bottom: 20px; padding-left: 10px; }
*html .title { margin-bottom: 20px; margin-left: 10px; }
.pagetop{ text-align: right; float: right; clear: both; padding-top: 40px; padding-right: 10px; padding-bottom: 10px; }

/*company state*/
.content01 { width: 580px; }
.greeting { margin-left: 20px; }
.greeting img { margin-right: 15px; }
.left_img { width: 87px; height: auto; float: left; padding-left: 20px; }
*html .left_img { width: 87px; height: auto; float: left; padding-left: -10px; }
#main div.main_text { text-align: left; width: 472px; float: right; }
#main div.main_text p { padding-left: 14px; }
.president { text-align: right; clear: right; }
*html .pagetop{ float: right; margin-top: 40px; margin-right: 10px; margin-bottom: 10px; }
.philosophy { padding-left: 60px; }
*html .philosophy { margin-left: 60px; }
/*list*/
#main div.list { float: left; margin-right: 10px; margin-left: 10px; display: inline; }
#main div.list p.img_center { width: 580px; margin-bottom: 5px; }
#main div.list p.img_center img { display: inline; vertical-align: bottom; margin-left: 0; }
#main div.list p.img_center img.right { display: inline; vertical-align: bottom; margin-left: 5px; }
#main div.list p.img_left { display: inline; width: 190px; float: left; padding-bottom: 15px; }
#main div.list p.img_right { width: 390px; display: inline; float: left; padding-bottom: 15px; }
#main div.list p.img_right img { vertical-align: bottom; float: left; margin-bottom: 5px; margin-left: 5px; display: inline; }
#main div.list table { width: 580px; clear: both; margin: 0; padding: 0; border-top:1px solid #cccccc; }
#main div.list table th { background-color:#f5f4f7; text-align: left; padding:3px 5px 3px 7px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div.list table td { text-align: center; padding:6px 5px 6px 10px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div table{ margin: 0 0 0 20px; border-top:1px solid #cccccc; }
*html #main div table.campany { float: right; margin-top: 0; margin-right: 10px; border-top:1px solid #cccccc; }
#main div table.campany th { width:136px; background-color:#f5f4f7; padding:3px 5px 3px 7px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div table.campany td { width:396px; padding:6px 5px 6px 10px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div table.campany td p { font-weight: bold; }
#main div table.campany td p.corporate_text { font-weight: normal; margin-bottom: 10px; padding-left: 10px; }

.access { padding-left: 20px; }
*html .access { margin-left: 20px; }

.access_text_left { width: 300px; float: left; }
.access_text_left p { padding-right: 10px; padding-left: 25px; }
.access_text_right { width: 300px; float: right; }
.access_text_right p { padding-left: 14px; }

/*flow state*/
.flow { padding-bottom: 30px; padding-left: 20px; }
*html .flow { margin-bottom: 30px; margin-left: 20px; }
.flow_title { padding-bottom: 10px; padding-left: 20px; }
*html .flow_title { margin-bottom: 10px; margin-left: 20px; }
.content02 { width: 580px; }
.flow_left_img { width: 100px; height: auto; float: left; padding-left: 30px; }
*html flow_.left_img { width: 100px; height: auto; float: left; padding-left: -20px; }
#main div.flow_text { text-align: left; width: 446px; height: 87px; float: right; }
#main div.flow_text p { padding-left: 12px; }
.flow_triangle { float: left; clear: both; padding-top: 10px; padding-bottom: 20px; padding-left: 260px; }
*html .flow_triangle { clear: both; margin-top: 10px; margin-bottom: 20px; margin-left: 260px; }
#main div.flow_text4 p.flow_text2 { font-weight: bold; padding-top: 10px; padding-left: 12px; }
#main div.flow_text4 p.flow_text3 { padding-left: 22px; }
#main div.flow_text4 { text-align: left; width: 446px; float: right; }
#main div.flow_text4 p { padding-left: 12px; }
.footer_b { clear: both; }

/*environment state*/
.recyclingflow { padding-top: 20px; padding-left: 20px; }
*html .recyclingflow { margin-top: 20px; margin-left: 20px; }
.recycling_text { padding-top: 5px; padding-right: 24px; padding-left: 24px; }
.environment_text { text-align: left; width: 466px; height: auto; float: right; }
#main div.environment_text p.environment_text2 { font-weight: bold; padding-left: 12px; }
#main div.environment_text p.environment_text3 { padding-bottom: 10px; padding-left: 22px; }

/*results state*/
#main div table.results { width: 560px; margin: 0 0 0 20px; border-top:1px solid #cccccc; }
*html #main div table.results { float: left; margin-top: 0; margin-left: 10px; border-top:1px solid #cccccc; }
#main div table.results th { background-color:#f5f4f7; text-align: left; width: 560px; padding:3px 5px 3px 7px; border-right: 1px solid #ccc; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div table.results td { font-size: 0.9em; width: 110px; padding:6px 5px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; }
#main div table.results td.td_right { width: 230px; padding:6px 5px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; white-space: nowrap; }
#main div table.results td.td_left { width: 185px; padding:6px 5px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; }
#main div table.results td.start { text-align: center; width: 35px; padding-top: 6px; padding-bottom: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; white-space: nowrap; }
#main div.results_img { width: 560px; float: left; clear: both; margin-left: 20px; padding-top: 10px; display: inline; }
.results_space { clear: both; padding-top: 10px; }
*html .results_space { clear: both; padding-top: 4px; }

.times { clear: both; margin-bottom: 4px; padding-left: 20px; }
.times2 { clear: both; margin-bottom: 4px; padding-top: 50px; padding-left: 20px; }
*html .times2 { clear: both; margin-bottom: 4px; margin-left: 20px; }
*html .times { clear: both; margin-bottom: 4px; margin-left: 20px; }
.pagetop2 { text-align: right; float: right; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
*html .pagetop2 { text-align: right; float: right; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
/*report setting*/
#main div.report { margin-left: 10px; }
#main div.report p { width: 555px; margin-top: 20px; margin-right: 10px; margin-left: 10px; padding-top: 15px; border-top: 1px dashed #ccc; }
#main div.report div { width: 570px; margin: 0 10px 10px; padding-top: 0; }
#main div.report ul { margin: 20px 10px 10px; padding-top: 0; list-style-type: none; list-style-position: outside; }
#main div.report ul li { background-image: url(../image/system/staff_list.jpg); background-repeat: no-repeat; background-position: 0 5px; margin-left: 15px; padding-left: 25px; }
#main div.report_title{ background-image: url(../image/system/title_report_plain.gif); background-repeat: no-repeat; position: relative; left: 10px; width: 580px; height: 32px; float: left; clear: both; margin: 0 0 10px; padding: 0; }
#main div.report_title span{ font-size: 14px; font-weight: bold; position: relative; top: 6px; margin-left: 27px; display: block; }
/*staff*/
div.staff_list { margin-top: 15px; margin-bottom: 10px; margin-left: 10px; }
div.staff_list div img { margin-top: 15px; margin-left: 10px; }
.staff_date { text-align: right; padding-top: 25px; padding-right: 15px; }
table.staff_table { width: 560px; float: left; clear: both; border-top: 1px solid #c0c0c0; display: inline; }
table.staff_table th { background-color: #e1e1e1; text-align: center; vertical-align: top; width: 160px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }
table.staff_table td { vertical-align: top; width: 490px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
table.staff_table td.bottom { text-align: left; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }
table.staff_table dl { vertical-align: top; margin-left: 10px; padding-top: 5px; padding-bottom: 5px; }
table.staff_table dl dd { font-size: 14px; font-weight: bold; background-image: url(../image/system/mark3.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 20px; }
table.staff_table dl dt { padding-top: 5px; padding-bottom: 5px; }
.staff_space { padding-top: 15px; clear: both; }
/*sitemap state*/
.sitemap_list ul.left { width: 280px; float: left; margin-bottom: 10px; list-style-type: none; display: inline; }
.sitemap_list ul.right { width: 280px; float: left; clear: right; margin-bottom: 10px; }
.sitemap_list ul.left li,.sitemap_list ul.right li { font-weight: bold; line-height: 100%; background-image: url(../image/system/mark.gif); background-repeat: no-repeat; background-position: 0 6px; margin-bottom: 15px; margin-left: 30px; padding-left: 15px; list-style-position: outside; }
.sitemap_list ul.left li ul li,.sitemap_list ul.right li ul li { font-weight: normal; line-height: 100%; background-image: none; background-position: 0 5px; margin-bottom: 5px; margin-left: 20px; padding-left: 0; list-style-type: disc; list-style-position: outside; }
.sitemap_list ul li a { font-size: 14px; }
.sitemap_list ul li a:hover { font-size: 14px; }
.sitemap_list ul { margin-top: 5px; }
/*privacy state*/
.privacy_text { padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.nomaltitle h4 { padding-top: 10px; padding-left: 20px; }
.nomaltitle h3 { padding-top: 10px; padding-left: 20px; }
.privacy_text2 p { padding-right: 20px; padding-bottom: 10px; padding-left: 35px; }
.privacy_list { padding: 0px 20px 10px 54px; }
.privacy_mark ul { margin-left: 20px; list-style-type: disc; margin-bottom: 10px; }
/*recruit
*/
#main div div.recruit_img { float: left; margin-top: 15px; margin-left: 10px; display: inline; }
#main div table.recruit { width: 560px; float: left; margin-top: 15px; margin-left: 20px; border-top:1px solid #cccccc; display: inline; }
#main div table.recruit th { width:150px; background-color:#f5f4f7; text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div table.recruit td { width: 410px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div table.contact { width: 560px; float: left; margin-top: 15px; margin-left: 20px; border-top:1px solid #cccccc; display: inline; }
#main div table.contact th { width:180px; background-color:#f5f4f7; text-align: center; padding-top: 10px; padding-bottom: 10px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div table.contact td { width: 380px; padding-top: 10px; padding-bottom: 10px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
#main div table.contact td input { margin: 2px 5px; }
#main div table.contact td span { color: #a02a31; font-weight: bold; float: left; clear: both; margin-right: 5px; margin-left: 5px; display: inline; }
#main div table.contact td textarea { margin: 2px 5px; }
#main div form div.reset { float: left; margin-top: 10px; padding-bottom: 5px; display: inline; }
#main div form div.reset span { background-color: #e3e0e0; float: left; clear: both; margin-top: 5px; margin-left: 20px; }
#main div form div.reset span input { color: white; background-color: #3e3e3e; margin: 5px; border: solid 1px #fff; }
#main div form div.submit { float: right; margin-top: 10px; margin-right: 20px; padding-bottom: 5px; display: inline; }
#main div form div.submit span { background-color: #001e7a; float: left; clear: both; margin-top: 5px; }
#main div form div.submit span input { color: white; background-color: #0051b1; margin: 5px; border: solid 1px #fff; }
#main div div.mail_after { width: 560px; float: left; margin-top: 15px; margin-left: 20px; display: inline; }
#main div div.mail_after h3 { color: #000755; font-size: 17px; font-weight: bold; margin-top: 15px; }
#main div div.mail_after p { line-height: 150%; width: 560px; float: left; margin-top: 20px; }
/*footer state*/
#footer    { color: #fff; background-color: #48abd3; text-align: right; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; clear: both; border-top: 1px solid white }