@charset "Shift_JIS";

/*common.css
--------------------*/

/* format */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,img,li,address,table,th,td,form,select,option,input,label
{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal; margin: 0; padding: 0; clear: both;}
hr{display:none;}
p{margin:0;}
table, tr, td, th
{border-collapse:collapse; font-size:100%;}
fieldset, legend{border:none; padding:0; margin:0;}
img{display:block; border:none; margin: 0; padding: 0;}
img.inline{display:inline; vertical-align:middle; margin:0 2px;}
a:link{color:#4d9b36; text-decoration: none;}
a:visited{color:#4d9b36; text-decoration: none;}
a:hover{color:#7eae08; text-decoration:none;}
a:active{color:#4d9b36; text-decoration: none;}

sup{font-size: 0.7em;}
sub{font-size: 0.7em;}


/* position */
.p-r{ position:relative; }
.p-a{ position:absolute; }
.f-l{ float:left; margin: 0; padding: 0;}
.f-r{ float:right; margin: 0; padding: 0;}
.ta-l{ text-align:left; }
.ta-c{ text-align:center; }
.ta-r{ text-align:right; }
.c-b{ clear:both; }


/* margin */
.mt3{margin-top: 3px;}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb1{margin-bottom: 1px;}
.mb5{margin-bottom: 5px;}
.mb8{margin-bottom: 8px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}



/* size */
.fs-ss{ font-size:10px; line-height: 1.5em; }
.fs-s{ font-size:11px; }
.fs-m{ font-size:16px; }
.fs-l{ font-size:18px; }
.ls-s{ letter-spacing:-1pt; }
.ls-m{ letter-spacing:0pt; }
.ls-l{ letter-spacing:1pt; }


/* color */
.st{color: #bf463e; font-weight: bold;}

/* border */

/* decorate etc. */
.hide{ text-indent:-9999px;font-size:0pt; }
.fw-b{ font-weight:bold; }
.fw-n{ font-weight:normal; }
.tt-u{ text-transform:uppercase; }
.ws-n{ white-space:nowrap; }


body{
	background: #f2f2f2;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 1.5;
}


/*contents*/
#contents{
	background: url(../img/contents_bg.gif) repeat-y;
	width: 735px;
	margin: auto;
	overflow: hidden;
}


/*head*/
#head{
	position: relative;
	width: 715px;
	height: 65px;
	margin: auto;
}


#logo{
	position: absolute;
	top: 0;
	left: 0;
	width: 182px;
	height: 65px;
}

#head_middle{
	position: absolute;
	top: 0;
	left: 182px;
	width: 175px;
	height: 65px;
}

#number{
	position: absolute;
	top: 0;
	left: 357px;
	width: 358px;
	height: 65px;
}

#seo{
	position: absolute;
	top: 0;
	left: 357px;
	width: 358px;
	height: 20px;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
}


/*main*/
#main{
	width: 715px;
	margin: auto;
	overflow: hidden;
}

#main_left{
	width: 182px;
	overflow: hidden;
}

#main_right{
	width: 533px;
	padding-bottom: 15px;
	overflow: hidden;
}


/*left side*/
#com_bg{
	background: #ffffff;
	width: 180px;
	overflow: hidden;
	margin: auto;
	padding: 8px 0;
}

#com_title{
	background: url(../img/com_info.gif) no-repeat;
	width: 180px;
	height: 26px;
}

#com_title p{
	color: #565857;
	font-weight: bold;
	text-align: left;
	line-height: 26px;
	padding-left: 30px;
}

#com_box{
	background: url(../img/com_box_bg.gif);
	width: 171px;
	overflow: hidden;
	margin: auto;
}

#com_box p{
	font-size: 10px;
	text-align: left;
	padding: 8px 20px;
}

#com_box img{
	padding: 3px 3px 8px 3px;
}

#side_bnr{
	width: 171px;
	height: 149px;
	margin: 8px auto;
}


/*foot*/
#foot{
	clear: both;
	position: relative;
	background: url(../img/foot.gif) no-repeat;
	width: 735px;
	height: 90px;
	margin: auto;
	font-size: 10px;
}

