@charset "utf-8";
@import url("/special/shared/css/base.css");

/* --------------------------------------------------------------------------------------
	style map
		- 
		- conHead , conFooter / over write
		- clear (clear fix)
--------------------------------------------------------------------------------------- */

/* common
-------------------------------- */
body #contents{
color:#600;
}

#contents a,
#contents a:link,
#contents a:visited{
color:#600;
}
#contents a:hover{
color:#600;
}

.aRight{
text-align:right;
}

h3,h4,h5{
margin:0 0 10px;
}

p ul,ol{
margin:0 0 15px;
}

.lead{
padding-top:10px;
padding-left:20px;
padding-right:20px;
background:url(../images/common_bg_lead.jpg) no-repeat 0 0;
}

.cntWrap{
display:block;
padding:5px;
width:640px;
}

.contArea{
display:block;
margin:0 5px;
width:630px;
}
.contArea p{
display:block;
margin:0 0 15px;
}

.caution{
margin:0 0 15px;
text-align:right;
}

.itemWrap{
display:block;
clear:both;
margin-bottom:15px;
width:630px;
}
.itemWrap p.photo,
.itemWrap p.photoR,
.itemWrap .txtBox01,
.itemWrap .txtBox02,
.itemWrap .txtBox03,
.itemWrap .txtBox04,
.itemWrap .txtBox05,
.itemWrap .txtBox06,
.itemWrap .txtBox07,
.itemWrap .txtBox08,
.itemWrap .txtBox09,
.itemWrap .txtBox10,
.itemWrap .txtBox11,
.itemWrap .txtBox12,
.itemWrap .txtBox13,
.itemWrap .txtBox14,
.itemWrap .txtBox15,
.itemWrap .txtBox16{
display:block;
float:left;
}
.itemWrap p.photo{
margin-bottom:0;
}
.itemWrap p.photoR{
float:right;
margin-bottom:0;
}
.itemWrap .txtBox01{
padding:30px 0 0 10px;
width:180px;
}
.itemWrap .txtBox02{
padding:120px 0 0 10px;
width:360px;
}
.itemWrap .txtBox03{
padding:80px 10px 0 0;
width:300px;
}
.itemWrap .txtBox04{
padding:150px 10px 0 0;
width:280px;
}
.itemWrap .txtBox05{
padding:150px 0 0 10px;
width:280px;
}
.itemWrap .txtBox06{
padding:120px 0 0 10px;
width:250px;
}
.itemWrap .txtBox07{
padding:50px 10px 0 0;
width:300px;
}
.itemWrap .txtBox08{
padding:80px 0 0 10px;
width:300px;
}
.itemWrap .txtBox09{
padding:50px 0 0 10px;
width:280px;
}
.itemWrap .txtBox10{
padding:80px 10px 0 0;
width:310px;
}
.itemWrap .txtBox11{
padding:50px 0 0 10px;
width:310px;
}
.itemWrap .txtBox12{
padding:50px 10px 0 0;
width:230px;
}
.itemWrap .txtBox13{
padding:80px 0 0 10px;
width:230px;
}
.itemWrap .txtBox14{
padding:70px 10px 0 0;
width:280px;
}
.itemWrap .txtBox15{
padding:70px 0 0 10px;
width:310px;
}
.itemWrap .txtBox16{
padding:60px 10px 0 0;
width:310px;
}

.pager{
background:#FBF5F5;
border:1px dotted #EEE5D5;
border-left:0;
border-right:0;
display:block;
clear:both;
margin:0 0 20px;
padding:5px;
width:630px;
}
.pager p,
.pager .navi{
display:block;
}
.pager p{
float:right;
margin-top:3px;
}
.pager .navi{
float:left;
}
.pager ul{
display:block;
clear:both;
}
.pager ul li{
background:#EEE5D5;
border:1px solid #600;
display:block;
float:left;
line-height:100%;
margin-right:5px;
padding:5px;
text-align:center;
width:13px;
}
.pager ul li.current{
background:#600;
color:#FFF;
}
.pager ul li:hover{
background:#FFF;
}
.pager ul li.current:hover{
background:#600;
}

.concernedContents,
.lessonWrap{
background:url(../images/common_hr.gif) no-repeat top;
display:block;
margin-bottom:15px;
padding-top:15px;
width:640px;
}

.naviWrap{
display:block;
clear:both;
width:640px;
}

