.pink{color:#f97a90; font-weight:bold;}
.blue{color:#7598c7; font-weight:bold;}
.fs1{color:#7ec0cb;}

/*----------------------------------
=03 contents
----------------------------------*/

#wrapper #navi{
	margin-top:2px;}

#contents{ 
 width:927px;
 margin:0 auto;
 text-align:center;
}


#contents .cont{
 width:825px;
 margin:0 auto 20px;
 padding:5px 0 0 0;
 text-align:left;
}

p.pankuzu{
	text-align:right;
	margin:0 20px 10px 0;
	font-size:10px;}
	
#contents .cont .left{
	float:left;
	width:197px;
	}


#contents .cont .left .box{
	background:#eee url(../img/bg_light-top.gif) no-repeat left top;
	padding-top:15px;
	text-align:center;
	margin:0 auto 10px;
	}

#contents .cont .left .box p.bdtitle{
	margin:20px auto 10px;}


#contents .cont .left .box ul{
	margin-bottom:30px;}
#contents .cont .left .box li{
	margin-bottom:10px;}

#contents .cont .left .box dl.bd{
	width:150px;
	text-align:left;
	margin:0 auto;
	font-size:10px;
	line-height:1.3;
	}

#contents .cont .left .box dl.bd{
	margin-bottom:15px;
	}

#contents .cont .left .box dl.bd dt{
	float:left;
	margin:0 5px 10px 0;
	}




#contents .cont .left .box .bgleftbtm{
	background:url(../img/bg_light-btm.gif) no-repeat left bottom ;
	}

#contents .cont .left .l-access{
	background:url(../img/bg_l-access_btm.gif) no-repeat bottom;
	margin-bottom:10px;}

#contents .cont .left .l-access p{
	padding:0 15px 15px;
	font-size:10px;
	line-height:1.5;
	}


#contents .cont .right{
	width:610px;
	float:right;
	text-align:center;
	margin:0 auto;
	}

#contents .cont .right .right-c{
	margin-right:10px;
	}

.right-c h2{
	margin-bottom:30px;}
	
p.pagetop{
	text-align:right;
	margin:0 20px 20px 0;}

p.pagetop2{
	text-align:right;
	margin:0 0px 20px 0;}

/*----------------------------------
=03 item
----------------------------------*/

#item{
	width:550px;
	margin:0 auto;
	text-align:left;}

#item .shadow-format{
	background:url(../img/bg_subtitle.gif) repeat-x left top;
	padding:30px 30px 0;
	margin-bottom:10px;}
	
#item .shadow-format2{
	padding:30px 30px 0;
	margin-bottom:20px;}


#item .shadow-format p.itemph,
#item .shadow-format2 p.itemph{
	float:left;
	margin-right:10px;
	display:inline;
	}

#item .shadow-format p.itemtitle,
#item .shadow-format2 p.itemtitle{
	margin:8px 0 21px;}

#item .shadow-format p.buycopy,	
#item .shadow-format2 p.buycopy{
	margin-bottom:3px;}

#item .booksub{
	width:486px;
	margin:0 auto 20px;
	}

#item .booksub h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;}

#item .bookrecommend{
	width:486px;
	background:#fbe597 url(../img/bg_bookcomment-btm.gif) no-repeat left bottom;
	margin:0 auto 30px;
	padding-bottom:20px;}

#item .bookrecommend-head{
	background:url(../img/bg_bookcomment-top.gif) no-repeat left top;
	}

#item .bookrecommend-l{
	float:left;
	width:90px;
	margin:0px 15px 0 20px;
	display:inline;
	}

#item .bookrecommend-r{
	float:left;
	width:310px;
	margin:0px 30px 0px 0px;
	display:inline;
	border-left:1px solid #c3b169;
	padding-left:20px;
	}

#item .bookrecommend-r h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;}

#item .bookcontents{
	width:470px;
	margin:0 auto 40px;}



#item .bookcontents table{
	width:470px;
	}
	
#item .bookcontents table.line{
	width:420px;
	color:#424242;
	}
#item .bookcontents table.line2{
	width:420px;
	color:#424242;
	border:solid 1px #D1D1D1;
	}

#item .bookcontents h4{
	margin-bottom:10px;}

#item .bookcontents th{
	color:#c3ae46;
	}

#item .bookcontents th,
#item .bookcontents td{
	padding:5px 10px;
	vertical-align:top;}

#item .bookcontents th.gy,
#item .bookcontents td.gy{
	background:#f4f4f4;
	}

#item .shadow-format h4{
	margin-bottom:10px;
	}

#item .shadow-format p.taidancopy{
	margin-bottom:40px;
	}

#item .dvdbox{
	background:url(../img/bg_dvd-comment.gif) no-repeat top;
	width:482px;
	margin:0 auto 50px;
	}

#item .dvdbox h4{
	font-size:14px;
	font-weight:bold;
	padding:20px 25px 5px;
	}

#item .dvdbox01 h4{ color:#5aa23e;}
#item .dvdbox02 h4{ color:#dd78b2;}
#item .dvdbox03 h4{ color:#a13616;}

