BODY{
 margin : 0px;
 text-align : center;
 background-image : url(img/back1.gif);
 font-size : 14px;
}
IMG{
 border : 0px;
}

/* -----HEADER----- */
.head{
 background-image : url(img/head_back.gif);
 margin-left : auto;
 margin-right : auto;
 text-align : left;
}
.head2{
 background-image : url(img/button_back.gif);
 text-align : left;
 margin-left : auto;
 margin-right : auto;
}

/* -----PAGE BOX----- */
.box{
 background-color : white;
 margin-left : auto;
 margin-right : auto;
 padding : 0px 3px;
 width : 800px;
 text-align : left;
}

/* -----CONTENTS LEFT----- */
.contents{
 margin : 25px auto 0px auto;
 width : 200px;
 text-align : center;
 float : left;
}
.contents DL{
 margin : 0px auto 8px auto;
 list-style-type : none;
 width : 180px;
}
.contents-t{
 height : 25px;
}
.contents-d1{
 background : url(img/contents_back.gif) no-repeat;
 text-indent : 10px;
 text-align : left;
 border : 1px  solid  #6365ff;
 font-size : 14px;
 font-weight : bold;
 margin : 0px;
 padding : 7px 0px 4px 0px;
}
.contents-d2{
 text-indent : 15px;
 text-align : left;
 border-width : 0px 1px 1px 1px;
 border-style : dotted;
 border-color : #6365ff;
 background-color : #eefaff;
 font-size : 12px;
 margin : 0px;
 padding : 6px 0px 4px 0px;
}
.contents_us{
 width : 180px;
 margin : 4px auto;
 background-color : #eefaff;
 color : #333333;
 font-size : 13px;
 text-align : left;
 padding : 5px;
}
.contents_img{
 margin : 4px auto;
}

/* -----TOP SERVICE BOX----- */
.top_service_box{
 width : 530px;
 margin : 5px auto;
 text-align : left;
}
.top_service{
 width : 355px;
 background : url(img/service_2.gif);
 float : left;
 font-size : 12px;
 margin : 2px auto;
}
.top_service_text{
 margin : 0px auto;
 padding : 0px 10px 0px 12px;
}
.top_service_text IMG{
 float : left;
}
.top_service_right IMG{
 margin : 2px;
}
.top_service_right{
 float : right;
 width : 170px;
}

/* -----TOP PLAN ICHIRAN----- */
.plan{
 background-color : white;
 width : 517px;
 margin : 15px auto;
}
.plan DT{
 font-size : 13px;
 text-align : right;
 margin : 15px 0px 8px 0px;
 padding 0px;
}
.plan DD{
 width : 258px;
 margin : 0px;
 padding : 0px;
}
.plan_left{
 float : left;
}
.plan_img{
 width : 120px;
 float : left;
}
.plan_text{
 font-size : 12px;
 text-align : left;
 width : 130px;
 float : right;
}

/* -----BR CLEAR ALL----- */
.br_all{
 clear : both;
}

/* -----PANKUZU----- */
.pankuzu{
 width : 517px;
 margin : 2px auto;
 font-size : 10px;
 color : #999999;
 text-align : right;
}

/* -----CONTENTS RIGHT HEADER----- */
.sub_top_title{
 margin : 10px auto auto auto;
 font-size : 18px;
 color : #333333;
 text-indent : 20px;
 text-align : left;
 width : 487px;
 height : 40px;
 background-image : url(img/title_back1.gif);
 background-repeat : no-repeat;
 padding-top : 15px;
}
.sub_top_text{
 margin : 0px auto 20px auto;
 font-size : 12px;
 color : #333333;
 text-align : left;
 width : 487px;
 line-height : 16px;
}
.sub_top_text IMG.text{
 margin-bottom : 8px;
}
.sub_top_text IMG.img_left{
 float : left;
}
.sub_top_text STRONG {
 font-size : 14px;
 color : #c00;
}

/* -----CONTENTS RIGHT----- */
.main{
 width : 584px;
 float : right;
 padding : 0px;
 margin : 10px auto 8px auto;
 text-align : center;
}
.sub_contents{
 margin : 8px auto;
 padding : 0px;
 background-color : white;
 width : 487px;
}
.sub_contents H3{
 text-align : left;
 font-size : 15px;
 color : #000099;
 margin : 0px;
}
.sub_contents H2{
 text-align : left;
 font-size : 15px;
 color : #000066;
 background : url(img/title_back3.gif) no-repeat;
 padding : 8px 0px 0px 0px;
 width : 487px;
 height : 30px;
}
.sub_contents P{
 font-size : 12px;
 text-align : left;
 color : #333333;
 line-height : 15px;
}
.sub_contents STRONG{
 color : #cc0000;
}
.sub_contents P.tyushaku{
 clear : both;
 margin : 0;
 padding : 1px;
/* text-align : right;*/
 color : #333333;
 border-top : 2px solid #99ccff;
 border-bottom : 2px solid #99ccff;
 margin-bottom : 20px;
}
.sub_contents_img{
 width : 120px;
 float : left;
 vertical-align : text-top;
}
.sub_contents_text{
 float : right;
 font-size : 12px;
 text-align : left;
 color : #333333;
 width : 350px;
 background : url(img/title_back2.gif) no-repeat;
 padding : 8px 0px 0px 0px;
}

