@charset "utf-8";

/* ****************************************************************
   安心・安全サポートページの独自設定
*************************************************************** */

/* ********************************
   安心・安全サポート
******************************** */
#supportIndex h2{
clear:both;
margin-bottom:20px;
}

#supportIndex .photo{
float:left;
width:219px;
}

#supportIndex div.cfix{
padding-bottom:45px;
}

#supportIndex div.section{
float:right;
width:484px;
}

#supportIndex div.section h3{
margin-bottom:15px;
}

#supportIndex div.section p{
margin-right:20px;
}

#supportIndex .detail{
margin-top:25px;
text-align:right;
}


/* ********************************
   ハートアップポイント
******************************** */
#supportPoint p.lead{
margin:20px 0;
}

#supportPoint .stage{
position:relative;
width:723px;
height:144px;
}
#supportPoint #stage01{
background:url(/support/images/poi_sta01_bg.gif) no-repeat 0% 0%;
}
#supportPoint #stage02{
background:url(/support/images/poi_sta02_bg.gif) no-repeat 0% 0%;
}
#supportPoint #stage03{
background:url(/support/images/poi_sta03_bg.gif) no-repeat 0% 0%;
}

#supportPoint .stage h3,
#supportPoint .stage p{
position:absolute;
}
#supportPoint .stage h3{
left:250px;
top:20px;
}
#supportPoint .stage p{
left:40px;
top:10px;
}

#supportPoint p.up{
margin-left:340px;
}

#supportPoint h4{
margin:20px 0;
}

#supportPoint ul{
margin-bottom:20px;
}


/* ********************************
   ご紹介割引制度
******************************** */
#supportIntro p{
margin:20px 0;
}

#supportIntro ol{
width:722px;
height:484px;
margin-bottom:20px;
background:url(/support/images/int_bg.gif) no-repeat 0% 0%;
}

#supportIntro li#flow02{
margin-top:38px;
margin-bottom:8px;
}

#supportIntro li#flow04{
margin-top:32px;
}


/* ********************************
   1 Year Care System
******************************** */
#support1year h2{
margin-bottom:20px;
}

.support1yearCont01{
margin-bottom:30px;
}

.support1yearCont01 .photo{
float:left;
width:174px;
}

.support1yearCont01 .text{
float:right;
width:535px;
}

.support1yearCont01 .text p{
margin-bottom:1em;
}

.support1yearCont01 .text .pageTop{
margin:0;
text-align:right;
}

.support1yearCont02 ul{
width:722px;
}

.support1yearCont02 li{
float:left;
margin-bottom:25px;
}

.support1yearCont02 h3{
margin-bottom:15px;
}

.support1yearCont02 .list01,
.support1yearCont02 .list02{
min-height:83px;
height:auto !important;
height:83px;
}

.support1yearCont02 .list03,
.support1yearCont02 .list04{
min-height:119px;
height:auto !important;
height:119px;
}

.support1yearCont02 .list01{
width:361px;
margin-right:20px;
padding-bottom:115px;
background:url(/support/images/one_bg01.gif) no-repeat 47px 100%;
}

.support1yearCont02 .list02{
float:right;
width:341px;
padding-bottom:115px;
background:url(/support/images/one_bg02.gif) no-repeat 52px 94%;
}

.support1yearCont02 .list03{
width:361px;
margin-right:20px;
padding-bottom:105px;
background:url(/support/images/one_bg03.gif) no-repeat 53px 100%;
}

.support1yearCont02 .list04{
float:right;
width:341px;
padding-bottom:105px;
background:url(/support/images/one_bg04.gif) no-repeat 46px 90%;
}

.support1yearCont03{
clear:both;
margin-bottom:20px;
background:url(/support/images/one_bg_cont03.gif) repeat-y;
}

.support1yearCont03 p{
height:100%;
padding:14px 0 11px 13px;
background:url(/support/images/one_bg_cont03Header.gif) no-repeat;
}

.support1yearCont03 ul{
padding:0 0 10px 13px;
background:url(/support/images/one_bg_cont03Footer.gif) no-repeat 0 100%;
}

.support1yearCont03 ul ul{
padding:0;
background:none;
}

.support1yearCont03 .list01{
float:left;
width:213px;
}

.support1yearCont03 .list02{
float:left;
width:490px;
padding-top:6px;
}

.support1yearCont03 .list02 img{
float:left;
width:232px;
}

