/*ブラサイズナビCSS*/



img{

border:0;

}



input.txt{

width:52px;

height:20px;

font-size:18px;

}



div.brs_msr_inp input.txt{



background-color:#F4F9FF;

}





div.girdle input.txt{



background-color:#FEE9EB;

}





/*==========トップページ==========*/

div.toppage{

background: url(../img/bra_sizenavi_main.gif) no-repeat right top!important;

overflow:hidden;

color:#333!important;

}

div.toppage_left{

width:400px;

overflow:hidden;

float:left;

}

h2.bra_sizenavi_ttl{

background: url(../img/bra_sizenavi_ttl.gif) no-repeat left top;

width:260px;

height:48px;

text-indent:-10000px;



}

h3.bra_sizenavi_ttl01{

background: url(../img/bra_sizenavi_ttl01.gif) no-repeat left top;

width:380px;

height:20px;

text-indent:-10000px;

margin-left:0;

margin-top:20px;

}

p.bra_sizenavi_lead{

margin-top:10px;

}

ul.bra_sizenavi_chk{

margin-top:10px;

width:386px;

height:158px;

display:block;

background: url(../img/bra_sizenavi_chk.gif) no-repeat left top;

}



ul.bra_sizenavi_chk li{

display:none;

}









div.bra_sizenavi_link{

margin-top:65px;

width:386px;

height:78px;

display:block;

overflow:hidden;

background: url(../img/bra_sizenavi_links.gif) no-repeat left top;

}

div.bra_sizenavi_link p{

display:none;

}

ul.link{

width:350px;

height:42px;

padding:31px 18px 18px 18px;

}

ul.link li{

float:left;

display:block;

padding-left:10px;

background: url(../img/link_arrow.gif) no-repeat left 2px;

margin-right:12px;

white-space:nowrap;

}





h3.bra_sizenavi_ttl02{

background: url(../img/bra_sizenavi_ttl02.gif) no-repeat left top;

width:380px;

height:20px;

text-indent:-10000px;

margin-left:0;

margin-top:20px;

}



div.toppage_right{

width:500px;

height:640px;

overflow:hidden;

float:right;

}



h3.bra_sizenavi_ttl03{

display:none;

}



ul.bra_link{

width:236px;

overflow:hidden;

margin-top:120px;

margin-left:20px;

}



ul.bra_link li{

text-indent:-10000px;

margin-top:20px;

width:236px;

overflow:hidden;

}

ul.bra_link li.brs_inp a{

width:236px;

height:145px;

display:block;

background: url(../img/bra_sizenavi_btn.gif) no-repeat left top;

}

ul.bra_link li.brs_inp a:hover{

background: url(../img/bra_sizenavi_btn.gif) no-repeat right top;

}

ul.bra_link li.brs_msr a{

width:236px;

height:184px;

display:block;

background: url(../img/bra_sizenavi_btn.gif) no-repeat left bottom;

}

ul.bra_link li.brs_msr a:hover{

background: url(../img/bra_sizenavi_btn.gif) no-repeat right bottom;

}







/*==========測ってみよう==========*/

div.brs_msr_inp{



overflow:hidden;

color:#333!important;

}



div.brs_msr_inp div.left{

width:335px;

height:409px;

overflow:hidden;

background: url(../img/bra_sizenavi_main_msr.gif) no-repeat left bottom;

float:left;

}



div.brs_msr_inp div.left h2,

div.brs_msr_inp div.left h3{

display:none;



}



div.brs_msr_inp div.right{

width:565px;

padding-top:30px;

overflow:hidden;

margin-right:20px;

float:right;

}





div.brs_msr_inp div.right div.brs_box{

width:565px;

overflow:hidden;

background: url(../img/bra_sizenavi_msr_bg.gif) repeat-y left bottom;

}







div.brs_msr_inp div.right div.brs_box div.hdr{

width:565px;

overflow:hidden;

background: url(../img/bra_sizenavi_msr_ttl01.gif) no-repeat left top;

}



div.brs_msr_inp div.right div.brs_box div.hdr div.question{

margin-left:130px;

margin-top:103px;

}



div.brs_msr_inp div.right div.brs_box div.hdr div.question p{

margin-bottom:15px;

}