#foot a:link{
	color: #e1e1ff;
	text-decoration: none;
}

#foot a:visited{
	color: #e1e1ff;
	text-decoration: none;
}

#foot a:hover{
	color: #ffffff;
	text-decoration: none;
}

#foot a:active{
	color: #e1e1ff;
	text-decoration: none;
}

#foot_navi{
	position: absolute;
	top: 1px;
	left: 10px;
	width: 715px;
	height: 20px;
	margin: auto;
	color: #e1e1ff;
	font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	text-align: center;
	line-height: 20px;
}

#foot_copy{
	width: 500px;
	font-size: 11px;
	font-family: tahoma, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	text-align: left;
	position: absolute;
	top: 45px;
	left: 20px;
	overflow: hidden;
}

#foot address{
	width: 300px;
	font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	font-style: normal;
	text-align: right;
	position: absolute;
	top: 30px;
	right: 20px;
	overflow: hidden;
}

/*navi.css
--------------------*/
/*global navi*/
#navi{
	width: 182px;
	height: 212px;
	background: url(../img/navi.gif) no-repeat;
}

#navi ul{
	padding-top: 17px;
}

#navi li{
	display: block;
	font-weight: bold;
	text-align: left;
	line-height: 39px;
	text-indent: 30px;
}

#navi li a{
	display: block;
	background: url(../img/navi.gif) no-repeat;
	overflow: hidden;
}

#navi li.gn1 a{
	width: 182px;
	height: 39px;
	background-position: 0 -17px;
}

#navi li.gn1 a:hover{
	background-position: -182px -17px;
}

#navi li.gn2 a{
	width: 182px;
	height: 39px;
	background-position: 0 -56px;
}

#navi li.gn2 a:hover{
	background-position: -182px -56px;
}

#navi li.gn3 a{
	width: 182px;
	height: 39px;
	background-position: 0 -95px;
}

#navi li.gn3 a:hover{
	background-position: -182px -95px;
}

#navi li.gn4 a{
	width: 182px;
	height: 39px;
	background-position: 0 -134px;
}

#navi li.gn4 a:hover{
	background-position: -182px -134px;
}

#navi li.gn5 a{
	width: 182px;
	height: 39px;
	background-position: 0 -173px;
}

#navi li.gn5 a:hover{
	background-position: -182px -173px;
}


/*color*/
#navi a:link{
	color: #585858;
}

#navi a:visited{
	color: #585858;
}

#navi a:hover{
	color: #1a9739;
}

#navi a:active{
	color: #585858;
}


/*contents.css
--------------------*/

/*-----index*/
#index_box{
	overflow: hidden;
	width: 507px;
	margin: auto;
}

#index_l{
	width: 325px;
	overflow: hidden;
	margin-top: 8px;
}

#index_r{
	width: 169px;
	overflow: hidden;
	margin-top: 8px;
}

#news_title{
	background: url(../img/h3_01.gif) no-repeat;
	width: 325px;
	height: 26px;
}

#news_title h3{
	color: #565857;
	font-weight: bold;
	text-align: left;
	line-height: 26px;
	padding-left: 30px;
}

#news_box{
	background: url(../img/news_box_bg.gif) no-repeat;
	overflow: auto;
	width: 325px;
	height: 150px;
	margin: auto;
	text-align: left;
}

#news_txt{
	overflow: hidden;
	width: 290px;
	margin-top: 5px;
	margin-left: 8px;
}

#news_txt p{
	padding-left: 5px;
	padding-bottom: 2px;
	border-bottom: solid 1px #cfdadc;
}


#estate_title{
	background: url(../img/h3_02.gif) no-repeat;
	width: 325px;
	height: 26px;
	margin-top: 8px;
}

#estate_title h3{
	color: #565857;
	font-weight: bold;
	text-align: left;
	line-height: 26px;
	padding-left: 30px;
}

#estate_box{
	background: url(../img/estate_box_bg.gif) no-repeat;
	overflow: auto;
	width: 325px;
	height: 150px;
	margin: auto;
	text-align: left;
}

#estate_txt{
	overflow: hidden;
	width: 290px;
	margin-top: 5px;
	margin-left: 8px;
}

