@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:12px;
	line-height: 17px;
	color:#555;
	background: #eee;
}


/*基本設定*/
td, th {
	text-align: left;
	line-height:1.6;
	vertical-align: top;
}
h1, h2, h3, h4, h5, p, ul, li, dl, dd, dt{margin: 0;padding: 0;}
h2 {font: bold 20px/25px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {vertical-align:bottom;}

.font10, .font10 td {font-size:10px;line-height: 13px;}
.font15, .font15 td {font-size:15px;line-height: 20px;}
.font18, .font18 td {font-size:18px;line-height: 23px;}
.font20, .font20 td {font-size:20px;line-height: 25px;}


.clear {clear: both;font: 0pt/0pt;}
/*--clearfix--*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

.td5 {margin: 0;padding: 0 5px;}
.td15 {margin: 0;padding: 0 15px;}
.td20 {margin: 0;padding: 0 20px;}
.pad20{ margin: 0; padding: 20px;}
.marginTop1 {margin-top:1px;}
.marginTop5 {margin-top:5px;}
.marginTop10 {margin-top:10px;}
.marginTop15 {margin-top:15px;}
.marginTop20 {margin-top:20px;}
.marginTop30 {margin-top:30px;}
.marginTop50 {margin-top:50px;}
.marginleft50 {margin-left:50px;}
.marginTop80 {margin-top:80px;}
/*基本設定*/


/*レイアウト設定*/
.oneColFixCtrHdr #container {
	width: 900px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃え*/
	text-align: left; /* この設定は bodyのtext-align: center より優先*/
	background:#ffffff url(../images/bg.gif) no-repeat left top;
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 0 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 50px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
.oneColFixCtrHdr #mainContent2 {
	padding: 0 50px; 
	background: url(../images/bg2.gif) no-repeat right bottom;
}
.footer {
	background: url(../images/fut.jpg) no-repeat;
	height: 57px;
	width: 900px;
	padding-top: 15px;
	font-weight: bold;
	color: #FFF;
}

.footer a {
color: #FFF;
}

.textgreen {
	color: #399;
}
.textorange {
	color: #F60;
}
.panel {
	font: bold 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
	border: 1px solid #000;
	text-align: center;
}

.button {
	border-top: 1px solid #e3be04;
	background: #db3434;
	background: -webkit-gradient(linear, left top, left bottom, from(#d68904), to(#db3434));
	background: -moz-linear-gradient(top, #d68904, #db3434);
	padding: 11px 22px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	vertical-align: middle;
   }
.button:a {
   color: #ccc;
   }
.tablecenter {
	text-align: center;
}
.button:hover {
   border-top-color: #cc4700;
   background: #cc4700;
   color: #ccc;
   }
.button:active {
   border-top-color: #ffffff;
   background: #ffffff;
   }
a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}