.naviArea{
background:url(../images/common_bg_naviarea.jpg) no-repeat center;
display:block;
float:left;
margin:0 0 15px;
padding:0 5px;
width:310px;
}
.naviArea h4{
margin:0;
}
.naviArea p{
display:block;
float:left;
margin:0 0 10px;
}
.naviArea p.photo{
padding:0 15px;
}
.naviArea p.txt{
width:140px;
}
.naviArea ul{
display:block;
clear:both;
margin:0 15px;
width:280px;
}
.naviArea li{
margin:0 0 5px;
}
.naviArea .btmA,
.naviArea .btmB{
display:block;
height:30px;
width:310px;
}
.naviArea .btmA{
background:url(../images/common_btm_naviarea_01.jpg) no-repeat bottom;
}
.naviArea .btmB{
background:url(../images/common_btm_naviarea_02.jpg) no-repeat bottom;
}

.arw a{
background:url(../images/common_arw.gif) no-repeat 0 50%;
padding-left:15px;
}

ul.link{
display:block;
clear:both;
list-style-type:none;
margin:0 0 15px;
width:340px;
}
ul.link li{
display:block;
float:left;
}
ul.link li a{
background:url(../images/common_arw.gif) no-repeat 0 50%;
margin-right:10px;
padding-left:15px;
}

.author{
margin:0 0 15px;
text-align:right;
}

.bnr{
margin:0 0 15px;
text-align:center;
}

/* .commonLesson */
.commonLesson{
background:url(../images/common_bg_lesson.jpg) no-repeat top center;
margin:0;
}
.commonLesson h3{
margin-bottom:15px;
}
.commonLesson p{
margin-top:0;
}
.commonLesson p{
float:right;
margin:0 0 15px;
padding-right:25px;
width:275px;
}
.commonLesson p.indexImg{
float:right;
padding-right:25px;
padding-left:0;
width:290px;
}
.commonLesson .btm{
background:url(../images/common_btm_lesson.jpg) no-repeat bottom center;
display:block;
clear:both;
height:5px;
}


/* index.html
-------------------------------- */
.indexLead{
padding-top:10px;
background:url(../images/index_bg_lead.jpg) no-repeat;
padding-left:20px;
padding-right:250px;
min-height:80px;
}
*html .indexLead{
height:100px;
}

.indexLife,
.indexAccesory,
.indexConcerned{
background:url(../images/common_hr.gif) no-repeat bottom;
padding:0 5px 20px;
margin-bottom:15px;
}
.indexConcerned{
background:none;
padding-bottom:0;
margin-bottom:0;
}

.indexLife p,
.indexAccesory p,
.indexConcerned p,
.indexAccesory ul,
.indexLife ul,
.indexConcerned ul,
.indexNew p{
margin-top:15px;
}
.indexLife h3,
.indexAccesory h3,
.indexConcerned h3{
margin:0;
}
p.indexImg{
margin-top:0;
}

/* .indexLife */
.indexLife p,
.indexLife h3,
.indexLife ul{
float:right;
width:421px;
}
.indexLife p.indexImg{
float:left;
width:200px;
}

/* .indexAccesory */
.indexAccesory p,
.indexAccesory h3{
float:left;
width:421px;
}
.indexAccesory p.indexImg{
float:right;
width:200px;
}

/* .indexLesson */
.indexLesson{
background:url(../images/common_bg_lesson.jpg) no-repeat top center;
margin:0 0 15px;
}
.indexLesson h3{
margin-bottom:15px;
padding:0 6px;
}
.indexLesson p{
margin-top:0;
}
.indexLesson p{
float:right;
margin:0 0 15px;
padding-right:25px;
width:275px;
}
.indexLesson p.indexImg{
float:right;
padding-right:25px;
padding-left:0;
width:290px;
}
.indexLesson .btm{
background:url(../images/common_btm_lesson.jpg) no-repeat bottom center;
display:block;
clear:both;
height:5px;
}

/* .indexConcerned */
.indexConcerned{
background:url(../images/index_bg_concerned.jpg) no-repeat top center;
margin:0 0 15px;
}
.indexConcerned h3{
margin-bottom:15px;
padding:0 1px;
}
.indexConcerned p{
margin-top:0;
}
.indexConcerned p{
float:right;
margin:0 0 15px;
padding-right:25px;
width:275px;
}
.indexConcerned p.indexImg{
float:left;
padding-left:25px;
padding-right:0;
width:290px;
}
.indexConcerned .btm{
background:url(../images/index_btm_concerned.jpg) no-repeat bottom center;
display:block;
clear:both;
height:30px;
}

/* indexNew */
.indexNew{
margin:0 5px;
}
.indexNew h3,
.indexNew .newBtn{
background-repeat:no-repeat;
}
.indexNew h3,
.indexNew{
background-position:0 0;
}
.indexNew h3{
padding-top:19px;
background-image:url(../images/index_newmember_bg_top.gif);
}
.indexNew{
background-image:url(../images/index_newmember_bg.gif);
background-repeat:repeat-y;
}
.indexNew .newBtn{
padding-bottom:19px;
text-align:center;
background-image:url(../images/index_newmember_bg_btm.jpg);
background-position:0 100%;
}

