@charset "utf-8";
/* CSS Document */

/*------------ 初期設定 ------------*/
p,ul {
	line-height: 1.8em;
}

/*------------ 背景 ------------*/
body {
	background: url(../images/header_back_sub.jpg) repeat-x left top;
}

/*------------ 全体 ------------*/
#wrapper {
	width: 910px;
	margin: 0 auto;
	background: url(../images/side_back.jpg) repeat-y left top;
}

#side_contents {
	width: 240px;
	float: left;
	background: url(../images/header_side_back_sub.jpg) no-repeat left top;
}

#main_contents,
#top_contents {
	width: 670px;
	float: right;
}

#sub_contents{
	margin:20px 0 0 20px;
	padding-bottom:20px;
}


/*------------ h2,h3 ------------*/
#main_contents h2#main_ttl{
	width:670px;
	height:91px;
	text-indent:-5000px;
	font-size:0;
	line-height:0;
}

#main_contents h3.sub_ttl{
	background:url(../images/sub_ttl_bg.gif) no-repeat left top;
	line-height:24px;
	height:24px;
	padding:5px 0 2px 18px;
	color:#333;
	font-weight:normal;
	margin-bottom:10px;
}

#main_contents h4.sub_ttl{
	background:url(../images/sub_ttl_bg.gif) no-repeat left top;
	line-height:24px;
	height:24px;
	padding:5px 0 2px 18px;
	color:#333;
	font-weight:normal;
	margin-bottom:10px;
}

/*------------ ヘッダー ------------*/
#header {
}

/*------------ ヘッダーナビ ------------*/
ul#header_nav {
	padding: 16px 0 0 0;
	text-indent: -9999px;
	height:26px;
}

ul#header_nav li {
	height: 15px;
	padding-left: 20px;
	background: no-repeat left top;
	float: left;
}

ul#header_nav li a {
	height: 15px;
	background: no-repeat left top;
	display: block;
	line-height:0;
	font-size:0;
}

/*------------ ヘッダーナビ（マウスOFF） ------------*/
ul#header_nav li#h_site a {
	width: 83px;
	background-image: url(../images/header_nav_sitemap_off.gif);
}

ul#header_nav li#h_privacy a {
	width: 133px;
	background-image: url(../images/header_nav_privacy_off.gif);
}

ul#header_nav li#h_contact a {
	width: 101px;
	background-image: url(../images/header_nav_contact_off.gif);
	margin-right:21px;
}

ul#header_nav li#h_tel {
	width: 124px;
	background-image: url(../images/header_nav_tel.gif);
}

ul#header_nav li#h_fax {
	width: 108px;
	background-image: url(../images/header_nav_fax.gif);
}

/*------------ ヘッダーナビ（マウスON） ------------*/
ul#header_nav li#h_site a:hover {
	background-image: url(../images/header_nav_sitemap_on.gif);
}

ul#header_nav li#h_privacy a:hover {
	background-image: url(../images/header_nav_privacy_on.gif);
}

ul#header_nav li#h_contact a:hover {
	background-image: url(../images/header_nav_contact_on.gif);
}

/*------------ ロゴ ------------*/
h1#main_logo a {
	width: 124px;
	height: 136px;
	margin: 30px auto 50px;
	display: block;
	text-indent: -9999px;
	background: url(../images/main_logo.jpg) no-repeat left top;
}

/*------------ グローバルナビゲーション ------------*/
ul#gnav {
	width: 190px;
	margin:0 auto 0;
	text-indent: -9999px;
}

ul#gnav li a {
	width: 190px;
	height: 60px;
	background: no-repeat left top;
	display: block;
}

/*------------ ナビゲーション（マウスOFF） ------------*/
ul#gnav li#new a {
	background-image: url(../images/gnav_new_off.gif);
}

ul#gnav li#company a {
	background-image: url(../images/gnav_company_off.gif);
}

ul#gnav li#business a {
	background-image: url(../images/gnav_business_off.gif);
}

ul#gnav li#recrult a {
	background-image: url(../images/gnav_recrult_off.gif);
}

ul#gnav li#map a {
	background-image: url(../images/gnav_map_off.gif);
}

