@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
.oneColFixCtr #container {
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */S
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColFixCtr #mainContent {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
.oneColFixCtr #mainContent table#mainT{
	margin:30px 0 0 0;padding:0;
	width:671px;
	height:791px;}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h1,h2,h3{margin:0;padding:0;}
#leftMain{
	width:564px;
	background:url(img/mainback.jpg) left top no-repeat;}
#rightM1,#rightM2,#rightM3,#rightM4,#rightM5{
	margin:0;padding:0;
	width:77px;
	text-indent:-9999px;}
#rightM1 h2 a{
	height:136px;
	background:url(img/top_menu_r1_c1.jpg) left top no-repeat;
	display:block;}
#rightM2 h2 a{
	height:112px;
	background:url(img/top_menu_r2_c1.jpg) left top no-repeat;
	display:block;}
#rightM3 h2 a{
	height:116px;
	background:url(img/top_menu_r3_c1.jpg) left top no-repeat;
	display:block;}
#rightM4 h2 a{
	height:123px;
	background:url(img/top_menu_r4_c1.jpg) left top no-repeat;
	display:block;}
#rightM5 h2{
	height:304px;
	background:url(img/top_menu_r5_c1.jpg) left top no-repeat;
	display:block;}
#rightM11,#rightM21,#rightM31,#rightM41,#rightM51{
	margin:0;padding:0;
	width:77px;
	text-indent:-9999px;}
#rightM11 h2 a{
	height:136px;
	background:url(img/menu01_r1_c1.jpg) left top no-repeat;
	display:block;}
#rightM21 h2 a{
	height:112px;
	background:url(img/menu01_r2_c1.jpg) left top no-repeat;
	display:block;}
#rightM31 h2 a{
	height:116px;
	background:url(img/menu01_r3_c1.jpg) left top no-repeat;
	display:block;}
#rightM41 h2 a{
	height:123px;
	background:url(img/menu01_r4_c1.jpg) left top no-repeat;
	display:block;}
#rightM51 h2{
	height:304px;
	background:url(img/menu01_r5_c1.jpg) left top no-repeat;
	display:block;}
#rightM12,#rightM22,#rightM32,#rightM42,#rightM52{
	margin:0;padding:0;
	width:77px;
	text-indent:-9999px;}
#rightM12 h2 a{
	height:136px;
	background:url(img/menu02_r1_c1.jpg) left top no-repeat;
	display:block;}
#rightM22 h2 a{
	height:112px;
	background:url(img/menu02_r2_c1.jpg) left top no-repeat;
	display:block;}
#rightM32 h2 a{
	height:116px;
	background:url(img/menu02_r3_c1.jpg) left top no-repeat;
	display:block;}
#rightM42 h2 a{
	height:123px;
	background:url(img/menu02_r4_c1.jpg) left top no-repeat;
	display:block;}
#rightM52 h2{
	height:304px;
	background:url(img/menu02_r5_c1.jpg) left top no-repeat;
	display:block;}
#rightM13,#rightM23,#rightM33,#rightM43,#rightM53{
	margin:0;padding:0;
	width:77px;
	text-indent:-9999px;}
#rightM13 h2 a{
	height:136px;
	background:url(img/menu03_r1_c1.jpg) left top no-repeat;
	display:block;}
#rightM23 h2 a{
	height:112px;
	background:url(img/menu03_r2_c1.jpg) left top no-repeat;
	display:block;}
#rightM33 h2 a{
	height:116px;
	background:url(img/menu03_r3_c1.jpg) left top no-repeat;
	display:block;}
#rightM43 h2 a{
	height:123px;
	background:url(img/menu03_r4_c1.jpg) left top no-repeat;
	display:block;}
#rightM53 h2{
	height:304px;
	background:url(img/menu03_r5_c1.jpg) left top no-repeat;
	display:block;}
#rightM14,#rightM24,#rightM34,#rightM44,#rightM54{
	margin:0;padding:0;
	width:77px;
	text-indent:-9999px;}
#rightM14 h2 a{
	height:136px;
	background:url(img/menu04_r1_c1.jpg) left top no-repeat;
	display:block;}
