@charset "utf-8";

/* 目次
-----------------------
■■■■■■初期化
■■■■■■汎用
■■■■■■大枠
■■■■■■ヘッダー
■■■■■■フッター
■■■■■■コンテンツ
■■■ボタン
-----------------------
 */
/* ■■■■■■ 初期化 */
body,
div,form,
h1,h2,h3,h4,h5,h6,p,address,pre,
dl,dt,dd,ul,ol,li,
table,th,td{
	margin:0;	padding:0;
	border:none;
	font-size:100%;	font-style:normal;
}
body{
	background:#fff;
	color: #333333;
	font:12px/1.35 "MS Pゴシック","ＭＳ Ｐゴシック",sans-serif;
	line-height: 17px;
}
html* body{/*Safari + IE5.5-6*/
	font-size:11px;
}
* html body{/*IE5.5-6*/
	font-size:75%;
}
*:first-child+html body{/*IE7*/
	font-size:75%;
}
hr{
	display:none;
}
h1,h2,h3,h4,h5,h6,
strong{
	font-style:normal;
	font-weight:bold;
}
li{
	list-style:none;
}
img{
	margin:0;	padding:0;
}
a img{	border: none;}
a{
	color:#000000;
	text-decoration:none;
}
a:visited{
	color:#000000;
}
a:active{
	color:#000000;
}
a:hover{
	text-decoration: underline;
	color:#a8c954;
}
input{
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}

/* ■■■■■■汎用 */

/* 回り込み解除 */
.clearfix,
#Header,
#UserNav li.end,
#HeaderSubNav,
#BreadcrumbsList,
#ItemHistory ol,
#License{
	zoom:1;
}
.clearfix:after,
#Header:after,
#UserNav li.end:after,
#HeaderSubNav:after,
#BreadcrumbsList:after,
#ItemHistory ol:after,
#License:after{
	content:".";
	clear:both;
	height:0;
	display:block;	visibility:hidden;
}
#hed_barea:after,#hed_area:after,#footer dl:after,
dl#hed_box:after,dl.ttl_area:after,dl.sg_box:after,dl.gr_block:after,
dl.ml_box:after,
.main_area:after,.main_area2:after,.main_area3:after,.main_box:after,
.notice_area:after,.imain_area:after,.main_area4:after,.gr_box:after,
.g_area:after , .g_area2:after,.w_area:after , .w_area2:after,.mr_box:after,.box3_rwarea:after,
dt.nbtn_box:after,dt.box2_lnkblock:after,dt.sttl_img:after{
	content:"";
	clear: both;
	display: block;
}
/* clear */
.clear{clear:both;}


/* ■■■■■■大枠 */
html , body{height:100%;}
body > #min-container,
body > #container{height:auto;}
#min-container{
	width: 712px;	height: auto;
	margin: 0 auto;
	height:100%;/* for IE6 */
	min-height:100%;
}
#container{
	width: 1000px;	height: auto;
	margin: 0 auto;
	height:100%;/* for IE6 */
	min-height:100%;
}
#container img{/* IEの画像隙間をなくす */
	vertical-align:bottom;
	padding:0;
	margin:0;
}
#hed_area{
	width: 1000px;	height: 45px;
	background: url(images/hed_bg.gif) repeat-x;
}
#hed_barea,
.main_area{
	width: 900px;	height: auto;
	margin:0  auto;
}
.main_area{	margin: 17px auto 0;}
.main_area2{
	width: 835px;
	margin: 0 auto 22px;
}
.main_area3{
	width: 865px;
	margin: 0 0 22px;
}
.main_area4{
	width: 900px;
	margin: 13px auto 0;
}

/* ■■■■■■ヘッダー */
#hed-col,
#hed-mcol{
	background: #353535;
	width: 712px;	height: 4px;
	margin: 0 auto ;
	overflow: hidden;
}
#hed-mcol{	width: 1000px;	height: 4px;}

