@charset "utf-8";
/*----HTML再定義--------------------------------------------------*/
/*----4/23追加 かんざしの使い方 ここから--------------------------*/
#HowtoWear {
width: 730px;
height: 31px;
color: #666666;
font-size: 9px;
padding: 0px 15px 0px 15px;
background: url(../howto/img/bk_dotted.gif) repeat-x left;
margin-bottom:15px;
}
#HowtoWear .left {
float: left;
padding-top: 10px;
height: 21px;
}
#HowtoWear .right {
width: 301;
padding-top: 4px;
height: 24px;
float: right;
}
/*----4/23追加 かんざしの使い方 ここまで--------------------------*/
/*全ての要素のマージンを0にする*/
* { margin: 0; padding: 0 }
html { height : 100%;}
body {
height : 100%;
color: #333333;
background: #E8E9EB;
font-family:"Lucida Grande", Verdana, Arial, Sans-serif;font-size:11px;color:#333333;margin:0px;padding:0px ;}
form { margin: 0px; padding: 0px;}
h2 {
background: url(../img/h2_bg.jpg) repeat-x left top;
color: #eeeeee;
text-indent: 10px;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.1em;
padding-top: 4px;
margin: 0px;
padding-bottom: 0px;
height: 21px;}
h4 {
font-size: 12px;
color: #113663;
margin-top: 2px;
margin-bottom: 2px;}
p { margin-top: 4px; margin-bottom: 4px;}
dl { margin-left: 20px; margin-top: 20px; margin-bottom: 20px;}
dt { font-weight: bold;}
dd { margin-top: 3px; margin-bottom: 10px;}
ol,ul,li { margin-top: 0px; margin-bottom: 0px;}
hr { visibility: hidden; clear: both; height: 0px;}
/* Link Basic */
a { color: #343434; text-decoration: underline;}
a:visited { color: #343434;}
a:hover { color: #eb373a; text-decoration: underline;}
/*Template*/
#Contents {
width: 840px;
margin-left: auto;
margin-right: auto;
background: #FFFFFF;
border-right: 1px solid #B9B7B8;
border-left: 1px solid #B9B7B8;
overflow:auto;
z-index:100;
}
#bread {
width: 770px;
margin: 0px auto;
padding:15px 0px 0px 10px;
color: #113663;
font-size: 10px;
line-height: 100%;
clear: both;}
#SubContents, #SearchResult {
width: 760px;
padding: 0px 10px 0px 10px;
margin: 10px auto;
margin-top: 15px;
margin-bottom: 20px;}
#SubContents h2 {
background: url(../img/title_line.gif) repeat-x bottom;
margin-bottom: 5px;
text-indent: 0px;
color:#333534;
font-weight:bold;}
#SubContents h3, #BookmarkHelp h1 {
background: #878787;
font-size: 12px;
color:#FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
margin-top: 15px;
margin-bottom: 5px;
font-weight: bold;
}
.goto_top{
padding-top: 30px;
text-align: right;
font-size: x-small;}
.LineDot {
background: url(../img/line_dot.gif) repeat-x;
margin: 1px 0px;
padding: 0px;
height: 7px;
clear: both;}
.soldout { font-size: 10px; font-weight: bold; color: #ea3637;}
.bold {
font-size: 100%;
font-weight: bold;
color: #2e2f31;}
.bold_red {
font-size: 100%;
font-weight: bold;
color: #ea3637;}
.notes {
font-size: 9px;
color: #555555;
font-family: Helvetica;
margin-top: 5px;
padding-top: 3px;
}
.error {
width: 500px;
padding: 10px;
margin: 15px auto;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background: #FF3333;
border: 1px dotted #CCCCCC;
}
.foam_check {
font-size: 9px;
color: #b28850;
font-family: Helvetica;
}
.necessary { color: #CC0000; font-size: 80%;}
.IptError {
padding: 3px 3px 3px 7px;
font-size: 9px;
font-weight: normal;
color: #FF3333;
text-indent: 17px;
background: url(../img/ipt_error.gif) no-repeat 4px;
font-family: "Helvetica";
}
.IptOK {
padding: 3px 3px 3px 7px;
font-size: 75%;
font-weight: bold;
color: #CC0000;
text-indent: 17px;
background: url(../img/ipt_ok.gif) no-repeat 4px;}
.thanks {
width: 500px;
padding-top: 50px;
padding-bottom: 50px;
margin: 30px auto;
font-size: 13px;
font-weight: bold;
color: #333534;
background: #FAFAE6;
border: 1px dashed #999999;
text-align: center;}
.point {
margin-right: 5px;
margin-left: 5px;
font-size: 18px;
font-weight: bold;
color: #ea3637;}
.frm1 { padding: 15px; border: 1px solid #CCCCCC; line-height: 135%;}
#MainBody { width: 780px; margin: 10px auto;}
img.ItemPhoto { border: 1px solid #AFAFAF;}
/*Table Border*/
table#border, #borderS { margin-top: 3px; margin-bottom: 3px; background: #dbdbdb;}
#border th, #borderS th { padding: 3px 5px; font-weight: normal; background: #f4f4f4;}
#border td, #borderS td{
padding: 3px 5px;
font-weight: normal;
line-height: 130%;
letter-spacing: 1px;
background: #FFFFFF;
text-align: left;}
#border td.price1, #borderS td.price1{
padding: 2px 5px;
border-top: 1px solid #999999;
line-height: 120%;
letter-spacing: 1px;
text-align: right;
background: #FFFFFF;}
#border td.price2, #borderS td.price2 {
padding: 2px 5px;
font-weight: bold;
color: #ea3637;
line-height: 120%;
letter-spacing: 1px;
text-align: right;
background: #ffeacb;}
#border td.price3, #borderS td.price3 {
padding: 2px 5px;
line-height: 120%;
letter-spacing: 1px;
text-align: right;
background: #FFFFFF;}
#border td.price4, #borderS td.price4 {
padding: 2px 5px;
text-align: right;
background: #ececec;}
table#border2 { font-size: 80%; background: #dbdbdb;}
#border2 th { padding: 1px; font-weight: normal; background: #FFFFFF;}
#border2 td { padding: 1px; letter-spacing: 1px; background: #FFFFFF;}
/*----Header-----------------------------------------------------*/
#Header { width: 780px; margin-right: auto; margin-left: auto; padding-top: 12px;}
/* Logo */
#logo { float: left; height: 65px; width: 150px;}
#logo h1 { margin: 0px; padding: 0px;}
#logo h1 a {
height: 54px;
width: 150px;
background: url(../img/logo_new2.gif) no-repeat left top;
display: block;
margin-left: 5px;
}
#logo h1 a span { display: none;}
#HeadMenu { width: 625px; height: 65px; text-align: right; float: right;}
#GuestName {
letter-spacing: 0.1em;
margin-top: 10px;
margin-bottom: 10px;
font-size:11px;
font-weight:bold;
margin-right: 5px;
margin-left: 5px;
}
#HelpMenu { float: right; text-align: right; font-size:11px;}
#HelpMenu a { color: #666666; text-decoration: none;}
#HelpMenu a:visited { color: #666666; text-decoration: none;}
#HelpMenu a:hover { color: #CC0000; text-decoration: underline;}
/* HeadCart */
#HeadCart {
float: right;
margin-top: 9px;
font-size: 10px;
margin-right: 9px;
font-family: "Lucida Grande", "Verdana", "Arial", "Sans-serif";
}
#HeadCart a {
color: #666666;
text-decoration: none;
}
#HeadCart a:visited {
color: #666666;
text-decoration: none;
}
#HeadCart a:hover {
color: #CC0000;
text-decoration: underline;
}
/* GlobalNavi */
#GlobalNavi{
height : 30px;
background: #EDEEF0;
clear: both;
border-bottom-color: #E5E5E5;
border-bottom-width: 1px;
border-bottom-style: solid;
}
#GlobalNavi ul{ list-style : none;padding : 0; margin : 0;}
#GlobalNavi li{ float:left; padding : 0; margin : 0;}
#GlobalNavi a span { display: none;}
#gnHome a{
display:block;
width:58px;
height : 30px;
padding : 0;
margin : 0;
background: url(../img/gn_home.gif) no-repeat left top;}
#gnHome a:hover{
display:block;
width:58px;
height : 30px;
padding : 0;margin : 0;
background: url(../img/gn_home_o.gif) no-repeat left top;}
#gn1 a{
display:block;
width:133px;
height : 30px;
padding : 0;
margin : 0;
background: url(../img/gn_1.gif) no-repeat center top;}
#gn1 a:hover{
display:block;
width:133px;
height : 30px;
padding : 0;margin : 0;
background: url(../img/gn_1_o.gif) no-repeat center top;}
#gn2 a{
display:block;
width:96px;
height : 30px;
padding : 0;
margin : 0;
background: url(../img/gn_2.gif) no-repeat center top;}
#gn2 a:hover{
display:block;
width:96px;
height : 30px;
padding : 0;margin : 0;
background: url(../img/gn_2_o.gif) no-repeat center top;}
#gn3 a{
display:block;
width:109px;
height : 30px;
padding : 0;
margin : 0;
background: url(../img/gn_3.gif) no-repeat center top;}
#gn3 a:hover{
display:block;
width:109px;
height : 30px;
padding : 0;margin : 0;
background: url(../img/gn_3_o.gif) no-repeat center top;}
/*---------------------------------------------------------------*/
/*----Footer---------------------------------------------------*/
#Footer {
padding-bottom: 30px;
width: 780px;
margin-right: auto;
margin-left: auto;
color: #666666;
font-size: 9px;
letter-spacing: 0em;
margin-top: 25px;
}
#TextNavi { float: right; text-align: right;}
#TextNavi a { color: #666666; text-decoration: none;}
#TextNavi a:visited { color: #666666; text-decoration: none;}
#TextNavi a:hover { color: #CC0000; text-decoration: underline;}
#Copyright {
float: left;
color: #666666;
font-weight: bold;
}
/*---------------------------------------------------------------*/
/*----かんざしの使い方-------------------------------------------*/
#howto dt{ font-size: 14px; margin-top: 25px;}
/*---------------------------------------------------------------*/
/*----SearchBox--------------------------------------------------*/
#SearchBox {
clear: both;
height: 27px;
width: 780px;
padding-top: 7px;
margin-right: auto;
margin-left: auto;
text-align: right;
}
#SearchBox .title {
font-size: 0.7em;
font-weight: bold;
}
#SearchBox select {
font-family: Helvetica;
font-size: 9px;
}
#SearchBox input.keyword {
width: 130px;
padding: 2px;
border: 1px solid #A9AAAB;
font-family: Helvetica;
font-size: 9px;
background: #F5F5F5;
}
/*---------------------------------------------------------------*/
/*----各種おすすめ商品----------------------------------------------*/
/*新着商品＆ランキング共通*/
.RecomItem { border: 1px solid #AFAFAF;}
img.ItemPhoto { border: 1px solid #AFAFAF;}
.RecomItem table, .RankItem table { border-width: 0px;}
.RecomItem td, .RankItem td { vertical-align: top; text-align:center;}
.RankItem .RankText { font-size: 11px; line-height: 130%; padding-left: 5px;}
/*----各種おすすめ商品----------------------------------------------*/
/*----TopPage----------------------------------------------------*/
#TopMain {
margin-bottom: 20px;
//# Modify by Wenhao Cheng Jan.26 07
//# height: 450px;
background: #FFFFFF;
clear: both;}
/* Recommend Item */
#TopRecommend {
border-bottom: 1px solid #b8b8b8;
font-size: 0.7em;
border-top: 1px solid #b8b8b8;
height: 112px;}
#TopRecommend img { margin-bottom: 7px; margin-top: 7px;}
.ItemBoxLeft {
width: 147px;
border-right: 1px dotted #646464;
float: left;
padding-right: 5px;
height: 100%;
text-align: center;}
.ItemBoxCenter {
width: 147px;
border-right: 1px dotted #646464;
float: left;
padding-right: 5px;
padding-left: 5px;
height: 100%;
text-align: center;}
.ItemBoxRight {
width: 147px;
float: left;
padding-left: 5px;
height: 100%;
text-align: center;}
/*---------------------------------------------------------------*/
/*----会員登録（＆ゲストメルマガ登録）----------------------------*/
#resist, #guest_Mailmag { width: 680px; padding: 0px; margin: 20px auto;}
#resist textarea {
width: 660px;
line-height: 120%;
padding: 10px;
border: 1px solid #CCCCCC;}
/*---------------------------------------------------------------*/
/*----MyPage------------------------------------------------------*/
/*マイページ 右メニュー*/
#MyPageRight, #HelpRight {
float: right;
margin: 0px;
width: 180px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999999;
}
#MyPageRight ul, #HelpRight ul{ padding-left: 0px; list-style-type: none; margin: 0px;}
#MyPageRight li, #HelpRight li{
padding: 3px 0px;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}
#MyPageRight a, #HelpRight a {
width: 180px;
padding: 3px 3px 3px 7px;
border-bottom: 1px solid #FFF;
display: block;
color: #333333;
text-decoration: none;}
#MyPageRight a:visited, #HelpRight a:visited{
color: #333333;
text-decoration: none;
}
#MyPageRight a:hover, #HelpRight a:hover{
color: #e73739;
text-decoration: underline;
background-color: #F4F4F4;
}
/*マイページ メインエリア*/
#MyPageMain, #HelpMain{
width: 549px;
margin-right: auto;
float: left;
margin-bottom: 7px;
}
#MyPageMain .index1 { float: left; width: 270px;}
#MyPageMain .index2 { float: right; width: 270px;}
#MyPageMain ul, #Help ul, #SiteMap ul { margin: 0; padding: 0px;}
#MyPageMain li, #HelpMain li, #SiteMap li {
padding-left: 30px;
background: url(../img/listmark2.gif) no-repeat 15px top;
list-style: none;
margin: 5px 0px 10px;}
/*---------------------------------------------------------------*/
/*----Login------------------------------------------------------*/
#Login { width: 500px; margin-right: auto; margin-left: auto;}
#login-mdl {
padding-right: 10px;
padding-left: 10px;
border-right: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
text-align: left;}
/*---------------------------------------------------------------*/
/*----会員登録（＆ゲストメルマガ登録）----------------------------*/
#resist, #guest_Mailmag { width: 680px; padding: 0px; margin: 20px auto;}
#resist textarea {
width: 660px;
line-height: 120%;
padding: 10px;
border: 1px solid #CCCCCC;}
/*---------------------------------------------------------------*/
/*----カート内 おすすめ商品--------------------------------------*/
#Recom_Corner img { border: 1px solid #CCCCCC; margin-right: 5px; float: left;}
#Recom_Corner p { margin: 0px; padding-top: 2px;}
#Recom_Corner { font-size: 11px; line-height: 100%;}
/*---------------------------------------------------------------*/
/*----ご利用案内-------------------------------------------------*/
.index1 { float:left; width:250px; }
.index2 { float:right; width:250px; }
.index3 { float:left; width:320px; }
.index4 { float:right; width:320px; }
#Help dt, #rules dt { color: #113663;}
#Help dd, #rules dd { padding-bottom: 30px; padding-right: 30px;}
#Help p { padding-left: 15px;}
#Help blockquote {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #CCCCCC;
padding: 10px;
margin-left: 15px;}
/*---------------------------------------------------------------*/
/*----商品詳細------------------------------------------------------*/
#detail {
width: 670px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;}
#detail h1 {
margin: 0px 0px 3px;
padding: 0px;
font-size: 10px;
color: #81868a;}
#detail h2 {
font-size: 13px;
font-weight: bold;
color: #2e2f31;
background: url(none);
text-indent: 0px;
margin: 0px 0px 3px;
padding: 0px;}
#detail p { margin: 0px; padding: 0px;}
#detail .Price {
font-size: 130%;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;}
#detail .SalePrice1 {
margin-right: 5px;
font-size: 90%;
text-decoration: line-through;
padding-top: 15px;
padding-bottom: 10px;}
#detail .SalePrice2 {
margin-right: 5px;
font-size: 130%;
font-weight: bold;
color: #ea3637;}
#detail .Collar {
color: #2e2f31;
margin-top: 5px;
padding: 4px 5px 5px 10px;}
#detail .CartArea {
padding: 10px 15px;
margin-top: 15px;
margin-bottom: 10px;}
#detail .button {
margin-top: 12px;
font-size: 11px;
line-height: 100%;
margin-bottom: 12px;}
.Material { font-size: 11px; color: #666666;}
.explanation { font-size: 11px; line-height: 100%; color: #ea3637;}
#detail .zoomPhoto img { border: 1px solid #ececec;}
/*---------------------------------------------------------------*/
/*ポップアップ*/
#zoom {
width: 600px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 30px;
background: #FFFFFF;
border: 1px solid #FFF;}
#BookmarkHelp {
width: 500px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;
background:#FFFFFF;}
/*----コーナートップ---------------------------------------------*/
/*メインイメージ*/
#cornertopimg, #cornerMain {
width: 780px;
margin: 0px auto;
padding:10px 0px 0px;
clear: both;
}
#cornerMain h3 {
background: url(../img/corner/tit_bk.gif) repeat-x top;
height: 20px;
padding: 0px 0px 0px 15px;
margin: 0px;
text-indent: 0px;
color:#FFF;
font-weight:bold;
font-size: 12px;}
/*サーチボックス*/
#SearchBox2 {
width: 770px;
height: 21px;
margin-right: auto;
margin-left: auto;
text-align: right;
padding: 3px 10px 3px 0px;
background:#eeeeee;
clear: both;
border-bottom-width: 1px;
border-bottom-style: inset;
border-bottom-color: #DADADA;
border-left-width: 1px;
}
#SearchBox2 .title {
padding-right: 5px;
}
#SearchBox2 select {
font-size: 9px;
font-family: Helvetica;
}
#SearchBox2 input.keyword {
width: 130px;
background: #FFF;
font-size: 9px;
border: 1px solid #A9AAAB;
padding: 2px;
font-family: Helvetica;
}
/*右エリア*/
#cornerRight { float: right; margin: 0px; padding-left:8px; width: 184px;}
#Ranking {
width: 152px;
padding: 10px 15px 0px 15px;
border-top: 1px none #e8e8e8;
border-right: 1px none #e8e8e8;
border-bottom: 1px dotted #999999;
border-left: 1px none #e8e8e8;
}
#Ranking td {
padding-bottom: 15px;
vertical-align: top;
}
/*左エリア*/
#cornerLeft {
width: 588px;
float: left;
margin-bottom: 7px;}
#ItemList {
width: 528px;
background: #fafafa;
padding: 30px;
border-bottom: 1px dotted #FF6633;}
#ItemList ul { margin: 0px; padding: 0px;}
#ItemList li {
padding-left: 15px;
background: url(../img/corner/arrow1.gif) no-repeat left;
list-style: none;
margin: 0px 0px 8px;}
#ItemList td { width: 25%; vertical-align: top;}
#NewItem {
width: 588px;
background: url(../img/vline_dot2.gif) repeat-y left;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #b8b6b7;}
#NewItem td { width: 25%; vertical-align: top; padding: 0px 5px 0px 5px;}
#BrandList {
width: 528px;
background: #fafafa;
padding: 30px;}
#BrandList ul { margin: 0px; padding: 0px;}
#BrandList li {
padding-left: 15px;
list-style: none;
margin: 0px 0px 5px;}
#BrandList td { width: 25%; vertical-align: top;}
/*---------------------------------------------------------------*/
/*----ブランドトップ---------------------------------------------*/
#BrandTopHead, #ItemTopHead {
width: 780px;
height: 210px;
font-size: 10px;
line-height: 100%;
clear: both;
background: #f1f5f6;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
#BrandTopHead img, #ItemTopHead img { float: left; height: 210px; width: 450px; margin-right: 15px;}
#BrandTopHead p, #ItemTopHead p {
color: #81868a;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0px;}
#BrandTopHead h1, #ItemTopHead h1 {
font-size: 16px;
line-height: 100%;
font-weight: bold;
color: #2e2f31;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 5px;}
#BrandTopList, #ItemTopList {
width: 780px;
margin: 0px auto;
margin-top: 15px;
margin-bottom: 10px;
}
#BrandTopList td, #ItemTopList td {
vertical-align: top;
text-align:center;
}
#BrandTopList p, #ItemTopList p {
color: #81868a;
padding: 0px 15px 0px 15px;}
/*---------------------------------------------------------------*/
/*----詳細結果---------------------------------------------------*/
#SearchResult h3{
background: #878787;
font-size: 12px;
color:#FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
margin-bottom: 5px;}
/*---------------------------------------------------------------*/
/*----規約関係---------------------------------------------------*/
#Rule, #SiteMap {
width: 700px;
clear: both;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
#Rule ul{ padding: 10px 0px 10px 30px; list-style-type: decimal; margin: 0px;}
#SiteMap p { padding: 10px 0px 10px 0px;}
/*---------------------------------------------------------------*/
/*------------Japan Expo Font----------------------------------*/
.style6 {color: #CC0000}
.style7 {color: #006600}
/*-------------------------------------------------------------*/