#item .dvdbox p{padding:0 25px 30px;}
#item .dvdbox01 p{background:url(../img/bg_dvd-comment01.gif) no-repeat bottom;}
#item .dvdbox02 p{background:url(../img/bg_dvd-comment02.gif) no-repeat bottom;}
#item .dvdbox03 p{background:url(../img/bg_dvd-comment03.gif) no-repeat bottom;}


#item .dvd-format{
	padding:0px 33px 0;
	margin-bottom:10px;}


#item .dvd-format p.itemph{
	float:left;
	margin-right:10px;
	display:inline;
	}

#item .dvd-format p.itemtitle{
	margin:8px 0 30px;}
	
#item .dvd-format p.buycopy{
	margin-bottom:3px;}

#item .box{
width:565px;
margin-bottom:20px;}

#item .box .item_left{
background:url(../img/bg_dot-gy3.gif) repeat-y right;
float:left;
width:270px;}

#item .box .item_left dl.info_left{
	text-align:left;
	margin:5px 5px 0 0;
	font-size:10px;
	line-height:1.3;
	float:left;}

#item .box .item_left dl.info_left dt{
	float:left;
	}

#item .box .item_right{
float:left;
margin:0 0 0 8px;
width:280px;}

#item .box .item_right dl.info_left{
	text-align:left;
	margin:5px 5px 0 0;
	font-size:10px;
	line-height:1.3;
	float:left;}

#item .box .item_right dl.info_left{
	margin-bottom:5px;
	}

#item .box .item_right dl.info_left dt{
	float:left;
	}


/*----------------------------------
=03 corporate
----------------------------------*/

#corporate{
	width:550px;
	margin:0 auto;
	text-align:left;
	}


.greet-l{
	float:left;
	width:350px;
	}

.greet-r{
	float:left;
	width:200px;
	}

.greet-tl{
	float:left;
	width:530px;
	}

#corporate p.copy{
	margin:0 15px;
	}

#corporate h3{
	margin-bottom:40px;
	}
#corporate .greeting h3{
	margin-top:0px;
	margin-bottom:0px;}

#corporate h4{
	margin-top:40px;
	margin-bottom:10px;
	}
#corporate .greeting p.right{
    text-align:right}


.gaiyo{
	background:url(../img/bg_dot-gy.gif) repeat-x left bottom;
	padding-bottom:1px;
	width:465px;
	margin-left:45px;

	}
.btn{
	padding-bottom:1px;
	text-align:center;
	width:465px;
	margin:20px 0 0 45px;

	}


#corporate .gaiyo table tr{
	background:url(../img/bg_dot-gy.gif) repeat-x;
	}

#corporate .gaiyo table th{
	padding:10px;
	background:#f6f6f6 url(../img/bg_dot-gy.gif) repeat-x top;
	white-space:nowrap;
	vertical-align:top;}

#corporate .gaiyo table td{
	padding:10px;
	vertical-align:top;}

#corporate p.charaimage{
	text-align:center;
	margin:30px auto;
	}



/*----------------------------------
=03 yokogao
----------------------------------*/

#yokogao{
	width:533px;
	margin: 0 auto;
	}

#yokogao #photo-l{
	float:left;
	text-align:left;
	width:324px;
	}
#yokogao #photo-l h3{
	margin:40px 0 65px;
	}

#yokogao #photo-l p strong{
	color:#626060;}
	
#yokogao #photo-r{
	float:left;
	width:208px;
	}
	

#yokogao #profile{
	margin:30px 0;}

#yokogao #profile .profile-l{
	float:left;
	width:245px;
	text-align:left;
	margin-right:32px;
	}

#yokogao #profile .profile-r{
	width:245px;
	float:left;
	text-align:left;
	}
#yokogao #profile p{
	margin-left:2px;}

#yokogao #profile h4{
	margin-bottom:10px;}

.kyoto{
	margin-bottom:10px;}
.kyoto-l{
	width:90px;
	float:left;
	margin-right:10px;
	}

.kyoto-r{
	width:145px;
	float:left;
	}


#ryakureki,#course,#theme,#lisence{
	width:527px;
	margin:0 auto 20px;
	text-align:left;
	}

#ryakureki h5,#course h5,#theme h5,#lisence h5{
	margin-bottom:3px;}


#ryakureki{ background:#ece0f2 url(../img/bg_yokogao-profile.gif) no-repeat left bottom; margin-top:50px;}
#course{ background:#d5d3ed url(../img/bg_yokogao-jisseki.gif) no-repeat left bottom;}
#theme{ background:#d3d9ed url(../img/bg_yokogao-theme.gif) no-repeat left bottom;}
#lisence{ background:#d3deed url(../img/bg_yokogao-license.gif) no-repeat left bottom;}


.rclbox{
	padding:0 30px 30px;}
.ryakureki-l{
	float:left;
	width:70px;
	vertical-align:top;
	}

.ryakureki-r{
	float:left;
	width:380px;
	vertical-align:top;
	border-left:1px solid #fff;}

.ryakureki-r p{
	padding-left:20px;}

.course-l{
	float:left;
	margin-right:10px;
	width:100px;
	}

.course-f{
	float:left;
	width:400px;
	}
	
	
img.sample-img{
margin-top:20px;}