div.brs_msr_inp div.right div.brs_box div.hdr div.question p img{

vertical-align:middle;

}

div.brs_msr_inp div.right div.brs_box div.hdr div.question img.next{

margin-left:120px;

}





div.brs_msr_inp div.right div.brs_btm{

width:565px;

height:11px;

background: url(../img/bra_sizenavi_msr_btm.gif) no-repeat left bottom;

}



div.brs_msr_inp div.right div.caution{

clear:both;

width:565px;

overflow:hidden;

margin-top:15px;

}



div.brs_msr_inp div.right div.caution img{



float:left;

width:242px;

height:186px;

}



div.brs_msr_inp div.right div.caution ul.caution{

margin-left:20px;

margin-top:20px;

float:left;

width:300px;

overflow:hidden;

}



div.brs_msr_inp div.right div.caution ul.caution li{

padding-left:15px;

background: url(../img/bra_sizenavi_msr_crcl.gif) no-repeat left top;

}



/*==========測ってみよう結果==========*/



div.brs_msr_rslt{



overflow:hidden;

color:#333!important;

}



div.brs_msr_rslt div.left{

width:365px;

height:434px;

overflow:hidden;

background: url(../img/bra_sizenavi_main_msr_rslt.gif) no-repeat left bottom;

float:left;

}



div.brs_msr_rslt div.left h2,

div.brs_msr_rslt div.left h3{

display:none;



}



div.brs_msr_rslt div.right{

width:555px;

padding-top:50px;

overflow:hidden;

margin-right:20px;

float:right;

}





div.brs_msr_rslt div.right div.brs_box{

width:555px;

overflow:hidden;

background: url(../img/bra_sizenavi_msr_bg.gif) repeat-y right bottom;

}







div.brs_msr_rslt div.right div.brs_box div.hdr{

width:555px;

overflow:hidden;

background: url(../img/bra_sizenavi_msr_ttl02.gif) no-repeat right top;

}



div.brs_msr_rslt div.right div.brs_box div.hdr div.answer{

margin-left:60px;

margin-top:80px;

width:470px;

overflow:hidden;

}



div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p{

margin-bottom:15px;

clear:both;

display:block;

height:30px;

width:470px;

}





div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p span{

width:50px;

height:19px;

text-align:center;

display:block;

background-color:#e4effe;

float:left;

font-size:18px;

padding:5px 4px 4px 4px;

color:#3383F9;

}





div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p a{

display:block;

float:right;

width:186px;

height:27px;

background: url(../img/bra_sizenavi_rslt_link.gif) no-repeat left bottom;

text-indent:-10000px;

}



div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p a:hover{

background: url(../img/bra_sizenavi_rslt_link.gif) no-repeat left top;

}







div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p span.mes{

width:186px;

height:21px;

text-align:left;

display:block;

background-color:#fff;

float:right;

font-size:12px;

padding:0 0 0 4px;

color:#333;

line-height:120%;

}



div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p span.mes a{

text-indent:12px;

float:none;

display:block;

background: url(../img/link_arrow.gif) no-repeat left 2px;

}



div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p span.mes a:active,

div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p span.mes a:hover{

color:#ff4400;

background: url(../img/link_arrow.gif) no-repeat left 2px;

}





div.brs_msr_rslt div.right div.brs_box div.hdr div.answer p img{

vertical-align:middle;

float:left;

}

div.brs_msr_rslt div.right div.brs_box div.hdr div.answer img.next{

margin-left:200px;

}





div.brs_msr_rslt div.right div.brs_btm{

width:555px;

height:11px;

background: url(../img/bra_sizenavi_msr_btm.gif) no-repeat right bottom;

}



div.brs_msr_rslt div.right div.caution{

clear:both;

width:555px;

overflow:hidden;

margin-top:15px;

}



div.brs_msr_rslt div.right div.caution img{



float:right;



}



div.brs_msr_rslt div.right div.caution p{

float:right;

}



div.brs_msr_rslt div.right div.caution ul.caution li{

padding-left:15px;

background: url(../img/bra_sizenavi_msr_crcl.gif) no-repeat left top;

}





/*==========着けているブラでチェックしてみよう。[1][2]==========*/

div.brs_inp{



overflow:hidden;

color:#333!important;

}