h1#min-logo{
	margin: 19px 0 10px;
}
h1#logo{
	margin: 19px 0 10px;
	float: left;
	/padding: 0 0 10px;
}
dl#hed_rarea{
	float: right;
	margin: 40px 0 0;
	width: 500px;
}
p.h_adopt a,
p.h_access a,
p.h_map a{
	background: url(images/h_adopt.gif) no-repeat;
	font-size: 11px;
	padding: 0 0 0 10px;
	float: right;
}
p.h_access a{
	background: url(images/h_access.gif) no-repeat;
	margin: 0 0 0 20px;
}
p.h_map a{
	background: url(images/h_map.gif) no-repeat;
	margin: 0 0 0 20px;
}
dl#hed_box{
	width: 902px;	height: 45px;
	margin: 0 auto;
}

/*---- IE6 ----*/
*html dl#hed_box{	width: 903px;}

dl#hed_box img{	float: left;}

p.navi_area{
	width: 900px;	height: 14px;
	background: url(images/navi_bg.jpg) repeat-x;
	font-size: 11px;
	color: #FFFFFF;
	margin: 8px 0 0;
	padding: 9px 50px;
}
p.navi_area a{	color: #FFFFFF;}
p.navi_area a:hover{	color: #a8c954;}

h2.ttl_company,
h2.ttl_concept,
h2.ttl_service,
h2.ttl_case,
h2.ttl_sitemap,
h2.ttl_privacy,
h2.ttl_jikotan,
h2.ttl_teambuild,
h2.ttl_recruit,
h2.ttl_research,
h2.ttl_case1,
h2.ttl_case2,
h2.ttl_case3,
h2.ttl_case4,
h2.ttl_case5,
h2.ttl_case6{
	width: 1000px;	height: 60px;
	background: url(images/ttl_company.jpg) no-repeat;
}
h2.ttl_concept{	background: url(images/ttl_concept.jpg) no-repeat;}
h2.ttl_service{	background: url(images/ttl_service.jpg) no-repeat;}
h2.ttl_case{	background: url(images/ttl_case.jpg) no-repeat;}
h2.ttl_sitemap{	background: url(images/ttl_sitemap.jpg) no-repeat;}
h2.ttl_privacy{	background: url(images/ttl_privacy.jpg) no-repeat;}
h2.ttl_jikotan{	background: url(images/ttl_jikotan.jpg) no-repeat;}
h2.ttl_teambuild{	background: url(images/ttl_teambuild.jpg) no-repeat;}
h2.ttl_recruit{	background: url(images/ttl_recruit.jpg) no-repeat;}
h2.ttl_research{	background: url(images/ttl_research.jpg) no-repeat;}
h2.ttl_case1{	background: url(images/ttl_case1.jpg) no-repeat;}
h2.ttl_case2{	background: url(images/ttl_case2.jpg) no-repeat;}
h2.ttl_case3{	background: url(images/ttl_case3.jpg) no-repeat;}
h2.ttl_case4{	background: url(images/ttl_case4.jpg) no-repeat;}
h2.ttl_case5{	background: url(images/ttl_case5.jpg) no-repeat;}
h2.ttl_case6{	background: url(images/ttl_case6.jpg) no-repeat;}

p.earthquake{
	width: 700px;
	margin: 25px auto;
}



/* ■■■■■■フッター */
#min-footer{
	background: #196620;
	width: 614px;	height: 25px;
	margin: 35px auto 0;
	padding: 5px 49px 0px 49px;
}
#footer{
	background: #196620;
	width: 950px;	height: 100px;
	margin: 35px auto 0;
	padding: 10px 25px 35px;
}
#min-footer p,
#footer p{
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
p.ft_line,
p.ft_line2{
	background: url(images/ft_line.gif) repeat-x;
	width: 100%;	height: 2px;
	margin: 0 0 3px;
	overflow: hidden;
}
p.ft_line2{	margin: 15px 0;}
#footer ul{
	margin: 0 30px 0 0;	
	padding:0;
	list-style:none;
	float: left;
}
#footer ul li{
	padding:0 0 0 15px;
	background:url("images/lnk_arrow2.gif") no-repeat;
	margin: 13px 0 0;
}
#footer ul li a{	color: #FFFFFF;}
#footer ul li a:hover{	color: #a8c954;}


