@charset "shift-jis";

/*
		index.html
-------------------------------------------------------------------------------------------------*/

#main h1.course_list{
	margin: 0;
	padding: 0;	
}

h2{
	margin: 0 0 15px;	
}

/* back_link */

.back_link a{
	font-size: 14px;
	font-weight: bold;
	color: #0041ac;
	padding: 0 0 0 5px;	
}

/* page_top */

.page_top{
	text-align: right;
	margin: 0 0 25px;	
}

/* category_list */

ul#category_list{
	padding: 10px 5px 20px;	
}
ul#category_list li{
	display: inline;
	margin-right: 15px;
	font-size: 14px;
	font-weight: bold;
	
}

ul#category_list li a{
	color: #0041ac;	
}

/* page */



#page1{
	border: 1px solid #ff7800;
	padding: 6px;
	margin: 0 0 10px 3px;	
}

#page2{
	border: 1px solid #58b6e7;
	padding: 6px;
	margin: 0 0 10px 3px;	
}

#page3{
	border: 1px solid #f2ca12;
	padding: 6px;
	margin: 0 0 10px 3px;	
}

#page4{
	border: 1px solid #6bbb15;
	padding: 6px;
	margin: 0 0 10px 3px;	
}

#page5{
	border: 1px solid #ff5575;
	padding: 6px;
	margin: 0 0 10px 3px;	
}


#page6{
	border: 1px solid #a53cd5;
	padding: 6px;
	margin: 0 0 10px 3px;	
}


/* course_detail */

div.course_detail{
	padding: 0 0 10px;
	margin: 0 0 40px;
	width: 905px;
}

div.course_detail.btm{
	margin: 0;
}

/* left_box */

div.course_detail div.left_box{
	width: 122px;
	float: left;	
}

div.course_detail div.left_box p.img{
	margin: 0 0 10px;
	
}

div.course_detail div.left_box p.btn{
	margin: 0;
	
}

/* right_box */

div.course_detail div.right_box{
	width: 770px;
	float: right;
	padding: 0;
}

div.course_detail div.right_box h3{
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.0;
	margin: 0 0 15px;
}

div.course_detail div.right_box h3 span{
	font-size: 12px;
	font-weight: normal;	
}

div.course_detail div.right_box dl dt.name{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px;
	color: #FFF;
	padding: 10px 5px;
}

div.course_detail div.right_box dl dt.name span{
	background: #666;
	color:#FFFFFF;
	padding: 6px 10px;
	font-size: 12px;
	font-weight: normal;
	margin-left: 15px;	
}



div.course_detail div.right_box p{
	margin: 0 0 15px 5px;
}

div.course_detail div.right_box table{
	width: 100%;
	margin: 0 0 15px;
}

div.course_detail div.right_box table tr th{
	padding: 10px;
	vertical-align: top;
	width: 120px;
	text-align: center;
	background:#ffd3ab;
	border-bottom: 1px #FFFFFF solid;
}

div.course_detail div.right_box table tr th.top_th,
div.course_detail div.right_box table tr td.top_td{
	border-top: 1px #FFFFFF solid;
	
}

div.course_detail div.right_box table tr td{
	vertical-align: top;
	background: #f7f7f7;
	border-bottom: 1px #FFFFFF solid;
	padding: 10px;
}

div.course_detail div.right_box table tr td p{
	margin: 0;	
}

div.course_detail div.right_box table tr td dl dt{
	font-weight: bold;
	font-size: 14px;
}

div.course_detail div.right_box ul.imgs li{
	display: inline-block;
	border: 1px solid #c2bbb5;
	margin: 0 6px 0 0;
}

div.course_detail div.right_box ul.imgs li.r_end{
	margin: 0;
}

div.course_detail div.right_box p.btm{
	background: #ffe8d2;
	padding: 5px;
	margin: 15px 0 0;
}





/* 各ページ設定 */

/* page1 */

#page1 div.course_detail div.right_box h3{
	background: #ff7800;
}

#page1 div.course_detail div.right_box table{
	border-bottom: 2px solid #f08f38;
	border-top: 2px solid #f08f38;
}

#page1 div.course_detail div.right_box table tr th{
	background:#ffd3ab;
}



/* page2 */

#page2 div.course_detail div.right_box h3{
	background: #58b6e7;
}


#page2 div.course_detail div.right_box table{
	border-bottom: 2px solid #58b6e7;
	border-top: 2px solid #58b6e7;
}

#page2 div.course_detail div.right_box table tr th{
	background:#9ed5f2;
}

/* page3 */

#page3 div.course_detail div.right_box h3{
	background: #f2ca12;
}

#page3 div.course_detail div.right_box table{
	border-bottom: 2px solid #f2ca12;
	border-top: 2px solid #f2ca12;
}

#page3 div.course_detail div.right_box table tr th{
	background:#fff2b4;
}


/* page4 */

#page4 div.course_detail div.right_box h3{
	background: #84c241;
}

#page4 div.course_detail div.right_box table{
	border-bottom: 2px solid #84c241;
	border-top: 2px solid #84c241;
}

#page4 div.course_detail div.right_box table tr th{
	background:#bee990;
}


/* page5 */

#page5 div.course_detail div.right_box h3{
	background: #ff4366;
}

#page5 div.course_detail div.right_box table{
	border-bottom: 2px solid #ff4366;
	border-top: 2px solid #ff4366;
}

#page5 div.course_detail div.right_box table tr th{
	background:#ffcbd5;
}


/* page6 */

#page6 div.course_detail div.right_box h3{
	background: #ad47dc;
}

#page6 div.course_detail div.right_box table{
	border-bottom: 2px solid #ad47dc;
	border-top: 2px solid #ad47dc;
}

#page6 div.course_detail div.right_box table tr th{
	background:#e5bbf8;
}