@charset "utf-8";

/*---------------------------------------------------------------

 style.css
 
 font-size defined in fonts.css - YUI fonts.css
 93% - 12px
 
 ----------------------------------------------------------------*/
html,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,img,q,samp,strong,ul,ol,li,dl,dt,dd,form,label,table,tbody,tfoot,thead,tr,th,td{
  margin:0;
  padding:0;
}
.container {
  color: #333;
  font-size: 12px;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック';
  line-height: 1.5;
  width: 100%;
}
ul,li{
  list-style: none;
}
ol{
  list-style-type:decimal;
}
img{
  border:0;
  line-height:1;
  vertical-align: bottom;
}
a {
  color: #0068b7;
  text-decoration: underline;
}
a:hover {
  opacity: 0.6 ;
}
em,strong,cite{
  font-style:normal;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*------------------------------------------*/
#lp{
 width:100%;
 background:url(/assets/lp/did-550/images/header_bg.jpg) repeat-x;
 text-align: center;
 font-size: 93%;
}
#header{
 background: url(/assets/lp/did-550/images/header_bg2.jpg) no-repeat;
 width:1310px;
 margin:0 auto;
 height:203px;
 position:relative;
}
#header h1{
 margin: 0 auto;
 padding:20px 0;
}
#header #logo{
 position: absolute;
 left:10px;
 top:10px;
}
#fv{
 padding-bottom:43px;
}
#fv ul{
 overflow: hidden;
 width:1100px;
 margin:0 auto;
}
#fv ul a{
 display: block;
 text-decoration: none;
}
#fv ul h2{
 color:#f48b02;
 font-size:21px;
}
#fv ul .txt{
 font-size:15.5px;
 padding:0 0 4px;
 color:#32210c;
}

#main{
 background: url(/assets/lp/did-550/images/bg.jpg) 0 0 repeat-y    ;
 background-size:100% 100%;
 padding:42px 0 0;
}

.note{
text-align: left;
}

.col-xs-3{
 float: left;
 width: 25%;
 }

.gbox{
 width:1110px;
 margin:0 auto;
 padding-bottom:50px;
}
.gbox .pdtnamebar{
 background:url(/assets/lp/did-550/images/pdtname_bg.png) no-repeat;
 height:70px;
 text-align: left;
 position: relative;
}
.gbox .pdtnamebar h2{
 padding:18px;
}
.gbox .pdtnamebar span{
 position:absolute;
 right:15px;
 top:15px;
}
.gbox .inner{
 background:#fff;
 border-right:solid 8px #321c0f;
 border-left:solid 8px #321c0f;
 border-bottom:solid 8px #321c0f;
 padding:20px 20px 26px;
 text-align: left;
 position: relative;
}
.gbox .inner p{
 display:inline-block;
 *display:inline;
 *zoom:1;
}
.gbox .pdtimg{
 margin-right:46px;
}
.gbox#pdt2 .pdtimg{
 margin-top:16px;
}
.gbox#pdt3 .pdtimg{
 margin-right:18px;
}
.gbox#pdt4 .pdtimg{
 margin-right:38px;
}
.gbox .pricearea{
 text-align: left;
 width: 988px;
 margin:0 auto;
 padding:18px 0 18px 0;
 position: relative;
}
.gbox .pricearea .pricearea_txt {
  width: 581px;
  text-align: center;
}
.gbox .pricearea a{
 display: block;
 position: absolute;
 right: 0;
 top: 14px;
}

.gbox .seibun{
 margin-top:15px;
 vertical-align: top;
}
.gbox#pdt3 .seibun{
 margin-top:30px;
}
.gbox#pdt4 .seibun{
 margin-top:20px;
}
.gbox .osusume{
 position:absolute;
 right:48px;
 top: 30px;
}
.gbox#pdt2 .osusume{
 top: 33px;
}
.gbox#pdt3 .osusume{
 top: 33px;
}
.gbox#pdt4 .osusume{
 top: 33px;
}
.gbox dl{
 text-align: center;
 width:1000px;
 margin:0 auto;
 padding:10px 0 0 ;
}
.gbox dt{
 text-align: center;
 background:url(/assets/lp/did-550/images/corse_bg.png) repeat;
 border-radius: 10px 10px 0 0;
 padding:10px 0;
}
.gbox dd{
 text-align: center;
 border-right:solid 4px #fec93c;
 border-left:solid 4px #fec93c;
 border-bottom:solid 4px #fec93c;
 border-radius: 0 0 10px 10px;
 padding:18px 0 18px 14px;
}
.gbox dd a{
 display:inline-block;
 margin-left:40px;
}
.gbox#pdt2 dd a{
 display:inline-block;
 margin-left:46px;
}