/****** reset ******/
h1,h2,h3,h4,h5,h6,div,ul,ol,li,a,p,span,dl,dt,dd,input,select{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none;}
body{margin: 0px 0px 20px 0px;text-align:center;}
#contents,#menu li a,#option table,#opjs a{font-size:12px;}
h1 {font-size:10px;}
h2,#boxtext{font-size:14px;}
img{border:0;}


 /****** 共用 a要素 Hover Active  modern Browser  ******/
.header p.topnavi a:hover,.header p.topnavi a:active,
.pankuzu a:hover,.pankuzu a:active,
.main .guidebox img:hover,.main .guidebox img:active,
.left ul li a:hover,.left ul li a:active,
ul#pay_list a:hover,ul#pay_list a:active,
ul#cancel_list li a:hover,ul#cancel_list li a:active,
.footer .f_list li a:hover,.footer .f_list li a:active,
.point a:hover,.point a:active,
span.red a:hover,span.red a:active,
div.red a:hover,div.red a:active,
p.red a:hover,p.red a:active,
dd a:hover,dd a:active,
#send_info p a.group:hover,#send_info p a.group:active{
  color:#333333;
  opacity:0.6;
  filter:alpha(opacity=60); /* IE8以下用 */
  border-radius:8px;
  background-color:#ffcccc;
}
.red{color:red;}
div.red a{
  float:right;
  display:block;
  color:red;
  text-decoration:underline;
  text-align:center;
  padding:10px;
  border-radius:8px;
}
dd a{
  display:block;
  padding:5px;
}
.answer a:hover{
  background-color:#ffcccc;
}
.header .cart a img:hover,.cart a img:active{
  border:2px solid #E89797;
}
.menu li a:hover,.menu li a:active{
  color:#ffffff;
  background-color:#E89797;
}
#send_info p a.link:hover{
  color:#d59758;
  opacity:0.6;
  filter:alpha(opacity=60); /* IE8以下用 */
}
/****** 共用 a要素 Hover Active 共用 end ******/


/******  header left main footer all-page size ******/
#contents{margin:auto;text-align:left;width:965px;}
.header{height:150px;}
.main{float:right;width:760px;}
.left{float:left;width:190px;margin-bottom:20px;}

/*** 題 h2,h3 ***/
h2,h3{
  clear:both;
  padding-left:10px;
  color:#555555;
  background-color:#ffffff;
  line-height:30px;
  height:30px;
  letter-spacing: 0.3em;
  margin-bottom: 20px;
  background-position:left bottom;
  background-repeat:no-repeat;
  text-shadow:1px 1px 5px #666666; /* only modern Browser */
  font-size:14px;
}
h2{
  background-image:url("http://img.divertire.net/common/border_760.gif");
}
h3{
  background-image:url("http://img.divertire.net/common/border_190.gif");
}
.h_sub{
  line-height:30px;
  height:30px;
  font-size:14px;
  font-weight:bold;
  color:#555555;
  margin-bottom:10px;
  text-shadow:1px 1px 5px #666666; /* only modern Browser */
  background-image:url("http://img.divertire.net/common/border_760.gif");
  background-repeat:no-repeat;
  background-position:left bottom;

}

/******  header  ******/
.header .header_top{
  height:20px;
  line-height:20px;
  padding:5px 0px;
  background-image:url("http://img.divertire.net/common/border_965.gif");  background-position:left bottom;
  background-repeat:no-repeat;
}
.header h1{
  padding-left:10px;
  color:#d59758;
  background-color:#ffffff;
  width:550px;
  float:left;
}
.header p.topnavi span a{
  display:block;
  float:right;
  padding:0 20px;
  font-weight:bold;
  color:#d59758;
}
span.h_sitemap a{
  border-left:1px solid #d59758;
  border-right:1px solid #d59758;
}
span.h_account a{
  border-left:1px solid #d59758;
}
.header p.logo a img{
  float:left;
  height:87px;
}
.header div.cart{
  width:165px;
  text-align:right;
  margin:18px 0px 0px 796px;
  height:38px;
}
.header .cart img{
  border:2px solid #ffffff;
}