/* -----CONTENTS RIGHT LIST----- */
.sub_contents DT{
 font-size : 12px;
 text-align : left;
 color : #0077ff;
 font-weight : bold;
}
.sub_contents DD{
 margin : 0px 0px 8px 0px;
 padding : 0px;
 width : 487px;
}
.sub_contents UL{
 list-style-type : none;
 margin : 0px 10px 0px 0px;
 padding : 0px;
 font-size : 12px;
 text-align : left;
 color : #333333;
}
.sub_contents OL{
 width : 487px;
 margin : 0px;
 padding : 0px;
 list-style-type : decimal;
 list-style-position : inside;
 text-align : left;
 color : #333333;
 font-size : 12px;
 border : 1px solid #6365ff;
}
.sub_contents LI.li_d{
 margin : 0px;
 padding : 8px;
 line-height : 16px;
 border-bottom : 1px dashed #6365ff;
}
.sub_contents LI.li_d:first-line, .sub_contents LI.li_last:first-line{
 margin : 0px;
 font-size : 15px;
 font-weight : bold;
 color : #000099;
}
.sub_contents LI.li_last{
 margin : 0px;
 padding : 8px;
 border-bottom-style : none;
}

/* -----CONTENTS RIGHT OPT----- */
.sub_contents .opt{
 width : 487px;
 margin : 10px auto;
}
.sub_contents .opt DL{
 width : 240px;
 float : left;
 margin : 8px auto;
 padding : 0px;
 font-size : 12px;
 text-align : left;
}
.sub_contents .opt DT{
 margin : 0px;
 padding : 0px;
 color : #0077ff;
}
.sub_contents .opt DD{
 margin : 0px;
 padding : 0px;
 width : 240px;
 color : #333333;  
}

/* -----CONTENTS RIGHT TABLE----- */
.sub_contents TABLE{
 width : 487px;
 border-collapse : collapse;
 margin : 0px;
}
.sub_contents TH{
 padding : 5px 3px;
 border : 1px solid #0077ff;
 background-color : #ddffff;
 font-size : 13px;
 color : #0077ff;
 text-align : left;
}
.sub_contents TD{
 padding : 5px 3px;
 border : 1px solid #0077ff;
 font-size : 13px;
 color : #333333;
}
.sub_contents TD.price{
 text-align : right;
 padding : 5px 3px;
 border : 1px solid #0077ff;
 font-size : 13px;
 color : #333333;
}

/* -----CONTENTS RIGHT PLAN BOX----- */
.sub_contents .plan_box{
 width : 487px;
 margin : 10px auto;
}
.sub_contents .plan_img{
 width : 270px;
 float : left;
 margin : 10px auto;
}
.sub_contents .plan_ico{
 width : 208px;
 float : right;
 text-align : left;
 margin : 10px auto;
}
.jirei_h3{
 width : 487px;
 height : 50px;
 padding-top : 8px;
 background-repeat : no-repeat;
}
.plan_jirei{
 width : 487px;
 margin : 10px 0 0;
 padding : 0;
}
.plan_jirei DT{
 width : 120px;
 margin : 0;
 padding : 0;
 float : left;
 font-size : 13px;
 color : #333;
}
.plan_jirei DD{
 width : 364px;
 margin : 0 0 0 120px;
 padding : 0;
 font-size : 13px;
 color : #333;
 text-align : left;
}

/* -----QandA-----*/
.qanda{
 list-style-type : none;
 margin : 0px 0px 20px 0px;
 padding : 0px;
}
.qanda DT{
 font-size : 14px;
 color : #0077ff;
 font-weight : bold;
}
.qanda .answer{
 margin : 5px 0px 20px;
 padding : 3px;
 text-align : left;
 line-height : 15px;
 border : 1px solid #cccccc;
 font-size : 12px;
 color : #333333;
}
.review UL{
 margin : 5px 0px;
 padding : 0px;
 list-style-type : none;
}
.review LI{
 width : 125px;
 margin : 0px 10px;
 font-size : 13px;
 float : left;
}
.review .review-price{
 color : red;
}

/* -----GROUP NAVI----- */
.gr_navi{
 margin : 15px auto 5px auto;
 text-align : left;
 width : 487px;
 font-size : 12px;
 color : #333333;
 list-style-type : none;
}
.gr_navi DT{
 font-size : 14px;
 font-weight : bold;
 color : #000099;
 border-bottom : 1px dashed #6666ff;
}
.gr_navi DD{
 border-top : 1px dashed #6666ff;
 margin : 1px 0px 0px 0px;
 padding : 0px;
}
.gr_navi UL{
 margin : 0px 0px 10px 0px;
 padding : 0px;
 list-style-type : none;
}
.gr_navi LI{
 word-break : keep-all;
 float : left;
 margin : 5px 10px auto auto;
 padding : 0px;
}
.gr_navi_logo{
 margin : 0px auto;
 width : 400px;
 padding : 0px;
 background-image : url(img/gr_navi_logo_back.gif);
 color : #333333;
 font-size : 12px;
}
.gr_navi_add{
 width : 330px;
 margin : 0 auto;
 padding : 0;
 text-align : left;
}

/* -----FOOTER-----*/
.foot{
 margin-top : 15px;
 color : #333333;
 font-size : 12px;
 text-align : left;
 border-top : 1px dotted #aaaaaa;
 padding : 5px;
}
#cw{
 font-size : 11px;
 color : #999;
 margin : 10px auto 0;
}

/* -----LINK----- */
A:link{
 text-decoration : none;
 color : #3333ff;
}
A:visited{
 text-decoration : none;
 color : #8888ff;
}
A:active{
 text-decoration : none;
 color : #ff3333;
}
A:hover{
 text-decoration : underline;
}