ul#gnav li#contact a {
	margin: 20px 0 10px 0;
	background-image: url(../images/gnav_contact_off.jpg);
}

/*------------ ナビゲーション（ロールオーバー時） ------------*/
ul#gnav li#new a:hover {
	background-image: url(../images/gnav_new_on.gif);
}

ul#gnav li#company a:hover {
	background-image: url(../images/gnav_company_on.gif);
}

ul#gnav li#business a:hover {
	background-image: url(../images/gnav_business_on.gif);
}

ul#gnav li#recrult a:hover {
	background-image: url(../images/gnav_recrult_on.gif);
}

ul#gnav li#map a:hover {
	background-image: url(../images/gnav_map_on.gif);
}

ul#gnav li#contact a:hover {
	background-image: url(../images/gnav_contact_on.jpg);
}

/*------ リンク色（コンテンツ） ------*/
#top_contents a,
#contents a {
}

/*------------ ライン ------------*/
.gray_line {
	border-bottom: #E3E3E3 2px solid;
}

.gray_frame {
	border: #E3E3E3 1px solid;
}

.green_frame {
	border: #b7e9de 1px solid;
}

/*------------ フッター ------------*/
#foot_bg {
	background: url(../images/foot_bg.gif) repeat-x left 24px;
}
#foot_wrap {
	width: 910px;
	margin: 0 auto;
	background: url(../images/side_back.jpg) repeat-y left top;
}
#footer {
	padding: 20px 0 20px 240px;
	background: url(../images/footer_logo.gif) no-repeat right 20px;
}

#footer ul.text_nav {
	margin: 10px 0 10px 20px; 
	font-size: 11px;
}

#footer ul.text_nav li {
	padding: 0 15px;
	display: inline;
	background: url(../images/icon_allow.gif) no-repeat left center;
}

p#pagetop{
	float:right;
	text-indent:-9999px;
}

p#pagetop a{
	display:block;
	background:url(../images/pagetop.gif);
	width:122px;
	height:25px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

p#pagetop a:hover{
	background:url(../images/pagetop_on.gif);
}

/*------ アドレス ------*/
#footer address {
	text-align: right;
}

/*------ リンク色 ------*/
a.alpha07 img:hover{
	filter: alpha(opacity=70);  -moz-opacity:0.70;  opacity:0.70;
}

/*------ マーク ------*/
.mark01{
	background:url(../images/mark01.gif) no-repeat left top;
	padding-left:20px;
}

.mark02{
	padding-left:10px;
	background: url(../images/icon_allow.gif) no-repeat left center;
	font-size:11px;
}

.mark03{
	padding-left:10px;
	background: url(../images/icon_allow.gif) no-repeat left 7px;
}

.arrow a{
	padding-left:10px;
	background: url(../images/icon_allow.gif) no-repeat left center;
	font-size:80%;
}

.blank a{
	padding-right:22px;
	background: url(../images/mark02.gif) no-repeat right center;
}

/*-------- table --------*/
table.common_table th,table.common_table td{
	padding:15px 10px;
	background:url(../images/border_bottom.gif) no-repeat left bottom;
}

table.common_table tr.border_none th,table.common_table tr.border_none td{
	background:none;
}

table.common_table th{
	font-weight:normal;
}

input.type1{
	width:400px;
	padding:2px 4px;
}

textarea.type2{
	width:400px;
	padding:2px 4px;
}

input.type3{
	padding:5px 10px;
}

/*-------- font --------*/
.red {
	color: #e10303;
}
.border_red img:hover{
	border:1px solid #e10303;
}
.bold{
	font-weight:bold;
}

/*-------- top --------*/
.top10 {
	padding-top: 10px;
}

.top15 {
	padding-top: 15px;
}

.top20 {
	padding-top: 20px;
}

/*-------- bottom --------*/
.btm10 {
	padding-bottom: 10px;
}

.btm15 {
	padding-bottom: 15px;
}

.btm20 {
	padding-bottom: 20px;
}

.btm30 {
	padding-bottom: 30px;
}

/*-------- right --------*/
.right20{
	padding-right:20px;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- text right --------*/
.t_right {
	text-align: right;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

.photo{
	border:1px solid #dddddd;
}