/* ■■■■■■コンテンツ */
.moji{  line-height: 17px}
dl.min-block{
	width: 640px;
	margin: 0 auto;
}
dl.border{
	background: url(images/border.gif) repeat-x;
	width: 640px;	height:1px;
	overflow: hidden;
	margin: 15px auto;
}
.map-area{
	width: 640px;
	margin: 5px auto 0;
	text-align: center;
}
table.min-t-area{
	width: 400px;
	margin: 20px;
}
h2.min-cap{
	background: url(images/min-cap.gif) no-repeat;
	width: 544px;	height: 20px;
	margin: 0 0 10px 0;
	padding: 0 15px;
	font-size: 16px;
	line-height: 20px;
}
img.min-scap{
	margin: 0 0 10px 0;
}
p.min-tarea{
	margin: 0 0 15px;
}

img.lnk_arrow{	margin: 0 5px 0 0;}

p.txt2_r span.lnk_arrow2{
	margin: 0 2px 0 0;
}
p.lnk_arrow3{
	float: left;
	padding: 3px 3px 0 0;

}
p.lik_text a,
p.lik_text a:visited,
p.lik_text a:active{
	color: #0000FF;
	text-decoration: underline;
}
h3.ttl_area{
	width: 846px;	height: 20px;
	background: url(images/ttl_bg.gif) no-repeat;
	font-size: 15px;
	padding: 10px 27px;
	margin: 0 0 15px;
}
.main_box{
	width: 850px;
	margin: 0 auto 22px;
}
.g_area,
.w_area,
.g_area2,
.w_area2{
	width: 776px;
	background: #f5f5f5;
	padding: 13px 37px;
}
.g_area3,
.w_area3{
	width: 776px;
	background: #f5f5f5;
	padding: 8px 37px;
}
.w_area,
.w_area2,
.w_area3{	background: #ffffff;}

.g_area2,
.w_area2{
	border-top: 1px #e4e4e4 solid;
	border-bottom: 1px #e4e4e4 solid;
	margin: -1px 0 0;
}


p.txt2_lb,
p.txt3_lb{
	width: 120px;
	font-weight: bold;
	float: left;
}
p.txt2_r{
	width: 656px;
	float: left;
}
p.txt2_r span.txt2_sb{	font-weight: bold;}
p.txt3_lr{
	width: 125px;
	float: left;
}
p.txt3_rr{
	width: 531px;
	float: left;
}
dl.rimg_lbox{
	width: 486px;
	float: left;
}
dl.rimg_lbox2{
	width: 360px;
	float: left;
}
dl.lfimg_lbox,
dl.lfimg_lbox2{
	width: 572px;
	float: right;
}
dl.lfimg_lbox2{	margin: 50px 0 0;}
dl.limg_rbox{
	width: 515px;
	float: right;
}
p.lrimg_txt{
	margin: 0 0 25px;
	font-size: 14px;
}
p.lrimg_btxt{
	font-weight: bold;
}
p.lrimg_btxt2{
	color: #1a671f;
	font-size: 15px;
	font-weight: bold;
	margin: 12px 0 0;
}
dl.rfimg_img,
dl.lfimg_img{
	width: 306px;
	float: right;
	padding: 3px;
	background: #ffffff;
	border: 1px #cccccc solid;
}
dl.lfimg_img{
	float: left;
	width: 236px;
}
dl.limg_img{
	width: 315px;
	float: left;
}
dl.rimg_img{
	width: 460px;
	float: right;
}
.notice_area{
	width: 888px;	height: 154px;
	background: url(images/ntc_bg.gif) repeat-x;
	padding: 6px;
	margin: 40px 0 0;
}
dl.notice_img{
	float: left;
}
dl.notice_larea{
	width: 488px;	height: 154px;
	background: #f6f6f6;
	float: right;
}
p.notice_tbox{	margin: 25px 0 20px;}
p.marketing_tbox{	margin: 15px 0 10px;}
dt.nbtn_box{
	margin: 20px 0 0;
	height: 33px;
}
p.box2_line{
	margin: 13px 0;
	border-top: 1px dashed #cdcdcd;
}
dt.box2_lnkblock{	float: right;}

p.gw_txt{	width: 776px;}

#httl_img{
	background: url(images/httl_bg.jpg) repeat-x;
	width: ; height: 259px;
}
dl.index_flash{
	width: 900px;	height: 240px;
	margin: 0 auto;
	padding: 10px 0 0;
}
.imain_area{
	width: 900px;
	margin: 17px auto 0;
}
.im_box{
	width: 531px;
	float: left;
}
.iml_box{
	width: 531px;	height: 183px;
	float: left;
	background: url(images/il_box.jpg) no-repeat;
}
.imr_box{
	width: 360px;
	float: right;
}
p.thought_ttl{
	padding: 27px 0 0;
	margin: 0 0 0 25px;
}
p.iml_txt{
	margin: 20px 0 0 25px;
}
ul.lnk_larea{
	list-style: none;
	margin: 13px 0 0 25px;
}
ul.lnk_larea li,
ul.lnk_rarea li,
ul.lnk_area li,
ul.lnk_rarea2 li{
	padding: 0 0 0 18px;
	background: url(images/arrow_3.gif) no-repeat 3px 3px;
}
ul.lnk_rarea{
	list-style: none;
	margin: 9px 0 0 0;
	float: right;
}
ul.lnk_area{	list-style: none;}
ul.lnk_area li{	margin:  0 0 12px;}

