@charset "utf-8";

/*      ブラウザスタイルの初期化
----------------------------------------------------*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p {margin: 0px;padding: 0px;}

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

.clear{clear: both;}

img {border: none 0px;}


/*      フォントファミリー指定
----------------------------------------------------*/
body {
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}

/*      罫線非表示
----------------------------------------------------*/
hr {
	display:none;
}


/*　　　ファイヤーフォックス等のアウトライン非表示
----------------------------------------------------*/
a { text-decoration:none; outline:none;}
a:hover { text-decoration:underline;}



body {
	background-image: url(../img/header/bg.jpg);
	background-repeat: repeat-x;
}


#wrapper {
	width:800px;
	margin-right: auto;
	margin-left: auto;
}


#header { height: 91px;}

#header h1 {
	background-image:url(../img/header/logo.jpg);
	background-repeat:no-repeat;
	text-indent: -5000px;
	position: relative;
	height: 61px;
	width: 102px;
	top: 16px;
	float: left;
}

#header h1 a {
	height: 61px;
	width: 102px;
	display:block;
}


#header h2 {
	background-image:url(../img/header/midashi.jpg);
	background-repeat:no-repeat;
	text-indent: -5000px;
	position: relative;
	height: 62px;
	width: 384px;
	top: 18px;
	float: right;
}

#header .col-a { width:560px; float:left;}
#header .col-b {
	width:168px;
	float:right;
}

#header .tel {
	background-image: url(../img/header/tel.jpg);
	background-repeat: no-repeat;
	height: 54px;
	width: 168px;
	text-indent: -5000px;
	margin-top:30px;
}


* html #contents {
margin-top:21px;
}

#contents {
	background-image: url(../img/share/navi_bg.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
}

#contents .col-a { width:650px; float:right;}
#contents .col-b { width:150px; float:left;}


/*********    main navi  *********/
#bt-whatsnew,
#bt-kakou,
#bt-packing,
#bt-assembling,
#bt-input,
#bt-dm-shipment,
#bt-others {
	display:block;
	width:150px;
	height:41px;
	text-indent:-5000px;
}

#bt-whatsnew { background-image:url(../img/share/navi.jpg)}
#bt-whatsnew:hover { background-position:-150px 0px;}

#bt-kakou { background-image:url(../img/share/navi.jpg); background-position:0px -41px;}
#bt-kakou:hover { background-position:-150px -41px;}

#bt-packing { background-image:url(../img/share/navi.jpg); background-position:0px -82px;}
#bt-packing:hover { background-position:-150px -82px;}

#bt-assembling { background-image:url(../img/share/navi.jpg); background-position:0px -123px;}
#bt-assembling:hover { background-position:-150px -123px;}

#bt-input { background-image:url(../img/share/navi.jpg); background-position:0px -164px;}
#bt-input:hover { background-position:-150px -164px;}

#bt-dm-shipment { background-image:url(../img/share/navi.jpg); background-position:0px -205px;}
#bt-dm-shipment:hover { background-position:-150px -205px;}

#bt-others { background-image:url(../img/share/navi.jpg); background-position:0px -246px;}
#bt-others:hover { background-position:-150px -246px;}


#banner-company {
	background-image:url(../img/share/company.jpg);
	display:block;
	width: 140px;
	height: 40px;
	text-indent:-5000px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

#banner-company:hover {background-position:-140px 0px;}


#banner-contact {
	background-image:url(../img/share/contact.jpg);
	display:block;
	width: 140px;
	height: 40px;
	text-indent:-5000px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

#banner-contact:hover {background-position:-140px 0px;}

#banner-privacy {
	background-image:url(../img/share/privacy.jpg);
	display:block;
	width: 140px;
	height: 25px;
	text-indent:-5000px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

#banner-privacy:hover {background-position:-140px 0px;}



/**************   footer  *******************/

.f-l {	float: left;}
.f-r {	float:right;}

#footer {
	background-image: url(../img/footer/bg.jpg);
	background-repeat: repeat-x;
	height: 83px;
}

#footer li {
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	margin-right: 8px;
	margin-left: 5px;
	margin-top: 10px;
}

#footer li a { color: #FFFFFF;}


* html #footer #copy {
	margin-bottom:5px;
}


#footer #copy {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 30px;
}

#footer #pagetop {
	background-image: url(../img/footer/pagetop.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 113px;
	text-indent: -5000px;
	float: right;
	margin-top: 3px;
	margin-right: 5px;
}

#footer #pagetop a { display:block}
#footer #pagetop:hover { background-position:-113px 0px;}





/******************************************************************** Float containers fix
===================================================================== a.k.a. clearfix */

/******************** exp IE
*/
#wrapper:after,
#header:after,
#footer:after,
#contents:after,
#sec01:after,
#sec02:after,
.type-box:after,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	line-height: 0;
	visibility: hidden;
}

/******************** for IE
Level 2.1*/
#wrapper,
#header,
#footer,
#contents,
#sec01,
#sec02,
.type-box,
.clearfix { display: inline-block;}  

/* Holly Hack Targets IE Win only \*/
* html #wrapper,
* html #header,
* html #footer,
* html #contents,
* html #sec01,
* html #sec02,
* html .type-box,
* html .clearfix { height: 1%;}

#wrapper,
#header,
#footer,
#contents,
#sec01,
#sec02,
.type-box,
.clearfix {
	display: block;
}
.note {
	color: #990100;
	font-weight: bolder;
}