@charset "utf-8";
/*
Theme Name: nanshin seiki
Theme URI:
Description:
Version: 2.0
Author: spica
Author URI: http://www.spica.gr.jp/
Tags:
*/

* {
margin: 0px;
padding: 0px;
font-family: sans-serif;
}
body {
color: #333;
text-align: center;
background: #f5f5f5 url(images/pic_00.gif) repeat-y 50% 0%;
}
img {
border: 0px;
}
a {
color: #003;
text-decoration: none;
}
a:hover {
color: #003;
text-decoration: underline;
}
hr {
clear:both;
visibility: hidden;
}

/*--------------------id--------------------*/

div#header {
background: #39c url(images/img_00.jpg) no-repeat 50% 0%;
}
div#flash {
width:774px;
margin:0px auto;
clear: both;
}
div#menu {
background: #036;
}
div#middle {
background: #fff url(images/pic_01.gif) repeat-y 50% 0%;
clear:both;
}
div#middle_inner {
width:774px;
margin: 0px auto;
text-align: left;
}
div#content {
padding-top:30px;
margin:0px 30px;
}
div#c_product {
padding-top:30px;
margin:0px 30px;
background:url(images/img_32.jpg) no-repeat 100% 100%;
}
div#c_job {
padding-top:30px;
margin:0px 30px;
background:url(images/img_33.jpg) no-repeat 100% 100%;
}
div#c_company {
padding-top:30px;
margin:0px 30px;
background:url(images/img_34.jpg) no-repeat 100% 100%;
}
div#sidebar {
float: left;
width: 180px;
margin-top: 30px;
}
div#footer {
margin: 20px auto 0px auto;
width: 754px;
clear: both;
font-size:11px;
line-height:22px;
text-align:right;
}
div#footer_left {
width: 192px;
float: left;
}
div#footer_center {
width: 192px;
float: left;
}
div#footer_right {
width: 350px;
float: right;
text-align:left;
}
div#copyright {
clear: both;
border-top:1px solid #002952;
text-align:center;
}

/*--------------------title--------------------*/

div#title {
width:774px;
margin:0px auto;
clear: both;
background: url(images/img_01.jpg) no-repeat;
height:80px;
}
div#title img {
float:left;
}

/*--------------------e_title--------------------*/

div#e_title {
width:774px;
margin:0px auto;
clear: both;
background: url(images/img_22.jpg) no-repeat;
height:80px;
}
div#e_title img {
float:left;
}

/*--------------------footer_menu--------------------*/

div#footer_menu {
line-height:11px;
margin:10px 0px;
}
div#footer_menu ul {
list-style-type:none;
}
div#footer_menu ul li {
float:left;
padding:0px 10px;
border-left:1px solid #999;
}

/*--------------------banner_top--------------------*/

div#banner_top {
width: 760px;
clear: both;
margin-left:7px;
text-align:center;
padding: 30px 0px;
}
div#banner_top div {
width: 190px;
height:80px;
float: left;
}

/*--------------------banner--------------------*/

div#banner {
width: 750px;
clear: both;
margin-left:12px;
text-align:center;
padding: 30px 0px;
}
div#banner div {
width: 250px;
height:80px;
float: left;
}

/*--------------------class--------------------*/

img.img_title {
margin: 0px 0px 10px 20px;
}
img.img_right {
float: right;
margin-left:5px;
}
img.img_left {
float: left;
margin-right:5px;
}
table.table_left {
float: left;
}
table.table_job {
border:1px solid #ccc;
font-size:12px;
line-height:24px;
margin: 0px 0px 20px 20px;
}
td.td_item {
padding:5px;
font-weight:bold;
background: #9cf;
vertical-align:top;
}
td.td_detail {
padding:5px;
background: #eee;
}
td.td_blue {
background: #f1f4ff;
}
td.td_yellow {
background: #fcf7ed;
}

/*--------------------table_equip--------------------*/

table.table_equip {
font-size: 12px;
line-height:20px;
width:700px;
}
table.table_equip th {
text-align:center;
background: #eee;
padding:5px;
}
table.table_equip td {
padding:5px;
vertical-align:top;
}

