@charset "utf-8";
/* CSS Document */


/* --------------------------------------------------------
	common
   --------------------------------------------------------  */



/* alpha */

#footer_detail p.contact a:hover img, 
#corporate_content a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* link */

a:hover { color: #0088d4;}


/* webfont */

@font-face {
    font-family: "mplus"; 
    src: url('../font/_migmix-2m-bold.eot?') format('eot'),/* for IE6-8 */
    url('../font/_migmix-2m-bold.woff') format('woff'),
    url('../font/_migmix-2m-bold.ttf') format('truetype');
}



/* --------------------------------------------------------
	container	
    --------------------------------------------------------  */
html,body{
     height:100%;
}

body {
	height:100%;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}


body #wrap {
	font-size: .8em;
	line-height: 1.5;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}

ul, ul li {
    list-style: none outside none;
}

ul {
    margin-left: 0;
    padding-left: 1em;
}


/* wrapper */

#header-wrap, 
#wrap, 
#groval-navi {
	width: 100%;
	text-align: center;
	/background: #fff;
}

#header-wrap, #wrap-inner, #groval-navi {
    text-align: center;
    width: 100%;
}


/* content */

#header_detail,  
#footer_detail {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}



/* --------------------------------------------------------
	header	
    --------------------------------------------------------  */
#header-wrap {
	height: 50px;
	background: #FFF;
	color: #fff;
	_overflow: hidden;
}


#header_detail h1, 
#header_detail h1 a, 
#header_detail ul li, 
#header_detail ul li a {
	display: block;
	float: left;
	color: #fff;
}

#header_detail h1 {
	margin: 0 0 0 -100px;
	padding: 8px 20px 0 100px;
}

#header_detail h1 font {
	font-size:12px;
	font-weight:normal;
	color:#333;
	margin:10px 0 0 14px;
	display:block;
	width:auto;
	float:left;	
}

#header_detail h1 a {
	width: 209px;
	height: 36px;
	background: url(../img/logo.png) no-repeat top left;
	overflow: hidden;
	font-size: 1em;
	text-indent: -9999px;
}


#header_detail ul {
	margin: 10px 0 0 0;
	float: right;
}
#header_detail ul li {
	height: 25px;
	font-size: .8em;
	margin: 3px 10px 0 0;
}

#header_detail ul li.access {
	margin-right:0;
}


/*#header_detail h1 a:hover, 
#header-wrap #header_detail ul li.on a, 
#header-wrap #header_detail ul li a:hover {
	background-position: center bottom;
}
*/


/*----- header navi -----*/



/*----- header other navi -----*/



/*----- header search form -----*/

#header_detail form {
	padding-top: 9px;
	font-size: .8em;
	float: right;
}

#header_detail form input, 
#header_detail form button { float: left; }

#header_detail form input.field {
	padding: 1px 0 1px 10px;
	width: 101px;
	height: 29px;
	background: url(../img/nav/bg_search.gif) no-repeat 0% 50%;
	border: none;
	line-height: 30px;
}

#header_detail form input.btn { margin-top: 1px; }



/* --------------------------------------------------------
	groval navi
   --------------------------------------------------------  */

#wrap .main {
	position: relative;
	z-index: 30;
	padding-top:17px;
}

/*---------------------------
グローバルナビゲーション-
-----------------------------*/

#groval-navi {
	width: 100%;
	text-align: center;
	/background: #fff;
}

#groval-navi {
	background: url(../img/nav/inner/bg_nav_inner.png) 0 0 repeat-x;
	height: 84px;
}

#groval-navi ul {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 20;
}

#groval-navi ul li img {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 30;
	display: none;
}

#groval-navi ul li.on img { display: block; }

#groval-navi ul li {
	float: left;
	position: relative;
}

#groval-navi ul li a {
	display: block;
	height: 84px;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float:none;
}

#groval-navi ul li a:hover, 
#groval-navi ul li.on a { background-position: bottom left; }

#groval-navi ul li a { overflow: hidden; outline: none; } /* firefox */


#wrap .main {
    padding-top: 0;
    position: relative;
    z-index: 30;
}

.main-inner {
    margin-bottom: 16px;
}

/* --------------------------------------------------------
	会社案内
   --------------------------------------------------------  */
#groval-navi ul li.about {
	width:192px;
}

#groval-navi ul li.about a {
	background:url(../img/nav/inner/nav_aboutus.png) no-repeat center top;
	width:192px;
	height:84px;
}

