@charset "utf-8";

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

table{
font-size:inherit;
}


textarea{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

img{
border:0;
}

h3{
font-size:12px;
}

h4{
font-size:12px;
}

a:link{
color:#666;
}
a:visited{
color:#666;
}
a:hover{
color:#333;
text-decoration:none;
}
a:active{
color:#CC0000;
}

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
font-size:12px;
color:#4C4C4C;
line-height:1;
text-align:center;
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
background:#00ACCA;
}

body > #wrap{
height:auto;
}


#wrap{
width:968px;
height:100%;
margin:0 auto;
text-align:left;
}

#head{
}

#head h1{
text-align:center;
}

#content{
position:relative;
width:968px;
background:url(../img/all_bg01.gif) repeat-y;
}

#contentBg{
width:968px;
padding:0 0 75px 0;
background:url(../img/all_bg02.gif) no-repeat left bottom;
}

#glonavi{
position:relative;
width:968px;
height:82px;
list-style:none;
z-index:100;
}

#glonavi li{
float:left;
}

#glonavi li a{
cursor:pointer;
}

.blueBg{
background:#00ACCA;
font-size:0;
}

#foot{
width:962px;
padding:22px 3px 20px 3px;
}

#footnavi{
float:left;
width:330px;
}

#footnavi li{
display:inline;
}

#foot #other{
float:right;
width:370px;
}

#foot #other li{
display:inline;
padding:0 0 0 5px;
}

a.leftLink{
padding:0 25px 0 0;
font-size:14px;
line-height:1.8;
color:#00ACCA;
background:url(../img/all_icn01.gif) no-repeat right top;
}

a.topLink{
padding:0 25px 0 0;
font-size:14px;
line-height:1.8;
color:#00ACCA;
background:url(../img/all_icn02.gif) no-repeat right top;
}

a.rightLink{
padding:0 25px 0 0;
font-size:14px;
line-height:1.8;
color:#00ACCA;
background:url(../img/all_icn03.gif) no-repeat right top;
}


/*------------------------------------------------
   Top
------------------------------------------------*/

#flashArea{
position:absolute;
width:968px;
height:400px;
margin:-82px 0 0 0;
padding:0 0 74px 0;
z-index:10;
background:#00ACCA url(../img/top_bg01.jpg) no-repeat left bottom;
}

#flashcontent{
}

#topContent{
}

#topMenu{
margin:0 0 10px 0;
padding:400px 0 0 0;
background:url(../img/top_bg02.gif) repeat-y;
}

#topMenu h2{
margin:0 0 11px 0;
}

#topMenu h2 strong{
display:block;
float:left;
width:460px;
padding:0 0 0 45px;
}

#topMenu h2 span{
display:block;
float:right;
width:463px;
padding:10px 0 0 0;
font-size:14px;
font-weight:normal;
}

#menus{
background:url(../img/top_bg03.jpg) no-repeat;
}

#topMenu #menus dl{
position:relative;
float:left;
}

#topMenu #menus dl dt{
}

#topMenu #menus dl dd{
line-height:1.5;
}

#topMenu #menus .menu1{
position:relative;
width:265px;
height:268px;
padding:0 103px 0 38px;
z-index:90;
}

#topMenu #menus .menu1 dt{
padding:56px 0 0 0;
text-align:center;
}

#topMenu #menus .menu1 dd{
position:relative;
text-align:center;
z-index:120;
}

#topMenu #menus .menu1 .btn{
position:absolute;
top:18px;
left:267px;
padding:0;
width:133px;
height:135px;
z-index:100;
}

#topMenu #menus .menu1 .btn2{
position:absolute;
top:123px;
left:215px;
padding:0;
width:133px;
height:137px;
z-index:110;
}

#topMenu #menus .menu2{
position:relative;
width:265px;
height:268px;
z-index:80;
}

#topMenu #menus .menu2 dt{
padding:56px 0 0 0;
text-align:center;
}

#topMenu #menus .menu2 dd{
text-align:center;
}

#topMenu #menus .menu3{
width:265px;
height:268px;
}

#topMenu #menus .menu3 dt{
padding:56px 0 0 0;
text-align:center;
}

#topMenu #menus .menu3 dd{
text-align:center;
}

