/* main */
* {
        margin:0;
        padding:0;
}
a:link,
a:visited {
        color:#2585C6;
        text-decoration:underline;
}
a:hover,
a:active {
        color:#FF9933;
}
a img {
        border:none;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size:14px;
        color:#000000; // 文字色
        letter-spacing:0.1em;
	line-height:20px;
	background:#FFFFFF; // 背景に画像を使用する場合 url(../img/bg.png) repeat-x;
}
#wrap {
	width:960px;
	margin:0 auto;
}
div.fclear {
	clear:both;
}
.text_center {
	text-align:center;
}
h2 {
	height:22px;
	background: url(../img/components/h2_bg.png) no-repeat;
	margin:10px 0 0 10px;
	padding:3px 0 0 23px;
}
h3 {
	height:27px;
	background: url(../img/components/point026_01.png) no-repeat;
	background-position:0 3px;
	margin:10px 0 0 20px;
	padding: 0 0 0 20px;
	font-size:18px;
}
h4 {
	background: url(../img/components/arrow067_01.gif) no-repeat;
	background-position:0px 4px;
	padding: 0 0 0 15px;
}
p {
	margin:0 0 10px 40px;
}
.bold {
	font-weight:bold;
}
.red {
	color:red;
}
.blue {
	color:blue;
}

/* header */
#header {
	width:960px;
	margin:20px 0 20px 0;
}
#header_logo {
	float:left;
	width:400px;
}
#header_copy {
	float:left;
	width:560px;
	height:20px;
	margin:30px 0 0 0;
	padding: 1px 0 0 0;
	background:url(../img/components/header_copy_bg.png) no-repeat;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
#header_navi {
	width:960px;
}
#header_navi li {
	float:left;
	list-style-type:none;
	width:192px;
	height:40px;
	margin:10px 0 0 0;
}
#header_navi a {
	display:block;
        width:192px;
	height:40px;
}

#header_navi a.home {
        background:url(../img/components/header_button_home.png) no-repeat;
}
#header_navi a.home:hover {
        background:url(../img/components/header_button_home_on.png) no-repeat;
}
#header_navi a.info {
        background:url(../img/components/header_button_info.png) no-repeat;
}
#header_navi a.info:hover {
        background:url(../img/components/header_button_info_on.png) no-repeat;
}
#header_navi a.greeting {
        background:url(../img/components/header_button_greeting.png) no-repeat;
}
#header_navi a.greeting:hover {
        background:url(../img/components/header_button_greeting_on.png) no-repeat;
}
#header_navi a.works {
        background:url(../img/components/header_button_works.png) no-repeat;
}
#header_navi a.works:hover {
        background:url(../img/components/header_button_works_on.png) no-repeat;
}
#header_navi a.omake {
        background:url(../img/components/header_button_omake.png) no-repeat;
}
#header_navi a.omake:hover {
        background:url(../img/components/header_button_omake_on.png) no-repeat;
}

/* left navi */
#left_navi {
	float:left;
	width:320px;
	height:100%;
	background: #FFF3F3;
}
div.left_block {
	width:318px;
	background: url(../img/components/footer_block_bg.png) no-repeat;
	padding:0 0 15px 0;
	border:1px solid #11AA11;
}
div.left_block h5 {
	width:318px;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	font-size:14px;
}
div.left_block span {
	width:318px;
	text-align:left;
}
div.left_banner {
	width:320px;
	text-align:center;
}

#main {
	float:left;
	width:600px;
}

/* contents */
#contents {
	background: #FFF3F3;
	padding:10px 0 30px 0;
	border: 1px solid #AAAAAA;
}
/* top page */
#top_image_block {
	margin:0 0 0 10px;
	text-align:center;
	width:618px;
	height:320px;
}
#top_image_block img.top_image_select {
	margin:0 0 140px 0;
}
#search_banner {
	width:320px;
	height:250px;
	text-align:center;
	padding:70px 0 0 0;
	background: url(../img/components/search_bg.png) no-repeat;
}
#search_banner img {
	width:300px;
	height:100px;
	margin: 15px 0 0 0;}
#characteristic {
	margin: 20px 0 0 0;
}
#characteristic h3 {
	background: none;
	margin:0 0 0 5px;
	padding:0;
}
#characteristic dt {
	background: url(../img/components/arrow067_01.gif) no-repeat;
	background-position:0px 4px;
	margin:10px 0 0 20px;
	padding: 0 0 0 15px;
}
#characteristic dd {
	margin:5px 0 0 40px;
}
/* company_info recruit page */
div.info_block {
	margin: 20px 0 20px 0;
}
.info_block h4 {
	margin: 10px 0 10px 50px;
}
.info_block li {
	margin:10px 0 10px 80px;
}
.info_block ul.recruit li {
	margin:10px 0 10px 30px;
}
.info_block div.two_image_space {
	padding:0 0 0 70px;
	text-align:center;
}
.info_block table {
	margin:0 0 0 50px;
	border: 1px solid #000000;
}
.info_block tr {
	height:30px;
}
.info_block th {
	width:150px;
	border-bottom: 1px dashed #000000;
}
.info_block td {
	width:400px;
	border-left: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
	padding:0 20px 0 20px;
	background:#FFFFFF;
}
tr.last th,
tr.last td {
	border-bottom: none;
}

/* greeting page */
div.greeting_corporation {
	width:100%;
	height:220px;
	margin:0 0 0 20px;
	padding:10px 0 10px 0;
	background: url(../img/components/bg034_02.gif) repeat;
	border:solid 1px #888888;
	text-align:center;
}
div.greeting_worker {
	width:100%;
	height:360px;
	margin:0 0 0 20px;
	padding:10px 0 10px 0;
	background: url(../img/components/bg034_02.gif) repeat;
	border:solid 1px #888888;
	border-radius:30px 30px 30px 30px;
	text-align:center;
}

/* works page */
div.works_block {
	float:left;
	width:350px;
}
div.works_photo_block {
	float:left;
	width:250px;
}
.works_block li {
	margin:10px 0 10px 50px;
}
/* omake page */
.omake_block {
	float:left;
	width:300px;
	text-align:center;
}
/* contact page */
.contact_form {
	margin: 10px 0 0 0;
}
.contact_form table {
	margin:0 0 0 40px;
	border: 1px solid #000000;
}
.contact_form tr {
	height:30px;
}
.contact_form th {
	width:150px;
	border-bottom: 1px dashed #000000;
}
.contact_form td {
	width:400px;
	border-left: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
	padding:0 20px 0 20px;
	background:#FFFFFF;
}
.contact_form input,
.contact_form textarea {
	width:360px;
}
.contact_button {
	margin:20px 0 0 150px;
}
.contact_button input {
	width: 140px;
	height: 30px;
	margin: 0 80px 0 0; 
}

/* reqruit page */
dl.reqruit_info {
	margin:0px 0px 0px 40px;
}
dl.reqruit_info dt {
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
dl.reqruit_info p {
	margin:10px 0 10px 20px;
}

/* footer */
#footer hr {
	margin:10px 0;
}
#footer_navi {
        width:840px;
        margin:10px auto;
	text-align:center;
}
#footer_navi li {
        float:left;
        list-style-type:none;
        width:168px;
	height:30px;
}
#footer div#copyright {
	clear:both;
	text-align:center;
}