@charset "Shift_JIS";
#container { text-align: left; margin-right: auto; margin-left: auto; width: 800px    }
/*head*/
#head { background-image: url(../img/yumiko/header03.jpg); background-repeat: no-repeat; background-position: 0 0; height: 100px; margin: 0; padding: 0     }
/*contents*/
#contents { background-color: #fff; width: 800px; margin: 0; padding: 0; }
p#where { color: #fff; font-size: 12px; font-weight: bold; font-style: normal; line-height: 12px; background-color: #f93; text-decoration: none; text-indent: 20px; width: 680px; float: left; margin: 0 0 10px; padding: 8px 0; }
p#where a:link, p#where a:visited  { color: #fff; text-decoration: none; }
p#where a:hover, p#where a:active { color: yellow; text-decoration: none; }
p#mail { font-size: 12px; font-weight: bold; line-height: 12px; background-color: #f93; width: 120px; float: right; margin: 0 0 10px; padding: 0; }
p#mail a:link, p#mail a:visited { color: #fff; line-height: 28px; background-image: url(../img/yumiko/envelopeOra.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 35px; display: block; }
p#mail a:hover, p#mail a:active { color: #ff0; line-height: 28px; background-image: url(../img/yumiko/envelopeOra_hover.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 35px; display: block; }
div#box01 { background-color: #fff; margin: 0 20px; padding: 0 0 35px; }
h2 { color: #f93; font-size: 16px; font-weight: bold; line-height: 35px; background-image: url(../img/yumiko/bar_h2_yumiko.gif); background-repeat: no-repeat; background-position: 0 50%; text-indent: 60px; clear: both; margin: 5px 0 10px; padding: 0 0 7px; }
h4 { color: #666; border-bottom: 1px solid #999; border-left: 10px solid #f93; }
.top05 { margin: 5px 0 10px; padding: 0; }
.top10 { margin: 10px 0; padding: 0; }
.top20 { margin-top: 20px; }
.pad10 { margin: 0; padding: 10px 0; }
h5 { color: #f93; font-size: 14px; font-weight: bold; line-height: 35px; background-image: url(../img/yumiko/3000_dotted_borders.gif); text-align: center; margin: 0 0 10px; padding: 0; }
ul { margin: 0 0 10px; padding: 0 0 0 27px; }
ol { margin: 0; padding: 0 0 0 25px; }
ol li { margin: 0; padding: 0 0 10px; }
/*03_three_boxes*/
div#box_one { width: 240px; float: left; margin: 0; padding: 0; }
div#box_twotwo { width: 500px; float: right; margin: 0; padding: 0; }
div#box_two { width: 240px; float: left; margin: 0; padding: 0; }
div#box_three { width: 240px; float: right; margin: 0; padding: 0; }
div#back { background-image: url(../img/yumiko/3000_bg_line.gif); background-repeat: repeat-y; height: 960px; clear: both; margin-top: 10px; }
/*horizontal_photo*/
div#left360 { width: 360px; float: left; margin: 0; padding: 0; }
div#left360 img { margin-bottom: 20px; }
div#right380 { width: 380px; float: right; margin: 0; padding: 0; }
div#right380 p { margin: 0; padding: 0 0 10px; }
/*vertical_photo*/
div#left270 { background-color: #fff; margin: 0; padding: 0; width: 270px; float: left; }
div#right470 { background-color: #fff; margin: 0; padding: 0; width: 470px; float: right; }
div#right470 p { margin: 0; padding: 0 0 10px; }
/*03_class_styles*/
p.suggestion { margin: 0 0 20px; padding: 0; }
.padding10below { padding-bottom: 10px; }
.copybox { height: 135px; margin: 5px 0 10px; padding: 0; }
p.centerProducts { text-align: center; margin: 0; padding: 5px 0; }
.upPDG10 { padding-top: 10px; }
.upPDG20 { clear: both; padding-top: 20px; }
p.pixCAPcenter { color: #000; font-size: 10px; text-align: center; margin: 0 0 10px; padding: 0; }
p.pixCAPcenter img { display: block; }
.updated { font-size: 10px; font-weight: bold; line-height: 12px; text-align: center; margin: 0 0 5px; padding: 0; }
.orange { color: #f96; }
p.arrow_ora a:link, p.arrow_ora a:visited { background-image: url(../img/yumiko/arrow_yumiko.gif); background-repeat: no-repeat; clear: both; display: block; padding-left: 22px; }
p.arrow_ora a:hover, p.arrow_ora a:active { background-image: url(../img/yumiko/arrow_yumiko_hover.gif); background-repeat: no-repeat; clear: both; display: block; padding-left: 22px; }