/* ------------------------------------------------
	import
------------------------------------------------ */

@import "base.css";
@import "clear.css";

a {	text-decoration: underline;}
a:link {	color: #333}
a:visited {	color: #555}
a:hover {	color: #F2801A}
a:active {	color: #F2801A}




input[type="text"],
input[type="password"],
textarea {
	padding:2px;
	border: solid 1px #999;
	background-color:#fff;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: solid 1px #999;
	background-color:#FFFFE8;
}
html {
	background: url(../img/bg.gif) repeat-x 0 0;
}

body {
	font-family: "ＭＳ Ｐゴシック", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", osaka, sans-serif;
	color: #333;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}

#container {
	width:882px;
	text-align: left;
	margin: 0px auto;
	padding: 0px 8px;
	border-right: solid 1px #c9c9c9;
	border-left: solid 1px #c9c9c9;
}
#header {
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	width:882px;

	background: url(../img/head_contact.gif) no-repeat 100% 0;
}
#header_contact {
/* 
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
	margin: 0;
	padding:0;
	width:368px;
	float:right;
 */
	text-align: left;
	margin: 32px 0 0 0;
	float:right;
	padding: 0 17px 0 0;
}
#header_contact a {
	/* 
	position:absolute;
	top:32px;
	right:17px;
	 */
	height:24px;
	width:147px;
	text-indent:-5000px;
	display:block;
	z-index:99;
	margin:0;
	padding:0;
}
#header_contact a:hover {
	background: url(../img/head_inquiry.gif) no-repeat 0 0;
}



.logo {
	float: left;
	padding: 0px;
	background:none;
	margin:0px;
}
.logo img {
	margin-top:11px;
}
h1.logo {				display:none;}
.body_home h1.logo {	display:block;}
.body_home p.logo 	{	display:none;}

#footer {
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	width:898px;
	border-right: solid 1px #c9c9c9;
	border-left: solid 1px #c9c9c9;
	clear: both;
	background:#fe7700;
}
#copyright {
	color:#ffe4cc;
	text-align: center;
	margin: 0px auto;
	padding: 12px 5px;
}
#footerlink ul li a:link,
#footerlink ul li a:visited {
	color:#ffdccc;
	text-decoration:none;
}
#footerlink ul li a:hover {
	text-decoration: underline;
}
#footerlink {
	background:#fe5200;
    overflow:hidden; 
    _overflow:visible;
    _height:0; /* holly hack for ie6 */ 
    min-height:0; /* fix has layout bug for ie7 */ 
} 
#footerlink ul{ 
    margin: 8px 0px;
	padding: 0 3px;
	text-align:center;
    _height:0; /* clear float for ie6 */ 
    min-height:0; /* clear float for ie7 */ 
} 
#footerlink ul:after{ content:"."; display:block; height:0; clear: left; visibility:hidden;} /* clear float */  
#footerlink ul li{
	width:auto;
	line-height:1.3em;
	height:1.5em;
	text-align:center;
	vertical-align:middle; 
	display:-moz-inline-box;/* For Firefox 2↓ */
	display:inline-block;
	/display:inline;		/* For IE 5↑、7↓ */
	/zoom: 1;
}
#footerlink ul li a {
	width:auto;
	display:block;
	padding: 0px 2px 0px 5px;
	border-left:1px solid #ffdccc;
	background-image:none;
}
#footerlink ul li.top a {
	border:none;
}



/* -----------------------------------------------------
		global navigation
----------------------------------------------------- */
#gnavi {
	width:882px;
	height:40px;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
#gnavi ul {
	width:882px;
	margin: 0px auto;
	padding: 0px;
}
#gnavi li {
	display:block;
	float:left;
	margin: 0px;
	padding: 0px;
}
#gnavi a {
	display:block;
	height:40px;
	margin: 0px;
	padding: 0px;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	text-indent:-5000px;
	text-decoration:none;
	z-index: 1;
}
#gnavi li.li01 a {background-image: url(gnavi_01.gif);}
#gnavi li.li02 a {background-image: url(gnavi_02.gif);}
#gnavi li.li03 a {background-image: url(gnavi_03.gif);}
#gnavi li.li04 a {background-image: url(gnavi_04.gif);}
#gnavi li.li05 a {background-image: url(gnavi_05.gif);}
#gnavi li.li06 a {background-image: url(gnavi_06.gif);}
#gnavi li.li07 a {background-image: url(gnavi_07.gif);}

/* -----------------------------------------------------
	global navigation 個別に幅指定する場合のみ
----------------------------------------------------- */

#gnavi li.li01,
#gnavi li.li01 a {width:126px}
#gnavi li.li02,
#gnavi li.li02 a {width:125px}
#gnavi li.li03,
#gnavi li.li03 a {width:125px}
#gnavi li.li04,
#gnavi li.li04 a {width:131px}
#gnavi li.li05,
#gnavi li.li05 a {width:125px}
#gnavi li.li06,
#gnavi li.li06 a {width:125px}
#gnavi li.li07,
#gnavi li.li07 a {width:125px}

