@charset "utf-8";


/* contents
-----------------------------------------------*/
#contentsTopPage{
	background:url(../images/contents_top_bg.gif) repeat-x left top;
}


/* main
-----------------------------------------------*/
#main{
	float:left;
	width:724px;
}
#main div.mainInner{
	padding-left:14px;
}


/* TOP
-----------------------------------------------*/
#mainVisual{
	position:relative;
	height:335px;
	width:724px;
	margin-bottom:14px;
	background:url(../../images/main_visual_bg.gif) repeat-x left top;
}
#mainVisual a:link,
#mainVisual a:visited{
	color:#FFF;
}
#mainVisual a:hover,
#mainVisual a:active{
	color:#FF6;
}
#mainVisual h1{
	position:absolute;
	top:55px;
	right:25px;
	margin:0;
	z-index:10;
}
#mainVisual p{
	margin:0;
	padding:0;
}
#mainVisual p.noScriptImg{
	position:absolute;
	left:0;
	top:0;
	z-index:8;
}
#mainVisual ul#randomThumbs{
	position:absolute;
	right:25px;
	top:227px;
	z-index:20;
}
#mainVisual ul#randomThumbs li{
	float:left;
	padding-left:5px;
	position:relative;
	height:70px;
	width:70px;
	cursor:pointer;
}
#mainVisual ul#randomThumbs li span{
	display:none;
}
#mainVisual dl#homeTopics{
	position:absolute;
	left:0;
	bottom:0;
	height:23px;
	width:714px;
	overflow:hidden;
	z-index:15;
	color:#FFF;
	border-top:#ffbe9d 1px solid;
	background-color:#ff9900;
	margin:0;
	padding:4px 0 0 0;
	line-height:1.5;
	white-space:nowrap;
}
* html #mainVisual dl#homeTopics{
	bottom:-1px;
	height:28px;
	width:714px;
}
#mainVisual dl#homeTopics dt,
#mainVisual dl#homeTopics dd{
	margin:0;
	padding:0;
	display:inline;
	zoom:1;
}
#mainVisual dl#homeTopics dt{
	padding-right:4px;
	padding-left:10px;
}
#mainVisual dl#homeTopics dd span.date{
	padding-left:11px;
	background:url(../../images/icon_ticker.gif) no-repeat left center;
	zoom:1;
}
#mainVisual dl#homeTopics dd span.text{
	padding-left:5px;
	zoom:1;
}
#mainVisual .photoScreen{
	position:absolute;
	top:0;
	left:0;
	width:724px;
	height:335px;
	background:url(../../images/main_visual_bg.gif) repeat-x left top;
	z-index:5;
}
#mainVisual .photoScreen span{
	display:none;
}

#blogField{
	margin-bottom:14px;
}
#blogField:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #header ul#headNav{
	display:inline-block;
}
*:first-child+html #header ul#headNav{
	display:inline-block;
}
#blogField div.blogPickUp{
	float:left;
	width:467px;
}
#blogField div.blogPickUp h3{
	margin-bottom:10px;
}
#blogField #blogLoader{
	height:127px;
	overflow:auto;
	padding:0 10px;
}
#blogField #blogLoader h4{
	margin-bottom:7px;
	font-size:120%;
}
#blogField #blogLoader h4 span{
}
#blogField p.linkTxt{
	margin:0;
	padding:5px 5px 0 0;
}
#blogField p.blogBnr{
	float:right;
	width:232px;
	margin:0;
}

#topMenu{
	clear:both;
	width:710px;
	padding-bottom:14px;
}
#topMenu ul{
	margin:0 -4px 0 -7px;
	/margin-left:-7px;
	line-height:0;
	font-size:0;
	/font-size:100%;
	zoom:1;
}
#topMenu li{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	width:232px;
	margin:0 0 10px 7px;
	/margin:0 0 10px 7px;
	vertical-align:top;
	line-height:0;
	font-size:0;
	/font-size:100%;
	zoom:1;
}
#topMenu li div{
	position:relative;
	min-height:227px;
	min-width:170px;
	max-width:170px;
	border-top:#ff9900 1px dashed;
	padding:5px 0 0 62px;
	font-size:12px;
	/font-size:100%;
	line-height:1.4;
	zoom:1;
}
* html #topMenu li div{
	height:227px;
	width:232px;
}
#topMenu h3{
	margin-bottom:5px;
}
#topMenu p.linkBtn{
	position:absolute;
	top:1px;
	left:0;
}
#topMenu p.columnTxt{
	height:170px;
	width:158px;
	overflow:auto;
	margin-bottom:5px;
	padding-right:10px;
}
* html #topMenu p.columnTxt{
	width:170px;
}
#topMenu span.update{
	display:block;
	float:right;
	padding-left:15px;
	background:url(../images/icon_timer.gif) no-repeat 0 0.2em;
	color:#ff9900;
}

#topMenu li div.profile{
	background:url(../../images/profile_bg.jpg) no-repeat left top;
}
#topMenu li div.program{
	background:url(../../images/program_bg.jpg) no-repeat left top;
}
#topMenu li div.policy{
	background:url(../../images/policy_bg.jpg) no-repeat left top;
}
#topMenu p.linkTxt{
	padding-right:10px;
}

#topicsField{
	clear:both;
	width:710px;
	margin-bottom:10px;
	padding-bottom:46px;
	background:url(../../images/topics_bg.gif) no-repeat left bottom;
}
#topicsField h3{
	margin-bottom:10px;
}
#topicsField:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #topicsField{
	display:inline-block;
}
*:first-child+html #topicsField{
	display:inline-block;
}
#topicsField ul{
	padding:0 30px 0 35px;
	font-size:1%;
	line-height:1;
}
#topicsField li{
	display:inline-block;
	/display:inline;
	padding:0 5px 10px 5px;
	zoom:1;
}


/* side over write */
#sideArea div.mailMagazine{
	margin-bottom:28px;
}
#sideArea div.mailMagazine div.magazineInner{
	min-height:160px;
	padding-top:40px;
}
* html #sideArea div.mailMagazine div.magazineInner{
	height:200px;
}
