@charset "utf-8";

/* ------------------------------
	reset
------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

ul,ol {
	list-style-type: none;
}

em,th,address {
	font-style: normal;
	font-weight: normal;
}
strong {
	font-style: normal;
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

img,
object,
embed {
	border: 0;
	vertical-align: top;
}

hr {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	border:1px solid #cccccc;
}
td {
	border:1px solid #cccccc;
	padding:10px;
}

li {
	list-style-type: none;
}


/* ------------------------------
	linkcolor
------------------------------ */
a {
	color: #3773d7;
}

a:link,
a:visited {
	color: #3773d7;
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}
/*a:hover img{
	filter:alpha(opacity=60);
	opacity:0.6;
	}*/
a:hover img.over{
	filter:alpha(opacity=100);
	opacity:1;
}


/* ------------------------------
	base
------------------------------ */

html {
}

body {
	color:#333;
	font-size: 82%;
	font-family: verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
	line-height: 1.3;
	text-align:center;
}
* html body {
	font-family: verdana,"lr oSVbN","MS PGothic",Sans-Serif;
	text-align:center;
}



/* ------------------------------
	#header
------------------------------ */

#headbase {
	background:url(/common/img/header_back.jpg) repeat-x left top;
	width:auto;
	height:158px;
}
#header {
	width:908px;
	height:92px;
	margin: 0 auto;
}
#header h1 a {
	text-indent:-9999px;
	overflow:hidden;
	width:259px;
	height:81px;
	float:left;
}
#header h1 a {
	background:url(/common/img/top_rogo.jpg) no-repeat left top;
}
#header p {
font-size:10px;
float:right;
margin:30px 16px 0 0;
}
#header ul {
float:right;
margin:14px 18px 0 0;
}
#header li {
display:inline;
margin-left:20px;
}
#header li a {
background:url(/common/img/lnk_mk.gif) no-repeat left center;
padding:0 0 0 12px;
}


/* ------------------------------
	#globalNavi
------------------------------ */
.menu {
	width:900px;
	margin:0 auto;
}
ul#gnv {
	width:900px;
}
ul#gnv li {
	float:left;
	display:inline;
}
ul#gnv li.gnv01 a,ul#gnv li.gnv04 a {
	display:block;
	width:149px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
}
ul#gnv li.gnv02 a, ul#gnv li.gnv03 a, ul#gnv li.gnv05 a {
	display:block;
	width:150px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
}
ul#gnv li.gnv06 a {
	display:block;
	width:152px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
}
ul#gnv li.gnv01 a {
	background:url(/common/img/gnavi_01_off.jpg) no-repeat left top;
}
ul#gnv li.gnv02 a {
	background:url(/common/img/gnavi_02_off.jpg) no-repeat left top;
}
ul#gnv li.gnv03 a {
	background:url(/common/img/gnavi_04_off.jpg) no-repeat left top;
}
ul#gnv li.gnv04 a {
	background:url(/common/img/gnavi_03_off.jpg) no-repeat left top;
}
ul#gnv li.gnv05 a {
	background:url(/common/img/gnavi_05_off.jpg) no-repeat left top;
}
ul#gnv li.gnv06 a {
	background:url(/common/img/gnavi_06_off.jpg) no-repeat left top;
}
ul#gnv li.gnv01 a:hover, .news ul#gnv li.gnv01 a {
	background:url(/common/img/gnavi_01_on.jpg) no-repeat left top;
}
ul#gnv li.gnv02 a:hover, .kanro ul#gnv li.gnv02 a {
	background:url(/common/img/gnavi_02_on.jpg) no-repeat left top;
}
ul#gnv li.gnv03 a:hover, .environment ul#gnv li.gnv03 a {
	background:url(/common/img/gnavi_04_on.jpg) no-repeat left top;
}
ul#gnv li.gnv04 a:hover, .agency ul#gnv li.gnv04 a {
	background:url(/common/img/gnavi_03_on.jpg) no-repeat left top;
}
ul#gnv li.gnv05 a:hover, .sugimasa ul#gnv li.gnv05 a {
	background:url(/common/img/gnavi_05_on.jpg) no-repeat left top;
}
ul#gnv li.gnv06 a:hover, .aboutus ul#gnv li.gnv06 a {
	background:url(/common/img/gnavi_06_on.jpg) no-repeat left top;
}

/* ------------------------------
	#Mainimage
------------------------------ */
#mainimg {
	width:auto;
	background: url(/top/img/contens_back.jpg) repeat-x left top;
}
#mainimg p {
	background:url(/top/img/mainimage.jpg) no-repeat center top;
	width:900px;
	height:387px;
	margin: 0 auto;
}
#mainimg span {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/* ------------------------------
	#contents