div.brs_inp div.left{

width:343px;

height:571px;

overflow:hidden;

background: url(../img/bra_sizenavi_main_inp01.gif) no-repeat left top;

float:left;

}



div.brs_inp div.left02{

width:343px;

height:571px;

overflow:hidden;

background: url(../img/bra_sizenavi_main_inp02.gif) no-repeat left top;

float:left;

}



div.brs_inp div.left h2,

div.brs_inp div.left h3,

div.brs_inp div.left p,

div.brs_inp div.left02 h2,

div.brs_inp div.left02 h3,

div.brs_inp div.left02 p



{

display:none;



}







div.brs_inp div.right{

width:595px;

padding-top:30px;

overflow:hidden;

float:left;





}



div.brs_inp div.right img.inpimg{



float:right;

margin-top:150px;

}







div.brs_inp div.right div.brs_box{

width:435px;

margin-left:30px;

overflow:hidden;

background: url(../img/bra_sizenavi_inp_bg.gif) repeat-y left bottom;

float:left;

}





/*==IE hack==*/

*html div.brs_inp div.right div.brs_box{

display:inline;

}



*+html div.brs_inp div.right div.brs_box{

display:inline;

}

/*==IE hack==*/









div.brs_inp div.right div.brs_box div.hdr{

width:435px;

overflow:hidden;

background: url(../img/bra_sizenavi_inp_ttl01.gif) no-repeat left top;

}



div.brs_inp div.right div.brs_box div.hdr02{



background: url(../img/bra_sizenavi_inp_ttl02.gif) no-repeat left top!important;

}





div.brs_inp div.right div.brs_box div.hdr div.question{

margin-left:30px;

margin-top:100px;

}



div.brs_inp div.right div.brs_box div.hdr div.question p{

margin-bottom:15px;

}

div.brs_inp div.right div.brs_box div.hdr div.question p img{

vertical-align:middle;

}

div.brs_inp div.right div.brs_box div.hdr div.question img.next{

margin-left:140px;

}



div.brs_inp div.right div.brs_box div.hdr div.question div.q02 p{

display:block;

width:110px;

padding-right:10px;

overflow:hidden;

float:left;

margin-left:10px;

}



div.brs_inp div.right div.brs_box div.hdr div.question div.q02 p img{

margin-bottom:8px;

}



div.brs_inp div.right div.brs_box div.hdr div.question div.q02 p input{

margin-right:5px;

}



/*==IE hack==*/

*html div.brs_inp div.right div.brs_box div.hdr div.question div.q02 p input{

margin:0;

}

*+html div.brs_inp div.right div.brs_box div.hdr div.question div.q02 p input{

margin:0;

}

/*==IE hack==*/





div.brs_inp div.right div.brs_box div.hdr div.question p.q03 span{



height:19px;

margin:0 5px;

background-color:#E6DEFF;

font-size:18px;

padding:4px 4px 4px 4px;

color:#5A33FF;

}







div.brs_inp div.right div.brs_btm{

width:435px;

height:11px;

background: url(../img/bra_sizenavi_inp_btm.gif) no-repeat left bottom;

}







/*==========着けているブラでチェックしてみよう。結果==========*/



div.brs_inp_rslt{



overflow:hidden;

color:#333!important;

}



div.brs_inp_rslt div.left{

width:365px;

height:491px;

overflow:hidden;

background: url(../img/bra_sizenavi_main_inp_rslt.gif) no-repeat left bottom;

float:left;

}



div.brs_inp_rslt div.left h2,

div.brs_inp_rslt div.left h3{

display:none;



}



div.brs_inp_rslt div.right{

width:555px;

padding-top:50px;

overflow:hidden;

margin-right:20px;

float:right;

}





div.brs_inp_rslt div.right div.brs_box{

width:555px;

overflow:hidden;

background: url(../img/bra_sizenavi_inp_bg2.gif) repeat-y right bottom;

}







div.brs_inp_rslt div.right div.brs_box div.hdr{

width:555px;

overflow:hidden;

background: url(../img/bra_sizenavi_inp_ttl03.gif) no-repeat right top;

}



div.brs_inp_rslt div.right div.brs_box div.hdr div.answer{

margin-left:60px;

margin-top:80px;

width:470px;

overflow:hidden;

}