#groval-navi ul li.about a:hover {
	background:url(../img/nav/inner/nav_aboutus.png) no-repeat center bottom;
	width:192px;
	height:84px;
}

/* --------------------------------------------------------
	製品紹介
   --------------------------------------------------------  */
#groval-navi ul li.product {
	width:192px;
}

#groval-navi ul li.product a {
	background:url(../img/nav/inner/nav_products.png) no-repeat center top;
	width:192px;
	height:84px;
}

#groval-navi ul li.product a:hover {
	background:url(../img/nav/inner/nav_products.png) no-repeat center bottom;
	width:192px;
	height:84px;
}

/* --------------------------------------------------------
	社内風景
   --------------------------------------------------------  */
#groval-navi ul li.house {
	width:191px;
}

#groval-navi ul li.house a {
	background:url(../img/nav/inner/nav_house.png) no-repeat center top;
	width:191px;
	height:84px;
}

#groval-navi ul li.house a:hover {
	background:url(../img/nav/inner/nav_house.png) no-repeat center bottom;
	width:191px;
	height:84px;
}

/* --------------------------------------------------------
	環境方針
   --------------------------------------------------------  */
#groval-navi ul li.env {
	width:192px;
}

#groval-navi ul li.env a {
	background:url(../img/nav/inner/nav_env.png) no-repeat center top;
	width:192px;
	height:84px;
}

#groval-navi ul li.env a:hover {
	background:url(../img/nav/inner/nav_env.png) no-repeat center bottom;
	width:192px;
	height:84px;
}

/* --------------------------------------------------------
	採用情報
   --------------------------------------------------------  */
#groval-navi ul li.rec {
	width:192px;
}

#groval-navi ul li.rec a {
	background:url(../img/nav/inner/nav_rec.png) no-repeat center top;
	width:192px;
	height:84px;
}

#groval-navi ul li.rec a:hover {
	background:url(../img/nav/inner/nav_rec.png) no-repeat center bottom;
	width:192px;
	height:84px;
}



/* --------------------------------------------------------
	会社案内
   --------------------------------------------------------  */
ul li.about {
	width:192px;
}

ul li.about a {
	background:url(../img/nav/nav_aboutus.png) no-repeat center top;
	width:192px;
	height:67px;
}

ul li.about a {
	background:url(../img/nav/nav_aboutus.png) no-repeat center bottom;
	width:192px;
	height:67px;
}

/* --------------------------------------------------------
	製品紹介
   --------------------------------------------------------  */
ul li.product {
	width:192px;
}

ul li.product a {
	background:url(../img/nav/nav_products.png) no-repeat center top;
	width:192px;
	height:67px;
}

ul li.product a {
	background:url(../img/nav/nav_products.png) no-repeat center bottom;
	width:192px;
	height:67px;
}

/* --------------------------------------------------------
	社内風景
   --------------------------------------------------------  */
ul li.house {
	width:191px;
}

ul li.house a {
	background:url(../img/nav/nav_house.png) no-repeat center top;
	width:191px;
	height:67px;
}

ul li.house a {
	background:url(../img/nav/nav_house.png) no-repeat center bottom;
	width:191px;
	height:67px;
}

/* --------------------------------------------------------
	環境方針
   --------------------------------------------------------  */
ul li.env {
	width:192px;
}

ul li.env a {
	background:url(../img/nav/nav_env.png) no-repeat center top;
	width:192px;
	height:67px;
}

ul li.env a {
	background:url(../img/nav/nav_env.png) no-repeat center bottom;
	width:192px;
	height:67px;
}

/* --------------------------------------------------------
	採用情報
   --------------------------------------------------------  */
ul li.rec {
	width:192px;
}

ul li.rec a {
	background:url(../img/nav/nav_rec.png) no-repeat center top;
	width:192px;
	height:67px;
}

ul li.rec a {
	background:url(../img/nav/nav_rec.png) no-repeat center bottom;
	width:192px;
	height:67px;
}





/* --------------------------------------------------------
	footer
   --------------------------------------------------------  */


.footer {
	color: #333333;
	background: url(../img/bg_footer.gif) repeat-x top;
	font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	height:98px;
    position:absolute;
    bottom:0;
	width:100%;
}



/* 中面のフッター */

.footer #footer_detail ul {
	text-align: center;
	padding: 16px 0 15px;
	width:960px;
	margin: 0 auto;
}

.footer #footer_detail ul li {
	list-style: none;
	display: inline;
	padding: 3px 0 3px 26px;
}

