@charset "UTF-8";

@import url(reset.css);
@import url(base.css);
@import url(text.css);
@import url(navi.css);
@import url(company.css);
@import url(product.css);
@import url(contact.css);
@import url(catalog.css);
@import url(http://yui.yahooapis.com/2.4.0/build/fonts/fonts-min.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
* ---------------------------------------------------------------- */

* {

/*
border: #FF0000 1px dotted;

*/


}
body {
  color: #333333;
  background-repeat:repeat-x;
  background-image: url(../common/img/header_bg.gif);
}

body.subbody {  background-image: url(../common/img/header_bg_sub.gif);}
body.topbody {  background-image: url(../common/img/header_bg_top.gif);}
body.catalogbody {  background-image: url(../common/img/header_bg_catalog.gif);}
body.companybody {  background-image: url(../common/img/header_bg_company.gif);}
body.productbody {  background-image: url(../common/img/header_bg_product.gif);}
body.contactbody {  background-image: url(../common/img/header_bg_contact.gif);}

#wrap {
/*  background: transparent;*/
  width: 920px;
  padding: 0;
  margin: 0 auto;
}

#wrap.sub {
/*  background: transparent;*/
  width: 600px;
}

#footer_wrap {
/*  background: transparent;*/
  padding: 0;
  background: url(../common/img/footer_bg.gif) repeat-x top;
}

div.product_top,
div.contact,
div.catalog,
div.company{
  margin-bottom: 30px;}

/* 配置の基準の設定 */
#wrap {
  position: relative;
}

#main {
  margin-top:50px;
/*  position: relative;*/
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
height:74px;
 margin: 0;
  padding: 0; 
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

.top #main {
  background: tranparent;
  margin: 0 0 0 0;
  margin-top:5px;
}

.top #topflash {
  margin-top:50px;
    margin: 0 auto;
width:920px;
  margin-bottom:50px;
  height:500px;
}

.catalog #main {
  background: tranparent;
  margin-bottom:30px;
}

.company #main {
  margin-bottom:10px;
}
  
.product #main {
background: tranparent;
  margin-bottom:30px;
}

.product #main.product_sub {
   margin-top:50px;
 padding-left: 160px;
background: tranparent;
}

.product #main.product_top {
background: tranparent;
}

.privacy #main {  margin-top:10px;}
.web #main {  margin-top:10px;}



/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です
 * ---------------------------------------------------------------- */
.company #sidenavi {
  width: 155px;
  left: 0;
  top: 290px;
  z-index: 1;
  position: absolute;
  background-color:#f4f4f4;
}

.product #sidenavi {
  width: 155px;
  left: 0;
  top: 125px;
  z-index: 1;
  position: absolute;
  background-color:#f4f4f4;
}


.product #product_subnavi{
	position:absolute;
  left: 0;
  top: 225px;
  margin:10px 0 0 0;

}

.product #product_topnavi {
	position:relative;
  margin:0px 15px 0 15px;

}
/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  background: #FFFFFF;
  margin: 0 0;
  padding: 0 0;

}
p.pagetop {clear:left;}
/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
height:50px;
width:920px;
  margin: 0 auto;
  padding: 10px 0 15px;
}
#footer.sub{
height:50px;
width:600px;
}


#footer ul {
	float:right;
    margin-bottom: 5px;
}
#footer li {
display:inline;
border-left:1px solid #999999;
margin-left:10px;
padding-left:10px;}

#footer li.noneb {
border-left:1px solid #ffffff;
}

#copyright {
	float:left;
}



#header h1 { padding:22px 0 0 0px;
float:left;}

#navi, .contents, #footer {
 clear: both;
}

/* ナビゲーション，フッタでは折り返しを抑制 */
#navi, #footer {
/*
  */
  white-space: nowrap;

}

p.close {
width:74px;
height:23px;
margin-left:auto;
margin-right:auto;
text-indent:-9999px;
background-repeat:no-repeat;
background-image: url(../common/img/bt_close.gif);
}

p.close a {
display:block;
text-indent:-9999px;
}
p.close a:hover {
text-decoration:none;
}

p.close a:focus{ overflow: hidden;}