.indexNew h3,
.indexNew .newBtn,
.indexNew p{
padding-left:23px;
padding-right:23px;
}
.indexNew p{
margin:0;
}

/* indexWhatsNew */
.indexWhatsNew{
margin-top:20px;
}
.indexWhatsNew h4{
background:url(../images/common_bg_ttls.gif) no-repeat 6px 50%;
background-color:#F6F2EA;
border-bottom:solid 1px #600;
margin:0 0 5px;
padding-top:7px;
padding-bottom:7px;
padding-left:17px;
}

.indexWhatsNew dt{
float:left;
width:80px;
}
.indexWhatsNew dd{
float:right;
width:540px;
}
.indexWhatsNew dl{
padding-top:8px;
padding-left:10px;
padding-right:10px;
}


/* life.html
-------------------------------- */
#pressedflowerLife .presentArea{
background:url(../images/life_bg_present.gif) no-repeat top center;
margin:0 0 15px;
padding-top:20px;
width:640px;
}
#pressedflowerLife .presentArea p.photo,
#pressedflowerLife .presentArea .txtArea{
display:block;
float:left;
}
#pressedflowerLife .presentArea p.photo{
padding:0 20px;
}
#pressedflowerLife .presentArea .txtArea{
padding:5px 20px 0 0;
width:330px;
}
#pressedflowerLife .presentArea .txtArea p{
margin:0 0 15px;
}
#pressedflowerLife .presentArea .txtArea dl{
background:url(../images/life_pic_sawada.jpg) no-repeat top right;
min-height:170px;
padding-right:140px;
width:190px;
}
#pressedflowerLife .presentArea .txtArea dt,
#pressedflowerLife .presentArea .txtArea dd{
margin:0 0 10px;
}
#pressedflowerLife .presentArea .txtArea dt{
font-weight:bold;
}
#pressedflowerLife .presentArea .btm{
background:url(../images/life_btm_present.gif) no-repeat bottom center;
display:block;
clear:both;
height:30px;
}

.makingWrap{
background:url(../images/life_bg_making.jpg) repeat-y;
display:block;
clear:both;
margin:0 0 15px;
padding-bottom:5px;
}
.makingWrap dl{
display:block;
float:left;
margin:0 0 10px;
padding:0 5px;
width:310px;
}
.makingWrap dd{
min-height:30px;
padding:5px;
}
.makingWrap .lastBox{
background:url(../images/life_bg_making_lastbox.jpg) no-repeat;
display:block;
clear:both;
min-height:225px;
width:640px;
}
.makingWrap .lastBox .photo{
display:block;
float:right;
padding-right:5px;
}
.makingWrap .lastBox .txtArea{
display:block;
float:left;
margin-top:60px;
padding-left:25px;
}
.makingWrap .lastBox .txtArea p{
margin:0 0 15px;
}
.makingWrap .lastBox .btm{
background:url(../images/life_btm_making_lastbox.jpg) no-repeat bottom center;
display:block;
clear:both;
height:8px;
width:640px;
}


/* accesory.html
-------------------------------- */
#pressedflowerAccesory .treasureArea{
background:url(../images/accesory_bg_treasure.gif) no-repeat top center;
margin:0 0 15px;
padding-top:20px;
width:640px;
}
#pressedflowerAccesory .treasureArea p.photo,
#pressedflowerAccesory .treasureArea .txtArea{
display:block;
float:left;
}
#pressedflowerAccesory .treasureArea p.photo{
padding:0 20px;
}
#pressedflowerAccesory .treasureArea .txtArea{
padding:5px 20px 0 0;
width:330px;
}
#pressedflowerAccesory .treasureArea .txtArea p{
margin:0 0 15px;
}
#pressedflowerAccesory .treasureArea .txtArea dl{
background:url(../images/accesory_pic_kanai.jpg) no-repeat top right;
min-height:160px;
padding-right:140px;
width:190px;
}
#pressedflowerAccesory .treasureArea .txtArea dt,
#pressedflowerAccesory .treasureArea .txtArea dd{
margin:0 0 10px;
}
#pressedflowerAccesory .treasureArea .txtArea dt{
font-weight:bold;
}
#pressedflowerAccesory .treasureArea .btm{
background:url(../images/accesory_btm_treasure.gif) no-repeat bottom center;
display:block;
clear:both;
height:30px;
}

