/* CSS Document */
@charset "utf-8";

/* リセットスタイル　必要なら項目増やしてOK */
html,body,div,h1,h2,h3,p,
blockquote,pre,address,ul,ol,di,
dt,dd,table,th,td,form,fieldset{
	margin: 0;
	padding: 0;
	font-size:100%;
	font-style:normal;
	}

/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-table;
}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*テキストリンク*/
a:link,
a:visited {
	padding:0px;
	color:#cc6666;
	text-decoration:none;
}

a:hover,
a:active {
	padding:0px;
	color:#cc6666;
	text-decoration:underline;
}

/*以下コンテンツ*/
/*ここは共通使用可能*/
body{
	color:#663333;
	font-family:Arial,Helvetica,verdana,'メイリオ',"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	background: url(../img/gif/back.gif) repeat-x;
	background-color:#f7ecd8;
	font-size:12px;
	*font-size:80%; /*IE*/
	line-height:1.6;
	}
	
div#Container{
	width:950px;
	margin:0 auto;
	background-color:#FFFFFF;
	}
		
/*----------------------------------------------
　Header
----------------------------------------------*/
div#Header{
	position:relative;
	width:950px;
	height:91px;
	}
	
div#Header img{
	vertical-align:top;
	}

div#Header h1{
	font-size:95%;
	padding:0 0 0 10px;
	color:#996633;
	font-weight:normal;
	position:absolute;
	top:0px;
	left:10px;
	}

/*----------------------------------------------
　Navi
----------------------------------------------*/
div#Navi ul{
	width:950px;
	margin: 0px;
	padding: 0px;
	}
		
div#Navi ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}

div#Navi li{
	float:left;
	margin:0px;
	padding:0px;
	display:inline;
	}
	
div#Navi img{
	border:0px;	
	}

/*----------------------------------------------
　Main
----------------------------------------------*/
div#Main{
	width:840px;
	margin:0 auto;
	}
/*----------------------------------------------
　Con1
----------------------------------------------*/
div#Intro{
	width:410px;
	float:left;
	margin-right:20px;
	margin-top:10px;
	}
	
div#Yoyaku{
	width:410px;
	margin:10px 0 20px 0 ;
	float:left;
	background-color:#f7ecd8;
	}
	
div#yoyaku table{
	margin:0 auto;
	}
	
div#Yoyaku th{
	color:#993333;
	background-color:#ffcc99;
	border:1px solid #996633;
	text-align:center;
	}
	
div#Yoyaku td{
	text-align:center;
	}
	
	
/*----------------------------------------------
　Con2
----------------------------------------------*/
div#Con2{
	width:840px;
	margin:20px 0 20px 0;
	}

div#Topics{
	float:left;
	margin-top:10px;
	}
	
div#Topics table{
	width:400px;
	margin-right:20px;
	background-color:#FFFFFF;
	border:1px solid #ccc;
	text-align:left;
	}
	
div#Topics table th{
	text-align:left;
	}
	
div#Topics table td{
	text-align:left;
	}

div#Banner{
	float:left;
	width:410px;
	margin-top:10px;
	
	}
	
div#Banner img{
	border:1px solid #996633;
	}


/*フッター*/	
div #Footer{
	text-align:left;
	width:950px;
	height:130px;
	background-image:url(../img/jpg/footer.jpg);
	}
	
div #Footer h2{
	font-weight:normal;
	margin:0 0 0 10px;
	}
	
div #Footer div{
	text-align:right;
	margin-top:10px;
	margin-right:10px;
	}

address {
	text-align:right;
	font-size:86%;
	padding:10px;
	}