#topContent{
width:874px;
margin:0 0 0 44px;
}

#whatsnew{
float:left;
width:581px;
}

#whatsnew h2{
margin:0 0 5px 0;
}

#whatsnew dl{
margin:0 0 8px 0;
padding:0 0 8px 0;
line-height:1.4;
}

#whatsnew .line1{
background:url(../img/top_line01.gif) no-repeat left bottom;
}

#whatsnew .line2{
background:url(../img/top_line02.gif) no-repeat left bottom;
}

#whatsnew .last{
background:url(../img/top_line03.gif) no-repeat left bottom;
}

#whatsnew dl dt{
float:left;
width:80px;
padding:0 0 0 5px;
}

#whatsnew dl dd{
float:left;
width:480px;
}

#banner{
float:right;
width:177px;
padding:15px 0 0 0;
list-style:none;
}

#banner li{
margin:0 0 4px 0;
}



/*------------------------------------------------
   Products
------------------------------------------------*/

#teaserHead{
padding:10px 0 12px 0;
text-align:center;
background:#00ACCA;
}

#teaserTtl{
margin:0 0 12px 0;
}

#ladiesContent{
position:relative;
width:872px;
margin:0 0 20px 47px;
}

#ladiesContent .aboutImg{
position:absolute;
right:0px;
}

#ladiesContent .aboutTtl{
margin:0 0 17px 0;
}

#ladiesContent .aboutTxt{
margin:0 0 40px 0;
font-size:14px;
line-height:1.5;
}

#ladiesContent #aboutArea{
float:left;
width:641px;
}

#ladiesContent #aboutArea .area1{
width:641px;
height:232px;
margin:0 0 7px 0;
background:url(../img/lady_bg01.gif) no-repeat;
}

#ladiesContent #aboutArea .area1 dd{
line-height:1.5;
padding:10px 30px 0 15px;
}

#ladiesContent #aboutArea .area1 .box1{
float:left;
width:218px;
}

#ladiesContent #aboutArea .area1 .box1 dd{
}

#ladiesContent #aboutArea .area1 .box2{
float:left;
width:216px;
}

#ladiesContent #aboutArea .area1 .box3{
float:left;
width:207px;
}

#ladiesContent #aboutArea .area2{
width:641px;
height:145px;
margin:0 0 20px 0;
background:url(../img/lady_bg02.gif) no-repeat;
}

#ladiesContent #aboutArea .area2 dd{
line-height:1.5;
padding:4px 30px 0 15px;
}

#ladiesContent #aboutArea .area2 .box1{
float:left;
width:325px;
}

#ladiesContent #aboutArea .area2 .box2{
float:left;
width:316px;
}

#ladiesContent .pht{
float:right;
width:217px;
}


#mensContent{
width:874px;
height:479px;
margin:0 0 55px 48px;
background:url(../img/mens_bg01.jpg) no-repeat;
}

#mensContent .head{
height:120px;
}

#mensContent .head .ttl{
margin:0 0 15px 0;
}

#mensContent .head .txt{
line-height:1.5;
font-size:14px;
}

#mensContent .points{
position:relative;
}

#mensContent .points .img1{
margin:0 0 0 23px;
padding:27px 0 0 0;
}

#mensContent .points .img2{
position:absolute;
top:41px;
left:640px;
_left:620px;
}

#mensContent .points .img3{
position:absolute;
top:227px;
left:654px;
_left:634px;
}

#mensContent .points ul{
position:absolute;
top:36px;
left:275px;
width:342px;
list-style:none;
}

#mensContent .points ul li{
padding:3px 0 4px 0;
line-height:1;
border-bottom:#e7e7e7 solid 1px;
}

#mensContent .points ul li.last{
border-bottom:none;
}

#mensContent .points ul li img{
vertical-align:middle;
}

#productHead{
margin:0 0 23px 0;
}

#productNavi{
width:904px;
margin:0 0 20px 26px;
list-style:none;
font-size:0;
line-height:1;
background:url(../img/pro_line01.gif) no-repeat left bottom;
}

#productNavi li{
float:left;
}

#productAjaxArea{
width:904px;
margin:0 0 20px 26px;
}

#productAjaxArea .focusImg{
float:left;
width:380px;
height:380px;
padding:10px 0 0 0;
text-align:center;
background:url(../img/pro_bg01.gif) no-repeat;
}