------------------------------ */
#contents {
	clear:both;
	width:900px;
	text-align:left;
	margin: 0 auto;
	padding:7px 0 0 0;
}

#contents .left {
	width:537px;
	float:left;
	padding:5px 0 0 20px;
	text-align:left;
}

#contents .right {
	width:330px;
	float:right;
	text-align:left;
}

/* ------------------------------
	#contents2
------------------------------ */
#contents2 {
	clear:both;
	width:900px;
	text-align:left;
	margin: 0 auto;
	padding:7px 0 0 0;
}
#contents2 .pankuzu {
	width:860px;
	text-align:left;
	margin:20px 20px 10px 20px;
}
#contents2 .left {
	width:660px;
	float:left;
	padding:0 0 0 20px;
	text-align:left;
}

#contents2 .right {
	width:187px;
	float:right;
	text-align:left;
}

/* ------------------------------
	#Ancertool
------------------------------ */
#contents2 .ancer_box {
	width:660px;
	background:#f7f4f0;
	line-height:150%;
	padding:10px 0 10px 0;
}
#contents2 .ancer_box ul {
	display:block;
	margin:0 10px 0 10px;
}
#contents2 .ancer_box ul li {
	display:inline;
	float:left;
}
#contents2 .ancer_box ul li a {
	background:url(/common/img/anc_mk.gif) no-repeat left center;
	padding-left:14px;
	margin-right:15px;
}

/* ------------------------------
	#Largetitle
------------------------------ */
#contents2 .lar_ttl {
	width:660px;
	height:61px;
	background:url(/common/img/large_titleber.jpg) no-repeat left top;
}
#contents2 .lar_ttl h2 {
	font-size:140%;
	font-weight:bold;
	padding:20px 0 0 17px;
}

/* ------------------------------
	#Middletitle
------------------------------ */
#contents2 .mid_ttl {
	width:660px;
	background:url(/common/img/mid_titleber_back.jpg) repeat-y left top;
	margin:20px 0 20px 0;
}
#contents2 .mid_ttl2 {
	width:660px;
	background:url(/common/img/mid_titleber_back.jpg) repeat-y left top;
	margin:0 0 20px 0;
}
#contents2 .mid_ttl .top,
#contents2 .mid_ttl2 .top  {
	width:660px;
	background:url(/common/img/mid_titleber_top.jpg) no-repeat left top;
	padding-top:11px;
}
#contents2 .mid_ttl .btm,
#contents2 .mid_ttl2 .btm {
	width:660px;
	background:url(/common/img/mid_titleber_btm.jpg) no-repeat left bottom;
	padding-bottom:15px;
}
#contents2 .mid_ttl ul.mid,
#contents2 .mid_ttl2 ul.mid {
	width:660px;
	background:url(/common/img/mid_titleber_mid.jpg) no-repeat left top;
}
#contents2 .mid_ttl ul.mid h3,
#contents2 .mid_ttl2 ul.mid h3 {
    font-size:130%;
	font-weight:bold;
	margin-left:23px;
}

/* ------------------------------
	#Subtitle
------------------------------ */
#contents2 .left .sub_t_top {
background:url(/kanro/common/img/subtitle_top.jpg) repeat-x left top;
width:660px;
padding:16px 0 0 0;
margin-bottom:20px;
}
#contents2 .left .sub_t_btm {
background:url(/kanro/common/img/subtitle_btm.jpg) repeat-x left bottom;
width:660px;
padding:0 0 16px 0;
}
#contents2 .left .sub_t_mid {
background:url(/kanro/common/img/subtitle_mid.jpg) repeat-x left top;
width:660px;
background-color:#fafafa;
}
#contents2 .left .sub_t_mid h3 {
	font-size:140%;
	font-weight:bold;
	margin-left:18px;
}

/* ------------------------------
	#Subtitle2
------------------------------ */
#contents2 .sub_t_2 {
width:660px;
padding:30px 0 10px 0;
margin-bottom:15px;
border-bottom:1px dotted #cccccc;
}
#contents2 .sub_t_2 h3 {
font-size:120%;
font-weight:bold;
background:url(/common/img/midashi_circle.jpg) no-repeat left center;
padding-left:20px;
}