#estate_txt p{
	padding-left: 5px;
	padding-bottom: 2px;
	border-bottom: solid 1px #d2dbbe;
}

.top_bnr{
	overflow: hidden;
	width: 167px;
	margin-bottom: 15px;
	border: solid 1px #b5b5b5;
}

.top_bnr p{
	font-size: 10px;
	text-align: center;
	padding: 5px 0;
}


/*-----lv2*/
#lv2_title{
	position: relative;
	background: url(../img/title.jpg) no-repeat;
	width: 533px;
	height: 65px;
}

#lv2_title h2{
	position: absolute;
	top: 12px;
	left: 30px;
	overflow: hidden;
	width: 500px;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}

#lv2_inner{
	overflow: hidden;
	width: 507px;
	margin: auto;
}

.lv2_h3{
	clear: both;
	background: url(../img/h3.gif) no-repeat;
	width: 507px;
	height: 26px;
	margin: 15px auto 8px auto;
}

.lv2_h3 h3{
	color: #565857;
	font-weight: bold;
	text-align: left;
	line-height: 26px;
	padding-left: 30px;
}

.lv2_txt{
	overflow: hidden;
	width: 480px;
	margin: auto;
	text-align: left;
}

.lv2_txt h4{
	width: 400px;
	margin: 8px 0 5px 0;
	padding-left: 8px;
	font-weight: bold;
	line-height: 23px;
	border-bottom: solid 1px #ed7a68;
}

.lv2_txt ul{
	margin-left: 30px;
}

.lv2_txt li{
	list-style-image: url(../img/list.gif);
	padding: 2px;
}

.lv2_t{
	width: 470px;
	margin: auto;
}

.lv2_t th{
	background: #e2e9eb;
	width: 100px;
	border: solid 1px #c1c5cb;
	padding: 8px 0;
	vertical-align: top;
}

.lv2_t td{
	border: solid 1px #c1c5cb;
	padding: 8px 0 8px 15px;
}


/*-----company*/
#president img{
	width: 180px;
	height: 230px;
	margin-top: 5px;
	float: right;
}

#president p{
	width: 285px;
	overflow: hidden;
	margin-top: 5px;
	float: left;
}


/*-----option*/
.img_box{
	clear: both;
	overflow: hidden;
	width: 490px;
	margin: 8px auto 0 auto;
}

.img_box p{
	margin-top: 5px;
	padding-top: 5px;
	border-top: solid 1px #495d77;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1.5;
}

.img_l{
	float: left;
	background: #e9fafe;
	border: solid 1px #495d77;
	padding: 5px;
}

.img_r{
	float: right;
	background: #e9fafe;
	border: solid 1px #495d77;
	padding: 5px;
}


/*-----staff*/
.staff_box{
	clear: both;
	overflow: hidden;
	width: 490px;
	margin: 15px auto;
	padding: 8px 0 15px 0;
	border-bottom: solid 1px #848c84;
}

.staff_box img{
	float: left;
	padding: 0;
	margin: 0 5px 8px 5px;
	border: solid 2px #c1c5cb;
}

.staff_box table{
	float: left;
	width: 370px;
	margin: 0 5px 8px 5px;
}

.staff_box th{
	width: 80px;
	padding: 9px 0;
	text-align: center;
	border-right: solid 2px #495d77;
}

.staff_box td{
	padding: 9px 0 9px 12px;
	text-align: left;
}

.th_bb{
	width: 80px;
	padding: 9px 0;
	text-align: center;
	border-right: solid 2px #495d77;
	border-bottom: solid 1px #c1c5cb;
}

.td_bb{
	padding: 9px 0 9px 12px;
	text-align: left;
	border-bottom: solid 1px #c1c5cb;
}

.staff_box p{
	clear: both;
	background: #eef9ce;
	width: 450px;
	margin: 0 auto;
	padding: 2px 5px;
	text-align: left;
	border: solid 1px #5da15c;
}

#SubCat ul{ list-style:none;padding:10px 0px; }
#SubCat li{ float:left; }
#SubCat a{ padding:2px 4px; }