@charset "EUC-JP";

/*----------------花ものがたり---------------*/

/*---------TOP----------*/

#story p#text01{
margin: 20px auto 30px;
display:block;
width: 565px;
}

#story div.story_box{
margin:0 auto 20px;
padding-left:11px;
clear:both;
display:block;
position:relative;
width:562px;
height:144px;
}

#story div#rose_box{background:url(../story/img/rose_bg.jpg) 0 0 no-repeat;}
#story div#season_box{background:url(../story/img/season_bg.jpg) 0 0 no-repeat;}
#story div#rosa_box{background:url(../story/img/rosa_bg.jpg) 0 0 no-repeat;}

#story div.story_box a.img{
width:171px;
height:121px;
top:11px;
display:block;
position:absolute;
}

#story div.story_box a.img:hover{
overflow:hidden;
text-indent: -9999px;
}

#story div.story_box h3{
width:300px;
height: 24px;
overflow:hidden;
text-indent: -9999px;
display:block;
top:12px;
left:192px;
position:absolute;
}

#story div#rose_box h3{background:url(../story/img/rose_stit.gif) 0 0 no-repeat;}
#story div#season_box h3{background:url(../story/img/season_stit.gif) 0 0 no-repeat;}
#story div#rosa_box h3{background:url(../story/img/rosa_stit.gif) 0 0 no-repeat;}

#story div.story_box p.exp{
width:315px;
display:block;
top:42px;
left:194px;
position:absolute;
line-height:1.2;
}

#story div.story_box a:link {text-decoration:none;color:#333333;}
#story div.story_box a:visited {text-decoration:none;color:#333333;}
#story div.story_box a:hover {text-decoration:underline;color:#B73A14;}
#story div.story_box a:active {text-decoration:underline;color:#B73A14;}

#story div.story_box p.update{
bottom:15px;
right:65px;
position:absolute;
font-weight: bold;
color:#FC8E69;
height: 15px;
}

#story div.story_box p.tab{
width:49px;
height: 136px;
top:3px;
left:521px;
position:absolute;
}

#story div.story_box p.tab a{
width:49px;
height: 136px;
overflow:hidden;
text-indent: -9999px;
display:block;
}

#story div#rose_box p.tab a{background: url(../story/img/rose_tab.gif) 0 0 no-repeat;}
#story div#season_box p.tab a{background: url(../story/img/season_tab.gif) 0 0 no-repeat;}
#story div#rosa_box p.tab a{background: url(../story/img/rosa_tab.gif) 0 0 no-repeat;}

#story div.story_box p.tab a:hover{ background: none !important;}

/*---------記事 花・バラものがたり---------*/

#story_detail #main_contents{
margin:10px 0 0 0;
padding: 10px 0 0;
border-right:10px solid #ffffff;
width:603px;
float:right;
}


#story_detail div#category_tit{
margin: 10px auto 0;
width:591px;
height:44px;
position: relative;
}

body.rose div#category_tit{
background: url(../story/img/rose_stit_bg.gif) 50% 0 no-repeat;
}
body.season div#category_tit{
background: url(../story/img/season_stit_bg.gif) 50% 0 no-repeat;
}

#story_detail #category_tit h3{
width:300px;
height:44px;
display:block;
overflow:hidden;
text-indent: -9999px;
position: absolute;
}

#story_detail #category_tit p{
tex-align:right;
position: absolute;
right:20px;
padding: 15px 0;
}

#story_detail #category_tit p.link01 a{
height: 22px;
padding:3px 0 3px 25px;
background: url(../story/img/arrow_red.gif) left 10% no-repeat;
}

#story_detail #category_tit p.link01 a:link {
text-decoration:none;
color:#333333;
}

#story_detail #category_tit p.link01 a:visited {
text-decoration:none;
color:#333333;
}

#story_detail #category_tit p.link01 a:hover {
text-decoration:none;
color:#FB602B;
}

#story_detail #category_tit p.link01 a:active {
text-decoration:none;
color:#FB602B;
}

#article_box2_wrap{
margin: 0 auto 10px;
padding :0 0 4px 0;
background: url(../story/img/article_btm.gif) center bottom no-repeat;
width:591px;
display:block;
}

#article_box2{
margin: 0 auto 4px;
padding :11px 20px 20px;
background: url(../story/img/article_bg.gif) 50% repeat-y;
width:551px;
display:block;
}

#article_box2 h4{
color: #A5944E;
margin:10px 0 15px;
padding-left:18px;
height:25px;
background: url(../story/img/flower_name_bg.gif) left bottom no-repeat;
}

