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

 file name  :contents_top.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 各コンテンツのトップページレイアウト用
 #layout
 #page
  #contents
   #main
   #sub
  section
  
  
=================================================================== */


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


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



/* メニュー無し下層ページ */

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

#page {
	width: 780px;
	margin: 10px auto 0px auto;
	text-align: left;
}

/* 左右対称2カラム */

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

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

/* ぱんくず */

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

/* h2 */

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


/*----------------------------------------------------
	#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:32px;
	padding-bottom:20px;
}


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

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


/*----------------------------------------------------
	section
		各コンテンツ説明背景色設定
----------------------------------------------------*/

.section_img {
	float: left;
	margin-right:15px;
}
.link_txt {
	text-align:right;
	margin-top:10px;
}

/* 背景茶色 */

.section_brown {
	margin-bottom:20px;
	padding:10px;
	background-color:#330000;
	color:#FFFFFF;
	width:330px;
	height:185px;
}

.section_brown h3 {
color:#FFFFFF;
font-size:110%;
font-weight:bold;
padding-bottom:5px;
border-bottom:1px dashed #FFFFFF;
margin-bottom:5px;
}
.section_brown a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.section_brown a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.section_brown a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.section_brown a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

/* 背景赤色 */

.section_red {
	margin-bottom:20px;
	padding:10px;
	background-color:#c61a22;
	color:#FFFFFF;
	width:330px;
	height:185px;
	line-height:1.8;
}

.section_red h3 {
color:#FFFFFF;
font-size:110%;
font-weight:bold;
padding-bottom:5px;
border-bottom:1px dashed #FFFFFF;
margin-bottom:5px;
}
.section_red a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.section_red a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.section_red a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.section_red a:active {
	color:#FFFFFF;
	text-decoration:underline;
}


/* 背景明るい茶色 */

.section_light-brown {
	margin-bottom:20px;
	padding:10px;
	background-color:#cca467;
	color:#46210c;
	width:330px;
	height:185px;
	line-height:1.8;
}

.section_light-brown h3 {
color:#46210c;
font-size:110%;
font-weight:bold;
padding-bottom:5px;
border-bottom:1px dashed #46210c;
margin-bottom:5px;
}
.section_light-brown a:link {
	color:#46210c;
	text-decoration:none;
}
.section_light-brown a:visited {
	color:#46210c;
	text-decoration:none;
}
.section_light-brown a:hover {
	color:#46210c;
	text-decoration:underline;
}
.section_light-brown a:active {
	color:#46210c;
	text-decoration:underline;
}