@charset "utf-8";
/* CSS Document */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */  
body,div,   
dl,dt,dd,   
ul,ol,li,   
h1,h2,h3,h4,h5,h6,   
pre,form,fieldset,input,textarea,   
p,blockquote,   
th,td{margin:0;padding:0;}   
  
header,nav,section,aside,footer{display:block;}   
  
table{border-spacing:0;}    
  
fieldset,img,a img,   
abbr,acronym{border:0;}   
  
li img,dt img{vertical-align:top;}   
  
address,caption,cite,code,dfn,em,th,var,strong{    
font-style:normal;    
font-weight:normal;    
}    
  
ol,ul{list-style:none;}   
  
caption,th{text-align:left;}   
  
h1,h2,h3,h4,h5,h6{font-weight:normal;}   
  
q:before,q:after{content:'';}    
  
hr{display:none;}   
  
html{overflow-y:scroll;}    
  
/* form */    
button, fieldset, form, input, label, legend, select, textarea {      
font-family:inherit;      
font-size:100%;      
font-style:inherit;      
font-weight:inherit;      
margin:0;      
padding:0;      
vertical-align:top;      
}

/*--------------------------------------- font */  
  
/* base */  
body{   
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;   
line-height:1.5;
background:url(../img/bg_body.jpg) 0 0 repeat;
color:#333333;   
font-size: 13px;   
/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/  
*font-size: small;   
/*Win IE7およびWin IE6標準準拠モードに適用*/  
*font: x-small;   
/*Win IE 5-5.5､6(後方互換モード)に適用*/  
}   
  
  
/*----------------------- color */  
/* wine red */
.outline h4,
#blog .blogMenu dt,   
.red{color:#990000;}   
  
/* wine red */  
#sideLayout02 .side li.now{   
color:#990000;   
text-decoration:underline;   
}   
  
/* white */  
.footer .inner p,
#footer p.copy,   
#blog #selfcare .ttl ul{color:#FFF;} 

#branch h3{color:#666;}
.whole .main.heightLine-group1 .con .outline h5{color:#333;}

.whole .main .con h6,
.whole .main .con h5{color:#660033;}
  
/* bold */ 
.block .noIndent span,
#blog #selfcare .red{font-weight:bold;}   
  
/*----------------------- size */  
#forum .profile dl dd span,
.profile h3 span{font-size:54%;}

/* size8px */  
#productsSalon sub{font-size:69%;}   
  
/* size10px */
.whole .main.heightLine-group1 .con #branch .month,
#branch .backserial dl dd span,
.breadCrumb li,
.footer .inner p,
.whole .side dl dt,
.dute span,
.block dd,
#footer{font-size:77%;}   
  
/* size12px */
#forum .panel dt,
.whole .main .con h2,
table,   
textarea,   
.mainContents,   
.side{font-size:93%;}   
  
/* size14px */
.support ul,
#branch .backserial .backBox a dl .taidan,
.side dl dd,
.middle{font-size:108%;}   
  
/* size16px */ 
#forum .profile dl dt,
#forum .keynote dd,
#forum .keynote dt,
.whole .main.heightLine-group1 .con .outline h5,
#channel .con01 dt{font-size:123.1%;}   
  
/* size18px */
#forum .panel dd,
#branch .backserial dl dd,
.outline h4,
#branch h3,
.whole .main .con h6,
.whole .main .con h5,
.whole .main .con h4,
#blog h3{font-size:138.5%;}   
  
/* size20px */
#forum .title dt,
.title dd,
.non{font-size:153.9%;}   
  
/* size22px */  
#forum .profile dl dd,
#profile h3{font-size:167%;}   
  
/* size24px */ 
.profile h3,
#profile .right .theme dd{font-size:182%;}

#forum .title dd,
.title dt{font-size:200%;}

/*--------------------------------------- anchor */

a:link,
a:visited{
color:#990000;
text-decoration:none;
}
a:hover{
color:#990000;
text-decoration:underline;}

#branch .backserial a:link,
#branch .backserial a:visited{
color:#333333;
text-decoration:none;
}
#branch .backserial a:hover{
color:#333333;
text-decoration:none;
}

/*--------------------------------------- add class */
/*float*/
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}

.center{text-align:center;}
.bold{font-weight:bold;}

.mt10{margin-top:10px;}
.mt30{margin-top:30px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */
/*--------------------------------------- 01: index.html */
.date{padding:20px 0;}
.title{margin-bottom:20px;}
.title dt{margin-bottom:10px;}

.profile{border-top:2px solid #000;
border-bottom:2px solid #000;
padding:20px 10px;
margin:0 0 30px 0;
position: relative;}
.profile p{float:left; width:120px;
padding-right:15px;}
.profile .descri{position: absolute;
bottom: 20px;
width: 555px;
left: 145px;}

.block{margin-bottom:30px;}
.block p{text-indent:1em;}
.block .noIndent{text-indent:0;}
.block .chtop{float:right; width:400px;
padding-left:20px;}
.block .season{float:right; width:402px;
padding-left:20px;}
.block dl{float:right; width:250px;
padding-left:20px;
padding-bottom:20px;}
.block dt{margin-bottom:3px;}

.whole .main .con h4{margin-bottom:20px;}
.whole .main .con h5{border-bottom:2px solid #660033;
padding-bottom:10px; margin-bottom:20px; padding-top:30px;}
.dute{border-bottom:2px solid #660033;
padding-bottom:10px; margin-bottom:20px;}

.pdf{background:url(../img/icon_pdf.jpg) left center no-repeat;
padding-left:25px; margin-bottom:60PX;}

.pgtp{text-align:right; margin-bottom:20px; margin-top:30px;}
.pgtp a{background:url(../img/icon_pgtp.jpg) left center no-repeat;
padding-left:25px;}

#last{border:1px solid #CCC; padding:10px;
margin-bottom:30px;}

