@charset "shift_jis";

* { margin: 0; padding: 0; top:0; border:0;}


body  {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace ,"メイリオ";
	background:#FFFFFF;
	margin: 0; 
	padding: 0; line-height:160%; font-size:12px;
	text-align: center; 
	color: #333;
}
 #container { 
	width: 800px; 
	background-color:#FFFFF7;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #ccc;
	text-align: left; 
	height:auto;
} 
 #header { 
	background: #DDDDDD; 
	padding: 0;  
} 
 #header h1 {
	margin: 0;
	padding: 0;
}

a:link { color: #333; text-decoration: none}
a:visited { color: #333; text-decoration: none}
a:hover { color: #669794; text-decoration: none;}
a:active {color:#669794}

#menu {margin:7px 10px 25px 5px; }

*:first-child+html #menu {margin:7px 10px 12px 5px;}

#menu a:link { color: #333; text-decoration: none}

#menu a:visited { color: #333; text-decoration: none}

#menu a:hover { color: #669794; text-decoration: none;}

#menu a:active {color:#669794}

#menu .tile {width:120px; height:20px; text-align:center; margin: 0 0 5px 10px; line-height:20px; background-color:#B1E2DF; float:left;font-size:12px}
.pan {text-align:right; margin:0 10px 2px 0 ; font-size:12px}

 #sidebar1 {	
	width: 232px; 
	padding: 0; float: left; 
}

 #sidebar1 p {padding: 0 0 7px 0;}

 #sidebar2 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 230px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	padding: 0; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	display: inline;
}

#sidebar2 .info {margin:10px 10px 10px 0; padding:10px; width:199px; height:220px; border:#699 1px solid; background-color:#fff;}
 
#mainContent { width:318px; margin: 0 ; padding: 0 10px; height:auto;  float:left;} 

#mainContent2 { width:548px; margin: 0 ; padding: 0 10px; height:auto;  overflow: hidden;float:left;} 


#footer {background:#666; height:20px; margin-bottom:20px; text-align:center; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:12px}

h2 {font-size:12px; font-weight:normal;}

.midashi {font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#2D91A9 ; font-size:12px}

table#table-01 {
    width: 550px;
    border: 1px #01A7A7 solid;
    border-collapse: collapse;
    border-spacing: 0; 
}

table#table-02 {
    width: 550px;
    border: 1px #FFFEF7 solid;
    border-collapse: collapse;
    border-spacing: 0; 
}
.td1 {
    padding: 5px;  
    border: 1px #01A7A7 solid;
    border-width: 0 0 1px 1px; background-color: #E0F2FC;
}

.td2 {
    padding: 5px;  background-color: #D3EDFA;
    border: 1px #FFFEF7 solid;
    border-width: 0 0 1px 1px;
}

.td3 {
    padding: 5px;  background-color: #E7E7E7;
    border: 1px #FFFEF7 solid;
    border-width: 0 0 1px 1px;
}

.p-m {font-size:14px; padding:5px 0 10px 0}

.p-mail {font-size:14px; padding:5px 0 10px 10px}

p.box {border-bottom: 1px solid #aaa; margin:0 10px;}
}