/* ------------------------------
	#Subtitle3
------------------------------ */
#contents2 .sub_t_3 {
width:657px;
padding:0 0 8px 3px;
margin:35px 0 15px 0;
border-bottom:1px solid #cccccc;
}
#contents2 .sub_t_3_2 {
width:657px;
padding:0 0 8px 3px;
margin:0 0 15px 0;
border-bottom:1px solid #cccccc;
}
#contents2 .sub_t_3 p,
#contents2 .sub_t_3_2 p {
font-size:110%;
font-weight:bold;
background:url(/common/img/midashi_mk01.gif) no-repeat left center;
padding-left:15px;
}

/* ------------------------------
	#Subtitle4
------------------------------ */
#contents2 .sub_t_4 {
width:657px;
padding:0 0 8px 3px;
margin:35px 0 15px 0;
border-bottom:1px solid #cccccc;
}
#contents2 .sub_t_4_2 {
width:657px;
padding:0 0 8px 3px;
margin:0 0 15px 0;
border-bottom:1px solid #cccccc;
}
#contents2 .sub_t_4 p,
#contents2 .sub_t_4_2 p {
font-size:110%;
font-weight:bold;
background:url(/common/img/midashi_mk02.gif) no-repeat left center;
padding-left:15px;
}

/* ------------------------------
	#Pagelink
------------------------------ */
#contents2 #pglnk_box {
	width:auto;
	border:4px solid #bce0d8;
	background:#e7f8f5;
	margin-top:70px;
}
* html #contents2 #pglnk_box {
	width:660px;
	border:4px solid #bce0d8;
	background:#e7f8f5;
	margin-top:70px;
}
#contents2 #pglnk_box .lk {
	width:620px;
	margin:16px 0 16px 16px;
}
#contents2 #pglnk_box .lk ul li {
	display:inline;
	float:left;
}
#contents2 #pglnk_box .lk ul li a {
	background:url(/common/img/lnk_mk.gif) no-repeat left center;
	padding-left:12px;
	margin-right:20px;
}


/* ------------------------------
	#Rightmenu
------------------------------ */
#contents2 .right .menubox {
	width:174px;
	background:url(/common/img/solution_top.jpg) no-repeat left top;
	padding-top:44px;
	margin:0 0 8px 5px;
}
#contents2 .right .menubox2 {
	width:174px;
	border-top:1px solid #cccccc;
	margin:0 0 8px 5px;
}
#contents2 .right .menubox .menubox_b,
#contents2 .right .menubox2 .menubox_b {
	width:174px;
	background:url(/common/img/solution_btm.jpg) no-repeat left bottom;
	padding-bottom:2px;
}
#contents2 .right .menubox_b .menubox_m {
	width:174px;
	background:url(/common/img/solution_mid.jpg) repeat-y left top;
}
#contents2 .right .menubox_m ul {
	width:170px;
	margin-left:2px;
}
#contents2 .right .menubox_m ul li {
	background:#e3e3e3;
	border-top:2px solid #ffffff;
	padding:16px 0 16px 0;
}
#contents2 .right .menubox_m ul li a {
	background:url(/common/img/lnk_mk.gif) no-repeat left center;
	margin-left:6px;
	padding-left:12px;
}
#contents2 .right .menubox_m ul li.on  {
	background:#7392ca;
	border-top:2px solid #ffffff;
	padding:16px 0 16px 0;
}
#contents2 .right .menubox_m ul li.on a {
	font-weight:bold;
	background:none;
	margin-left:6px;
	padding-left:12px;
}
#contents2 .right .menubox_m ul li.on a,
#contents2 .right .menubox_m ul li.on a:link,
#contents2 .right .menubox_m ul li.on a:visited,
#contents2 .right .menubox_m ul li.on a:hover, 
#contents2 .right .menubox_m ul li.on a:active {
color:#ffffff;
text-decoration:none;
}

/* ------------------------------
	Sideaddress
------------------------------ */
#contents2 .right .add_t {
	width:174px;
	background:url(/kanro/common/img/add_top.gif) no-repeat left top;
	padding-top:15px;
	margin:3px 0 0 5px;
}
#contents2 .right .add_t .add_b {
	width:174px;
	background:url(/kanro/common/img/add_btm.gif) no-repeat left bottom;
	padding-bottom:15px;
}
#contents2 .right .add_b .add_m {
	width:174px;
	background:url(/kanro/common/img/add_mid.gif) repeat-y left top;
}
#contents2 .right .add_m .txt {
	width:144px;
	margin-left:15px;
	color:#666666;
}
#contents2 .right .add_m .txt p {
	margin-bottom:10px;
}
#contents2 .right .add_m .txt p.end {
	margin-bottom:0;
}
 