/*--------------------table_right--------------------*/

table.table_right {
float: right;
}
table.table_right th {
font-size: 10px;
line-height:18px;
font-weight:normal;
text-align:center;
background: #eee;
}
table.table_right th span {
font-size: 11px;
font-weight:bold;
}

/*--------------------page_title--------------------*/

div#page_title {
margin-bottom: 30px;
background: url(images/pic_11.gif) no-repeat;
}
div#page_title h2 {
font-size: 18px;
line-height: 50px;
margin-left:20px;
}
div#page_title h2 span {
font-size: 14px;
color:#999;
font-weight: normal;
margin-left:10px;
}

/*--------------------page_text--------------------*/

div.page_text {
margin-bottom:30px;
}
div.page_text h3 {
font-size: 14px;
line-height: 28px;
border-bottom:4px double #999;
background: url(images/pic_12.gif) no-repeat 0% 50%;
margin-bottom:20px;
text-indent:20px;
}
div.page_text h4 {
font-size: 14px;
line-height: 30px;
margin: 0px 0px 20px 20px;
background:#eee;
border-left:8px solid #369;
text-indent:8px;
}
div.page_text h5 {
font-size: 12px;
line-height: 24px;
margin-left: 20px;
background:url(images/pic_50.gif) no-repeat 0% 50%;
text-indent:22px;
height:24px;
}
div.page_text p, div.page_text address {
font-size: 12px;
line-height: 22px;
margin: 0px 0px 20px 20px;
font-style:normal;
}
div.page_text ul, div.page_text ol {
font-size: 12px;
line-height: 22px;
margin: 0px 0px 20px 40px;
}
div.page_text dl {
font-size: 12px;
line-height: 22px;
margin: 0px 0px 20px 20px;
}
div.page_text dl dt {
font-weight: bold;
color: #369;
float:left;
width:100px;
}
div.page_text dl dd {
border-left:5px solid #eee;
margin-left:100px;
padding-left:10px;
}
div#c_product div.page_text h3, div#c_job div.page_text h3, div#c_company div.page_text h3 {
font-size: 16px;
line-height: 30px;
background: url(images/pic_51.gif) no-repeat 0% 50%;
margin-bottom:10px;
text-indent:40px;
border:0px;
color:#033;
}
div#c_product div.page_text h3 span, div#c_job div.page_text h3 span, div#c_company div.page_text h3 span {
font-size: 14px;
color:#9cc;
font-family: serif;
margin-left:10px;
}
div#c_product div.page_text p, div#c_job div.page_text p {
font-size: 13px;
line-height: 23px;
}
div#c_company div.page_text dl dd {
border-left:5px solid #ccc;
}

/*--------------------more--------------------*/

div.more {
font-size: 14px;
font-weight:bold;
line-height: 30px;
margin: 0px 0px 20px 20px;
background:url(images/pic_26.gif) no-repeat 100% 0%;
}
div.more div {
margin-left: 564px;
width:120px;
text-align:center;
}

/*--------------------menubox--------------------*/

div#menubox {
background: #ebebeb url(images/pic_09.gif) no-repeat;
margin: 0px 0px 30px 10px;
}
div#menubox div {
background: url(images/pic_10.gif) no-repeat 0% 100%;
padding: 10px;
}
div#menubox div ul {
list-style-type: none;
font-size:11px;
font-weight:bold;
line-height:24px;
}
div#menubox div ul li {
background: url(images/pic_02.gif) no-repeat 0% 50%;
text-indent:20px;
border-bottom:1px solid #cecece;
}
div#menubox div ul li a {
color:#003;
text-decolation:none;
}
div#menubox div ul li a:hover {
color:#003;
text-decolation:underline;
}

/*--------------------info--------------------*/

div#info {
width: 774px;
margin:0px auto;
}
div#info ul {
list-style-type: none;
font-weight: bold;
font-size:11px;
line-height:21px;
}
div#info ul li {
float: right;
margin-left:15px;
}
div#info ul li a {
color: #fff;
text-decoration: none;
}
div#info ul li a:hover {
color: #fff;
text-decoration: underline;
}