@charset "utf-8";
/* ================================================================
   共通設定
   ================================================================ */


/* ================================================================ */
 /*___________ タグの設定 ___________ */
*{
  margin:0;
  padding:0;
}
body {
  text-align:center;
  /* font-family: "ＭＳ Ｐゴシック"; */
  background: url(/img-layout/bg_body.gif) repeat-y center top;
  color: #000000;
  background-color: #FFFFFF;
  font-size: 14px;
  line-height: 1.4;  
}

div {
  text-align:left;
}
p, pre {
  margin:5px 0;
}
ol, ul{
  list-style-type: none;
}
h1{
  font-size:12px;
  font-weight: normal;
  margin-left:14px;
  padding: 2px 0 2px 0;
}
h2{
  height:35px;
  color: #800000;
  background-color: #905b00;
  text-indent:-9999px;
}
table{
  width:90%;
  border-collapse:collapse;
  border:1px solid #905b00;
  margin-left:5%;
}
table caption{
  display:none;
}
table th,
table td{
  border:1px solid #905b00;
  padding:5px;  
}
table th{
  vertical-align:middle;
  font-weight:normal;
}
table span{
  display:inline;
  border:1px red solid;
  color:red;
  padding:1px 5px;
  font-size:10px;
  margin-right:5px;
}

a {
  color:#A70000;
  text-decoration: none;
}
a:visited {
  color:#d1838f;
  text-decoration: none;
}
a:hover,
a:active{ 
  text-decoration: underline;
}
 
a img{
  border:0px;
}

/* ================================================================ */
/* class settings */
.imageReplace,
.imageReplace a,
.imageReplace a:visited{ 
  color:white;
}
.button {
  text-align:right;
}
.error{
  color:red;
  margin:0;
  padding-left:2.5em;
  font-weight:bold;
  font-style:normal;
}
 
/* clearfix  */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ================================================================ */
/*___________ レイアウト設計 ___________ */

#WRAP {
  width:760px;
  margin:0 auto;
  color:  #000;
  background-color: #FFFFFF;
}

#header_top,
#header{
  width:730px;
  margin-left:15px;
  margin-bottom:4px;
}
#MAIN {
  width:730px;
  padding: 0 15px 0px 15px;
}
#CONTENTS {
  width:555px;
  float:right;
}
#SIDE {
  width:165px;
  float:left;
}
#FOOTER {
  width:730px;
  margin: 0 auto;
  padding: 16px 0 7px 0;
}
/*___________ 【HEADER】 ___________ */
#header_top{
  background: url(/images/head_top.jpg) no-repeat;
}
#header{
  background: url(/images/head.jpg) no-repeat;
}

#MENU,
#MENU_top {
  width: 760px;
  height: 35px;
  margin-left:-8px;
}
#MENU_top {
  margin-top:125px;
}
#MENU {
  margin-top:17px;
}

#MENU_top li,
#MENU li{
  float: left;
  margin-left: 8px;
}
.menu_home {
  float: left;
}

/*___________ 【SIDE】 ___________ */
#SIDE .banner{
  margin-bottom:3px;
}  
#SIDE ul li{
  margin-left:18px;
  margin-top:5px;
  margin-bottom:4px;
}

#SIDE .companybox .info {
  font-size: 10px;
  line-height:160%;
  margin:0 0 10px 0;
  padding: 0 10px 0 7px;
}
#SIDE .companybox .addr {
  font-size: 11px;
  line-height:140%;
  margin:0 0 10px 0;
  padding: 0 10px 0 7px;
}
#SIDE .companybox .companyname,
#SIDE .companybox .mail {
  font-size: 13px;
  font-weight:bold;
  line-height:140%;
  margin:0 0 10px 0;
  padding: 0 10px 0 7px;
  text-align:center;
}