.header form{
  float:right;
  width:167px;
  height:30px;
}
.header input.srb1{
  float:left;
  width:135px;
  height:22px;
  line-height:22px;
  border:1px solid #d59758;
}
.header .srb1:focus,srb1:active{
  background-color:#ffeeee;
}
.header .srb2{
  height:22px;
  line-height:22px;
  border:1px solid #d59758;
}
/****** global menu ******/
.menu{
  clear:both;
  height:30px;
}
.menu li{
  display:inline;
}
.menu li a{
  display:block;
  font-weight:bold;
  float:left;
  height:30px;
  line-height:30px;
  color:#ffffff;
  background-color:#d59758;
  border-left:1px solid #ffffff;
  background-position:10px center;
}
.menu1 a{
  background:url("http://img.divertire.net/common/h_n_home.gif") no-repeat;
  padding-left:76px;
  width:83px;
  letter-spacing:0.5em;
}
.menu2 a{
  background:url("http://img.divertire.net/common/h_n_guide.gif") no-repeat;
  padding-left:58px;
  width: 102px;
  letter-spacing:0.2em;
}
.menu3 a{
  background:url("http://img.divertire.net/common/h_n_brand.gif") no-repeat;
  padding-left:58px;
  width:102px;
  letter-spacing:0.2em;
}
.menu4 a{
  background:url("http://img.divertire.net/common/h_n_contact.gif") no-repeat;
  padding-left:60px;
  width:100px;
  letter-spacing:0.1em;
}
.menu5 a{
  background:url("http://img.divertire.net/common/h_n_about.gif") no-repeat;
  padding-left:65px;
  width: 95px;
  letter-spacing:0.3em;
}
.menu6 a{
  background:url("http://img.divertire.net/common/h_n_qa.gif") no-repeat;
  padding-left:55px;
  width:105px;
  letter-spacing:0.2em;
}
.menu li:first-child a{
  border-top-left-radius:8px; /* only modern Browser */
  border-bottom-left-radius:8px; /* only modern Browser */
}
.menu li:last-child a{
  border-top-right-radius:8px; /* only modern Browser */
  border-bottom-right-radius:8px; /* only modern Browser */
}
/****** パンくずリスト ******/
.pankuzu{
  clear:both;
  text-align:right;
  width:965px;
  height:24px;
  line-height:24px;
  margin-bottom:3px;
}
.pankuzu a{
  color:#555555;
  background-color:#ffffff;
  padding:5px 10px;
}
/****** main  left footer layout******/
.main{
  float:right;
  width:760px;
}
.left{
  float:left;
  width:190px;
}
.footer{
  clear:both;
  width:965px;
}

/****** left ******/

.left ul li{
  margin-bottom:10px;

}
.left ul li a{
  display:block;
  height:30px;
  line-height:30px;
  color:#d59758;
  border:1px solid #d59758;
  border-left:10px solid #d59758;
  padding-left:10px;
  border-radius:8px;/*only modern browser*/
  box-shadow:0px 0px 5px #aaaaaa;/*only modern browser*/
}
/****** footer ******/
.footer .f_list{
  color:#333333;
  background-color:#f5e6b0;
  height:30px;
  line-height:30px;
  border-top:1px dotted #d59758;
  border-bottom:1px dotted #d59758;
  padding-right:3px;
}
.footer .f_list li{
  display:inline;
}
.footer .f_list li a{
  display:block;
  float:right;
  padding:0px 26px;
  color:#333333;
  background-color:#f5e6b0;
  border-left:1px dotted #d59758;
}
.footer #f_listend a{
  border:0;
}
.footer address{
  clear: both;
  height:30px;
  line-height:30px;
  padding:0px 10px;
  text-align:right;
  font-style:normal;
  border-bottom:2px solid #d59758;
}
.footer  address span.address{
  display:block;
  float:left;
  color:#333333;
  background-color:#ffffff;
}
/****** footer end ******/