#gnavi a.current:link,
#gnavi a.current:visited,
#gnavi a:hover {	background-position: 0px -40px}

/* -----------------------------------------------------
	global navigation 現在位置指定する場合のみ
.body_PAGENAME 
	#gnavi .li01 a,
.body_PAGENAME 
	#gnavi .li02 a,
.body_PAGENAME 
	#gnavi .li03 a,
.body_PAGENAME 
	#gnavi .li04 a,
.body_PAGENAME 
	#gnavi .li05 a,
.body_PAGENAME 
	#gnavi .li06 a
				{	background-position: 0px -80px;}
----------------------------------------------------- */

#wrap {
	width:882px;
	margin: 0px auto;
	text-align:left;
}


p {
	font-size:1em;
	line-height:1.8;
	margin: 0px 5px 12px 5px;
}

/* ------------------------------------------------
	head
------------------------------------------------ */

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {	display:block;}
h1 span {
/* 
	font-size:1.33em;
	color:#fff;
	line-height:1.1;
	background: url(../img/head1.gif) no-repeat 0 0;
	padding: 8px 0 9px 20px;
 */
}
h2 {
	margin-top:1.0em;
}
h2 span {
	font-size:1.33em;
	line-height:1.1;
	color:#501204;
	background: url(../img/h2.gif) no-repeat left bottom;
	padding: 10px 0 8px 20px;
	margin: 1.5em 0 8px 0;
}
h3 span {
	font-size:1em;
	line-height:1.1;
	padding: 2px 0 2px 0px;
	margin: 0.2em 0 8px 0;
}
h4 span {
	font-size:1em;
	line-height:1.1;
	background: url(../img/bk_check.gif) repeat;
	padding: 10px 0 8px 20px;
	margin: 0.2em 0 8px 0;
}
h5 span {
	font-size:0.95em;
	line-height:1.1;
	padding: 2px 0 2px 0px;
	margin: 0.2em 0 8px 0;
}


/*		font resize
------------------------------------------------ */

.s {	font-size: 0.83em;}
.m {	font-size: 1.0em;}
.l {	font-size: 1.17em;}
.b {	font-weight: bold;}
sup {	vertical-align:top;}


/*		pagetop
------------------------------------------------ */
.pagetop {
	margin: 0px 30px 5px 0;
	padding: 0px;
	clear: both;
}
.pagetop a{
	width: 104px;	/* pagetop.gifの幅 */
	height: 24px;	/* pagetop.gifの高さ */
	display: block;
	float: right;
	text-indent: -5000px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../img/pagetop.gif);
}

/*		pagetop マウスオーバーする場合のみ
------------------------------------------------ */
.pagetop a:hover {background-position: 0px -24px;}

.body_home
	.pagetop {
	display:none;
	}
/*		pagetop ページの途中で出現する際のマージン
#contents .pagetop {	margin-bottom: 10px;}

------------------------------------------------ */


/* -------------------------------------------------------------------
		setup icon example
		
		*　詳細はこちら

		<div class="detail"><a href="#"></a></div>
------------------------------------------------------------------- */

.detail {
	background:  url(../img/arrow.gif) no-repeat 5px 5px;
	padding-bottom:3px;
	padding-left:18px;
}

		
/* -------------------------------------------------------------------
		*　ポップアップウィンドウ
		<a class="popup" href="#"></a>

.popup {
	background:  url(../img/i_popup.gif) no-repeat 0px 2px;
	padding-bottom:3px;
	padding-left:0;
}

------------------------------------------------------------------- */

/* -------------------------------------------------------------------
		*　自動ターゲットblank
		<a class="blank" href="#"></a>

.blank {
	background:  url(../img/i_blank.gif) no-repeat 0px 2px;
	padding-bottom:3px;
	padding-left:18px;
}
		
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
		*　画像マウスオーバー時半透明
		<a class="imghover" href="#"><img src="" /></a>

.imghover:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}

------------------------------------------------------------------- */



/*		common position
------------------------------------------------ */
.left {		float: left}
.right {	float: right}
.clear {	clear: both}
.section { 	margin-bottom:15px;}

/*		color
------------------------------------------------ */
.red {	color:#FF0000;}

/*		回り込み画像
------------------------------------------------ */
.pict {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.pict2 {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}


#topkey {
	position:relative;
	width:880px;
	margin: 0 auto;
	padding:0;
}
#topkey a {
	width:326px;
	height:48px;
	text-indent:-5000px;padding:0px;margin: 0px;display:block;
	background: url(../img/key_btn.gif) no-repeat -5000px 0;
	position:absolute;
	top:213px;
	left:372px;
}
#topkey a:hover {
	background-position: 0 0;
}


#topmenu {
	width:867px;
	margin: 18px auto 10px auto;
	height:174px;
	padding:0;
}
#topmenu li {
	float:left;
	margin: 0px;
	padding: 0px;
	width:289px;
}

#topwrap {
	width:860px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