/*___________ 【FOOTER】 ___________ */
#F-MENU {
  margin: 0;
  padding: 22px 0 7px 30px;
}
#F-MENU ul {
  text-align: center;
  margin:0;
  padding:0;
}
#F-MENU li {
  font-size: 10px;
  line-height: 140%;
  margin: -13px 0 0 20px;
  padding: 0;
  float:left;
}

#F-MENU p {
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  margin: 0;
  padding: 0;
}
#FOOTER {
  width:730px;
  margin: 0 auto;
  background: url(/images/bg_foot.gif) repeat-x left top;
}
#FOOTER .copy {
  font-size: 9px;
  color:gray;
  text-align: center;
}
/*___________ 【MAIN】 ___________ */


/* ================================================================
 form
   */
#form{
  margin-top:40px;
}
#form h2{
  background: url(/images/purchase_h2_3.jpg) no-repeat;
}
#form p{
  margin-bottom:20px;
}
#form table{
  width:100%;
  margin-left:0;
  border:none;
}
#form td,
#form th{
  vertical-align:bottom;
  height:40px;
  border:none;
  border-bottom:1px solid #905b00;
}
#form th{
  font-weight:bold;
  width:12em;
}
#form input{
  width:20em;
}
#form #zip01,
#form #zip02{ 
  width:3em;
}
#form .tel input{
  width:4em;
}
#form select{
  width:8em;
}
#form .comment textarea{
  margin-left:38px;
  width:88%;  
  height:8em;
}
#form .comment th{
  vertical-align:top;
}

#form .submit,
#form .submit td,
#form .submit th{
  border:none;
}



/* ================================================================
   ページごとの設定。
   必ず、body タグに　IDをふって、そのID から書き始める
   ================================================================ */
/*___________ purchase.html ___________ */
/* flow */
#purchase #flow h2{
  background: url(/images/purchase_h2_1.jpg) no-repeat;
}
#purchase #flow ul{
  margin:15px 0;
}
#purchase #flow ul li{
  margin-top:10px;
}
#purchase #flow .button{
  margin-right:52px;
}

/* customer */
#purchase #customer{
  margin-top:20px;
}
#purchase #customer h2{
  background: url(/images/purchase_h2_2.jpg) no-repeat;
}
#purchase #customer h3{
  margin-top:25px;
}

#purchase #customer .ans{
  margin-left:10px;
}
#purchase #customer table{
  font-size:13px;
  margin-left:4px;
  border:none;
}
#purchase #customer th,
#purchase #customer td{
  border:none;
  text-align:left;
  padding-top:3px;
}
#purchase #customer th{
  width:9em;
}
#purchase #customer ul{
  margin-left:10px;
  font-size:12px;
}
#purchase #customer li{
  margin-bottom:7px;
}
/*___________ purchase error page ___________ */
#purchase.error_page #form{
  margin-top:0;
}
/*___________ purchase thankyou page ___________ */
#purchase.thankyou_page #form{
  margin-top:0;
}
#purchase #bank_name{
  border:3px solid #905b00;
  width:16em;
  margin-left:30px;
  margin-bottom:30px;
}
#purchase #bank_name p{
  font-size:16px !important;
  margin:5px !important;
  padding:0 !important;
}


/*___________ inquiry.html ___________ */
/* qanda */
#inquiry #qanda h2{
  background: url(/images/inquiry_h2.jpg) no-repeat;
}
#inquiry #qanda h3{
  margin:20px 0;
  margin-left:5px;
  font-size:14px;
}
#inquiry #qanda h4{
  margin:10px 0;
  margin-left:20px;
  font-size:16px;
  color:#905b00;
}

#inquiry #qanda h4 span,
#inquiry #qanda div span{
  font-family:monospace;
}
#inquiry #qanda div {
  padding-left:40px;
}
#inquiry #qanda div span{
  float:left;
  margin-left:-20px;
  font-size:16px;
}
#inquiry #qanda p{
  font-size:12px;
  margin-bottom:20px;
  padding-top:5px;  
}
/* form */
#inquiry #form h2{
  background: url(/images/inquiry_h2_2.jpg) no-repeat;
}