@charset "utf-8";

body { margin: 0px; padding: 0px; text-align: center; color: #333; font-size: 10pt;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,td,th,address { font-size: 10pt; margin: 0px; padding: 0px; font-weight: normal; line-height: 1.4em;}
li { margin-left: 20px;}
img { border: 0;}
a { color: #672207;}
a:hover { color: #c73800;}
.clear { clear: both; font-size: 1px; line-height: 0; height: 1px;}

#container { width: 900px; margin: 0 auto; text-align: left;}

#header { position: relative; background: url(../images/bg_headerbottom.gif) repeat-x left bottom; height: 112px;}
#header h1 a { position: absolute; left: 0px; top: 17px; text-indent: -9999px; display: block; width: 214px; height: 68px; background: url(../images/site_logo.jpg) no-repeat left top;}
#header h2 { position: absolute; left: 221px; top: 20px; text-indent: -9999px; display: block; width: 398px; height: 50px; background: url(../images/header_text.gif) no-repeat left top;}
#header #free { position: absolute; left: 265px; top: 67px; width: 350px; height: 30px; text-indent: -9999px; background: url(../images/header_free.jpg) no-repeat left top;}
#header #header-nav { position: absolute; width: 268px; height: 112px; left: 632px; top: 0px; background: url(../images/obj_header.jpg) no-repeat right top;}
#header #header-nav ul { margin-top: 13px;}
#header #header-nav ul li { list-style-type: none; margin: 0px; line-height: 14px;}

#footer { clear: both; border-top: 1px solid #f8407d; padding: 15px 0px;}
#footer p { text-align: center; line-height: 18px;}
#footer address { text-align: center; font-style: normal;}
#footer .footer-nav { font-size: 8pt; margin-bottom: 10px;}
#footer .footer-nav a { color: #666;}
#footer .footer-nav a:hover { color: #c73800;}

#global-nav { clear: both; padding-top: 2px; height: 56px;}
#global-nav li { list-style-type: none; margin: 0px; float: left; }

#column-side { padding-left: 10px; width: 210px; float: left;}
#column-main { width: 680px; float: left; padding-bottom: 20px;}
#page-home #column-main { width: 510px;}
#page-order #column-main { width: 850px; margin-left: 25px; float: none;}
#page-moviemessage #column-main { width: 850px; margin-left: 25px; float: none;}
#column-right {width: 150px; float: right;}

.side-nav { margin-bottom: 15px; margin-top: 7px;}
.side-nav li { list-style-type: none; background: url(../images/icon_arrow.gif) no-repeat 0px 3px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 16px; line-height: 20px;}
.side-nav li a { text-decoration: none; color: #333;}
.side-nav li a:hover { text-decoration: underline;}
.banner-leftside { margin-bottom: 20px;}

.banner { margin-bottom: 15px;}
.item-list { clear: both;}
.item-list li { width: 130px; float: left; list-style-type: none; margin: 0px; padding: 0px 0px 25px 20px;}
.item-list li p { margin-bottom: 5px;}
.item-list li .price { color: #cc0000;}

.text-header { font-weight: bold; color: #f8407d; border-left: 5px solid #f8407d; padding: 5px 0px 5px 10px; margin-bottom: 10px;}

/* home */
#home-nav { margin-top: 6px;}
#home-nav #flash { width: 745px; float: left; padding-bottom: 12px;}
#home-nav #limited-items { width: 150px; float: right;}
#home-nav #limited-items strong { color: #f8407d;}
#home-nav #limited-items ul { padding-top: 24px;}
#home-nav #limited-items li { list-style-type: none; margin: 0px; text-align: right; font-size: 9pt;}
#home-nav h3 { text-indent: -9999px; position: absolute;}
#home-nav .limited-original { background: url(../images/bg_home_original.jpg) no-repeat left top; height: 163px; margin-bottom: 3px; position: relative;}
#home-nav .limited-rosebath { background: url(../images/bg_home_bath.jpg) no-repeat left top; height: 83px; position: relative;}
#home-nav .limited-original .button { position: absolute; left: 60px; top: 134px;}
#home-nav .limited-rosebath .button { position: absolute; left: 60px; top: 62px;}
.site-description { margin-top: 10px; margin-left: 20px;}
.site-description p { margin-bottom: 1em;}
.site-description p.important { font-weight: bold; color: #f8407d;}
.recommend h3 { margin-bottom: 15px;}
.blog-articles-list li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; font-size: 9pt;}
.blog-articles-list .date { color: #f8407d;}
.guide { clear: both;}
.guide h3 { margin-bottom: 5px;}
.guide p { margin-left: 20px;}
.guide .payment { width: 280px; float: left;}
.guide .delivery { width: 230px; float: left;}
.continue { text-align: right; margin-bottom: 10px;}

/* contents pages */
.page-header { margin-bottom: 20px;}
.entry-body h3 { clear: both; font-size: 1.1em; font-weight: bold; color: #f8407d; border-left: 5px solid #f8407d; padding: 5px 0px 5px 10px; margin-bottom: 10px;}
.entry-body h4 { font-weight: bold; margin-bottom: 10px;}
.entry-body p { margin-bottom: 1em;}
.contents-list { margin-bottom: 20px;}
.contents-list ul { background: #fff3f3; width: 190px; padding: 5px 0px;}
.contents-list li { list-style-type: none; background: url(../images/icon_arrow.gif) no-repeat left center; padding-left: 16px; margin: 5px 0px 5px 10px;}
#page-guide h4 { font-weight: bold; margin-bottom: 10px; color: #f8407d; }

/* item */
.header-image { margin-bottom: 10px;}
.header-text { margin-bottom: 10px; font-weight: bold; color: #714d01; font-size: 14pt; background: url(../images/bg_textheader.jpg) no-repeat left top; padding: 10px 0px 5px 40px;}
.category-description { margin-bottom: 20px;}
.category-description p { margin-bottom: 1em;}
.category-description h3 { font-weight: bold; color: #c00; margin-bottom: 10px; font-size: 12pt;}
.category-description strong { color: #f8407d;}
.item { width: 180px; float: left; padding: 10px 20px 10px 10px; border-top: 1px solid #d0d0d0;}
.item .itemname { font-weight: bold;}
.item .go-detail { text-align: right; padding-right: 20px;}
.pagenumberarea { margin: 10px 0px;}
.pagenumberarea li { list-style-type: none; padding: 0px; margin: 0px;}
#page-item .kodawari { padding-bottom: 10px;}
#page-item .kodawari h3,
#page-item .kodawari h4 { text-indent: -9999px; height: 28px; margin-bottom: 4px; background-repeat: no-repeat;}
#page-item .kodawari p { margin-bottom: 10px;}
#page-item .kodawari #pagehead01 { background-image: url(../images/head_item01.gif);}
#page-item .kodawari #pagehead02 { background-image: url(../images/head_item02.gif);}
#page-item .kodawari #pagehead03 { background-image: url(../images/head_item03.gif);}
#page-item .kodawari #pagehead04 { background-image: url(../images/head_item04.gif);}
#page-item .kodawari #pagehead_price { background-image: url(../images/head_item_price.gif); width: 191px; height: 30px;}
#page-item .kodawari .kodawari-lower { width: 440px; float: left;}
#page-item .kodawari .rose-breeder { width: 210px; float: right;}
#page-item .select-color { margin-top: 20px; width: 470px; float: left;}
#page-item .select-color #pagehead-color { height: 41px; background-image: url(../images/head_item_color.jpg);}
#page-item .select-color li { list-style-type: none; margin: 0px; padding: 0px; width: 113px; float: left;}
#page-item .enmeizai { float: right; width: 194px;}
#page-item .shiori { float: right; width: 194px;}
#page-item .kodawari #pagehead-enmeizai { height: 41px; background-image: url(../images/head_item_enmeizai.jpg);}
#page-item .kodawari #pagehead-shiori { height: 41px; background-image: url(../images/head_item_shiori.jpg);}
#page-item .order-box { background: #fbf9e2; border: 1px solid #fce7a6; padding: 15px; margin-bottom: 20px;}
#page-item .order-box .photo { width: 270px; float: left;}
#page-item .order-box .photo a { font-size: 8pt;}
#page-item .order-box .data { width: 370px; float: right;}
#page-item .order-box .price { color: #025f09; margin: 5px 0px;}
#page-item .order-box .item-name { color: #f8407d; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #f8407d;}
#page-item .order-box th { text-align: right; padding: 3px;}
#page-item .order-box .button { margin: 10px 0px;}
#page-item .voices .inner { margin: 10px 0px 20px 0px; padding-bottom: 10px; border-bottom: 1px dotted #c6c6c6;}
#page-item .voices .inner h3 { font-weight: bold; color: #F8407D;}
#page-item .voices .inner h4 { font-weight: bold; margin-left: 0px; margin-bottom: 5px;}
#page-item .voices .inner p { margin-left: 30px; margin-bottom: 1em;}
#page-item .subarea { clear: both;}
#page-item .subarea h3 { font-size: 1.1em; font-weight: bold; color: #F8407D; margin-bottom: 5px;}
#page-item .subarea .subtext { width: 450px; float: right; padding-bottom: 20px;}
#page-item .subarea .subphotoimg { width: 220px; float: left; padding-bottom: 20px;}

/* shoppping */
#under02column .error { font-weight: bold; color: #d00;}
#under02column p { margin-bottom: 1em;}
#under02column em { font-style: normal; font-weight: bold;}
#under02column .title { margin-bottom: 10px;}
.tbl-def { border-collapse: collapse; width: 800px; margin-left: 25px; margin-bottom: 20px;}
.tbl-def td { border: 1px solid #cacaca; padding: 4px;}
.tbl-def th { border: 1px solid #cacaca; padding: 4px; font-weight: bold; text-align: center; background: url(../images/bg_tbl_th.jpg) repeat-x left bottom #f1f1f1;}
th.resulttd { text-align: right;}
td.pricetd { text-align: right;}
th.th2 { text-align: left; padding: 10px 4px; background: url(../images/bg_tbl_th2.jpg) repeat-x left bottom #fee6ee;}
.delivname th { width: 190px;}
#quantity_level li { list-style-type: none; width: 26px; float: left; margin: 0px;}
.attention { color: #cc0000; font-weight: bold;}
.error {  background: url(../images/icon_attention.jpg) no-repeat left center; padding-left: 22px;}
.tblareabtn { margin: 10px 0px; text-align: center;}
#under02column .payment-table { width: 400px;}
#under02column .message-table { width: 400px;}
#under02column .message-table th { width: 40px;}
.loginarea { border: 1px solid #cacaca; padding: 10px; margin-bottom: 20px;}
.payarea02 { margin-bottom: 20px;}
.flowarea { text-align: center;}
.pointarea li { list-style-type: none;}
.box380 { width: 380px;}
.box120 { width: 120px;}

/* my page */
#mypagecolumn .title { margin-bottom: 20px;}
#mypagecolumn .tbl-def,
#undercolumn_entry .tbl-def { width: 650px; margin-left: 0px;}
#mynavarea { width: 190px; float: left;}
#mynavarea li { list-style-type: none; margin: 0px; line-height: 0px;}
#mycontentsarea { width: 650px; float: right;}
#mynavarea .customer { margin: 10px 0px;}
#mynavarea .customer em { font-style: normal; font-weight: bold;}
#mypagecolumn .addbtn { margin: 10px 0px;}

/* contact */
#undercolumn .title { margin-bottom: 10px;}
#undercolumn_contact .tbl-def { width: 650px; margin: 10px 0px;}
#undercolumn_contact .box380 { width: 380px;}

/* sitemap */
#page-order .item-category { width: 250px; float: left; padding-bottom: 20px;}
#page-order .item-category h4 { font-weight: bold; color: #086d08;}
#page-order .item-category li { list-style-type: none; background: url(../images/icon_arrow.gif) no-repeat left center; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 16px; line-height: 20px;}
#page-order .item-category li a { text-decoration: none; color: #333;}
#page-order .item-category li a:hover { text-decoration: underline;}

/* blog */
#page-blog .blog-list { margin-bottom: 20px;}
#page-blog #comments  { clear: both;}
#page-blog #column-side h3 { margin-bottom: 10px;}
#page-blog .blog-list li { list-style-type: none; background: url(../images/icon_arrow.gif) no-repeat left center; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 16px; line-height: 20px;}
#page-blog .entry .date { text-align: right; margin: 5px 0px 10px 0px;}
#page-blog .entry p { margin-bottom: 1em;}
#page-blog .blog-top { margin-bottom: 20px;}
#page-blog .entry-footer { border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px;}
#page-blog .entry-footer .date { width: 300px; float: right; color:#888;}
#page-blog .entry-footer .comment { width: 300px; float: left; color: #888;}
#page-blog .header-text { clear: both;}

/* other */
#page-moviemessage h4 { font-weight: bold; margin-bottom: 6px;}
#page-form .tbl-def { width: 630px;}
#page-form .tbl-def th { width: 130px;}
#page-flow p { margin-left: 30px;}
#page-flow h4 { margin-left: 10px;}
.tbl-links { width: 650px;}
.tbl-links td,
.tbl-links th { padding: 5px 10px; border-bottom: 1px solid #ececec;}
.tbl-links th { width: 180px;}

/* 追加css */
table#teiki{
width:500px;
border:1px solid #FF00FF;
border-collapse:collapse;
margin:0 0 1em 0.5em;
}
table#teiki th{
width:200px;
border-bottom:1px solid #FF00FF;
border-right:1px solid #FF00FF;
padding:0.2em;
}
table#teiki td{
width:300px;
border-bottom:1px solid #FF00FF;
border-right:1px solid #FF00FF;
padding:0.2em;
}
table.banner td{
line-height:130%;
}
table.banner td img{
margin-bottom:0.2em;}

table#infomation{ width:680px; }
table#infomation td{ width:340px; font-size:13px; color:#666666; vertical-align:top;}
table#infomation td p.setumei{ padding-left:10px; line-height:130%; margin-bottom:1em;}

table#infomation_m{ width:510px; }
table#infomation_m td{ width:255px; font-size:13px; color:#666666; vertical-align:top;}
table#infomation_m td p.setumei{ padding-left:10px; line-height:130%; }

#shosai-box{width:680px; color:#333333; line-height:130%;}
#shosai-box td.box-left{width:380px;vertical-align:top; font-size:13px; padding-right:1em;}
#shosai-box td.box-right{vertical-align:top; font-size:12px;}
#shosai-box td.box-left2{width:480px;vertical-align:top; font-size:13px; padding-right:1em;}
#shosai-box td.box-right2{vertical-align:top; padding:1px; font-size:12px;}
.shosai-box2 {font-size:13px; color:#333333; line-height:130%; padding-left:0.5em }

p.chuui{ margin-left:2em; font-weight:bold; color:#FF0000;}

#sitemap { float:left;}
.sitemap-nav { margin-bottom: 15px; margin-top: 7px; margin-left:50px;}
.sitemap-nav li { list-style-type: none; background: url(../images/icon_arrow.gif) no-repeat 0px 3px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 16px; line-height: 20px;}
.sitemap- li a { text-decoration: none; color: #333;}
.sitemap- li a:hover { text-decoration: underline;}
.banner-leftside { margin-bottom: 20px;}