#article_box2 p.photo_left{
display: block; 
width:256px;
height:182px;
background: url(../story/img/photo_flame.gif) 0 0 no-repeat;
position: relative;
float:right;
}

#article_box2 p.photo_left img{
position: absolute;
left:15px;
top:15px;
}


#article_box2 p.text3a{
padding:3px 5px;
}

/*---------バックナンバー---------*/

dl#backnumber{
margin:15px auto;
width:550px;
display: block; 
}

dl#backnumber dt{
margin:0 auto 10px;
display: block; 
height:28px;
border-bottom:1px solid #B0A66E;
background:url(../story/img/stit_backnumber.gif) 0 0 no-repeat;
overflow:hidden;
text-indent: -9999px;
}

dl#backnumber dd{
width:540px;
margin:0 auto 10px;
}

dl#backnumber dd li{
padding: 6px 0;
background: url(../share/dot.gif) bottom repeat-x;
}

dl#backnumber dd li a{
padding-left:20px;
background: url(../share/arrow_flower.gif) left 40% no-repeat;
}

dl#backnumber dd li a:link {
text-decoration:none;
color:#333333;
}

dl#backnumber dd li a:visited {
text-decoration:none;
color:#333333;
}

dl#backnumber dd li a:hover {
text-decoration:underline;
color:#FB602B;
}

dl#backnumber dd li a:active {
text-decoration:underline;
color:#FB602B;
}


/*--------ロサ博士--------*/

#story_detail div#rosa_tit{
margin: 0 auto;
width:591px;
height:205px;
position: relative;
background: url(../story/rosa/img/rosa_tit_bg.gif) 50% 0 no-repeat;
}

#story_detail div#rosa_tit h3{
width:300px;
height:80px;
display:block;
overflow:hidden;
text-indent: -9999px;
}

#story_detail div#rosa_tit p.intro{
margin-bottom:20px;
padding-left:140px;
padding-right:140px;
color:#FFFFFF;
line-height:1.2;
}

#story_detail h4#prf_stit{
clear:both;
margin: 0 0;
width:576px;
height:40px;

overflow:hidden;
text-indent: -9999px;
}

#story_detail div#rosa_profile{
margin: 0 auto 15px;
padding: 0 0 13px;
width:576px;
background: url(../story/rosa/img/stit_prf.gif) 0 0 no-repeat;
min-height: 1em;
display: inline-table;
}

#story_detail div#rosa_profile:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #story_detail div#rosa_profile {
    height: 1em;
}

#story_detail div#rosa_profile {
    display: block;
}
/**/

#story_detail div#rosa_profile img{
float:right;
padding:2px 0 3px 8px;
}

#story_detail div#rosa_profile div.box01{
padding-left:15px;
padding-right:15px;
width: 275px;
float:left;
background: url(../story/rosa/img/dot_tate.gif) right repeat-y;
}

#story_detail div#rosa_profile div.box02{
padding-left:14px;
width: 240px;
float:left;
}

#story_detail div#rosa_profile dt{
font-weight:bold;
margin-bottom:4px;
}

#story_detail div#rosa_profile dd{
line-height:1.3;
}

#story_detail h4#rosa_tit{
clear:both;
margin: 10px auto 0;
width:566px;
height:30px;
background: url(../story/rosa/img/rosa_stit_bg.gif) 50% 0 no-repeat;
padding-top:14px;
padding-left:25px;
color:#ffffff;
}

#story_detail #article_box_wrap{
margin: 0 auto 10px;
padding :0 0 4px 0;
clear:both;
background: url(../story/img/article_btm.gif) center bottom no-repeat;
width:591px;
display:block;
}

#story_detail #article_box{
margin: 0 auto 4px;
padding :11px 20px 20px;
background: url(../story/img/article_bg.gif) 50% repeat-y;
width:551px;
display:block;
}

#story_detail #article_box table.faq{
margin:0 auto;
width:555px;

}

#story_detail #article_box table.faq td{
padding: 5px 3px ;
background: url(../share/dot.gif) bottom repeat-x;
vertical-align: top;
}

#story_detail #article_box table.faq td span.photo_r{
width:249px;
height: 205px;
float:right;
background: url(../story/rosa/img/photo_bg.gif) 50% top no-repeat;
text-align: center;
}

#story_detail #article_box table.faq td span.photo_r img{
padding-top:10px;
margin:0 auto;
padding-bottom:10px;
display:block;
vertical-align:top;
}

