@charset "utf-8";

/*  style css  */
/*  それぞれのページ内に必要なレイアウト要素  */
/*  ▼リセット▼  */
html{
	margin-bottom: 1px;
	height: 100%;
	/padding-left: 1px; /* IE 6, 7 */
	/margin-left: -1px; /* IE 6, 7 */
	overflow-x: hidden;
	overflow-y: scroll;
}
html,             x:-moz-broken{padding-right:1px; /* Firefox 3.0 or later */}
html:last-of-type,x:-moz-broken{padding-right:0;   /* Firefox 3.5 or later */}

body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size: small;
    *font:x-small;
}
table {
    font-size: inherit;
    font: 100%;
}

img {
	vertical-align: bottom;
	border: 0;
}
area {
	outline: none;
}


/*  ▼リンク周りのスタイルシート▼
---------------------------------------------------------  */
a { outline: none;}
a:link {
	color : #006699;
	text-decoration: underline;
}
a:visited {
	color : #006699;
	text-decoration: underline;
}
/* color : #3399cc; */
a:active {
	color : #0099ff;
	text-decoration: none;
}
a:hover {
	color : #0099ff;
	text-decoration: none;
}

/*  ▼フォント周りのスタイルシート▼
---------------------------------------------------------  */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }

.small {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 85%;
	line-height: 130%;
}
.smallright {
	text-align: right;
	font-size: 85%;
	line-height: 130%;
}
.fBold { font-weight: bold;}
.fcOrange {color:#FF3300;}
.fcGreen {color: #66CC00;}
.fcGreen2 {color: #669933;}


/*  ▼汎用モジュール▼  */
---------------------------------------------------------  */
/* clearfix */  
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

.middle {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 81.25%;
	line-height: 150%;
}

.txtAlignLeft {
	text-align: left;
}
.txtAlignCenter {
	text-align: center;
}
.txtAlignRight {
	text-align: right;
}


/*  ▼テンプレート▼
---------------------------------------------------------  */
body {
	position: relative;
	min-height: 100%;
	_height: 100%;
	margin: 0;
	text-align: center;
	background-color: #e9ebd8;
	background: #E9EBD8 url("../images/bg.gif") repeat-x top left;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

body div {
	text-align: left;
	margin: 0 auto;
}
div#container {
	width: 788px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #fff;
}
div#head {
	height: 81px;
}
div#gnavi {
	width: 752px;
	margin: 0 18px 0 18px;
	padding: 0;
	text-align: center;
}
ul.gnavi_list {
	margin: 0;
	padding: 0;
}
li.gnavi_buttons {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	height: 49px;
	text-align: center;
}
.pankuzu {
	margin: 10px 0 10px 20px;
	padding: 0;
	text-align: left;
	font-size: 85%;
	line-height:140%;
}

/*  トップページのみ  */
div#main {
	width: 752px;
	margin: 0 0 0 18px;
	padding: 0;
}
/*  2階層目  */
div#main2 {
	float: left;
	width: 530px;
	margin: auto 0 auto 0;
	}
/*  --  */

div#contents {
	width: 500px;
	margin: 0 0 0 30px; 
	padding: 0;
}
.contents_border {
	margin: 10px 0 10px 0;
	_margin: -10px 0 7px 0;
	padding: 0;
	text-align: center;
}

/*  hx style  */
.h1_title {
	margin: 0 0 10px 18px;
	padding: 0;
}
.h1_titleInfo {
	width: 515px;
	margin: 0 0 10px 18px;
	padding: 0;
	vertical-align: middle;
	border-bottom: 1px solid #CCCCCC;
	font-size: 108%;
	line-height: 40px;
}

.h2_top_title_bg {
	width: 482px;
	height: 28px;
	margin: 10px 0 10px 0;
	padding: 0;
	background: url(../images/h2_top_title_bg.gif) no-repeat;
}
.h2_title_bg {
	width: 500px;
	height: 28px;
	margin: 10px 0 10px 0;
	padding: 0;
	background: url(../images/h2_title_bg.gif) no-repeat;
}
.h2_title {
	margin: 0;
	padding: 4px 0 3px 20px;
	_padding: 4px 0 3px 20px;
	font-size: 100%;
	font-weight: bold;
}

.h3_top_title_bg {
	width: 250px;
	height: 28px;
	margin: 10px 0 10px 0;
	padding: 0;
	background: url(../images/h3_top_title_bg.gif) no-repeat;
}
.h3_title {
	margin: 10px 0 15px 0;
	padding: 2px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 100%;
	line-height: 160%;
	font-weight: bold;
}

