@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px 0; text-align: center; color: #036; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after, .mc:after, .ph_l:after, .ph_r:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr, .mc, .ph_l, .ph_r { display: inline-table; min-height: 1%; }
/* Hide from mac IE5*/
* html .clr, * html .mc, * html .ph_l, * html .ph_r { height: 1%; }
.clr, .mc, .ph_l, .ph_r { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hd { text-indent: -9999px; overflow: hidden; }
.hd a { text-decoration: none; }


/* ============================== 03 wrap around the contents (base layout box) */

/* 共通 */
body.anniv09 { text-align:center; width:100%; }
body.anniv09 #container { margin: 0 auto; width:800px; }

body.anniv09 a { text-decoration: none; }
body.anniv09 a:link { color: #f69; text-decoration: underline; }
body.anniv09 a:visited { color: #f69; text-decoration: underline; }
body.anniv09 a:hover, body.anniv09 a:active { color: #f06; text-decoration: underline; }
body.anniv09 a img { border: none; text-decoration: none; }

body.anniv09 .rc { float: right; }
body.anniv09 .lc { float: left; }

body.jp #header .rc { background: url(../../jpn/special/fashion_obsession/img/bg_header.gif) right top no-repeat; width: 530px; height: 290px; }
body.en #header .rc { background: url(../../eng/special/fashion_obsession/img/bg_header.gif) right top no-repeat; width: 530px; height: 290px; }
body.anniv09 #header .rc h1 { font-size:0; }
body.anniv09 #header .rc .movie { float:right; padding-top: 154px; padding-right: 17px; }
body.anniv09 #header .rc .banner { float:left; padding-top: 233px; padding-left: 24px; }
body.anniv09 #header .rc .banner img { border: 1px solid #999; }

body.anniv09 .body { padding-top: 15px; background: url(../special/anniv09/bg_body.gif) left top repeat-y; }

body.anniv09 .body #common { padding: 0 17px 0 17px; background: url(../special/anniv09/bg_common.gif) left top repeat-y; margin-bottom: 10px; }
body.anniv09 .body #common .line { border-bottom: 1px solid #00206b; }
body.anniv09 .body #common p { margin-bottom: 1em; }
body.anniv09 .body #common #set01 { width: 397px; padding-top: 5px; padding-left:5px; padding-bottom: 20px; }
body.anniv09 .body #common #set01 .btn { margin-bottom:8px; }
body.anniv09 .body #common #set02 { width: 322px; padding-top: 5px; padding-bottom: 20px; }
body.anniv09 .body #common #set02 dt { float: left; }
body.anniv09 .body #common #set02 dd { float: right; width: 170px; }
body.anniv09 .body #common #set02 dd a { font-size: x-small; }
body.anniv09 .body #common #set03 { width: 397px; padding-top: 19px; padding-left:5px; padding-bottom: 15px; }
body.anniv09 .body #common #set03 p { background: url(../special/anniv09/img_02.jpg) left top no-repeat; padding-left: 141px; }
body.anniv09 .body #common #set03 dt { float: left; }
body.anniv09 .body #common #set03 dd { float: right; width: 245px; }
body.anniv09 .body #common #set03 dd a { font-size: x-small; }
body.anniv09 .body #common #set04 { width: 322px; padding-top: 19px; padding-bottom: 15px; }
body.anniv09 .body #common h2 { margin-bottom: 10px; }
body.anniv09 .body #common .link { font-size: x-small; color: #f69; }

body.anniv09 .body #tab { width: 766px; margin-left: 17px; }
body.anniv09 .body #tab li { float: left; }
body.anniv09 .body #tab li img { vertical-align:top; }
body.anniv09 .body #tab li.margin { margin-right: 2px; }
body.anniv09 .body #omote { background: #f9c; margin: 0 17px; padding: 10px 10px; }
body.anniv09 .body #omote p { font-size: x-small; line-height: 140%; }
body.anniv09 .body #omote a { font-size: x-small; line-height: 140%; }
body.anniv09 .body #omote a:link { color: #f06; text-decoration: underline; }
body.anniv09 .body #omote a:visited { color: #f06; text-decoration: underline; }
body.anniv09 .body #omote a:hover, body.anniv09 .body #omote a:active { color: #93c; text-decoration: underline; }

body.anniv09 .body #omote #outline { padding-left: 3px; }
body.anniv09 .body #omote .topic { margin-top: 20px; background: url(../special/anniv09/bg_dot.gif) left top repeat-x; padding-top:20px; }
body.anniv09 .body #omote .topic_nb { margin-top: 10px; }
body.anniv09 .body #omote h3 { color: #fff; font-weight: bold; margin-bottom: 5px; }
body.anniv09 .body #omote .link { font-size: x-small; color: #f06; }

body.anniv09 .body #omote #topic02 { padding-left: 3px; }
body.anniv09 .body #omote #topic02 p { width: 275px; padding-left: 85px; height: auto !important; height: 115px; min-height: 115px; }
body.anniv09 .body #omote #topic02 p#doll01 { background: url(../special/anniv09/img_omote01.jpg) left top no-repeat; margin-bottom: 10px; }
body.anniv09 .body #omote #topic02 p#doll02 { background: url(../special/anniv09/img_omote02.jpg) left top no-repeat; margin-bottom: 10px; }
body.anniv09 .body #omote #topic02 p#doll03 { background: url(../special/anniv09/img_omote03.jpg) left top no-repeat; margin-bottom: 10px; }
body.anniv09 .body #omote #topic02 p#doll04 { background: url(../special/anniv09/img_omote04.jpg) left top no-repeat; margin-bottom: 10px; }
body.anniv09 .body #omote #topic02 p#doll05 { background: url(../special/anniv09/img_omote05.jpg) left top no-repeat; margin-bottom: 10px; }
body.anniv09 .body #omote #topic02 p#doll06 { background: url(../special/anniv09/img_venus02.jpg) left top no-repeat; margin-bottom: 10px; }
body.anniv09 .body #omote #topic02 p#doll07 { background: url(../special/anniv09/img_venus03.jpg) left top no-repeat; }
body.anniv09 .body #omote #topic02 p#doll08 { background: url(../special/anniv09/img_venus04.jpg) left top no-repeat; }
body.anniv09 .body #omote #topic01 { padding-left: 3px; }
body.anniv09 .body #omote #topic01 img { float: right; margin-left: 10px; margin-bottom: 5px; margin-right: 3px; }
body.anniv09 .body #omote #topic01 p { margin-bottom: 1em; }
body.anniv09 .body #omote #topic01 p.last { margin-bottom: 0; }
body.anniv09 .body #omote #topic03 { padding-left: 3px; }
body.anniv09 .body #omote #topic03 .lc { width: 360px; }
body.anniv09 .body #omote #topic03 .rc { width: 360px; }
body.anniv09 .body #omote #topic03 p { margin-bottom: 1em; }
body.anniv09 .body #omote #topic03 p.last { margin-bottom: 0; }
body.anniv09 .body #omote #topic03 li { float:left; margin-right: 10px; }
body.anniv09 .body #omote #topic04 img { float: right; margin-left: 10px; margin-bottom: 5px; margin-right: 3px; }
body.anniv09 .body #omote #topic04 p { margin-bottom: 1em; }
body.anniv09 .body #omote #topic04 p.last { margin-bottom: 0; }

body.anniv09 .body #omote .credit { padding-left: 3px; margin-top: 17px; padding-top: 15px; border-top: 1px solid #00206b; }
body.anniv09 .body #omote .credit p { color: #fff; margin-right: 3px; }
body.anniv09 .body #omote .credit p.margin { margin-bottom: 1em; }
body.anniv09 .button_area { margin: 0 0 0 750px; width: 46px; }
body.anniv09 .button_area a, body.anniv09 .button_area a:link, .fashion #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../special/anniv09/btn_cls.gif); height: 12px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
body.anniv09 .button_area a:hover, body.anniv09 .button_area a:active { background-position: 0 -12px; }

body.anniv09 #footer { line-height: 1em; width: 800px; margin-top: 5px; }
body.anniv09 #footer .credit { font-size:x-small; text-align: center; color: #00206b; }

body#anniv09_movie { background: #fce5ef; }
body#anniv09_movie #container { margin: 0 auto; width:240px; }
body#anniv09_movie #container p { font-size: x-small; margin-top: 10px; }
body#anniv09_movie #container p a { font-size: x-small; }
body#anniv09_movie #container p a:link { font-size: x-small; color: #f69; text-decoration: underline; }
body#anniv09_movie #container p a:visited { font-size: x-small; color: #f69; text-decoration: underline; }
body#anniv09_movie #container p a:hover, body#anniv09_movie #container p a:active { font-size: x-small; color: #f06; text-decoration: underline; }

body#anniv09_goods h1 { background: url(../special/anniv09/img_main_2nd.jpg) no-repeat left top; height: 75px; padding-left:120px; }
body#anniv09_goods .body { background: url(../special/anniv09/bg_body.gif) left top repeat-y; padding: 25px 22px 0 22px; margin: 0; }
body#anniv09_goods .body #lead { width: 756px; margin-bottom: 20px; }
body#anniv09_goods .body h2 { color: #f36; font-weight: bold; margin-bottom: 3px; }
body#anniv09_goods .body h3 { font-weight: bold; margin-bottom: 3px; }
body#anniv09_goods .body .ph_r { padding: 15px 0; border-top: 1px dotted #00206b; }
body#anniv09_goods .body .ph_r .img { float: right; width: 268px; }
body#anniv09_goods .body .ph_r .txt { float: left; width: 480px; }
body#anniv09_goods .body .ph_l { padding: 15px 0; border-top: 1px dotted #00206b; }
body#anniv09_goods .body .ph_l .txt { float: right; width: 410px; }
body#anniv09_goods .body .ph_l .img { float: left; width: 338px; }
body#anniv09_goods .body .img img { margin-bottom: 5px; }
body#anniv09_goods .body .txt p { margin-bottom: 1em; }
body#anniv09_goods .body .cap { color: #666; font-size: x-small; line-height: 120%; }
body#anniv09_goods .body  p.last { margin-bottom: 0; }
body#anniv09_goods #back { background: url(../special/anniv09/bg_body.gif) repeat-y left top; padding: 5px 17px 0 17px; margin: 0; }
body#anniv09_goods #back p { width: 766px; border-top: 1px solid #00206b; padding-top:10px; text-align: right; }

body#anniv09_brand h1 { background: url(../special/anniv09/img_main_2nd.jpg) no-repeat left top; height: 75px; padding-left:120px; }
body#anniv09_brand .body { background: url(../special/anniv09/bg_body.gif) left top repeat-y; padding: 25px 22px 0 22px; margin: 0; }
body#anniv09_brand .body #lead { width: 756px; margin-bottom: 20px; }

body#anniv09_brand .lc { width: 368px; }
body#anniv09_brand .rc { width: 368px; }
body#anniv09_brand .set { border-top: 1px dotted #00206b; padding-top:15px; margin-bottom: 20px; }
body#anniv09_brand #spring { border-bottom: 1px dotted #00206b; padding-bottom:20px; }
body#anniv09_brand .set dl { margin-bottom: 8px; }
body#anniv09_brand .set dt { float: left; padding-right: 5px; font-weigt: bold; color: #f36; _padding-top: 3px; }
body#anniv09_brand .set dd { float: left; }
body#anniv09_brand .set li { list-style-type: disc; margin-left: 20px; margin-bottom: 0.2em; }
body#anniv09_brand #back { background: url(../special/anniv09/bg_body.gif) repeat-y left top; padding: 5px 17px 0 17px; margin: 0; }
body#anniv09_brand #back p { width: 766px; border-top: 1px solid #00206b; padding-top:10px; text-align: right; }

/*===charity===*/
body#charity { text-align:center; width:100%; _width:97%; }
body#charity #container { margin: 0 auto; width:500px; padding: 20px; }
body#charity .body h1 { color: #f36; font-weight: bold; margin-bottom: 10px; }
body#charity .body h2 { font-size: x-small; font-weight: bold; margin-bottom: 5px; }
body#charity .body p { margin-bottom: 1em; font-size: x-small; line-height: 140%; }
body#charity .body p#last { margin-bottom: 0; }
body#charity .body td a { font-size: x-small; text-decoration: none; }
body#charity .body td a:link { color: #f69; text-decoration: underline; }
body#charity .body td a:visited { color: #f69; text-decoration: underline; }
body#charity .body td a:hover, body#charity .body td a:active { color: #f06; text-decoration: underline; }
body#charity .body td,body#charity .body th { font-size: x-small; line-height: 140%; }
body#charity .body table { width: 100%; margin-bottom: 10px; }
body#charity .body th { width: 10%; vertical-align: top; }
body#charity .body td.group { width: 75%; }
body#charity .body td.amount { width: 15%; text-align: right; padding-right: 10px; vertical-align: top; }
body#charity .body p strong { font-size: x-small; font-weight: bold; }