@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 indexのレイアウト
 #layout
 #page
  #contents
   #main
   #sub
=================================================================== */


/*	clearfix　*/
.section, #contents_top, .clearfix{
    zoom:1;/*for IE 5.5-7*/
    position:relative;/*for preview*/
}
.section:after, #contents_top:after, .clearfix:after{/*for modern browser*/
    content:" ";/*for Netscape*/
    display: block;
    clear: both;
    height: 0;
}
 * html .section, * html #contents_top, * html .clearfix{
    display:inline-table;
    /**/display:block;/**/
}


/*----------------------------------------------------
	#layout
----------------------------------------------------*/

/* top */
#page_top {
	width: 780px;
	margin: 10px auto 0px auto;
	text-align: left;
}

#contents_top {
	width: 780px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#FFFFFF;	
}

#main_top {
	float: left;
	width: 451px;
	margin-left:28px;
	_margin-left:14px; /* IE6でmarginが2倍になるのでアンダースコアハックを使って対処 */
}

#sub_top {
	float: right;
	width: 250px;
	margin-right:28px;
	_margin-right:14px; /* IE6でmarginが2倍になるのでアンダースコアハックを使って対処 */
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
h1 {
width:780px;
text-align:left;
color:#0954E1;
margin-left:auto;
margin-top:5px;
margin-right:auto;
margin-bottom:10px;
font-weight:normal;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/


.pageTop {
	clear: both;
	text-align: right;
	margin-right:5px;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}

#main .topicsPath {
font-size:80%;
text-align:right;
margin-bottom:10px;
}

#main h2 {
color:#330000;
font-size:120%;
padding-bottom:5px;
border-bottom:1px solid #666666;
margin-bottom:15px;
}

/* top */
#topics {
margin-bottom:10px;
border:1px solid #000000;
padding-bottom:10px;
}

#topics2 {
margin-bottom:20px;
border:1px solid #000000;
padding-bottom:10px;
}

#press {
border-left:5px solid #cc0066;
border-bottom:1px solid #000000;
padding-bottom:10px;
}

.txtdata_box {
margin-left:auto;
margin-right:auto;
width:430px;
height:170px;
overflow:auto;
}

.txtdata_box dl{
margin-bottom:10px;
}

.txtdata_box dl dt {
margin-bottom:5px;
margin-left:80px;
text-indent:-80px;
}

.txtdata_box dl dt span.date {
margin-right:15px;
}

.txtdata_box dl dt a:link {
color:#cc0066;
}

.txtdata_box dl dt a:visited {
color:#cc0066;
}

.txtdata_box dl dt a:hover {
	text-decoration: none;
}

.txtdata_box dl dt a:active {
}

.txtdata_box .btm_line{
min-height:20px;
padding-left:80px;
margin-bottom:5px;
padding-bottom:5px;
background-image:url(../images/item/border01.gif);
background-position:bottom;
background-repeat:repeat-x;
}

.txtdata_box .btm_line2 {
padding-left:80px;
margin-bottom:5px;
padding-bottom:5px;
background-image:url(../images/item/border01.gif);
background-position:bottom;
background-repeat:repeat-x;
}


#news {
width:724px;
margin: 0 auto 20px auto;
}
#news p {
margin-left:10px;
}

/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
/* top */
#sub_top ul.top_side_btn {
margin-top:10px;
margin-bottom:10px;
}

#sub_top ul.top_side_btn li{
margin-bottom:3px;
}