.ul_group {
	list-style-type: none;
	margin: 15px 0 0 20px;
	padding: 0px;
}
.li_group {
	float: left;
	width: 220px;
	margin: 0 0 5px 0;
	padding-left: 1.5em;
	background: url('../images/group_arrow.gif') no-repeat 0 .4em;
	text-align: left;
	font-size: 93%;
	line-height:140%;
}

.c_box {
	margin: 0;
	padding: 15px 15px 15px 20px;
	border: 1px solid #e6e4d3;
	background-color: #fbfaf1;
	font-size: 93%;
	line-height:140%;
}
/*  ul style  */
.ul_list {
	list-style-type: none;
	width: 480px;
	margin: 0 0 0 5px;
	padding: 0;
	_padding: 0;
}
.li_list {
	margin: 0 0 8px 0;
	padding-left: 1.5em;
	text-align: left;
	background: url('../images/group_arrow.gif') no-repeat 0 .4em;
	font-size: 93%;
}
.ul_list2 {
	list-style-type: none;
	margin: 0 0 20px 20px;
	padding: 0;
	_padding: 0;
}
.ul_list2 li {
	margin: 0 0 5px 0;
	padding-left: 0;
	font-size: 93%;
}


/*  menu */
div#menu {
	float: right;
	margin: 0;
	padding: 0;
}
.r_menu_area2 {
	width: 220px;
	margin: 0 18px 0 0;
	padding: 0;
	background-color: #e8ead7;
	text-align: center;
}
.right_t {
	width: 200px;
	margin: 0 auto;
	padding: 0;
}
.inner_box {
	width: 200px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #f5f4eb;
	font-size: 93%;
}
.ul_group2 {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 5px 0 5px 0;
	_padding: 5px 0 5px 0;
}
.li_group2 {
	margin: 5px;
	padding-left: 1.5em;
	background: url('../images/group_arrow.gif') no-repeat 0 .4em;
}
.ul_group3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	_padding: 0;
}
.li_group3 {
	margin: 5px;
	padding-left: 1em;
	background: url('../images/tri_g.gif') no-repeat 0 .4em;
}
.right_bnr {
	margin: 5px auto 5px auto;
	padding: 0;
	width: 179px;
}
.spacer {
	clear: both;
	font-size: 1px;
	height: 10px;
}
.spacer_h20 {
	clear: both;
	font-size: 1px;
	height: 20px;
}

/*  pagetop */
.pagetop {
	padding: 30px 10px 0 0;
	font-size: 85%;
	text-align: right;
}
.pagetop a {
	color: #333;
}

/*  footer */
div#footbar {
	margin: 40px 0 0 0;
	_margin: -1px 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
.foot_txt {
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: center;
	font-size: 85%;
}
.copyright_txt {
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	text-align: center;
	color: #666;
	font-size: 85%;
}


/*  ▼top▼
---------------------------------------------------------  */
div#keyvisual {
	height: 221px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}
div#toptext {
	width: 752px;
	margin: 10px 8px 10px 17px; 
	border: 1px solid rgb(153, 153, 153); 
	text-align: left;
}
div#toptext p {
	margin: 0;
	padding: 10px 20px;
	font-size: 93%;
	line-height: 140%;
}

/*  top_a_block */
.top_a_block {
	overflow: auto;
	padding: 10px;
	background-color: #F5F4EB;
	font-size: 93%;
}
.cate_area_left {
	float: left;
	width: 502px;
}
.cate_area_left ul {
	float: left;
	width: 310px;
	margin: 0;
	padding: 10px 0 0 0;
}
.cate_area_left ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 2px 20px;
	background: url(../images/group_arrow.gif) no-repeat 0 4px;
	line-height: 1.5;
}
.cate_area_left ul li span {
	color: #669933;
	font-weight: bold;
}
.cate_area_left ul.cate_list2 {
	float: none;
	margin: 0;
	padding: 0 0 5px 0;
}
.cate_area_left ul.cate_list2 li {
	list-style: none;
	padding: 0 0 0 16px;
	background: url(../images/tri_g.gif) no-repeat 0 4px;
	line-height: 1.5;
}

.cate_area_right {
	float: right;
	width: 220px;
}
.cate_area_right ul {
	margin: 0;
	padding: 10px 0 20px 10px;
}
.cate_area_right ul.kenpo {
	padding: 10px 0 30px 10px;
	background: url(../images/top_left_border.gif) no-repeat;
}
.cate_area_right ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../images/group_arrow.gif) no-repeat 0px 4px;
}