#productAjaxArea .about{
float:right;
width:476px;
line-height:1.3;
}

#productAjaxArea .about dt{
margin:0 0 10px 0;
font-size:14px;
font-weight:bold;
}

#productAjaxArea .about dd{
margin:0 0 5px 0;
line-height:1.5;
}

#productAjaxArea .about .line{
margin:0 0 10px 0;
padding:0 0 8px 0;
background:url(../img/pro_line02.gif) no-repeat left bottom;
}

#productAjaxArea .about dd strong{
font-size:16px;
}

#productAjaxArea .about dd b{
display:block;
width:4em;
font-weight:normal;
}

#productAjaxArea .about dd span{
display:block;
margin:-1.5em 0 0 4em;
}

#productAjaxArea .about dd ul{
list-style:none;
}

#colors li{
float:left;
padding:0 2px 0 0;
line-height:1;
color:#fff;
}

#colors li a{
display:block;
padding:1px;
width:26px;
height:26px;
border:#fff solid 3px;
cursor:pointer;
}

#colors li a:hover{
border:#ccc solid 3px;
}

#colors li a.check{
border:#ccc solid 3px;
}

#productAjaxArea .about .btn{
padding:20px 0 0 0;
}


/*------------------------------------------------
   Campaign
------------------------------------------------*/
#campaignContent{
width:865px;
margin:20px 0 30px 50px;
background:url(../img/cam_bg01m.gif) repeat-y;
}

#campaignContent .bgtop{
background:url(../img/cam_bg01t.gif) no-repeat left top;
}

#campaignContent .bgbtm{
min-height:540px;
_height:540px;
padding:50px 50px;
background:url(../img/cam_bg01b.gif) no-repeat left bottom;
}

#campaignContent h2{
margin:0 0 24px 0;
}

#campaignContent dl{
width:750px;
margin:0 0 10px 0;
padding:0 0 20px 0;
background:url(../img/cam_line01.gif) no-repeat left bottom;
}

#campaignContent .last{
background:none;
}

#campaignContent dl dt{
float:right;
text-align:right;
}

#campaignContent dl dd{
display:inline;
line-height:1.6;
}

#campaignContent dl dd a{
color:#00ACCA;
}

#campaignContent dl dd strong{
display:block;
}

#campaignContent dl dd span{
display:block;
}


/*------------------------------------------------
   Campaign Detail
------------------------------------------------*/

#campaignDetContent{
width:865px;
margin:20px 0 30px 50px;
background:url(../img/cam_bg01m.gif) repeat-y;
}

#campaignDetContent .bgtop{
background:url(../img/cam_bg01t.gif) no-repeat left top;
}

#campaignDetContent .bgbtm{
min-height:330px;
_height:330px;
padding:50px 50px 60px 50px;
background:url(../img/cam_bg01b.gif) no-repeat left bottom;
}

#detailHead{
width:765px;
margin:0 0 20px 0;
}

#detailHead .box{
padding:0 0 20px 0;
}

#detailHead .box h2{
float:left;
margin:0;
}

#detailHead .box .link{
float:right;
}

#detailHead .date{
text-align:right;
}

#campaignDetContent h3{
margin:0 0 55px 0;
font-size:16px;
font-weight:normal;
line-height:1.2;
}

#campaignDetContent h3 span{
color:#00ACCA;
}

#campaignDetContent .subject{
width:765px;
margin:0 0 30px 0;
line-height:1.7;
}

#campaignDetContent .subject .txt{
font-size:14px;
}

#campaignDetContent .subject .txt a{
color:#00ACCA;
}

#campaignDetContent .subject .img{
float:right;
width:290px;
text-align:right;
}

#campaignDetContent .subject span{
color:#00ACCA;
}


/*------------------------------------------------
   Shoplist
------------------------------------------------*/
#shopMap{
position:relative;
width:913px;
height:388px;
margin:15px 0 25px 26px;
list-style:none;
background:url(../img/sho_img01.gif) no-repeat;
}

#shopMap li{
position:absolute;
}

#shopMap .list01{
left:69px;
top:114px;
}

#shopMap .list02{
right:113px;
top:54px;
}

