/*************************************************
公文日本語教室　英語通信の設定
/jpn/english/course_correspondence/css/correspondence.css

10.06.21
*************************************************/

/* clearfix */

#contentMain div.box,
#contentMain div.message div.inner {
	display: inline-block;
}

#contentMain div.box,
#contentMain div.message div.inner {
	/* \*/
	display: block;
	/*  */
}

#contentMain div.box:after,
#contentMain div.message div.inner:after {
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	content: ".";
}

/* section */

div.section {
	margin-bottom: 20px;
}

/* message */

#contentMain div.message {
	background: #f5f2e8;
	padding: 10px;
}

#contentMain div.message p.col-l,
#contentMain div.message p.col-r {
	margin: 0;
	background: #FFFFFF;
	padding: 15px;
	border: 1px solid #CCCCCC;
	width: 634px;
	float: none;
}

#contentMain div.message p.col-r {
	margin-top: 10px;
}

/* 詳細エリア */

#contentMain div.box {
	margin-top: 10px;
}

#contentMain div.box img {
	vertical-align: top;
}

/* 詳細画像 */

#contentMain div.detailPic {
	background: #00B3D5;
	padding: 20px;
	float: left;
}

/* タブメニュー */

#contentMain ul.tabMenu {
	margin: 0;
	padding: 0;
	border-top: 1px solid #00B3D5;
	float: left;
}

/* 表示切り替え */

.current img {visibility: hidden;}
.current a {cursor: default; outline: 0;}

#tab_0 {background: url(../images/tab_01_ac.gif) no-repeat;}
#tab_1 {background: url(../images/tab_02_ac.gif) no-repeat;}
#tab_2 {background: url(../images/tab_03_ac.gif) no-repeat;}
#tab_3 {background: url(../images/tab_04_ac.gif) no-repeat;}
#tab_4 {background: url(../images/tab_05_ac.gif) no-repeat;}
#tab_5 {background: url(../images/tab_06_ac.gif) no-repeat;}
#tab_6 {background: url(../images/tab_07_ac.gif) no-repeat;}
#tab_7 {background: url(../images/tab_08_ac.gif) no-repeat;}

/* notice */

#contentMain ul.notice li {
	margin-top: 1em;
}

/* online */
#contentMain .onlinebox {
	padding:10px 0 20px;
}
#contentMain .onlinebox .imgarea {
	float:left;
	width:190px;
}
#contentMain .onlinebox .txtarea {
	float:right;
	width:494px;
	color: #557630;
	font-weight: bold;
	font-size:120%;
}