@charset "utf-8";
/* ::::::::::::: ファイル情報 ::::::::::::: 


TOPページCSS


ファイル：/css/styles.css
作成日：2010/02/10
更新日：2010/03/31
作者: Chiaki Susa
更新者： Chiaki Susa
:::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::::::::::::::::::::::

	Layout

:::::::::::::::::::::::::::::::::::::::: */

/*
	main
----------------------------------------- */

/* top_visual */
div#top_visual {
	padding: 1px 0;
}	
div#main div.column {
	width: 330px;
	letter-spacing: 0.1em;
}
div#main div.column h2 {
	margin-bottom: 20px;
}
div#main div#course_ranking {
	float: left;
}
div#main div#event_info {
	float: right;
}

/* bnr */
div#top_visual div#bnr {
	padding: 0 8px 8px;
	background-color: #f7f7f7;
}	
div#top_visual div#bnr h2 {
	margin-top: 8px;
}	
div#top_visual div#bnr h2 a:link img , div#top_visual div#bnr h2 a:visited img {
	border: #ccc 1px solid;
}	
div#top_visual div#bnr h2 a:hover img , div#top_visual div#bnr h2 a:active img {
	border: #f60 1px solid;
}


/* column共通 */	
div#main div.column div.box {
	margin-bottom: 20px;
	background: none;
	padding: 0;
}
div#main div.column div.box h3 {
	margin: 0;
}
div#main div.column div.box p {
	margin-bottom: 10px;
	font-size: 85%;
	color: #777;
	line-height: 1.4;
}
div#main div.column div.box p.t_right {
	margin: 0;
}

/* course_ranking */
div#main div#course_ranking div.box div {
	width: 250px;
}
div#main div#course_ranking div.box h3 {
	
}	
div#main div#course_ranking div.box div.best h3 {
	font-size: 93%;
	font-weight: bold;
	color: #f60;
	line-height: 1.4;
	letter-spacing: 0.1em;
	margin-bottom: 7px;
}
div#main div#course_ranking div.box div.best h3 span {
	font-size: 85%;
	font-weight: normal;
}
div#main div#course_ranking div.box div.best img {
	margin-right: 8px;
}

/* event_info */			
div#main div#event_info div.box div {
	width: 220px;
}
div#main div#event_info div.box div h3 span {
	font-size: 85%;
	color: #777;
	font-weight: normal;
}
div#main div#event_info div.box div h3 {
	font-size: 93%;
	font-weight: bold;
	color: #68aa11;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
div#main div#event_info div.box div h4 {
	margin: 7px 0 10px;
	font-size: 85%;
}

/* faq */
div#main div#faq {
	padding: 20px 30px 10px;
	border: #eee 3px solid;
}
div#main div#faq h2 {
	font-size: 108%;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.1em;
	width: 100px;
}
div#main div#faq div {
	width: 480px;
	padding-left: 30px;
	border-left: #e7e7e7 1px solid;
}
div#main div#faq div h3 {
	height: 16px;
	padding-left: 25px;
	margin-bottom: 0.5em;
	font-size: 93%;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.1em;
}
div#main div#faq div h3#faq_01 {
	background: url(../img/icon-faq-1.gif) no-repeat;
}
div#main div#faq div h3#faq_02 {
	background: url(../img/icon-faq-2.gif) no-repeat;
}
div#main div#faq div h3#faq_03 {
	background: url(../img/icon-faq-3.gif) no-repeat;
}
div#main div#faq div p {
	padding-left: 26px;
	margin-bottom: 1em;
	letter-spacing: 0.1em;
	color: #666;
}

/*
	sidebar
----------------------------------------- */	

/* news */
div#sidebar div#news {
	background-color: #f8f8f8;
	margin-bottom: 20px;
}
div#sidebar div#news dl {
	padding-bottom: 15px;
	margin: 0 10px;
	color: #666;
}
div#sidebar div#news dl dt {
	padding: 0.9em 0 0.2em;
	font-size: 85%;
}
div#sidebar div#news dl dd {
	line-height: 1.6;
	font-size: 93%;
}
/* bnr */
div#sidebar div#bnr {
	margin-bottom: 20px;
}	
div#sidebar div#bnr p {
	margin-bottom: 10px;
}
div#sidebar div#bnr p.btm {
	margin: 0;
}