/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background:url(../images/common/bg.gif) top repeat-x;
	color: #333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}

body a{
	color:#FF6C00;
	text-decoration:none;
}

body a:hover{
	color:#FF6C00;
	text-decoration:underline;
}

#contents {
	width: 840px;
	margin: 5px auto 10px auto;
	padding: 0px;
}

/* ---------- ヘッダー ----------*/

#header {
	width: 840px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	background:url(../images/common/title.jpg) no-repeat;
}

#header #headlogo {
	width: 205px;
	height: 35px;
	margin: 0px;
	padding: 4px 0px 0px 4px;
	float: left;
}

#header #headtxt {
	float: right;
	padding: 25px 155px 0px 0px;
	color:#FFFFFF;
}

/* ---------- フッター ----------*/

#footer {
	width: 840px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: #F9AD9B;
}

#footer #footcopy {
	float: right;
	color: #FFFFFF;
	padding: 3px 5px 0px 0px;
}

#footer .footbut a{
	float: left;
	display: block;
	height: 20px;
	color:#C77D34;
	background: #FABDAF;
	margin: 0px 1px 0px 0px;
	text-decoration:none;
}

#footer .foottxt{
	padding: 3px 6px 0px 6px;
}

#footer a:hover{
	background: #8BB4E2;
	color:#FFFFFF;
}



/* ---------- メインナビゲーション ----------*/

#navi {
	width: 840px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navi a:hover{
	color:#FFFFFF;
	background: #8BB4E2;
	text-decoration:none;
}

.naviSel {
	height: 22px;
	float: left;
	/*padding: 5px 9px 0px 9px;*/
}

.naviSel a{
	float: left;
	display: block;
	height: 22px;
	color:#FFFFFF;
	text-decoration:none;
}

.naviBar {
	float: left;
	padding: 2px 0px 0px 0px;
}

.naviImg {
	float: right;
	padding: 0px;
}

.naviTxt {
	padding: 5px 9px 0px 9px;
}

/* ---------- コンテンツエリア ----------*/

#mainframe {
	width: 840px;
	margin: 10px 0px 10px 0px;
}

#menuArea {
	width: 120px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contArea {
	width: 520px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}

#advArea {
	width: 180px;
	margin: 0px;
	padding: 0px;
	float: right;
}

/* ---------- 多聴多読マガジン ----------*/

#tado {
	width: 120px;
	margin: 0px;
	padding: 0px;
}

#tado #tadoTop {
	height: 44px;
	margin: 0px;
	padding: 0px;
	background:url(../images/common/tadoku_top.gif) top no-repeat;
}

#tado #tadoTop #tadoPos {
	text-align:center;
	padding: 28px 0px 0px 8px;
}	

#tado #tadoSign a{
	display:block;
	width: 120px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	background:url(../images/common/tadoku_bu1.gif) no-repeat;
}

#tado #tadoSign a:hover{
	background-position: 0px -29px;
}

#tado #tadoBack a{
	display:block;
	width: 120px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	background:url(../images/common/tadoku_bu2.gif) no-repeat;
}

#tado #tadoBack a:hover{
	background-position: 0px -28px;
}

#tado span{
	display:none;
}


/* ---------- メニューエリア ----------*/

#menu {
	width: 120px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	list-style: none;
}

#menu a{
	color: #333333;
	text-decoration:none;
}

#menu a:hover{
	color:#51C3A1;
	text-decoration:underline;
}

#menuTop {
	width: 120px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	background:url(../images/common/menutop.gif) no-repeat;
}

#menuTop #menuTopPos {
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	padding: 4px 0px 0px 0px;
}

#menuTop #menuTopPos a{
	color:#FFFFFF;
	text-decoration:none;
}

#menuTop #menuTopPos a:hover{
	text-decoration:underline;
}

#menuBot {
	width: 120px;
	height: 7px;
	margin: 0px;
	padding: 0px;
	background:url(../images/common/menubot.gif) no-repeat;
}

.menuBg {
	width: 120px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background:url(../images/common/menubg.gif) no-repeat;
}

.menuBg .menuPos {
	padding: 6px 0px 0px 24px;
}

/* ---------- バナーエリア ----------*/

.banPos {
	width: 120px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

/* ------------------------------------------- */

/*.clearboth{
	margin: 0px;
	padding: 0px;
	clear:both;
	height: 0px;
	font-size: 0px;
}*/

.clearboth:after{
	content: ".";
	display: block;
	height: 0px;
	clear:both;
	visibility:hidden;
}

.clearboth { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearboth{ height: 1%;}
.clearboth{display:block;}
/* End hide from IE-mac */


.img0 {
	margin: 0px;
	padding: 0px;
}

.imgL {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}

/* ---------- フォント ----------*/

.fontblue{
	color: #4078C4;
}

.fontorange{
	color: #FF6C00;
}

.fontred{
	color:#FF0000;
}

.fontwhite{
	color: #FFFFFF;
}

.fontgreen{
	color:#2FAB86;
}

.font14orange{
	font-size:14px;
	color: #FF6C00;
}

.font17orange{
	font-size:17px;
	color: #FF6C00;
}

.font14green{
	font-size:14px;
	color:#2FAB86;
}

.font10yellow{
	font-size:10px;
	color:#F7FF9A;
}

.font10black{
	font-size:13px;
	color:#000000;
	font-weight:lighter;
}

.fontsize14{
	font-size:14px;
}

.fontsize14l{
	font-size:14px;
	font-weight:lighter;
}


.fontsize10{
	font-size:12px;
	font-weight:lighter;
}

h2 {
	font-size: 16px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #4078C4;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

h3{
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}