﻿/* CLEARFIX */
.lead,
#sugoroku,
#muji_curry,
#muji_curry ul,
.column,
.columnPrize {zoom:1;}
.lead:after,
#sugoroku:after,
#muji_curry:after,
#muji_curry ul:after,
.column:after,
.columnPrize:after {content: ""; display: block; clear: both;}

#top {margin: 30px 0 15px 0;}

h1 {margin-bottom: 15px;}

.annotation {font-size: 11px; color: #555; display: block;}
.annotation li {margin-bottom: 0;}
.annotation.asterisk {text-indent: -1em; padding-left: 1em;}

.lead {margin-bottom: 20px;}
.lead a {float: right; margin-top: -25px; font-size: 12px;}
.lead img {display: block;}

.btn a {font-size: 14px; padding: 5px; text-align: center; width: 200px; background: #333; color: #FFF; cursor: pointer; display: inline-block; font-weight: bold; text-decoration: none; border-radius: 2px 2px 2px 2px;}
.btn a:hover {background: #7F0019; color: #FFFFFF;}

span.btn {display: block; text-align: center; margin-top: 15px;}

h1 {position: relative;}
h1 .period {font-weight: bold; position: absolute; left: 220px; top: 15px; font-size: 14px;}

h2 {font-size: 18px; font-weight: bold; margin-bottom: 15px; height: 30px; text-indent: -9999px;}
h2 .sub, h2 .annotation {font-size: 12px; color: #333;}

#sugoroku h2 {background: url(../img/title_sugoroku.png) no-repeat;}
#muji_curry h2 {background: url(../img/title_present.png) no-repeat;}

h3 {font-size: 16px; font-weight: bold; margin-bottom: 10px;}

#muji_curry {border-top: 1px solid #666; padding-top: 20px;}
#muji_curry h3, #muji_curry .itemList {clear: both;}
#muji_curry .itemList li {display: inline-block; margin-right: 20px; margin-bottom: 14px; width: 150px; vertical-align: top;}
#muji_curry .itemList li span {display: block;}
#muji_curry .itemList li img {margin-bottom: 4px;}

#muji_curry .image {float: left; width: 414px; margin-right: 20px; margin-bottom: 20px; clear: both;}
#sugoroku .image {float: left; width: 414px; margin-right: 20px; margin-bottom: 40px; clear: both;}
#sugoroku .imagePrize {float: left; width: 340px; margin-right: 20px;}
#sugoroku .columnPrize p.annotation {margin-bottom: 0; width: 477px; float: right;}
#sugoroku p, #muji_curry p {margin-bottom: 10px;}
#muji_curry ul {float: right; width: 446px; margin-bottom: 20px;}
#sugoroku ul {float: right; width: 446px; margin-bottom: 30px;}
#muji_curry ul.itemList {width: 880px;}

.relatedLink {margin: 15px 0; text-align: right;}
.relatedLink a {background: url("http://www.muji.net/img/common/arrow_right.png") no-repeat scroll 14px 50% transparent; border: 1px solid #CCCCCC; display: inline-block; font-weight: bold; padding: 7px 14px 7px 28px; text-decoration: none;}
.relatedLink a:hover {border: 1px solid #7f0019;}


.columnPrize {border: 1px solid #e6e6e6; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; margin-bottom: 25px;}

.column .relatedLink {position: relative; margin-bottom: 40px;}
.column .relatedLink a {font-size: 15px;}
.column .relatedLink img {position: absolute; right: 145px; bottom: -20px;}