@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: top.css
	data:2008/03/26 kinoshita

■目次 ==========================================
■[01]:TOP
**************************************************** */


/* common.cssを上書きする↓ */
/********** --ビゲーション **********/
/*-----------------------------------------------------------
■共通
------------------------------------------------------------*/

/*-----------------------------------------------------------
■左列
------------------------------------------------------------*/

/* トピックス */
div.TopicBox{
	float: left;
	width: 610px;
}

div.TopicBox div.text{
	padding: 0 0 15px 0;
	background: url(/img/common/dot.gif) repeat-x bottom center ;
}

div.TopicBox dl{
	width: 610px;
	padding: 8px 0 15px 0;
	float: left;
	background: url(/img/common/dot.gif) repeat-x bottom center ;
}

div.TopicBox dl dt{
	float: left;
	padding-left: 15px;
	background: url(/img/common/arrow_rll.gif) no-repeat 0px 5px;
	width: 80px;
}

div.TopicBox dl dd{
	width: 515px;
	float: left;
	font-size: 14px;
}

div.TopicBox dl dd span{
	font-size: 10px;
	line-height: 16px;
}
div.TopicBox dl dd a:link 	{ color: #003999; text-decoration: underline; }
div.TopicBox dl dd a:visited 	{ color: #003999; text-decoration: underline; }
div.TopicBox dl dd a:hover 	{ color: #f0a900; text-decoration: underline; }

div.Pager{
	float: left;
	background-color: #e8e8e8;
	width: 100%;
	margin-top : 10px;
}

div.Pager div.number{
	float: left;
	padding: 5px;
}
div.Pager div.number a,div.Pager div.number span{
	float: left;
	padding: 5px 10px;
	border: 1px solid #003999;
	margin-right : 5px;
	font-weight: bold;
}

div.Pager div.number a{
	background-color: #fff;
}

div.Pager div.number span{
	background-color: #003999;
	color: #fff;
}

div.Pager div.number a:link 	{ color: #003999; text-decoration: none; }
div.Pager div.number a:visited 	{ color: #003999; text-decoration: none; }
div.Pager div.number a:hover 	{ background-color: #cda989; }

div.Pager div.bt{
	padding: 5px;
	float: right;
	width: 140px;
}

div.Pager div.bt a{
	float: left;
}

/*-----------------------------------------------------------
■トピックス　詳細
------------------------------------------------------------*/
div.TopicDetailBox{
	float: left;
	width: 100%;
}

div.TopicDetailBox div.title{
	width: 100%;
	float: left;
	background: url(/img/topics/bg_dot_ttl_top.gif) repeat-x left top #f3f3f3;
	margin-bottom : 10px;
	padding: 10px 0 0 0;
}

div.TopicDetailBox div.title p{
	float: left;
	background: url(/img/topics/maru.gif) no-repeat 5px 5px;
	width: 498px;
	font-size: 14px;
	font-weight: bold;
	color: #003999;
	padding-left: 22px;
}

div.TopicDetailBox div.title span{
	float: right;
	display:block;
	padding-right: 10px;
	width: 80px;
	text-align: right;
}

div.TopicDetailBox div.title div.bgBottomLine{
	float: left;
	background: url(/img/topics/bg_dot_ttl_bottom.gif) repeat-x left bottom #f3f3f3;
	width: 100%;
	height: 3px;
	padding-top: 7px;
	display:inline;
}
div.TopicDetailBox div.text{
	width: 610px;
	float: left;
	/* word-break:break-all; */
}

div.TopicDetailBox div.text img{ margin : 0 0 4px 10px; float: right; }


div.TopicDetailBox div.text dl{ float: left; width: 610px; }

div.TopicDetailBox div.text dl dt{
	float: left;
	/* word-break:break-all; */
	width: 310px;
	overflow:auto;
}
div.TopicDetailBox div.text dl dd{ float: right; width: 300px; text-align: right;}
div.TopicDetailBox div.text dl dd img{  margin: 0px;}


div.TopicDetailBox div.centerPhoto{
	text-align: center;
	float: left;
	width: 610px;
	margin: 10px 0;
}

div.PagerDot{
	background: url(/img/topics/bg_pager_dot.gif) repeat-x left top;
	float: left;
	height: 12px;
	margin-top : 10px;
	width: 100%;
}
div.mt0{ margin-top : 0px; }