
/* ----- bace ----- */
h1,h2,h3,h4,h5,h6,dl,dt,dd,li,p,form,input { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }

/* ----- clear ----- */
.tsukiClr { zoom: 100% }
.tsukiClr:after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }

/* ----- top image ----- */
#tsukiTop {
	width:750px;
	margin-bottom:20px;
}
#tsukiTop .topImg {
	height:162px;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_main_img.jpg) no-repeat left top;
}

#tsukiTop .topImg h1 {
	color:#696851;
	font-size:85%;
	line-height:110%;
	padding:85px 396px 0 58px;
}
#tsukiTop .topImg a {
	width:293px;
	height:19px;
	margin:7px 0 0 38px;
	display:block;
}

/* ----- first read ----- */
#tsukiRead {
	width:719px;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_firstread_b.gif) repeat-y left top;
	margin:0 0 20px 15px;
}
#tsukiRead .readT {
	background:url(//img.e87.com/selection/mother/2008images/tsuki_firstread_top.gif) no-repeat left top;
	padding:10px 0 9px 11px;
}
#tsukiRead .readT p {
	color:#696851;
	font-weight:bold;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_firstread_icon.gif) no-repeat left center;
	padding-left:18px;
}
#tsukiRead p.readP {
	color:#696851;
	padding:0 30px 0 27px;
}
#tsukiRead .readLink {
	text-align:right;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_firstread_end.gif) no-repeat left bottom;
	padding:0 14px 10px 0;
}

/* ----- course ----- */
div.tsukiCourse {
	width:719px;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_b.gif) repeat-y left top;
	margin:0 0 10px 15px;
}
div.tsukiCourse .boxtop {
	height:21px;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_boxtop.gif) no-repeat left top;
}
div.tsukiCourse .boxend {
	height:16px;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_boxend.gif) no-repeat left bottom;
}
div.tsukiCourse .boxL {
	width:304px;
	float:left;
}
div.tsukiCourse .boxR {
	width:391px;
	float:left;
}
div.tsukiCourse .boxL img.phBig { margin:0 0 3px 21px; }
div.tsukiCourse .boxL ul { padding-left:21px; }
div.tsukiCourse .boxL ul li {
	width:55px;
	float:left;
}
div.tsukiCourse .boxL p.ulUp {
	color:#696851;
	font-size:85%;
	text-align:right;
	padding:0 14px 2px 0;
}
div.tsukiCourse .boxL p.ulDown {
	color:#696851;
	font-size:85%;
	padding:2px 0 0 21px;
}
div.tsukiCourse .boxR .copy { height:22px; }
div.tsukiCourse .boxR h3.courseName { 
	padding:0 0 10px 7px;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_tl.gif) no-repeat left bottom;
}
div.tsukiCourse .boxR h3.courseName a { 
	color:#ca417d;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
}
div.tsukiCourse .boxR h3.courseName a:hover { 
	text-decoration:underline;
}
div.tsukiCourse .boxR p.courseEx {
	color:#696851;
	font-size:85%;
	padding:10px 8px 10px 8px;
	min-height:95px;
}
div.tsukiCourse .boxR .rphBox {
	width:143px;
	float:left;
}
div.tsukiCourse .boxR .rphBox img { margin-left:4px; }
div.tsukiCourse .boxR ul {
	width:248px;
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_line.gif) no-repeat left top;
	float:left;
}
div.tsukiCourse .boxR ul li {
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_line.gif) no-repeat left bottom;
	padding-top:5px;
}
div.tsukiCourse .boxR ul li.btn {
	text-align:right;
	background:none;
	padding:12px 0 7px 0;
}
div.tsukiCourse .boxR ul li p {
	color:#696851;
	font-size:85%;
	padding:0 0 5px 70px;
}
div.tsukiCourse .boxR ul li p.icon01 {
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_icon01.gif) no-repeat left top;
}
div.tsukiCourse .boxR ul li p.icon02 {
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_icon02.gif) no-repeat left top;
}
div.tsukiCourse .boxR ul li p.icon03 {
	background:url(//img.e87.com/selection/mother/2008images/tsuki_course_icon03.gif) no-repeat left top;
}
div.tsukiCourse .boxR p.coution {
	color:#696851;
	font-size:85%;
	padding:5px 7px 0 3px;
}
div.tsukiCourse .boxR p.coution span { color:#ff0000; }
div.tsukiCourse .boxR p.coution span.boldTit { font-weight:bold; }