/*  top_b_block */
.top_b_block {
	font-size: 93%;
}
.whats_area {
	float: left;
	width: 482px;
}
.whats_date {
	float: left;
	width: 90px;
	margin: 0 0 0 5px;
	_margin: 0 0 0 5px;
	padding: 0;
	vertical-align: top;
}
.whats_txt {
	float: left;
	width: 365px;
	margin: 0 0 0 5px;
	_margin: 0 0 0 -5px;
	padding: 0;
	vertical-align: top;
}
.top_left_border {
	margin: 7px 0 7px 0;
	_margin: -7px 0 7px 0px;
	padding: 0;
}

.group_area {
	float: right;
	width: 250px;
}
.group_area img {
	float: right;
	width: 100px;
	margin: 0;
	padding: 5px;
}


/*  ▼philosophy▼
---------------------------------------------------------  */
.sign {
	margin: 30px 0px 10px;
	padding: 0px;
	text-align: right;
}
.sign_txt {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	text-align: right;
	font-size: 75%;
	line-height:140%;
}


/*  ▼profile▼
---------------------------------------------------------  */
.txt_left {
	float: left;
	width: 100px;
	font-size: 93%;
	line-height:140%;
}
.txt_right {
	float: left;
	width: 400px;
	font-size: 93%;
	line-height:140%;
}
.profile_list {
	margin: 0 0 10px 26px;
	padding: 0;
	font-size: 93%;
	line-height:140%;
}


/*  ▼service▼
---------------------------------------------------------  */
p.service_txt {
	font-size: 93%;
}
.service_pictogram {
	margin: 0 auto 30px auto;
	padding: 0;
	text-align: center;
}
ul.service_top_list {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}
ul.service_top_list li {
	margin: 0 0 5px 0;
	padding: 0 0 0 1.5em;
	background: url('../images/group_arrow.gif') no-repeat 0 .4em;
}
ul.service_top_list2 {
	list-style-type: none;
	margin: 0 0 10px 40px;
	padding: 0;
}
ul.service_top_list2 li {
	margin: 0 0 5px 0;
	padding: 0 0 0 1em;
	background: url('../images/tri_g.gif') no-repeat 0 .4em;
}
.service_top_txt {
	margin: 0 0 5px 20px;
	padding: 0 0 0 1.5em;
	background: url('../images/group_arrow.gif') no-repeat 0 .4em;
	color: #669933;
	font-weight: bold;
}

.service_title {
	color: #669933;
	font-weight: bold;
}
ul.service_list {
	list-style-type: none;
	margin: 0 0 20px 20px;
	padding: 0;
	_padding: 0;
}
ul.service_list li {
	margin: 0 0 5px 0;
	padding-left: 1em;
	text-align: left;
	text-indent: -1em;
	font-size: 93%;
}
.service_img {
	float: right;
	margin-left: 10px;
	border: solid 1px #CCCCCC;
}

.service_link {
	margin-top: 15px;
	padding: 15px 20px 15px 20px;
	background-color: #fbfaf1;
	border: 1px solid #e6e4d3;
	font-size: 93%;
	line-height: 140%;
}


/*  ▼release▼
---------------------------------------------------------  */
ul.release_list {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
	_padding: 0;
}
ul.release_list li {
	margin: 0 0 5px 0;
	padding-left: 1em;
	text-align: left;
	text-indent: -1em;
	font-size: 85%;
	line-height: 1.3;
}
ol.release_list2 {
	margin: 0 0 20px 30px;
	padding: 0;
	_padding: 0;
}
ol.release_list2 li {
	margin: 0 0 5px 0;
}

/*  ▼map▼
---------------------------------------------------------  */
.map_img {
	margin: 0px auto;
	padding: 0px;
}


/*  ▼recruit▼
---------------------------------------------------------  */
a:link#rec-btn,a:visited#rec-btn,a:active#rec-btn {
	display: block;
	width: 264px;
	height: 73px;
	background-image: url(../images/rec-btn.gif);
	text-indent: -9999px;
	overflow: hidden;
}
a:hover#rec-btn {
	display: block;
	width: 264px;
	height: 73px;
	background-image: url(../images/rec-btn.gif);
	background-position: bottom;
	text-indent: -9999px;
	overflow: hidden;
}

a:link#inq-btn,a:visited#inq-btn,a:active#inq-btn,a:hover#inq-btn {
	display: block;
	width: 480px;
	height: 25px;
	margin-top: 15px;
	background: url(../images/inq-btn.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
a:hover#inq-btn {
	background-position: bottom;
}

/*  ▼sitemap▼
---------------------------------------------------------  */
ul.sitemap_list {
	margin: 10px 0 20px 30px;
	padding: 0;
	_padding: 0;
}
ul.sitemap_list li {
	margin: 0 0 5px 0;
}
ul.sitemap_list li.sitemap_list2 {
	margin: 0 0 5px 20px;
}