.support1yearCont03 .list02 ul{
float:right;
width:236px;
}
.support1yearCont03 .list02 li{
padding-left:7px;
background:url(/common/images/arrow_pink.gif) no-repeat 0% 3px;
}

/* ********************************
   Free Change System
******************************** */
#supportFree h2{
margin-bottom:20px;
}

.supportFreeCont01{
margin-bottom:30px;
}

.supportFreeCont01 .photo{
float:left;
width:174px;
}

.supportFreeCont01 .text{
float:right;
width:535px;
}

.supportFreeCont01 .text p{
margin-bottom:1em;
}

.supportFreeCont01 .text .pageTop{
margin:0;
text-align:right;
}

.supportFreeCont02 li{
display:inline;
float:left;
margin-bottom:30px;
}

.supportFreeCont02 h3{
margin-bottom:5px;
}

.supportFreeCont02 .list01{
}

.supportFreeCont02 .list02{
float:right;
}

.supportFreeCont02 .list03{
margin-bottom:25px;
}

.supportFreeCont02 .list03 h3 img{
margin-bottom:5px;
}

.supportFreeCont02 p.note{
padding-top:12px;
}

.supportFreeCont02 dl{
float:right;
width:350px;
margin-top:-20px;
background:#f7f1e5;
}

.supportFreeCont02 dt{
padding:14px 12px 15px;
background:url(/support/images/free_bg_cont02Header.gif) no-repeat;
}

.supportFreeCont02 dd{
padding:0 12px 14px;
background:url(/support/images/free_bg_cont02Footer.gif) no-repeat 0 100%;
}

.supportFreeCont02 dl li{
display:block;
float:none;
margin:0 2px 5px;

}

.supportFreeCont03{
clear:both;
margin-bottom:20px;
}

.supportFreeCont03 h3{
font-weight:bold;
}

/* ********************************
   EDNS
******************************** */
body#edns #contents{
padding:0;
padding-top:22px;
}

body#edns #contents h1{
margin-left:20px;
}

#supportEdns h2{
margin-bottom:20px;
}

#supportEdns p.mainImg{
margin-bottom:5px;
margin-left:15px;
}

#supportEdns p#pageTop{
margin-right:20px;
}

/*.supportEdnsNavi*/
.supportEdnsNavi{
width:723px;
margin:0 2px 17px 20px;
padding-top:15px;
background:#fffae9 url(/support/images/edns_bg_naviHeader.gif) no-repeat;
}

.supportEdnsNavi ul{
padding-bottom:12px;
background:url(/support/images/edns_bg_naviFooter.gif) no-repeat 0 100%;
}

.supportEdnsNavi li{
display:inline;
float:left;
width:320px;
line-height:1.8;
margin-right:10px;
padding-left:20px;
background:url(/common/images/arrow_pink.gif) no-repeat 12px 4px;
}

/*#ednsWrap*/
#ednsWrap{
margin-bottom:24px;
padding-bottom:30px;
background:#11376b;
}

#ednsWrap .cornerWrap{
width:735px !important;
width:736px;
margin-bottom:30px;
margin-left:15px;
background:#ffffff;
}

#ednsWrap #cornerWrapBtm{
margin-bottom:0;
}

#ednsWrap .corner{
padding:20px 7px 0 6px !important;
}

.corner .content_container{
padding:0 !important;
}

/*.supportEdnsCont01*/
.supportEdnsCont01{
margin-bottom:20px;
}

.supportEdnsCont01 ul{
margin-top:18px;
margin-bottom:12px;
line-height:1.8;
}

.supportEdnsCont01 ul li a{
padding-left:9px;
background:url(/common/images/arrow_pink.gif) no-repeat 0% 0%;
}

/*.supportEdnsCont02*/
.supportEdnsCont02 h3{
margin-bottom:16px;
}

.supportEdnsCont02 li{
float:left;
width:250px;
}

.supportEdnsCont02 li.step03{
width:213px;
}

.supportEdnsCont02 h4{
height:200px;
margin-bottom:12px;
}

.supportEdnsCont02 li.step01 h4{
background:url(/support/images/edns_img01.gif) no-repeat 0% 100%;
}
.supportEdnsCont02 li.step02 h4{
background:url(/support/images/edns_img02.gif) no-repeat 0% 100%;
}
.supportEdnsCont02 li.step03 h4{
background:url(/support/images/edns_img03.gif) no-repeat 0% 100%;
}

