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

/* base ---------------------------- */
html,body {
	color:#262626;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:1.5em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #EFF0F2;
	text-align: center;
	height: auto;
	width: 100%;
}
form,input,div{
   margin: 0px;
   padding: 0px;
}
ul,ol,li,dl,dt,dd,span,a,p{
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
img,dd,div{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin: 0px;
    padding: 0px;
	behavior: url(http://www.voga-inc.com/common/iepng/iepngfix.htc);
}

/* link ---------------------------- */
a,a:visited{
    cursor:pointer !important;
    text-decoration:none;
    color:#262626;
}
a:hover,a:active{
    text-decoration: none;
    color:#cb0003;
}
#fix-menu #box-menu a.thispage{
	color:#cb0003;
}
/* h2/h3/h4 ---------------------------- */
h2,h3,h4{
	margin:0;
	padding:0;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	background-position:left top;
	background-repeat:no-repeat;
}
/* container ---------------------------- */
#container{
    height: auto;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    text-align:left;
}
/* header ---------------------------- */
#header{
    text-align: left;
	height:auto;
    width: 960px;
    padding: 0;
}
/* header menu common ---------------------------- */
#header #wrap-menu{
	margin:0;
	padding:25px 0 0 0;
}
#wrap-menu ul{
} 
#wrap-menu ul li{
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	float:left;
	display:block;
}
/* menu01 ------------------------------ */
#wrap-menu #menu01{
	display:block;
	float:left;
}
#wrap-menu #menu01 li{
	height:13px;
	display:block;
	float:left;
}
#wrap-menu #menu01 li.m-news,#wrap-menu #menu01 li.m-about,#wrap-menu #menu01 li.m-brand,#wrap-menu #menu01 li.m-catalogue{
	margin:0 0 0 25px;
}
#wrap-menu #menu01 li a,#wrap-menu #menu01 li a:visited{
	height:13px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}
#wrap-menu #menu01 li a:hover,#wrap-menu #menu01 li a:active{
	background-position:left bottom;
}
#wrap-menu #menu01 li.m-home a{
	width:51px;
	background-image:url(../images/m_home.gif);
}
#wrap-menu #menu01 li.m-news a{
	width:47px;
	background-image:url(../images/m_news.gif);
}
#wrap-menu #menu01 li.m-about a{
	width:58px;
	background-image:url(../images/m_about.gif);
}
#wrap-menu #menu01 li.m-brand a{
	width:58px;
	background-image:url(../images/m_brand.gif);
}
#wrap-menu #menu01 li.m-catalogue a{
	width:107px;
	background-image:url(../images/m_catalogue.gif);
}
/* menu02 ------------------------------ */
#wrap-menu #menu02{
	display:block;
	float:right;
}
#wrap-menu #menu02 li{
	height:11px;
	display:block;
	float:left;
}
#wrap-menu #menu02 li.m-recruit,#wrap-menu #menu02 li.m-client,#wrap-menu #menu02 li.m-contact{
	margin:0 0 0 21px;
}
#wrap-menu #menu02 li a,#wrap-menu #menu02 li a:visited{
	height:11px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}
#wrap-menu #menu02 li a:hover,#wrap-menu #menu02 li a:active{
	background-position:left bottom;
}
#wrap-menu #menu02 li.m-blog a{
	width:83px;
	background-image:url(../images/m_blog.gif);
}
#wrap-menu #menu02 li.m-recruit a{
	width:55px;
	background-image:url(../images/m_recruit.gif);
}
#wrap-menu #menu02 li.m-client a{
	width:79px;
	background-image:url(../images/m_client.gif);
}
#wrap-menu #menu02 li.m-contact a{
	width:69px;
	background-image:url(../images/m_contact.gif);
}
/* thispage */
#header #wrap-menu #menu01 li a.thispage,#header #wrap-menu #menu02 li a.thispage{
	background-position:left bottom;
}
/* clear */
.clear-s{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 10px;
}
.clear{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 20px;
}
.clear2{
clear: both;
width: 100%;
margin: 0;
padding: 0px 0 20px 0;
height:auto;
}
.clear3{
clear: both;
width: 100%;
margin: 0;
padding: 0;
height:auto;
}

/* package */
.package:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.package {
zoom: 100%;
}
.package { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .package { height: 1%;}
.package { display: block;}
/* End hide from IE-mac */


/* crearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


/* text-color */
.alert{
	color: #FF0000;
}
/* margin_class */
.mb5{
margin-bottom: 5px;
}
.mb10{
margin-bottom: 10px;
}
.mb15{
margin-bottom: 15px;
}
.mb20{
margin-bottom: 20px;
}
.mb25{
margin-bottom: 25px;
}
.mb30{
margin-bottom: 30px;
}
.mb35{
margin-bottom: 35px;
}
.mb40{
margin-bottom: 45px;
}

.mt5{
margin-top: 5px;
}
.mt10{
margin-top: 10px;
}
.mt15{
margin-top: 15px;
}
.mt20{
margin-top: 20px;
}
.mt25{
margin-top: 25px;
}
.mt30{
margin-top: 30px;
}
.mt35{
margin-top: 35px;
}
.mt40{
margin-top: 40px;
}