@charset "UTF-8";
body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.9em;
line-height: 1.5;
color:#000;
background:url(../images/bg_body.jpg);
}
a img{
border:none;
}
a{
text-decoration:none;
color:#039;
}
a:hover{
color:#f90;
}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd{
	margin: 0px;
	padding: 0px;
}
:focus {
	outline: 0;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 

/*for Dreamweaver view */
.clearfix {
	overflow:hidden;
	clear: both;
}

/*class*/
.arrowlink{
	background:url(../images/bullet_arrowlink.gif) no-repeat left center;
	padding-left:12px;
}
.greencheck{
	background:url(../images/bullet_greencheck.gif) no-repeat left top;
	padding-left:18px;
}

.arrowbottom{
	background:url(../images/bullet_arrowbottom.gif) no-repeat left bottom;
	padding-bottom: 24px;
}
.smallfont{
	font-size:0.9em;
}
.largefont{
	font-size:1.2em;
}
.red{
	color:#f33;
}
.blue{
	color:#039;
}
.green{
	color:#093;
}
.yellowbox{
	border:1px solid #ccc;
	padding:5px;
	background:#FFC;
	font-size:0.9em;
}
.imgleft{
	float:left;
	margin:0 20px 20px 0;
}
.imgright{
	float:right;
	margin:0 0 20px 20px;
}
.column{
	margin-bottom:1em;
}
.left670{
	float:left;
	width:670px;
}
.right200{
	float:right;
	width:200px;
}
.left230{
	float:left;
	width:230px;
}
.right640{
	float:right;
	width:640px;
}
.left310{
	float:left;
	width:310px;
}
.right310{
	float:right;
	width:310px;
}
.bordertable table{
	border-collapse:collapse;
	border:1px solid #999;
	width:100%;
}
.bordertable td,.bordertable th{
	border:1px solid #999;
	padding:5px;
	vertical-align:top
}
.nobordertable table{
	border-collapse:collapse;
	width:100%;
}
.nobordertable td,.nobordertable th{
	padding:5px;
	vertical-align:top
}
.bordertable th{
	text-align:right;
	white-space: nowrap;	
}
.borderdl dl{
	padding-bottom:1em;
	border-bottom:1px dotted #ccc;
	margin-bottom:1em;
	margin-top:1em;
}
.noborderdl dl{
	margin-bottom:1em;
	margin-top:1em;
}
.borderdl dt,.noborderdl dt{
	float:left;
	width:120px;
	text-align:right;
}
.borderdl dd,.noborderdl dd{
	float:right;
	width:500px;
}
/*tag*/
em{
	display:none;
}
p{
	margin-bottom:1em;
}
h1{
	float:left;
	width:104px;
}
h2{
	/*contentstitle*/
	height:160px;
}
h3{
	/*pagetitle*/
	margin-bottom:1em;
}
h4{
	/*leadtitle*/
	background:url(../images/bullet_h4.gif) no-repeat left top;
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	margin-bottom:1em;
	padding-left:25px;
	margin-top:2em;
	clear:both;
}

#contents a{
	text-decoration:underline;
}
/*layout*/
#wrapper{
	margin:20px auto 0 auto;
	width:960px;
}
#header{
	background:url(../images/bg_header.gif) no-repeat;
	height:60px;
	padding:10px 30px;
}
#contents{
	background:#fff url(../images/bg_contents.gif) repeat-y 0px 0px;
	padding:30px 30px 30px 15px;
}
#footer{
	background:#000;
	padding:20px 0;
}
#footer address{
	font-size: 0.9em;
	font-style: normal;
	color: #FFF;
	text-align: center;	
}
#footer a{
	color: #FFF;
}
#breadcrumbs{
	background:#fff;
	padding:5px 30px;
	font-size:0.9em;
}
#breadcrumbs a{
	text-decoration:underline;
}

/*headerbt*/
#headerbt{
	margin-top:40px;
	float:right;
	width:385px;
}
#headerbt ul{
	margin:0;
	padding:0;
	list-style:none;
}
#headerbt li{
	float:left;
	
}
#headerbt a{
	display:block;
	height:20px;
	background-position: 0px 0px;
}
#headerbt a:hover{
	background-position: 0px -20px;
}
#headerbt_company a{
	width:75px;
	
	background:url(../images/headerbt_company.gif) no-repeat;
}
#headerbt_contact a{
	width:75px;
	margin-left:20px;
	background:url(../images/headerbt_contact.gif) no-repeat;
}
#headerbt_news a{
	width:75px;
	margin-left:20px;
	background:url(../images/headerbt_news.gif) no-repeat;
}
#headerbt_sitemap a{
	width:100px;
	margin-left:20px;
	background:url(../images/headerbt_sitemap.gif) no-repeat;
}
/*mainmenu*/
#mainmenu{
	
}
#mainmenu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#mainmenu li{
	float:left;
	width:240px;
}
#mainmenu a{
	display:block;
	width:240px;
	height:50px;
}
#mainmenu_system a{
	background:url(../images/mainmenu.gif) no-repeat 0px 0px;
}
#mainmenu_b2b a{
	background:url(../images/mainmenu.gif) no-repeat -240px 0px;
}
#mainmenu_b2c a{
	background:url(../images/mainmenu.gif) no-repeat -480px 0px;
}
#mainmenu_meister a{
	background:url(../images/mainmenu.gif) no-repeat -720px 0px;
}
#mainmenu_system a:hover,#mainmenu_system .current{
	background:url(../images/mainmenu.gif) no-repeat 0px -50px;
}
#mainmenu_b2b a:hover,#mainmenu_b2b .current{
	background:url(../images/mainmenu.gif) no-repeat -240px -50px;
}
#mainmenu_b2c a:hover,#mainmenu_b2c .current{
	background:url(../images/mainmenu.gif) no-repeat -480px -50px;
}
#mainmenu_meister a:hover,#mainmenu_meister .current{
	background:url(../images/mainmenu.gif) no-repeat -720px -50px;
}

/*sidebt*/
#sidebt{
	width:230px;	
}
#sidebt ul{
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #999;
	margin-bottom:30px;
}
#sidebt li{
	height:50px;
	line-height:0;
	font-size:1%;
}

#sidebt a{
	display:block;
	height:49px;
	border-top:1px solid #ccc;
	background-position:0px 0px;
	line-height:normal;
}
#sidebt a:hover{
	background-position:0px -50px;
}
#sidebt a.current{
	background-position:0px -100px;
}