#story_detail #article_box table.faq td span.photo_l{
width:249px;
height: 205px;
float:left;
border-right:5px #ffffff solid;
background: url(../story/rosa/img/photo_bg.gif) 50% top no-repeat;
text-align: center;
}

#story_detail #article_box table.faq td span.photo_l img{
padding-top:10px;
margin:0 auto;
padding-bottom:10px;
display:block;
vertical-align:top;
}

#story_detail #article_box table.faq td span.photo_s{
width:155px;
height: 123px;
float:left;
background: url(../story/rosa/img/photo_bg02.gif) 50% top no-repeat;
text-align: center;
margin-top:10px;
margin-bottom:10px;
}

#story_detail #article_box table.faq td span.photo_s img{
padding-top:5px;
margin:0 auto;
padding-bottom:4px;
display:block;
vertical-align:top;
}

#story_detail #article_box table.faq td span.photo{
width:240px;
height: 205px;
float:left;
background: url(../story/rosa/img/photo_bg.gif) 50% top no-repeat;
text-align: center;
}

#story_detail #article_box table.faq td span.photo img{
padding-top:10px;
margin:0 auto;
padding-bottom:10px;
display:block;
vertical-align:top;
}

/*---------ページトップへ---------*/


.page_back{
margin:10px 0 0;
padding-left:10px;
clear:both;
float:left;
width: 250px;
height: 22px;
display:block;
}

.page_back{background: url(../story/img/btn_story_top_on.gif) 10px 0 no-repeat;}

.page_back a{
width: 250px;
height: 22px;
text-decoration: none;
display:block;
text-indent: -9999px;
overflow: hidden;
}

.page_back a{background: url(../story/img/btn_story_top.gif) 0 0 no-repeat;}

.btn_season{background: url(../story/img/btn_story01_top_on.gif) 10px 0 no-repeat;}
.btn_season a{background: url(../story/img/btn_story01_top.gif) 0 0 no-repeat;}

.btn_rose{background: url(../story/img/btn_story02_top_on.gif) 10px 0 no-repeat;}
.btn_rose a{background: url(../story/img/btn_story02_top.gif) 0 0 no-repeat;}

.btn_rosa{background: url(../story/img/btn_story03_top_on.gif) 10px 0 no-repeat;}
.btn_rosa a{background: url(../story/img/btn_story03_top.gif) 0 0 no-repeat;}

.page_back a:hover{background:none ;}
.btn_rosa a:hover{background:none ;}
.btn_season a:hover{background:none ;}
.btn_rose a:hover{background:none ;}


.page_top02{
margin:10px 0 0;
padding-right:5px;
float:right;
width: 109px;
height: 22px;
display:block;
background: url(../share/btn_pagetop_on.gif) 0 0 no-repeat;
}

.page_top02 a{
width: 109px;
height: 22px;
background: url(../share/btn_pagetop.gif) 0 0 no-repeat;
text-decoration: none;
display:block;
text-indent: -9999px;
overflow: hidden;
}

.page_top02 a:hover{background:none;}
/*---------記事---------

#article_box{
margin: 10px auto 10px;
width:573px;
display:block;
}

#article_box p.photo_left{
display: block; 
width:258px;
height:211px;
background: url(../story/img/photo_flame.gif) 0 0 no-repeat;
position: relative;
float:right;
}

#article_box p.photo_left img{
position: absolute;
left:16px;
top:20px;
}

#article_box h3{
font-size:110%;
width:573px;
height:30px;
border-bottom:1px solid #333333;
}

#article_box p.link01{
margin-top: -30px;
display:block;
text-align: right;
margin-bottom:10px;
padding:5px ;
display:block;s
}

#article_box p.link01 a{
padding-left:12px;
}

#article_box p.link01 a:link {
text-decoration:none;
color:#333333;
background: url(../share/arrow_red.gif) left 50% no-repeat;
}

#article_box p.link01 a:visited {
text-decoration:none;
color:#333333;
background: url(../share/arrow_red.gif) left 50% no-repeat;
}

#article_box p.link01 a:hover {
text-decoration:none;
color:#FB602B;
background: url(../share/arrow_green.gif) left 50% no-repeat;
}

#article_box p.link01 a:active {
text-decoration:none;
color:#FB602B;
background: url(../share/arrow_green.gif) left 50% no-repeat;
}

#article_box h4{
color: #A5944E;
margin:20px 0 15px;
padding-left:18px;
height:25px;
background: url(../story/img/flower_name_bg.gif) left bottom no-repeat;
}

*/