#pressedflowerAccesory .makingWrap .lastBox{
background:url(../images/life_bg_making_lastbox.jpg) no-repeat;
display:block;
clear:both;
min-height:225px;
width:640px;
}
#pressedflowerAccesory .makingWrap .lastBox .txtArea{
margin-top:100px;
padding-left:15px;
}
#pressedflowerAccesory .makingWrap .lastBox .photo{
display:block;
float:left;
padding-left:5px;
}

.commentArea{
display:block;
margin:0 0 15px;
padding:5px;
width:630px;
}
.commentArea p{
margin:0 0 15px;
}

.interviewArea{
background:url(../images/accesory_bg_interview.jpg) no-repeat;
clear:both;
display:block;
margin:0 0 15px;
padding:30px;
padding-left:40px;
width:570px;
}
.interviewArea p.img{
display:block;
float:right;
padding-left:15px;
}
.interviewArea p{
margin:0 0 15px;
}

table.lesson{
margin:0 0 15px;
}
table.lesson th,
table.lesson td{
padding:10px;
text-align:left;
vertical-align:top;
}
table.lesson th{
background:#F5E5E5;
font-weight:normal;
width:120px;
}
table.lesson td{
background:#FCF5F5;
}
table.lesson td ul{
margin-left:1em;
}
table.lesson td li{
list-style-type:disc;
margin:0 0 5px;
}


/* common over write
-------------------------------- */
div.conFootNav,
#conHead .conHnav,
#conHead ul,
ul.conFootNav{
background:#EEE5D5;
}

#conHead{
margin:0 0 20px;
}

#conHead ul li,
div.conFootNav li{
padding-left:6px;
padding-right:6px;
}

#conHead ul li,
.conFootNav li{
background-image:url(../images/bg_link.gif);
}

#conHead ul li.cs,
div.conFootNav li.cs{
color:#CAA;
}


/* IE6 Hacks
-------------------------------- */
*html .lead{
height:45px;
}

*html dl.book{
margin-right:10px;
}

*html .indexLife .indexDress p.btn{
padding:0 15px 20px;
}

*html #pressedflowerAccesory .treasureArea .txtArea dl{
height:160px;
}

*html .commonLesson p.indexImg,
*html .commonLesson p.btn,
*html .indexConcerned p.indexImg,
*html .indexConcerned p.btn{
margin-bottom:5px;
}


/* CLEAR FIX
--------------------------------------------------*/
.itemWrap:after,
.pager:after,
.naviWrap:after,
.commonLesson:after,
.indexWhatsNew dl:after,
.indexConcerned:after,
.indexAccesory:after,
.indexLife:after,
#pressedflowerLife .presentArea p.photo:after,
#pressedflowerLife .presentArea .txtArea:after,
#pressedflowerAccesory .treasureArea p.photo:after,
#pressedflowerAccesory .treasureArea .txtArea:after,
.interviewArea:after,
.makingWrap:after,
.makingWrap .lastBox:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
*html .itemWrap,
*html .pager,
*html .naviWrap,
*html .commonLesson,
*html .indexWhatsNew dl,
*html .indexConcerned,
*html .indexAccesory ul,
*html .indexAccesory,
*html .indexLife,
*html #pressedflowerLife .presentArea p.photo,
*html #pressedflowerLife .presentArea .txtArea,
*html #pressedflowerAccesory .treasureArea p.photo,
*html #pressedflowerAccesory .treasureArea .txtArea,
*html .interviewArea,
*html .makingWrap,
*html .makingWrap .lastBox{
height: 1%;
}

/* *:first-child+html .spWrap{
height: 1%;
} */
*:first-child+html .itemWrap,
*:first-child+html .pager,
*:first-child+html .naviWrap,
*:first-child+html .commonLesson,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .indexConcerned,
*:first-child+html .indexAccesory,
*:first-child+html .indexLife,
*:first-child+html #pressedflowerLife .presentArea p.photo,
*:first-child+html #pressedflowerLife .presentArea .txtArea,
*:first-child+html #pressedflowerAccesory .treasureArea p.photo,
*:first-child+html #pressedflowerAccesory .treasureArea .txtArea,
*:first-child+html .interviewArea,
*:first-child+html .makingWrap,
*:first-child+html .makingWrap .lastBox{
display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
.itemWrap,
.pager,
.naviWrap,
.commonLesson,
.indexWhatsNew dl,
.indexConcerned,
.indexAccesory,
.indexLife,
#pressedflowerLife .presentArea p.photo,
#pressedflowerLife .presentArea .txtArea,
#pressedflowerAccesory .treasureArea p.photo,
#pressedflowerAccesory .treasureArea .txtArea,
.interviewArea,
.makingWrap,
.makingWrap .lastBox{
display:inline-block;
}
/**/