/****** guide index only ******/
.main #guideindextop{
  clear:both;
  text-align:center;
  height:60px;
  line-height:20px;
}
.main #guidbox_wraper{
  margin:0 20px;
}
.main .guidebox{
  float: left;
  text-align: center;
  display: block;
  width: 240px;
  height: 150px;
}
.main .guidebox img{
  border-radius:8px;/*only modern browser*/
  box-shadow:0px 0px 8px #d59758;/*only modern browser*/
  border: 1px solid #d59758;
}

/****** question answer reveiw only ******/
.qabox{
  margin-bottom:10px;
}
.question{
  background-color:#f7f7f7;
  line-height:24px;
  margin:5px 10px 10px 10px;
  padding:0 5px;
  line-height:24px;
  border-radius:8px;/*only modern browser*/
}
.answer a{
  display:block;
  color:red;
  text-decoration:underline;
  width:200px;
  line-height:24px;
  margin:5px 10px 10px 10px;
  padding:0 5px;
  line-height:24px;
  border-radius:8px;
}
dl{
  padding:10px;
}
dl dt{
  background-color:#dddddd;
  margin-bottom:5px;
  line-height:24px;
  padding:0 5px;
  border-radius:8px;/*only modern browser*/
}
dl dd{
  background-color:#f7f7f7;
  margin-bottom:15px;
  line-height:24px;
  padding:0 5px;
  border-radius:8px;
}
dl dd span.red a{
  
}
/****** cancel・payment only ******/
ul#pay_list{
  height:120px;
  margin:0 25px;
}
ul#cancel_list{
  height:80px;
  margin:0 20px;
}
ul#pay_list li,ul#cancel_list li{
  display:inline;
}
ul#pay_list a,ul#cancel_list li a{
  display:block;
  float:left;
  color:#d59758;
  text-align:center;
  width:130px;
  height:30px;
  line-height:30px;
  margin:15px 10px 0 0;
  border:1px solid #d59758;
  border-radius:8px;/*only modern browser*/
  box-shadow:0px 0px 5px #aaaaaa;/*only modern browser*/
}
.paybox,.cabox{
  clear:both;
  margin-bottom:10px;
}
.paybox img{
  margin-bottom:10px;
}
.paybox p,.cabox p,.cabox ul{
  background-color:#f7f7f7;
  padding:10px 15px;
  line-height:1.8em;
  margin-bottom:10px;
  border-radius:8px;/*only modern browser*/
}
p span.red a{
  display:block;
  color:red;
  text-decoration:underline;
  width:120px;
  padding:5px;
  border-radius:8px;/*only modern browser*/
}
/****** point only ******/
ol#point_list{
  padding:10px;
  background-color:#f7f7f7;
  list-style:decimal;
  margin-bottom:10px;
  border-radius:8px;/*only modern browser*/
}
ol#point_list li{
  padding:5px 0px;
  margin-left:25px;
  list-style:decimal;
}
#cam{
  margin-bottom:10px;
}
.point p{
  background-color:#f7f7f7;
  padding:10px 15px;
  line-height:1.8em;
  margin-bottom:10px;
  border-radius:8px;/*only modern browser*/
}
.point p a{
  color:red;
  text-decoration:underline;
}
/****** send only ******/
.send_explain{
  padding:10px;
  margin-bottom:10px;
  background-color:#f7f7f7;
  border-radius:8px;/*only modern browser*/
}
.send_explain p{
  line-height:2em;
}
table.send{
  width:760px;
  margin-bottom:10px;
  text-align:center;
  border-collapse: collapse;
}
table.send #caption{
  background-color:#f5e6b0;
}
table.send td{
  padding:10px;
  border:1px solid #d59758;
}
#sendtimetable{
  line-height:2em;
  padding:10px;
  margin-bottom:10px;
  background-color:#f7f7f7;
  border-radius:8px;/*only modern browser*/
}
#send_info{
  padding:10px;
  height:150px;
}
#send_info p{
  float:left;
  text-align:center;
  width:370px;
}
#send_info p img{
  margin-bottom:5px;
}
#send_info p a.link{
  font-size:14px;
}
#send_info p a.link{
  color:red;
  height:20px;
  line-height:20px;
  text-decoration:underline;
  text-shadow:1px 1px 3px #777;
}