ul.lnk_rarea2{	margin: 3px 0 0;}
ul.lnk_rarea2 li{	margin: 0 0 5px;}

p.ir_ttl{	margin: 0;}
h2.i_ttl{
	width: 900px;
	margin: 15px auto 0;
}
.irscl-container{
	width: 340px; height: 80px;
	padding: 0 10px;
	overflow: auto;
	margin: 3px 0 0;
}
.irscl-container ul{	list-style: none;}
.irscl-container ul li.il_ttl{
	font-size: 12px;
	padding: 0 0 0 15px;
	background: url(images/arrow_3.gif) no-repeat 0px 3px;
	font-weight: bold;
	color: #19661f;
}
.irscl-container ul li.il_ttl a{
	color:#000000;
	text-decoration: underline;
}
.irscl-container ul li.il_ttl a:visited{
	color:#000000;
}
.irscl-container ul li.il_ttl a:active{
	color:#000000;
}
.irscl-container ul li.il_ttl a:hover{
	text-decoration: underline;
	color:#a8c954;
}



.irscl-container ul li.il_txt{	margin: 3px 0 15px 15px;}

p.info_line{
	width: 360px;	height: 1px;
	border-top: 1px dashed #cccccc;
	overflow: hidden;
	margin: 7px auto;
}



.box3_area,
.box3_rarea{
	width: 293px;	height: 283px;
	border: 1px solid #cccccc;
	background: #f6f6f6;
	float: left;
	margin: 0 7px 0 0;
}
.box3_rarea{
	float: right;
	margin: 0;
}
.box3_rwarea{
	width: 293px;	height: 283px;
	float: right;
	margin: 0;
}

dl.sttl_img{
	width: 283px; height: 77px;
	margin: 5px auto 13px;
}
dl.sttl_img2{
	width: 293px; height: 25px;
	margin: 0 auto 13px;
}
dl.sg_box{
	width: 263px;
	margin: 0 auto 0;
}
dl.sg_box2{
	width: 275px;
	margin: 0 auto 0;
}
p.training_img{
	width: 94px;	height: 98px;
	padding: 2px;	margin: 0 7px 0 0;
	border: 1px solid #cccccc;
	float: left;
}
p.sg_box2_rtxt{
line-height: 18px;
}

h3.sttl{
	font-weight: bold;
	color: #19661f;
}
p.box3_line{
	border-top: 1px dashed #cccccc;
	margin: 10px 0;
}
p.sg_txt{	width: 263px;	height: 118px;}
p.sg_txt2{	width: 263px;	height: 103px;}

.gr_area{
	width: 880px;	height: 71px;
	margin: 10px auto 20px;
	padding: 10px;
	background: url(images/gr_bg.gif) repeat-x;
}
.gr_box{
	width: 880px;	height: 71px;
	background-color: #F6F6F6;
}
dl.gr_block{
	width: 540px;
	margin: 0 auto;
	padding: 17px 0 0;
}
dt.gr_lbox{	float: left;}
p.help_txt{	margin: 0 0 5px;}