#topmain {
	width:560px;
	float:left;
	margin: 0;
	padding: 0;
}

#topside {
	width:280px;
	float:right;
	margin: 0;
	padding: 9px 0 0 0;
}
#topside li {
	margin-bottom:4px;
}
.news {
}
.news h2 {
	background:none;
	padding: 0;
	margin:0;
}
.news ul {
}
.news li {
	line-height:1.5;
	border-bottom: dashed 1px #b7b7b7;
	padding: 8px 5px;
}
.news .date {
	background: url(../img/arrow.gif) no-repeat 0 2px;
	padding: 0px 0 3px 15px;
}
.news .title {
	color:#ec5858;
	font-weight:bold;
	margin-left:0.5em;
}
.news p {
	margin: 0;
	padding:0 0 0 15px;
}

/* ------------------------------------------------
	path
------------------------------------------------ */

.path,
.path a:link,
.path a:visited {
	color:#ffecc2;
}
.path a:hover {
	text-decoration:none;
}
.path {
	background:#fe9400;
	line-height:1.1;
	padding: 4px 14px;
	text-align:right;
	margin: 0 1px;
}
.path span {
	background:url(../img/path.gif) no-repeat 4px 2px;
	padding: 0 4px 3px 16px;
	display:inline;
}
.path span.top {
	background:none;
	padding-left:0;
}

.key {
	width:880px;
	margin: 0 auto;
}
.main {
	margin-right:28px;
	margin-left:28px;
}


.sheet {
	text-align:left;
	width:800px;
	margin:10px auto;
}
.sheet th,
.sheet td {
	border-bottom: dotted 1px #a5a5a5;
	padding:8px 15px;
}
.sheet th {
	color:#808080;
	font-weight:bold;
	width:17%;
}
.sheet td {
}


.sheet_green {
	text-align:left;
	width:800px;
	margin:10px auto;
}
.sheet_green th,
.sheet_green td {
	border-left: solid 3px #fff;
	border-bottom: solid 3px #fff;
	padding:8px 15px;
}
.sheet_green thead td {
	background: url(../img/bk_green.gif) repeat;
	padding: 8px 0;
	font-weight:bold;
	text-align:center;
}
.sheet_green tbody th {
	font-size:1.17em;
	background:#7fbb00;
	font-weight:normal;
	width:20%;
}
.sheet_green tbody td {
	font-size:1.17em;
	background:#f3f5d4;
}
.sheet_green tbody td.tel {
	font-weight:bold;
	text-align:center;
}
table.sheet_recruit {
	width:510px;
	font-size:0.95em;
}

.contents {
	float:left;
	width:520px;
}
.side {
	width:284px;
	float:right;
	text-align:right;
	margin: 0 auto;
}
.contact {
	width:738px;
	position:relative;
	margin: 25px auto;
	clear:both;
}

.contact a {
	width:315px;
	height:47px;
	padding:0px;margin: 0px;display:block;
	position:absolute;
	right:24px;
	bottom:13px;

}
.body_business .main .section {
	padding-bottom:20px;
	margin-top:20px;
	border-bottom: dashed 1px #a7a7a7;
}
.body_business .main .pict {
	margin-left:5px;
}

.staff {
	margin: 0 25px;
}
.staff_head {
	line-height:1.1;
	color:#501204;
	font-weight:bold;
	padding: 10px 0 8px 20px;
	margin: 1.5em 0 8px 0;
	background: url(../img/h2_staff.gif) no-repeat left bottom;

}
.staff h2 {
	font-size:1.33em;
	margin:5px 0;
}
.staff_body h3 {
	color:#7fbb00;
	font-size:1.45em;
	margin: 1.5em 0 8px 0;
}

.staff p {
	margin-left:0.5em;
}

.staff .pict {
	margin-right:15px;
}

.privacy {
	margin: 10px 30px;
}

.inquiry {
	width:80%;
	margin: 0 auto;
	text-align:center;
}

.inquiry table {
	text-align:left;
	width:100%;
}
.inquiry table th {
	width:27%;
	text-align:right;
	border-bottom: dotted 1px #a5a5a5;
	padding:8px 15px;
}
.inquiry table td {
	text-align:left;
	border-bottom: dotted 1px #a5a5a5;
	padding:8px 15px;
}
.inquiry_foot {
	text-align:center;
	margin: 0 auto;
}

.sitemap {
	margin: 0px 30px;
	padding: 0px;
}
.sitemap ul {
	margin:1em;
}
.sitemap ul,
.sitemap li {
}
.sitemap li {
	margin: 0 0 8px 10px;
	padding: 0 0 0 18px;
	line-height: 160%;
	background: url(../img/arrow.gif) no-repeat 0 6px;
}
.sitemap ul li ul {
}
.sitemap ul li ul li {
}
.sitemap li.top {
	font-size:1.33em;
	font-weight:bold;
	line-height:1.1;
	color:#501204;
	background: url(../img/h2.gif) no-repeat left top;
	padding: 10px 0 0px 20px;
	margin: 1.5em 0 0px 0;
}