/* ------------------------------
	#Inkbox(subpage)
------------------------------ */
#ftr_inq_base {
width:auto;
}
#ftr_inq_base #ftr_inq_box {
width:900px;
margin:50px auto 35px auto;
text-align:left;
}
#ftr_inq_base #ftr_inq_box {
width:900px;
margin:50px auto 35px auto;
text-align:left;
}
#ftr_inq_box .inq {
width:680px;
height:131px;
margin-top:3px;
background:url(/common/img/inq_box.jpg) no-repeat right top;
float:left;
}
#ftr_inq_box .inq01 {
width:680px;
height:131px;
margin-top:3px;
background:url(/kanro/common/img/inq_box.jpg) no-repeat right top;
float:left;
}
#ftr_inq_box .inq02 {
width:680px;
height:131px;
margin-top:3px;
background:url(/environment/common/img/inq_box.jpg) no-repeat right top;
float:left;
}
#ftr_inq_box .inq03 {
width:680px;
height:131px;
margin-top:3px;
background:url(/agency/common/img/inq_box.jpg) no-repeat right top;
float:left;
}
#ftr_inq_box .inq04 {
width:680px;
height:131px;
margin-top:3px;
background:url(/sugimasa/common/img/inq_box.jpg) no-repeat right top;
float:left;
}
#ftr_inq_box .inq p,
#ftr_inq_box .inq01 p,
#ftr_inq_box .inq02 p,
#ftr_inq_box .inq03 p,
#ftr_inq_box .inq04 p {
padding:80px 0 0 432px; 
}

#ftr_inq_box .rtn {
text-align:left;
width:185px;
margin-left:34px;
float:left;
}
#ftr_inq_box .rtn2 {
text-align:left;
width:185px;
margin-left:34px;
float:right;
}

/* ------------------------------
	#Pagetop
------------------------------ */
#pagetop {
}
#pagetop2 {
	text-align:right;
	clear:both;
	margin:5px 0 5px 0;
	padding-right:16px;
}

/* ------------------------------
	#Footer_link
------------------------------ */
#ft_lnk_base {
	width:auto;
}
#ft_lnk {
	width:858px;
	margin-left:20px;
	margin:0 auto;
	text-align:left;
}
#ft_lnk .fstline {
	width:858px;
	padding:15px 0 10px 0;
	border-top:2px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
#ft_lnk .scdline {
	width:858px;
	padding:10px 0 15px 0;
}
#ft_lnk .fstline ul,
#ft_lnk .scdline ul {
	display:inline;
}
#ft_lnk .fstline ul li,
#ft_lnk .scdline ul li {
	display:block;
	float:left;
	margin-right:15px;
}
#ft_lnk .fstline ul li a,
#ft_lnk .scdline ul li a {
	background:url(/common/img/lnk_mk.gif) no-repeat left center;
	padding-left:12px;
}

/* ------------------------------
	#Footer
------------------------------ */
#foot_base {
	width:auto;
	height:176px;
	background:url(/common/img/footer_back.jpg) repeat-x left bottom;
}
#footer {
	width:866px;
	height:146px;
	padding-top:30px;
	margin:0 auto;
	text-align:left;
}
#footer .ftr_box {
	margin-left:20px;
	clear:both;
	font-size:12px;
	color:#666666;
	display:inline;
	width:858px;
}
#footer .ftr_box h4 {
	float:left;
	background: url(/common/img/footer_hyutech_rogo.jpg) no-repeat left top;
	width:198px;
	height:65px;
}
#footer .ftr_box h4 a {
	width:198px;
	height:65px;
}
#footer .ftr_box h4 a span {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#footer .ftr_box .ft_right {
	width:648px;
	float:right;
}
#footer .ftr_box .ft_right p {
width:644px;
background:url(/common/img/footer_line.jpg) repeat-x left bottom;
padding-bottom:10px;
margin:2px 0 10px 0;
}
#footer .ftr_box .ft_right p span {
font-size:80%;
color:#999999;
}
#footer .ftr_box .ft_right ul.fst_add {
	margin-bottom:10px;
}
#footer .ftr_box .ft_right .scd_add {
	width:648px;
	display:inline;
}
#footer .ftr_box .ft_right .scd_add ul {
	float:left;
	margin-right:15px;
}

/* ------------------------------
	Clear
------------------------------ */
.flt_l {
	float:left;
}
.flt_r {
	float:right;
}
.cb {
	clear:both;
}

/* ------------------------------
	etc
------------------------------ */
.mar_l05 {
	margin-left:5px;
}
.mar_b20 {
	margin-bottom:20px;
}
.mar_b30 {
	margin-bottom:30px;
}
.mar_t10 {
	margin-top:10px;
}
.mar_t15 {
	margin-top:15px;
}