.ml_area{
	width: 293px;
	float: left;
}
.mr_area{
	width: 592px;
	float: right;
}
dl.ml_box{
	margin: 0 auto;
	width: 250px;
}
p.ml_btxt{
	font-weight: bold;
	margin: 0 0 13px;
}
p.link_bana{	margin: 0 0 20px;}
p.ml_line{
	border-top: 1px dashed #cccccc;
	margin: 22px 0;
}
.mr_box{
	width: 592px;
	margin: 11px 0 0;
}
dl.mr_lbox{
	width: 385px;
	float: left;
	margin: 0 0 0 10px;

}
p.mr_btxt{
	font-weight: bold;
	color: #19661f;
	margin: 25px 0 0;
}
p.mr_rimg{
	width: 162px;	height: 204px;
	float: right;
	border: 1px solid #cccccc;
	padding: 3px;
}


.irscl-container2{
	width: 572px; height: 285px;
	padding: 0 10px;
	overflow: auto;
	margin: 10px 0 0;
}
.irscl-container2 ul{	list-style: none;}
.irscl-container2 ul li.il_ttl{
	font-size: 12px;
	padding: 0 0 0 15px;
	background: url(images/arrow_3.gif) no-repeat 0px 3px;
	font-weight: bold;
	color: #19661f;
}
.irscl-container2 ul li.il_ttl p span{	color: #000000;}
.irscl-container2 ul li.il_txt{	margin: 3px 0 15px 15px;}
p.il_stxt{	margin: 25px 0 0 10px;}

ul li.list-stxt{
	margin: 0 0 0 25px;
}
p.main-txt{
	font-size: 12px;
	clear: both;
	padding: 0 0 7px;
}
p.main-sttl{
	font-size: 15px;
	font-weight: bold;
	color: #196922;
}
dl.main_sbox{
	width: 850px;
	margin: 0 auto 15px;
}
dl.main_sbox2{
	width: 850px;
	margin: 0 auto 0px;
}

p.cap-mtxt{
	width: 805px;
	margin: 0 auto;
	padding: 0 0 7px;
}


/* ■■■ボタン */
p.hbtn_home a,
p.hbtn_concept a,
p.hbtn_service a,
p.hbtn_example a,
p.hbtn_company a,
p.hbtn_inquiry a,
p.hbtn_home_on,
p.hbtn_concept_on,
p.hbtn_service_on,
p.hbtn_example_on,
p.hbtn_company_on,
p.hbtn_inquiry_on{
	width: 150px; height: 45px;
	background: url(images/hbtn_home.gif) no-repeat;
	display: block;
	float: left;
}
p.hbtn_concept a,
p.hbtn_concept_on{	background: url(images/hbtn_concept.gif) no-repeat;}
p.hbtn_service a,
p.hbtn_service_on{	background: url(images/hbtn_service.gif) no-repeat;}
p.hbtn_example a,
p.hbtn_example_on{	background: url(images/hbtn_example.gif) no-repeat;}
p.hbtn_company a,
p.hbtn_company_on{	background: url(images/hbtn_company.gif) no-repeat;}
p.hbtn_inquiry a,
p.hbtn_inquiry_on{	background: url(images/hbtn_inquiry.gif) no-repeat;}

p.hbtn_home a:hover,
p.hbtn_concept a:hover,
p.hbtn_service a:hover,
p.hbtn_example a:hover,
p.hbtn_company a:hover,
p.hbtn_inquiry a:hover,
p.hbtn_home_on,
p.hbtn_concept_on,
p.hbtn_service_on,
p.hbtn_example_on,
p.hbtn_company_on,
p.hbtn_inquiry_on{	background-position: 0 -45px;}

p.btn_service a,
p.btn_example a,
p.btn_inquiry a,
dt.btn_service a{
	width: 140px; height: 33px;
	margin: 0 15px 0 0;	
	background: url(images/btn_service.gif) no-repeat;
	display: block;
	float: left;
}
p.btn_example a{
	background: url(images/btn_example.gif) no-repeat;
	float: left;
}
dt.btn_service a{
	float: right;
	margin: 0;
}
p.btn_inquiry a{
	background: url(images/btn_inquiry.gif) no-repeat;
	magrin: 0;
}

p.btn_service a:hover,
p.btn_example a:hover,
p.btn_inquiry a:hover,
dt.btn_service a:hover{	background-position: 0 -33px;}

p.lv_lecimg a{
	width: 335px; height: 65px;
	margin: 0 auto;	
	background: url(images/lv_lecimg.jpg) no-repeat;
	display: block;
}
p.lv_lecimg a:hover{	background-position: 0 -65px;}