.supportEdnsCont02 p{
padding-right:30px;
}

/*.supportEdnsCont03*/
.supportEdnsCont03{
margin-bottom:20px;
}

.supportEdnsCont03 h3{
margin:0 0 16px 3px;
}

.supportEdnsCont03 .photo{
float:left;
width:180px;
padding-top:1px;
}

.supportEdnsCont03 .photo img{
margin-left:6px;
}

.supportEdnsCont03 div{
float:left;
width:540px;
margin-bottom:15px;
}

.supportEdnsCont03 h4{
margin-bottom:11px;
}

.supportEdnsCont03 p.text,
.supportEdnsCont04 p.text{
padding:0 12px;
}

/*.supportEdnsCont04*/
.supportEdnsCont04{
padding-bottom:10px;
}

.supportEdnsCont04 h3{
margin:0 0 18px 3px;
}

.supportEdnsCont04 h4{
margin-bottom:14px;
}

.supportEdnsCont04 ul{
float:left;
width:360px;
margin-left:3px;
padding-bottom:16px;
}

.supportEdnsCont04 li{
float:left;
}

.supportEdnsCont04 .list01{
padding-right:10px;
}

.supportEdnsCont04 .list02{
padding-right:1px;
}

.supportEdnsCont04 div{
float:left;
width:340px;
}

.supportEdnsCont04 div p{
padding:0 0 16px 1em;
text-indent:-1em;
}

#supportEdns #mobile{
height:66px;
background:url(/support/images/edns_bg_mobile.gif) no-repeat 3px 0;
}

#supportEdns #mobile dt{
top:13px;
}

#supportEdns #mobile dd{
top:3px;
left:524px;
}

#supportEdns #mall{
margin-bottom:20px;
}

/*.supportEdnsCont05*/
.supportEdnsCont05{
margin-bottom:33px;
padding-left:10px;
}

.supportEdnsCont05 li{
float:left;
width:355px;
margin-bottom:25px;
}

.supportEdnsCont05 h3{
margin-bottom:10px;
}

.supportEdnsCont05 .text{
margin:0 20px 10px 3px;
}

.supportEdnsCont05 .list01 .photo{
margin-left:9px;
}

.supportEdnsCont05 .list02 .photo{
margin-left:11px;
}

.supportEdnsCont05 .list03,
.supportEdnsCont05 .list04{
margin-bottom:12px;
}

.supportEdnsCont05 .list03 .photo{
margin-left:25px;
}

.supportEdnsCont05 .list04 .photo{
margin-left:23px;
}

.supportEdnsCont05 .list05 .photo{
margin-left:4px;
}

.supportEdnsCont05 .caption{
float:left;
width:352px;
margin:22px 0 0 3px;
}

.supportEdnsCont01 .pageTop,
.supportEdnsCont04 .pageTop,
.supportEdnsCont05 .pageTop{
clear:both;
text-align:right;
}

/*.supportEdnsCont06*/
.supportEdnsCont06{
margin-bottom:10px;
}

.supportEdnsCont06 dt,
body#refre #faq dt{
position:relative;
min-height:32px;
_height:32px; /*IE6*/
margin-bottom:5px;
background:url(/support/images/edns_bg_q.gif) no-repeat 1px 0;
}

.supportEdnsCont06 dt img,
body#refre #faq dt img{
position:absolute;
top:9px;
left:53px;
}

.supportEdnsCont06 dt span,
body#refre #faq dt span{
display:block;
padding:10px 15px 0 82px;
}

.supportEdnsCont06 dd,
body#refre #faq dd{
position:relative;
min-height:32px;
_height:32px;
padding-bottom:12px;
background:url(/support/images/edns_bg_a.gif) no-repeat 13px 0;
}

.supportEdnsCont06 dd img,
body#refre #faq dd img{
position:absolute;
top:5px;
left:53px;
}
.supportEdnsCont06 dd span,
body#refre #faq dd span{
display:block;
padding:7px 15px 0 82px;
}

/*.search*/
#supportEdns .search{
clear:both;
position:relative;
width:723px;
height:53px;
margin-top:20px;
margin-bottom:30px;
background:url(/support/images/edns_bg_search.gif) no-repeat 3px 0;
}

#supportEdns .search dt{
position:absolute;
top:11px;
left:13px;
}

#supportEdns .search dd{
position:absolute;
top:9px;
left:458px;
}


/* ********************************
   メガネの安心保証
******************************** */
#supportGuaran ul{
margin:20px 0;
}

