@charset "utf-8";
@import url(common.css);

/*--------------------
container-home
--------------------*/

#container-home{
	width:920px;
	margin:0 auto;
	background-color: #ffffff;
	text-align:left;
	}

/*--------------------
main-visiual
--------------------*/

#main-visual{
	width:920px;
	height:290px;
	clear:both;
	margin-bottom:20px;
	}
	
#main-visual img{
	padding-top:5px;
	}
	
/*--------------------
content-home
--------------------*/
#content-home{
	position:relative;
	width:920px;
	}

/*--------------------
main-content
--------------------*/

#main-content{
	float:left;
	width:480px;
	padding-bottom:50px;
	padding-left:20px;
	padding-right:20px;
	background:url("../images/00logo_silhouette.gif") no-repeat 360px 25px;
	}

h2#title{
	color:#1e4ba0;
	font-size:130%;
	width:480px;
	padding-bottom:10px;
	border-bottom:1px solid #d2d2d2;
	}
	
span#color{
	color:#000000;
	}
	
#main-content p{
	margin-top:10px;
	margin-bottom:15px;
	margin-left:10px;
	}
	
#main-content h3{
	margin-left:10px;
	margin-bottom:10px;
	}
	
h2 .title-topics{
	padding-top:10px;
	padding-bottom:10px;
	}
	
table{
	margin:10px;
	}
	
td{
	vertical-align:top;
	border-top:1px dotted #c8c8c8;
	border-bottom:1px dotted #c8c8c8;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	}
	
td.tyumoku img{
	padding-top:2px;
	}
.sample_jisseki {
float:left;
width:140px;
margin-left:15px
}
/*--------------------
content/sub-content
--------------------*/

#sub-content{
	float:right;
	width:180px;
	padding:0 10px;
	padding-bottom:50px;
	}
	
#sub-content h2{

	}
	
#sub-content h3{
	color:#333333;
	width:160px;
	margin:20px 0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	}
	
#title-color{
	border-bottom:1px solid #5cc1f0;
	background:url("../images/ud_colors.gif") no-repeat left 2px;
	}
	
#title-color2{
	border-bottom:1px solid #375273;
	background:url("../images/ud_inori.gif") no-repeat left 2px;
	clear:both;
	}
	
.sub-topics{
	padding-right:19px;
	padding-left:10px;
	padding-bottom:10px;
	}
	
.sub-topics p{
	padding-bottom:2px;
	}

#link{
	margin-right:10px;
	margin-left:10px;
	font-size:90%;
	}
	
.gotopage{
	margin-top:0px;
	text-align:right;
	}
	
.gotopage2{
	float:right;
	margin-bottom:20px;
	}
	
.gotopage2 p{
	padding-bottom:10px;
	}
	
.gotopage a,
.gotopage2{
	background:url("../images/icon_yajirusi01.gif") no-repeat left 17px;
	padding-left:14px;
	}