.footer #footer_detail ul li.totop {
	list-style: none;
	display: inline;
	padding: 3px 5px 3px 0;
}

.footer #footer_detail ul li.last { border: none; }



/* トップページのフッター */

.footer #footer_detail ul.top {
	text-align: center;
	padding: 16px 0 15px;
	margin: 0 auto;
	width:824px;
}

.footer #footer_detail ul.top li {
	list-style: none;
	display: inline;
	padding: 3px 0 3px 26px;
}

.footer #footer_detail ul.top li.totop {
	list-style: none;
	display: inline;
	padding: 3px 5px 3px 0;
}

.footer #footer_detail ul.top li.last { border: none; }



/* link */

.footer #footer_detail ul li, 
.footer #footer_detail ul li a { font-size: 16px;
text-decoration: none;
}

.footer #footer_detail ul li a:hover { color: #CCCCCC; }


.footer #footer_detail ul li.totop a:hover { background: url(../img/ico_allow_left_on.gif) no-repeat 0% 50%; }


.footer #footer_detail ul.top li, 
.footer #footer_detail ul.top li a { font-size: 16px;
text-decoration: none;
}

.footer #footer_detail ul.top li a:hover { color: #CCCCCC; }


.footer #footer_detail ul.top li.totop a:hover { background: url(../img/ico_allow_left_on.gif) no-repeat 0% 50%; }



/* footercontents */

.footer .footer-contents {
	float: left;
	width: 100%;
	padding-top: 10px;
	text-align: center;
}

.footer .footer-contents h2, 
.footer .footer-contents p {
	display: inline;
	font-size: 13px;
	margin-left: 15px;
	line-height: 30px;
	color:#FFF;
}

.footer .footer-contents p span.free {
	background: url(../img/nav/ico_freedial.gif) no-repeat 5px 0;
	padding-left: 28px;
}

.footer #footer_detail p.contact {
	float: right;
	margin: 10px 0 15px;
}


.footer .footer-contents h2 img, 
.footer .footer-contents p.contact a img { vertical-align: middle; }



/* pagetop */


#footer_detail { position: relative; }
a#to_pagetop {
	position: absolute;
	right: 0;
	top: 12px;
}


a#to_pagetop:hover { margin-top: -1px; }



/* copyright */
.footer #footer_detail p.copyright {
	display: block;
	clear: both;
	text-align: center;
	font-size: 10px;
	letter-spacing: .05em;
}



/* footer color */


.footer #footer_detail ul li, 
.footer #footer_detail ul li a, 
.footer p.copyright {
	color: #FFFFFF;
}





/* --------------------------------------------------------
	フッタ	
    --------------------------------------------------------  */


/* common */
#bg { clear: both; }

body.division { background-position: 0 70px;}

.division #header_detail li, 
.division footer #footer_detail li {
	background: none;
	clear: none;
	margin: 0;
}

.division #header_detail ul, 
.division footer #footer_detail ul { width: auto; }


/* header */
.division #header-wrap { padding-bottom: 20px; }
.division #header_detail li { padding: 0;}


/* footer */
.division footer { 
	background: url(../img/bg_footer.png) repeat-x top;
	_background: url(../img/bg_footer_ie.gif) repeat-x top;
	padding-top: 10px;
	margin-top: -10px;
}
.division footer #footer_detail ul {
	padding-top: 5px;
	_padding-top: 8px;
}
.division footer a img { border: none; }


.division a#to_pagetop {
	top: 6px;
}
.division a#to_pagetop:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


/* --------------------------------------------------------
	イメージに枠線	
    --------------------------------------------------------  */
	
.img_border {
	border: 1px solid #CCC;
}




/* フッタを消す */
/* --------------------------------------------------------
.division.material #footer #inquiry { display: none; }
.division.material #footer #top_topics { width: 670px; }
.division.material #footer #top_topics p { width: 560px; }
    --------------------------------------------------------  */




/* --------------------------------------------------------
	clearfix	
    --------------------------------------------------------  */

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */ 



/* --------------------------------------------------------
	margin, padding	
    --------------------------------------------------------  */



.clear { clear: both; }

.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }

.fL { float: left; }
.fR { float: right; }


p.modoru {
	font-size: .8em;
	text-align: right;
}

a#to_pagetop {
	margin-top:13px;}
	
a#to_pagetop:hover {
	margin-top:12px;}
	
img {
	border: 0;
}