/*--------------------------------------- 02: serial */
.serial h3{margin-bottom:20px;}
.month{text-align:right; margin-bottom:20px;}
.month li{display:inline;
background:url(../../serial/img/bg_month.gif) right 50% no-repeat;
padding-right:15px; margin-right:10px;}
.backserial{margin-bottom:60px;}
.backserial dl{width:340px; padding-bottom:10px;
border-bottom:1px solid #CCC;
min-height:150px;}
/* IE6 min-height */
* html .backserial dl{height:150px;}
.backserial dl dt{float:left; width:120px; padding-right:15px;}
.backserial dl dd{float:left; width:200px;
margin-bottom:7px;}

#branch .backserial a{display:block; width:340px;}

#branch .backserial .backBox{float:left; width:340px;
padding-right:20px; margin-bottom:30px;}
#branch .backserial .backBox.nopdR{padding-right:0;}

/*--------------------------------------- 03: outline */
.outline h3{margin-bottom:40px;}
.whole .main.heightLine-group1 .con .outline h5{border-bottom:none;
padding-top:50px;
margin-bottom:100px;}
.outline p{text-indent:1em; margin-bottom:20px;}
.outline .noMar{margin-bottom:0;}

/*--------------------------------------- 04: support */
.support h3{margin-bottom:40px;}
.support ul{padding-left:30px; line-height:180%;}

/*--------------------------------------- 05: forum */
#forum .keynote{margin-bottom:30px;}
#forum .panel{background:url(../../forum/img/line.gif) left top no-repeat;
padding-top:20px; margin-bottom:30px;}

/*--------------------------------------- 06: news */
.news h3{margin-bottom:40px;}
.news .block ul li .inner li{padding-left:40px;}
.news .block ul li .inner .nopd{padding-left:0;}
.news .con01{border-bottom:1px dotted #CCC; margin-bottom:30px;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */
#branch h3{border-bottom:1px solid #E0E0E0;
padding-bottom:10px; margin-top:20px;}
/*--------------------------------------- all center */
body{text-align:center;}
.footer .inner,
.footer,
.whole .main .con,
.whole .main,
.whole
{
	width:764px;
	margin:0 auto;
	text-align:left;
}
#breadCrumb ul{width:940px;}
.footer,
.whole{width:1008px;}
.footer .inner{width:1000px;}
.whole .main .con{width:710px;}

/*--------------------------------------- header */
.gmenu{background:url(../img/bg_gmenu.jpg) left bottom no-repeat;
min-height:57px;}
/* IE6 min-height */
* html .gmenu{height:57px;}
.gmenu li{float:left; width:142px;}

/*--------------------------------------- breadCrumb */
.breadCrumb li a{background:url(../img/breadCrumb.gif) right center no-repeat;
padding-right:15px;}
.breadCrumb li{display:inline;
margin-right:5px;}

/*--------------------------------------- mainContaints */
.whole .main{float:right; width:764px;
background:url(../img/bg_main.jpg) 0 0 repeat-y;}
.whole .main .con h2{margin-top:25px; margin-bottom:25px;}

/*--------------------------------------- side */
.whole .side{float:left; width:220px;
background:url(../img/bg_side.jpg) 0 0 repeat-y;
padding-left:24px;
padding-bottom:100px;}
.whole .side h1{margin-top:25PX;}
.whole .side ul{padding-left:10px;}
.whole .side li{margin-top:10px;}

.whole .side .backno{margin-top:30px; margin-bottom:10px;}
.whole .side dl{padding-left:15px; padding-bottom:15px;}
.whole .side dl dt{margin-bottom:10px;}

/*--------------------------------------- footer */
.footer{background:url(../img/bg_foot.jpg) 0 0 repeat-y;}
.footer .inner{
text-align:center;
min-height:100px;
background:url(../img/bg_foot_inner.jpg) 0 0 no-repeat;}
/* IE6 min-height */
* html .footer .inner{height:100px;}
.footer .inner p{padding-top:20px;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */  
#branch .backserial:after,
#branch .backserial dl:after,
#branch .backno dl:after,
.block:after,
.profile:after,
.gmenu:after,
.whole:after{   
content:".";    
display:block;    
clear:both;    
height:0;   
line-height:0;   
visibility:hidden;   
font-size: 0;   
}   
  
    /* IE6 */
	* html #branch .backserial,
	* html #branch .backserial dl,
	* html #branch .backno dl,
	* html .block,
	* html .profile,
	* html .gmenu,
    * html .whole{height:1%;}   
  
    /* IE7 */  
	*:first-child+html #branch .backserial,
	*:first-child+html #branch .backserial dl,
	*:first-child+html #branch .backno dl,
	*:first-child+html .block,
	*:first-child+html .profile,
	*:first-child+html .gmenu,
    *:first-child+html .whole{display:inline-block;}