@charset "Shift_JIS";

@media print, screen and (min-width: 951px) {
/* 共通装飾
----------------------------------------------------- */
.hvr:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
br.non {display: none;}
.fleft  {float:left;}
.fright {float:right;}

/* pageID
----------------------------------------------------- */
#message {margin:0;}
#company {margin:0;}
#businessfield {margin:0;}
#works {margin:0;}
#diversity {margin:0;}
#businessareas {margin:0;}

/* wrapper
----------------------------------------------------- */
#wrapper {
	width:100%;
}

/* header
----------------------------------------------------- */
header {
	width:100%;
	padding-top:30px;
	background: url(../img/headline.png) repeat-x top center;
}
header .titlebox {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
header h1.top a {
	line-height:0;
	width:635px;
	height:27px;
	text-indent: -9999px;
	display:block;
	background: url(../img/sitetitle.png) no-repeat left top;
}
/* 下層用 */
header h1.sub a {
	line-height:0;
	width:323px;
	height:73px;
	text-indent: -9999px;
	display:block;
	background: url(../img/sitetitle2.png) no-repeat left bottom;
	float:left;
	z-index:1;
}
header .menubox {
	width:564px;
	float:right;
}
/* 外部リンクメニュー */
ul.hdglinkmenusub {
	width:564px;
}
ul.hdglinkmenusub li {
	padding:0;
	float: left;
	border-right:#fff solid 1px;
}
.sb1, .sb2, .sb3, .sb4{ 
	height:32px;
	text-indent: -9999px;
	display:block;
}	
.sb1, .sb2, .sb3, .sb4{ 
	width:140px;
}	
.sb1       {background:url(../img/btn_sb12.png) no-repeat center #008803;}
.sb1:hover {background:url(../img/btn_sb12.png) no-repeat center #084905;}
.sb2       {background:url(../img/btn_sb22.png) no-repeat center #008803;}
.sb2:hover {background:url(../img/btn_sb22.png) no-repeat center #084905;}
.sb3       {background:url(../img/btn_sb32.png) no-repeat center #008803;}
.sb3:hover {background:url(../img/btn_sb32.png) no-repeat center #084905;}
.sb4       {background:url(../img/btn_sb42.png) no-repeat center #008803;}
.sb4:hover {background:url(../img/btn_sb42.png) no-repeat center #084905;}

/* グローバルメニュー */
ul.glmenu {
	margin-top:26px;
	margin-left:-91px;
	z-index:10;
}
ul.glmenu li {
	padding:0;
	float: left;
	margin-left:12px;
}
.gm1, .gm2, .gm3, .gm4, .gm5, .gm6{ 
	height:38px;
	text-indent: -9999px;
	display:block;
}	
.gm1       {width:85px; background:url(../img/btn_gm1.png) no-repeat left top;}
.gm1:hover {            background:url(../img/btn_gm1.png) no-repeat left bottom;}
.gm2       {width:141px;background:url(../img/btn_gm2.png) no-repeat left top;}
.gm2:hover {            background:url(../img/btn_gm2.png) no-repeat left bottom;}
.gm3       {width:113px;background:url(../img/btn_gm3.png) no-repeat left top;}
.gm3:hover {            background:url(../img/btn_gm3.png) no-repeat left bottom;}
.gm4       {width:77px; background:url(../img/btn_gm4.png) no-repeat left top;}
.gm4:hover {            background:url(../img/btn_gm4.png) no-repeat left bottom;}
/*.gm4       {width:77px; background:url(../img/btn_gm4_wait.png) no-repeat left top;}
.gm4:hover {            background:url(../img/btn_gm4_wait.png) no-repeat left top;cursor: default;}*/
.gm5       {width:78px; background:url(../img/btn_gm5.png) no-repeat left top;}
.gm5:hover {            background:url(../img/btn_gm5.png) no-repeat left bottom;}
.gm6       {width:89px; background:url(../img/btn_gm6.png) no-repeat left top;}
.gm6:hover {            background:url(../img/btn_gm6.png) no-repeat left bottom;}

#message .gm1       {background:url(../img/btn_gm1.png) no-repeat left bottom;}
#company .gm2       {background:url(../img/btn_gm2.png) no-repeat left bottom;}
#businessfield .gm3 {background:url(../img/btn_gm3.png) no-repeat left bottom;}
#works .gm4         {background:url(../img/btn_gm4.png) no-repeat left bottom;}
#diversity .gm5     {background:url(../img/btn_gm5.png) no-repeat left bottom;}
#businessareas .gm6 {background:url(../img/btn_gm6.png) no-repeat left bottom;}


/* SPグローバルメニュー表示ボタン */
#header01_r {
	display:none;
}

/* contents
----------------------------------------------------- */
#contents {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:140px;
	line-height:2.0em;
}
/* ページタイトル（共通） */
h2.pagetitle {
	height:31px;
	font-size:30px;
	margin-top:45px;
	padding:5px 0 0 23px;
	line-height:100%;
	background: url(../img/icn_pagetitle.png) no-repeat left center;
}
h2.pagetitle2 {
	width:927px;
	margin-left:auto;
	margin-right:auto;
	height:31px;
	font-size:30px;
	margin-top:45px;
	padding:5px 0 0 23px;
	line-height:100%;
	background: url(../img/icn_pagetitle.png) no-repeat left center;
}
/* 足跡 */
.pankuzu {
	padding:25px 0 25px 0px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}
.pankuzu p {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	font-size:90%;
	line-height:100%;
}
.pankuzu a:link,  .pankuzu a:visited { color: #3b3b3b; text-decoration:underlin; }
.pankuzu a:hover, .pankuzu a:active  { color: #3b3b3b; text-decoration:none; }
.y {padding:0 15px; color:#008702;}

/*  footメニュー */
.footbtnbox {
	padding:60px 0;
	border-top:#ccc solid 1px;
}
/* pageup */
.pgup {
	width:100%;
	border-top:#cccccc solid 1px;
}
.pgup a {
	width:100%;
	padding:35px 0;
	display:block;
	text-indent: -9999px;
	background: url(../img/btn_pageup.png) no-repeat center;
}
.pgup a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

ul.footmenu {
	display:none;
}
}



@media screen and (min-width: 641px) and (max-width: 950px) {
/* 共通装飾
----------------------------------------------------- */
.hvr:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
br.non {display: none;}
.fleft  {float:left;}
.fright {float:right;}
/* wrapper
----------------------------------------------------- */
#wrapper {
	width:100%;
}

/* header
----------------------------------------------------- */
header {
	width:100%;
	padding-top:30px;
	background: url(../img/headline.png) repeat-x top center;
}
header .titlebox {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
header h1.top a {
	line-height:0;
	width:635px;
	height:27px;
	text-indent: -9999px;
	display:block;
	background: url(../img/sitetitle.png) no-repeat left top;
}
/* 下層用 */
header h1.sub a {
	line-height:0;
	width:323px;
	height:73px;
	text-indent: -9999px;
	display:block;
	background: url(../img/sitetitle2.png) no-repeat left bottom;
	float:left;
	z-index:1;
}
header .menubox {
	width:564px;
	float:right;
}
/* 外部リンクメニュー */
ul.hdglinkmenusub {
	width:564px;
}
ul.hdglinkmenusub li {
	padding:0;
	float: left;
	border-right:#fff solid 1px;
}
.sb1, .sb2, .sb3, .sb4{ 
	height:32px;
	text-indent: -9999px;
	display:block;
}	
.sb1, .sb2, .sb3, .sb4{ 
	width:140px;
}	
.sb1       {background:url(../img/btn_sb12.png) no-repeat center #008803;}
.sb1:hover {background:url(../img/btn_sb12.png) no-repeat center #084905;}
.sb2       {background:url(../img/btn_sb22.png) no-repeat center #008803;}
.sb2:hover {background:url(../img/btn_sb22.png) no-repeat center #084905;}
.sb3       {background:url(../img/btn_sb32.png) no-repeat center #008803;}
.sb3:hover {background:url(../img/btn_sb32.png) no-repeat center #084905;}
.sb4       {background:url(../img/btn_sb42.png) no-repeat center #008803;}
.sb4:hover {background:url(../img/btn_sb42.png) no-repeat center #084905;}

/* グローバルメニュー */
ul.glmenu {
	margin-top:26px;
	margin-left:-91px;
	z-index:10;
}
ul.glmenu li {
	padding:0;
	float: left;
	margin-left:12px;
}
.gm1, .gm2, .gm3, .gm4, .gm5, .gm6{ 
	height:38px;
	text-indent: -9999px;
	display:block;
}	
.gm1       {width:85px; background:url(../img/btn_gm1.png) no-repeat left top;}
.gm1:hover {            background:url(../img/btn_gm1.png) no-repeat left bottom;}
.gm2       {width:141px;background:url(../img/btn_gm2.png) no-repeat left top;}
.gm2:hover {            background:url(../img/btn_gm2.png) no-repeat left bottom;}
.gm3       {width:113px;background:url(../img/btn_gm3.png) no-repeat left top;}
.gm3:hover {            background:url(../img/btn_gm3.png) no-repeat left bottom;}
.gm4       {width:77px; background:url(../img/btn_gm4_wait.png) no-repeat left top;}
.gm4:hover {            background:url(../img/btn_gm4_wait.png) no-repeat left top;cursor: default;}
.gm5       {width:78px; background:url(../img/btn_gm5.png) no-repeat left top;}
.gm5:hover {            background:url(../img/btn_gm5.png) no-repeat left bottom;}
.gm6       {width:89px; background:url(../img/btn_gm6.png) no-repeat left top;}
.gm6:hover {            background:url(../img/btn_gm6.png) no-repeat left bottom;}

#message .gm1       {background:url(../img/btn_gm1.png) no-repeat left bottom;}
#company .gm2       {background:url(../img/btn_gm2.png) no-repeat left bottom;}
#businessfield .gm3 {background:url(../img/btn_gm3.png) no-repeat left bottom;}
/*#works .gm4         {background:url(../img/btn_gm3.png) no-repeat left bottom;}*/
#diversity .gm5     {background:url(../img/btn_gm5.png) no-repeat left bottom;}
#businessareas .gm6 {background:url(../img/btn_gm6.png) no-repeat left bottom;}

/* SPグローバルメニュー表示ボタン */
#header01_r {
	display:none;
}

/* contents
----------------------------------------------------- */
#contents {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:140px;
	line-height:2.0em;
}
/* ページタイトル（共通） */
h2.pagetitle {
	height:31px;
	font-size:30px;
	margin-top:45px;
	padding:5px 0 0 23px;
	line-height:100%;
	background: url(../img/icn_pagetitle.png) no-repeat left center;
}
h2.pagetitle2 {
	width:927px;
	margin-left:auto;
	margin-right:auto;
	height:31px;
	font-size:30px;
	margin-top:45px;
	padding:5px 0 0 23px;
	line-height:100%;
	background: url(../img/icn_pagetitle.png) no-repeat left center;
}
/* 足跡 */
.pankuzu {
	padding:25px 0 25px 0px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}
.pankuzu p {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	font-size:90%;
	line-height:100%;
}
.pankuzu a:link,  .pankuzu a:visited { color: #3b3b3b; text-decoration:underlin; }
.pankuzu a:hover, .pankuzu a:active  { color: #3b3b3b; text-decoration:none; }
.y {padding:0 15px; color:#008702;}

/*  footメニュー */
.footbtnbox {
	padding:60px 0;
	border-top:#ccc solid 1px;
}
/* pageup */
.pgup {
	width:100%;
	border-top:#cccccc solid 1px;
}
.pgup a {
	width:100%;
	padding:35px 0;
	display:block;
	text-indent: -9999px;
	background: url(../img/btn_pageup.png) no-repeat center;
}
.pgup a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
ul.footmenu {
	display:none;
}
}




@media screen and (max-width: 640px) {
/* SP共通
----------------------------------------------------- */
img {
	max-width:100%;
	height: auto;
}
body {
	-webkit-text-size-adjust: 100%;
}
br.nonsp {display: none;}

/* pageID
----------------------------------------------------- */
#message {margin:0;}
#company {margin:0;}
#businessfield {margin:0;}
#works {margin:0;}
#diversity {margin:0;}
#businessareas {margin:0;}
/* wrapper
----------------------------------------------------- */
#wrapper {
	width:100%;
}
/* header
----------------------------------------------------- */
header {
	width:100%;
	padding-top:20px;
	background: url(../img/headline_sp.png) repeat-x top center;
	position:relative;
	border-bottom:#ccc solid 1px;
}
header .titlebox {
	margin:0;
}
header h1.top a, header h1.sub a {
	width:220px;
	height:32px;
	margin-left:16px;
	margin-bottom:20px;
	text-indent: -9999px;
	display:block;
	background: url(../img/sitetitle_sp.png) no-repeat left top;
	background-size:contain;
}

/* グローバルメニュー */
header #header01_r{
	max-width:35px;
	position:absolute;
	right:16px;
	top:20px;
}
#gnav01 {
	display: none;
	width: 100%;
	background: #ffffff;
	font-size: 16px;
	line-height: 1.0;
	font-weight: bold;
}
#gnav01 ul {
	border-top: 1px solid #cccccc;
}
#gnav01 ul li {
	border-bottom: 1px solid #cccccc;
}
#gnav01 ul li a,
#gnav01 ul li a:link,
#gnav01 ul li a:visited,
#gnav01 ul li a:hover,
#gnav01 ul li a:active {
	display: block;
	/*width: 100%;*/
	padding: 15px 15px;
	color: #333333;
	text-decoration: none;
	background-image:url(../img/common_icon_arrow01.png);
	background-repeat:no-repeat;
	/*background: url(../img/common_icon_arrow01.png) no-repeat 93% center;*/
	/*-moz-background-size: 10px 17px;
	-webkit-background-size: 10px 17px;
	-o-background-size: 10px 17px;
	-ms-background-size: 10px 17px;*/
	background-position:95% center;
	background-size: 10px 17px;
}
/* 外部リンクメニュー */
ul.hdglinkmenusub {
	display:none;
}

/* contents
----------------------------------------------------- */
#contents {
	padding-bottom:50px;
	line-height:1.8em;
}
/* SP用サイド余白 */
.spcont {
	padding-left:16px;
	padding-right:16px;
}
/* ページタイトル（共通） */
h2.pagetitle {
	font-size:21px;
	margin-top:40px;
	padding:1px 0 0 13px;
	line-height:1.3em;
	background: url(../img/icn_pagetitle.png) no-repeat left top;
	background-size:auto 25px;
}
h2.pagetitle2 {
	margin-left:16px;
	margin-right:16px;
	font-size:21px;
	margin-top:40px;
	padding:1px 0 0 13px;
	line-height:1.3em;
	background: url(../img/icn_pagetitle.png) no-repeat left top;
	background-size:auto 25px;
}
.pankuzu {
	display:none;
}
/*  footメニュー */
.footbtnbox {
	padding:45px 0;
	border-top:#ccc solid 1px;
}
.footbtnbox ul {
	padding:0 16px;
}
.footbtnbox li {
	width:100%;
	height:60px;
	margin-bottom:8px;
	background-image:url(../img/icn_btn.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#008803;
}
.footbtnbox li a {
	width:100%;
	height:60px;
	display:block;
}
/* pageup */
.pgup {
	width:100%;
	border-top:#cccccc solid 1px;
}
.pgup a {
	width:100%;
	padding:25px 0;
	display:block;
	text-indent: -9999px;
	background: url(../img/btn_pageup.png) no-repeat center;
	background-size:40px;
}
ul.footmenu {
	padding:20px 0 40px 0;
	border-top: 1px solid #cccccc;
}
ul.footmenu li {
	padding-left:16px;
	padding-right:16px;
	margin-top:20px;
	line-height:100%;
}
ul.footmenu li a {
	color:#333;
	padding-left:10px;
	text-decoration:none;
	background: url(../img/common_icon_arrow01.png) no-repeat left center;
	background-size:5px;
}

}