#rightM24 h2 a{
	height:112px;
	background:url(img/menu04_r2_c1.jpg) left top no-repeat;
	display:block;}
#rightM34 h2 a{
	height:116px;
	background:url(img/menu04_r3_c1.jpg) left top no-repeat;
	display:block;}
#rightM44 h2 a{
	height:123px;
	background:url(img/menu04_r4_c1.jpg) left top no-repeat;
	display:block;}
#rightM54 h2{
	height:304px;
	background:url(img/menu04_r5_c1.jpg) left top no-repeat;
	display:block;}
#mainrogo{
	margin:90px 0 100px 350px;
	width:220px;
	height:90px;
	background:url(img/deepro_rogo.gif) center no-repeat;
	text-indent:-9999px;}
#footer{
	margin:290px 0 0 180px;
	width:410px;
	border-top:1px solid #333333;
	font-size:0.8em;
	text-align:right;}
#footer2{
	margin:100px 0 0 180px;
	width:410px;
	border-top:1px solid #333333;
	font-size:0.8em;
	text-align:right;}
#footer3{
	margin:76px 0 0 180px;
	width:410px;
	border-top:1px solid #333333;
	font-size:0.8em;
	text-align:right;}
#footer p,#footer2 p,#footer3 p{
	margin:5px;
	padding:0;}
#kotsu{
	margin:50px 0 50px 160px;
	width:400px;
	height:50px;
	text-indent:-9999px;
	background:url(img/topmessage.gif) left top no-repeat;}
#kouza{
	margin:50px 0 20px 160px;
	width:400px;
	height:50px;
	text-indent:-9999px;
	background:url(img/cate01.gif) left top no-repeat;}
#voice{
	margin:50px 0 20px 160px;
	width:400px;
	height:50px;
	text-indent:-9999px;
	background:url(img/cate02.gif) left top no-repeat;}
#koushi{
	margin:50px 0 20px 160px;
	width:400px;
	height:50px;
	text-indent:-9999px;
	background:url(img/cate03.gif) left top no-repeat;}
#taiken{
	margin:50px 0 20px 160px;
	width:400px;
	height:50px;
	text-indent:-9999px;
	background:url(img/cate04.gif) left top no-repeat;}
	
table#inputForm
	{margin:0 0 20px 160px;
	width:400px;
	font-size:0.7em;}
.required{font-style:normal;
	font-weight:normal;
	color:#990000;
	font-size:10px;}
#inputForm th,#inputForm td{
	padding:5px 10px;
	border-bottom:1px solid #E1D9CA;
	text-align:left;}
#inputForm th{
	width:110px;}
#inputForm td{
	background:#F8F6F2;}
#inputForm .text1,
#inputForm .text2,
#inputForm .text3,
#inputForm .text4{
	border:1px solid #E1D9CA;
	padding:3px;}
#inputForm .text1{
	width:130px;}
#inputForm .text2{
	width:220px;}
#inputForm .text3{
	width:220px;}
#inputForm .submit{
	text-align:center;}
#inputForm .text1:focus,
#inputForm .text2:focus,
#inputForm .text3:focus{
	border:1px solid #D94040;}
#traial{
	margin:0 0 10px 160px;
	font-size:0.8em;
	text-align:left;
	width:400px;
	color:#333333;
	line-height:130%;}
#profile{
	margin:10px 0 145px 140px;
	text-align:left;
	font-size:0.8em;}
#profile td{
	padding:5px 0;}
#voiceC{
	margin:10px 0 0 160px;
	width:390px;
	height:auto;
	text-align:left;
	font-size:0.8em;
	line-height:150%;}
#voiceC img{
	padding:10px 0 8px 0;}
#voiceC span{text-align:right;
	font-weight:bold;}
#kouzaID{
	margin:10px 0 3px 0;
	padding:3px 0 3px 5px;
	border-bottom:1px solid #FF0000;
	border-left:5px solid #FF0000;
	font-size:13px;}
#kouzaContent{
	margin:0 0 0 165px;
	width:360px;
	text-align:left;
	font-size:0.8em;}
#kouzaP{
	margin:0 5px;
	text-align:right;} 
#kouzaContent p{
	font-size:0.9em;}