@charset "utf-8";

/*
======== table of content. =================================

File name: css/detail.css
Summary: [詳細]用CSSファイル

============================================================
*/

/*-------------------------------------
上書き+追加
---------------------------------------*/
/* 上書き */
#mainTitle{
	background-image:url("../../images/common/news.jpg");
}
#mainLeft .box-dotline-container{
	margin:30px 0 0 0;
}
#mainLeft .box-dotline-container .box-dotline{
	width:100%;
	overflow:hidden;
	height:40px;
	padding:0 0;
	line-height:40px;
}

/* 追加 */
#mainLeft .box-dotline-container p.left{
	width:140px;
	float:left;
	display:inline;
	margin:0 0 0 1px;
	text-align:center;
	background:url("../../../images/tree/dotline_anchor_slush.gif") repeat-y 100% 0;
	
}
#mainLeft .box-dotline-container p.center{
	width:448px;
	float:left;
	display:inline;
	margin:0;
	text-align:center;
}
#mainLeft .box-dotline-container p.right{
	width:140px;
	float:right;
	display:inline;
	margin:0 1px 0 0;
	text-align:center;
	background:url("../../../images/tree/dotline_anchor_slush.gif") repeat-y 0 0;
	
}
#mainLeft .box-dotline-container p a{
	display:block;
}
#mainLeft .box-dotline-container p a:hover{
	color:#FFF;
	background:#333399;
}
#mainLeft .box-dotline-container p a:hover span.link-arrow{
	background-image:url("../../../images/common/ico_cursor_white.gif");
}
/*-------------------------------------
COMMON
---------------------------------------*/
.ico-event{
	padding:0 0 0 13px;
	background:
		url("../../../images/common/ico_event.gif")
		no-repeat 0 5px;
}
.ico-lesson{
	padding:0 0 0 13px;
	background:
		url("../../../images/common/ico_lesson.gif")
		no-repeat 0 5px;
}
.ico-news{
	padding:0 0 0 13px;
	background:
		url("../../../images/common/ico_news.gif")
		no-repeat 0 5px;
}
.ico-topics {
	padding:0 0 0 13px;
	background:
		url("../../../images/common/ico_topics.gif")
		no-repeat 0 5px;
	padding:0 0 0 13px;
}

/*-------------------------------------
date
---------------------------------------*/
#mainLeft dl.date{
	margin:10px 10px 0 10px;
}
#mainLeft dl.date dt{
	float:left;
}
#mainLeft dl.date dd{
	float:left;
	display:inline;
	margin:0 0 0 20px;
}


/*-------------------------------------
SECTION
---------------------------------------*/
#mainLeft div.section .index-content,
#mainLeft div.section p.text{
	margin:10px0 0 0;
}

#mainLeft table.baselist tbody th,
#mainLeft table.baselist tbody th {
	text-align:left;
}

/*-------------------------------------
PICT-AREA
---------------------------------------*/
#mainLeft .pic-area {
	width:711px;
	margin:0;
	overflow:hidden;
}
#mainLeft .pic-area dl {
	float:left;
	margin:10px 10px 0 0; 
}
#mainLeft .pic-area dl dt {
	padding:3px;
	border:1px solid #CCC;
	background:#FFF;
}
#mainLeft .pic-area dl dd {
	margin:5px 0 0 0;
	font-size:92%;
	text-align:center;
}



/* お問い合わせ */
#mainLeft div.contact {
	width:730px;
	margin:30px 0 0 0;
	overflow:hidden;
}
#mainLeft div.contact div.inside {
	background:url("../../../images/tree/bg_box_dotline_mid.gif") repeat-y 0 0;
}
#mainLeft div.contact div.inside div.bg-top {
	background:url("../../../images/tree/bg_box_dotline_top.gif") no-repeat 0 0;
}
#mainLeft div.contact div.inside div.bg-top dl {
	width:728px;
	padding:1px;
	background:url("../../../images/tree/bg_box_dotline_btm.gif") no-repeat 0 100%;
	overflow:hidden;
}
#mainLeft div.contact div.inside div.bg-top dl dt {
	float:left;
	width:229px;
	height:98px;
	background:#333399;
	text-align:center;
	line-height:98px;
	color:#FFF;
	font-weight:bold;
}
#mainLeft div.contact div.inside div.bg-top dl dd {
	float:left;
	width:449px;
	height:85px;
	padding:13px 20px 0 30px;
	background:#FFF;
	line-height:2;
}