div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p{

margin-bottom:15px;

clear:both;

display:block;

height:30px;

width:470px;

}





div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p span{

width:50px;

height:19px;

text-align:center;

display:block;

background-color:#F0ECFF;

float:left;

font-size:18px;

padding:5px 4px 4px 4px;

color:#6633FF;

}



















span.adv{

margin-top:-15px;

margin-bottom:15px;

display:block;

width:470px;

overflow:hidden;

clear:both;

}





div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p a{

display:block;

float:right;

width:186px;

height:27px;

text-indent:-10000px;

background: url(../img/bra_sizenavi_rslt_link.gif) no-repeat left bottom;



}



div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p a:hover{

background: url(../img/bra_sizenavi_rslt_link.gif) no-repeat left top;

}







div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p span.mes{

width:186px;

height:21px;

text-align:left;

display:block;

background-color:#fff;

float:right;

font-size:12px;

padding:0 0 0 4px;

color:#333;

line-height:120%;

}



div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p span.mes a{

text-indent:12px;

float:none;

display:block;

background: url(../img/link_arrow.gif) no-repeat left 2px;

}



div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p span.mes a:active,

div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p span.mes a:hover{



color:#ff4400;

background: url(../img/link_arrow.gif) no-repeat left 2px;

}









div.brs_inp_rslt div.right div.brs_box div.hdr div.answer p img{

vertical-align:middle;

float:left;

}

div.brs_inp_rslt div.right div.brs_box div.hdr div.answer img.next{

margin-left:200px;

}





div.brs_inp_rslt div.right div.brs_btm{

width:555px;

height:11px;

background: url(../img/bra_sizenavi_inp_btm2.gif) no-repeat right bottom;

}



div.brs_inp_rslt div.right div.caution{

clear:both;

width:555px;

overflow:hidden;

margin-top:15px;

}



div.brs_inp_rslt div.right div.caution img{



float:right;



}



div.brs_inp_rslt div.right div.caution p{

float:right;



}



div.brs_inp_rslt div.right div.caution ul.caution li{

padding-left:15px;

background: url(../img/bra_sizenavi_msr_crcl.gif) no-repeat left top;

}



/*==========ガードルサイズ==========*/

div.girdle{



overflow:hidden;

color:#333!important;

}



div.girdle div.left{

width:335px;

overflow:hidden;

background: url(../img/girdle_sizenavi_main.gif) no-repeat left bottom;

float:left;

margin-bottom:15px;

}



div.girdle div.left h2,

div.girdle div.left h3{

display:none;



}



div.girdle div.right{

width:565px;

padding-top:30px;

overflow:hidden;

margin-right:20px;

float:right;

}





div.girdle div.right div.brs_box{

width:565px;

overflow:hidden;

background: url(../img/girdle_sizenavi_inp_bg.gif) repeat-y left bottom;

}







div.girdle div.right div.brs_box div.hdr{

width:565px;

overflow:hidden;

background: url(../img/girdle_sizenavi_inp_ttl01.gif) no-repeat left top;

}



div.girdle div.right div.brs_box div.hdr div.question{

margin-left:130px;

margin-top:120px;

}



div.girdle div.right div.brs_box div.hdr div.question p{

margin-bottom:15px;

}

div.girdle div.right div.brs_box div.hdr div.question p img{

vertical-align:middle;

}

div.girdle div.right div.brs_box div.hdr div.question img.next{

margin-left:120px;

}





div.girdle div.right div.brs_btm{

width:565px;

height:11px;

background: url(../img/girdle_sizenavi_inp_btm.gif) no-repeat left bottom;

}







div.girdle_sizenavi_link{

margin-top:465px;



width:249px;

height:78px;

display:block;

overflow:hidden;

background: url(../img/girdle_sizenavi_links.gif) no-repeat left top;

}

div.girdle_sizenavi_link p{

display:none;

}

div.girdle_sizenavi_link ul.link{

width:220px;

height:42px;

padding:31px 18px 18px 18px;

}



div.girdle_ld{

width:515px;

overflow:hidden;

margin-left:50px;

margin-bottom:15px;



}





h3.girdle_sizenavi_ttl01{

background: url(../img/girdle_sizenavi_ttl01.gif) no-repeat left top;

width:305px;

height:20px;

text-indent:-10000px;

margin-left:0;

margin-bottom:15px;

}



