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

body{
	color:#555;
	background:fixed url(material/back.gif) #FFF repeat 100% 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.3;
	scrollbar-highlight-color:#FB595E;
	scrollbar-shadow-color:#FB595E;
	scrollbar-arrow-color:#FFD0D1;
	scrollbar-face-color:#FB595E;
	scrollbar-3dlight-color:#FB595E;
	scrollbar-darkshadow-color:#FB595E;
	scrollbar-track-color:#FFD0D1;
	scrollbar-base-color:#FFD0D1;
	font-size:13px;
}


div#container{
	width:650px;
	background: #FFFFFF;
	margin:0 0 0 50px;
	border:0px;
	text-align: left;
	border-left:#CCC 1px dotted;
	border-right:#CCC 1px dotted;
	border-bottom:#CCC 1px dotted;
}

div#header{
	text-align:center;
	color:#FFF;
	background:#FF8E92; 
	padding:0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}



div#mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFF7F7;
}

div#footer { 
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FF8E92;
} 

div#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size:12px;
}

h1,h2,h3,h4{
	text-decoration:none;
	font-size : 110%;
	border-left : 20px solid #FB595E;
	background-color:#FFD0D1;
	width:621px;
	height : 19px;
	margin:0 0 0 -20px;
	padding:3px 3px 3px 6px;
	color:#555;
	line-height:
}

div#menu * { margin:0; padding:0; }
div#menu{
background-color:#FF8E92; 
margin:0;
	border-top:1px dotted #ffffff;
	border-bottom:1px dotted #ffffff;
	height:25px;
}

div#menu a {

	border-right:1px dotted #ffffff; /* しきり棒 */
	display:block;
	width:129px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	background-color:#FF8E92;
	margin:0;
}

div#menu a#al{

	border-right:1px dotted #ffffff; /* しきり棒 */
	display:block;
	width:129px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	background-color:#FFD0D1;
	margin:0;
}


div#menu ul {
	width:650px; /* ボタンの数の幅を確保 */
	height:27px; /* バーの高さを確保 */
}
div#menu li {
	width:130px;
	float:left; /* liを左寄せ */
	list-style-type:none;
}



div#menu a:hover {
	color:#FF8E92;
	background-color:#FFF;
}

textarea{
	margin-bottom:20px;
	color:#555;
	border:#FF8E92 dotted 1px;
}

textarea{
	background-color:#FFF;
}


img#b{
	padding:5px 10px 5px 0;
	border:0px;
}

table,td,tr{
	padding:2px;
	margin-bottom:10px;
}

img#margin{margin:5px;}