#shopMap .list03{
right:205px;
top:205px;
}

#shopMap .list04{
right:312px;
top:244px;
}

#shopMap .list05{
right:358px;
top:142px;
}

#shopMap .list06{
right:422px;
top:278px;
}

#shopMap .list07{
left:258px;
top:205px;
}

#shopMap .list08{
left:112px;
top:292px;
}

#shopContent{
width:904px;
margin:0 0 25px 30px;
font-size:14px;
}

#shopContent .result{
width:904px;
margin:0 0 15px 0;
}

#shopContent .result p{
float:left;
font-size:12px;
}

#shopContent .result ul{
float:right;
}

#shopContent .result li{
display:inline;
font-weight:bold;
margin:0 0 0 15px;
}

#shopContent .result li a{
font-weight:normal;
}

#shopContent .result li .prev{
padding:0 0 0 25px;
line-height:1.6;
background:url(../img/all_icn01.gif) no-repeat left top;
}

#shopContent .result li .next{
padding:0 25px 0 0;
line-height:1.6;
background:url(../img/all_icn03.gif) no-repeat right top;
}

#shopContent h2{
position:relative;
margin:0 0 10px 0;
}

#shopContent h2 span{
position:absolute;
right:0px;
top:-3px;
}

#shopContent .online{
margin:0 0 30px 15px;
font-size:16px;
}

#shopContent .shoplist{
margin:0 0 50px 0;
line-height:1.4;
}

#shopContent .shoplist th{
padding:10px 0 13px 15px;
font-size:16px;
background:url(../img/sho_line01.gif) no-repeat left bottom;
}

#shopContent .shoplist td{
padding:10px 0 13px 15px;
font-size:12px;
vertical-align:top;
background:url(../img/sho_line01.gif) no-repeat left bottom;
}

#shopContent .shoplist td img{
margin:-4px 15px 0 0;
}

#shopContent .shoplist .last th{
background:url(../img/sho_line03.gif) no-repeat left bottom;
}

#shopContent .shoplist .last td{
background:url(../img/sho_line03.gif) no-repeat left bottom;
}



/*------------------------------------------------
   research
------------------------------------------------*/
#researchContent{
position:relative;
width:890px;
margin:-82px 39px 0 39px;
background:url(../img/res_bg01.gif) no-repeat;
}

#researchContent .head{
width:890px;
height:270px;
}

#researchContent h2{
margin:0 0 15px 184px;
padding:108px 0 0 0;
}

#researchContent .read{
margin:0 0 0 184px;
font-size:14px;
line-height:1.5;
}

#researchContent .q{
position:relative;
width:911px;
margin:0 0 37px -21px;
}

#researchContent .comments{
position:relative;
width:894px;
margin:0 0 30px -4px;
padding:0 0 23px 0;
background:url(../img/res_bg02.gif) no-repeat right bottom;
}

#researchContent .comments h3{
margin:0 0 20px 0;
}

#researchContent .comments ul{
list-style:none;
}

#researchContent .comments ul li{
float:left;
padding:0 14px 15px 0;
}

#researchContent .comments ul li.o{
padding:0 0 15px 0;
}


/*------------------------------------------------
   Contact
------------------------------------------------*/
#contactContent{
width:786px;
margin:0 0 0 90px;
padding:45px 0 0 0;
line-height:1.6;
}

#contactContent h2{
margin:0 0 45px 0;
}

#contactContent dl{
}

#contactContent dl dt{
margin:0 0 5px 0;
}

#contactContent dl dd{
margin:0 0 23px 0;
font-size:14px;
}

#contactContent dl dd span{
font-size:12px;
}








/*------------------------------------------------
   Default
------------------------------------------------*/