#supportGuaran li{
float:left;
width:248px;
min-height:136px;
height:auto !important;
height:136px;
padding-bottom:121px;
}

#supportGuaran li h3{
margin-bottom:14px;
}

#supportGuaran li p{
padding-right:24px;
padding-left:6px;
}

#supportGuaran li#gua01{
background:url(/support/images/gua_point01_ill.gif) no-repeat 0% 100%;
}

#supportGuaran li#gua02{
background:url(/support/images/gua_point02_ill.gif) no-repeat 0% 100%;
}

#supportGuaran li#gua03{
width:228px;
background:url(/support/images/gua_point03_ill.gif) no-repeat 0% 100%;
}

#supportGuaran li#gua03 p{
padding-right:0;
}


/* ********************************
   リフレプランってなに？（body#refre）
   10/03/15 update
******************************** */
body#refre .refSection{
margin-bottom:12px;
}

body#refre .refSection h2{
margin-bottom:20px;
}

body#refre p.pageTop{
margin-top:20px;
text-align:right;
}

/*#merit*/
body#refre #merit ol{
width:725px;
margin-top:-24px;
}

body#refre #merit li{
float:left;
width:340px;
margin-top:24px;
margin-right:32px;
}

body#refre #merit li.col02{
width:350px;
margin-right:0;
}

body#refre #merit h3{
margin-bottom:12px;
}

body#refre #merit h3.merit03{
margin-bottom:22px;
}

/*#flow*/
/*.section01*/
body#refre #flow .section01{
margin-bottom:24px;
}

body#refre #flow .section01 h3{
margin-bottom:16px;
}

body#refre #flow .section01 p.text{
margin-bottom:34px;
}

/*.section02*/
body#refre #flow .section02{
position:relative;
width:724px;
}

body#refre #flow .top{
height:167px;
background:#fff5e1 url(../images/ref_flow_bg_top.gif) no-repeat 0% 0%;
}

body#refre #flow .top h3,
body#refre #flow .top p{
position:absolute;
}

body#refre #flow .top h3{
left:20px;
top:20px;
}

body#refre #flow .top p.text01{
left:20px;
top:46px;
}

body#refre #flow .top p.text02{
right:20px;
top:46px;
}

body#refre #flow .section02 p.lead{
width:704px;
padding:12px 0;
padding-left:20px;
background:#fff5e1 url(../images/ref_flow_bg_btm.gif) no-repeat 0% 100%;
}

/*#product*/
body#refre #product h3{
margin-bottom:16px;
}

body#refre #product .section{
margin-bottom:8px;
}

body#refre ul.itemList span{
display:block;
}

body#refre ul.itemList li{
position:relative;
float:left;
width:350px;
padding-top:28px;
background:url(../../common/images/dotline_grad.gif) repeat-x 0% 0%;
}

body#refre ul.itemList li.even{
float:right;
}

body#refre ul.itemList li.heightLine-row01,
body#refre ul.itemList li.heightLine-row04,
body#refre ul.itemList li.heightLine-row07,
body#refre ul.itemList li.heightLine-row09{
padding-top:0;
background:none;
}

body#refre ul.itemList .textArea{
float:right;	
width:176px;
margin-bottom:16px;
}

body#refre ul.itemList li.heightLine-row08 .textArea{
margin-bottom:0;
}

body#refre ul.itemList p.maker{
font-size:0.8em;
color:#d70c18;
}

body#refre ul.itemList p.price{
margin-top:2px;
margin-bottom:4px;
}

body#refre ul.itemList h4{
margin-bottom:7px;
padding-bottom:4px;
background:url(../../common/images/dotline_gray.gif) repeat-x 0% 100%;
font-size:1.2em;
font-weight:bold;
line-height:1.3;
}

body#refre ul.itemList p.text{
margin-bottom:6px;
}

body#refre ul.itemList ul li{
width:auto;
margin:0;
padding:0;
margin-right:6px;
background:none;
}

body#refre ul.itemList p.img{
float:left;
width:174px;
}

body#refre ul.itemList p.img img{
border:1px solid #d4d4d4;
}

/*#plus*/
body#refre #plus p.lead{
margin-bottom:12px;
}

/*#faq*/
body#refre #faq dd p img{
position:static;
margin-top:6px;
}

body#refre .contact{
margin-top:6px;
}

body#refre .contact p.btn{
left:520px;
}