/*==========ガードルサイズ結果==========*/

div.girdle_rslt{



overflow:hidden;

color:#333!important;

}



div.girdle_rslt div.left{

width:335px;

height:511px;

overflow:hidden;

background: url(../img/girdle_rslt_sizenavi_main.gif) no-repeat left bottom;

float:left;

margin-bottom:15px;

}



div.girdle_rslt div.left h2,

div.girdle_rslt div.left h3{

display:none;



}



div.girdle_rslt div.right{

width:565px;

padding-top:60px;

overflow:hidden;

margin-right:20px;

float:right;

}





div.girdle_rslt div.right div.brs_box{

width:565px;

overflow:hidden;

background: url(../img/girdle_sizenavi_inp_bg.gif) repeat-y left bottom;

}







div.girdle_rslt div.right div.brs_box div.hdr{

width:565px;

overflow:hidden;

background: url(../img/girdle_sizenavi_inp_ttl02.gif) no-repeat left top;

}



div.girdle_rslt div.right div.brs_box div.hdr div.question{

margin-left:130px;

margin-top:120px;

}



div.girdle_rslt div.right div.brs_box div.hdr div.question p{

margin-bottom:15px;

}

div.girdle_rslt div.right div.brs_box div.hdr div.question p img{

vertical-align:middle;

}

div.girdle_rslt div.right div.brs_box div.hdr div.question img.next{

margin-left:120px;

}





div.girdle_rslt div.right div.brs_btm{

width:565px;

height:11px;

background: url(../img/girdle_sizenavi_inp_btm.gif) no-repeat left bottom;

}







div.girdle_rslt div.right div.brs_box div.hdr div.answer{

margin-left:80px;

margin-top:80px;

width:470px;

overflow:hidden;

}



div.girdle_rslt div.right div.brs_box div.hdr div.answer p{

margin-bottom:15px;

clear:both;

display:block;

height:30px;

width:450px;

}





div.girdle_rslt div.right div.brs_box div.hdr div.answer p span{

width:50px;

height:19px;

text-align:center;

display:block;

background-color:#FFECFF;

float:left;

font-size:18px;

padding:5px 4px 4px 4px;

color:#F10017;

}



span.adv{

margin-top:-15px;

margin-bottom:15px;

display:block;

width:470px;

overflow:hidden;

clear:both;

}





div.girdle_rslt div.right div.brs_box div.hdr div.answer p a{

display:block;

float:right;

width:186px;

height:27px;

background: url(../img/girdle_sizenavi_rslt_link.gif) no-repeat left bottom;

text-indent:-10000px;

}



div.girdle_rslt div.right div.brs_box div.hdr div.answer p a:hover{

background: url(../img/girdle_sizenavi_rslt_link.gif) no-repeat left top;

}







div.girdle_rslt div.right div.brs_box div.hdr div.answer p span.mes{

width:186px;

height:21px;

text-align:left;

display:block;

background-color:#fff;

float:right;

font-size:12px;

padding:0 0 0 4px;

color:#333;

line-height:120%;

}



div.girdle_rslt div.right div.brs_box div.hdr div.answer p span.mes a{

text-indent:12px;

float:none;

display:block;

background: url(../img/link_arrow.gif) no-repeat left 2px;

}



div.girdle_rslt div.right div.brs_box div.hdr div.answer p span.mes a:active,

div.girdle_rslt div.right div.brs_box div.hdr div.answer p span.mes a:hover{

color:#ff4400;

background: url(../img/link_arrow.gif) no-repeat left 2px;

}













div.girdle_rslt div.right div.brs_box div.hdr div.answer p img{

vertical-align:middle;

float:left;

}



div.girdle_rslt div.right div.brs_box div.hdr div.answer img.fit{

margin-left:60px;

}



div.girdle_rslt div.right div.brs_box div.hdr div.answer img.next{

margin-left:200px;

}







div.girdle_rslt div.right div.caution{

clear:both;

width:515px;

overflow:hidden;

margin-top:15px;

float:right;

}



div.girdle_rslt div.right div.caution img{



float:right;



}



div.girdle_rslt div.right div.caution p{

float:right;



}