/* Original */
.ct01{color:#993300;}
.ct02{color:#DB5E12;}
.ct03{color:#000;}

.whitebox{
padding:5px 8px;
background:#fff;
}

/* Table Skins */
.tblSkin01{
}

.tblSkin01th{
padding:10px 5px;
vertical-align:top;
border-bottom:#ccc dotted 1px;
}

.tblSkin01 td{
padding:10px 5px;
vertical-align:top;
border-bottom:#ccc dotted 1px;
}


/* float */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */

.fleft{float:left;}
.fright{float:right;}

/* text */
.lh01{line-height:1;}
.lh02{line-height:1.1;}
.lh03{line-height:1.2;}
.lh04{line-height:1.3;}
.lh05{line-height:1.4;}
.lh06{line-height:1.5;}
.lh07{line-height:1.6;}
.lh08{line-height:1.7;}
.lh09{line-height:1.8;}
.lh10{line-height:1.9;}
.lh11{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}

.blt{font-weight:bold;}
.nlt{font-weight:normal;}

.mint{font-size:10px;}
.bigt{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.valignb{vertical-align:bottom;}

.black01{color:#000000;}
.glay01{color:#333333;}
.glay02{color:#666666;}
.glay03{color:#999999;}
.blue01{color:#003366;}
.blue02{color:#006699;}
.blue03{color:#0099cc;}
.red01{color:#cc0000;}
.red02{color:#990000;}
.red03{color:#CC3300;}
.orange01{color:#FF9900;}
.orange02{color:#FF6600;}
.green01{color:#339900;}
.green02{color:#006600;}

/* margin */
.mat01{margin-top:5px;}
.mat02{margin-top:10px;}
.mat03{margin-top:15px;}
.mat04{margin-top:20px;}
.mat05{margin-top:25px;}
.mat06{margin-top:30px;}
.mat07{margin-top:35px;}
.mat08{margin-top:40px;}
.mat09{margin-top:45px;}
.mat10{margin-top:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:30px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}


/* padding */
.pat01{padding-top:5px;}
.pat02{padding-top:10px;}
.pat03{padding-top:15px;}
.pat04{padding-top:20px;}
.pat05{padding-top:25px;}
.pat06{padding-top:30px;}
.pat07{padding-top:35px;}
.pat08{padding-top:40px;}
.pat09{padding-top:45px;}
.pat10{padding-top:50px;}

.par01{padding-right:5px;}
.par02{padding-right:10px;}
.par03{padding-right:15px;}
.par04{padding-right:20px;}
.par05{padding-right:25px;}
.par06{padding-right:30px;}
.par07{padding-right:35px;}
.par08{padding-right:40px;}
.par09{padding-right:45px;}
.par10{padding-right:50px;}

.pab01{padding-bottom:5px;}
.pab02{padding-bottom:10px;}
.pab03{padding-bottom:15px;}
.pab04{padding-bottom:20px;}
.pab05{padding-bottom:25px;}
.pab06{padding-bottom:30px;}
.pab07{padding-bottom:35px;}
.pab08{padding-bottom:40px;}
.pab09{padding-bottom:45px;}
.pab10{padding-bottom:50px;}

.pal01{padding-left:5px;}
.pal02{padding-left:10px;}
.pal03{padding-left:15px;}
.pal04{padding-left:20px;}
.pal05{padding-left:25px;}
.pal06{padding-left:30px;}
.pal07{padding-left:35px;}
.pal08{padding-left:40px;}
.pal09{padding-left:45px;}
.pal10{padding-left:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}
.paa03{padding:15px;}
.paa04{padding:20px;}

.tbl01{
border-left:#9097A4 solid 1px;
border-top:#9097A4 solid 1px;
}

.tbl01 th{
padding:6px 8px;
font-weight:bold;
color:#fff;
vertical-align:top;
border-right:#9097A4 solid 1px;
border-bottom:#9097A4 solid 1px;
background:#202F48;
}

.tbl01 td{
padding:6px 8px;
vertical-align:top;
border-right:#9097A4 solid 1px;
border-bottom:#9097A4 solid 1px;
}

.tbl02{
border-left:#ccc solid 1px;
border-top:#ccc solid 1px;
}

.tbl02 th{
padding:6px 8px;
font-weight:bold;
color:#222;
vertical-align:top;
border-right:#ccc solid 1px;
border-bottom:#ccc solid 1px;
background:#eee;
}

.tbl02 td{
padding:6px 8px;
vertical-align:top;
border-right:#ccc solid 1px;
border-bottom:#ccc solid 1px;
}

.tbl02 .mark{
color:#CC0000;
}

a.redlink{
color:#CC0000;
}

.glayBox{
padding:10px 15px;
background:#eee;
border:#ccc solid 1px;
}

.glayBox .ttl{
font-weight:bold;
color:#202F48;
}