@charset "utf-8";

body,html,h1,h2,p,div,ul,li,dl,dt,dd,a,form,input{
	color: #333;
	margin:	 0;
	padding: 0;
}
	
/*--------------------------------------
  Structure Module
---------------------------------------*/

body {
	padding: 0 20px 20px;
	background-color: #fff;
	font:12px/1.5 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;
}
/* for IE7 */  
*+html body {  
font-family:'メイリオ';  
font-size:75%;  
}  
   
/* for IE6 */  
* html body {  
font-size:75%;  
}  

/*--------------------------------------
  Text Module
---------------------------------------*/

a,
a:link{
	color:#369;
	text-decoration: none;
}
a:visited {
	color:#639;
	text-decoration: none;
}
a:hover{
	color:#600;
	text-decoration:underline;
}
a:active {
	color:#600;
	text-decoration:underline;
}

/*--------------------------------------
  id
---------------------------------------*/
#wrapper{
	width: 100%;
}
#headArea{
	height: 71px;
	padding: 0 0 20px;
	background:url(../img/bg_head.gif) repeat-x left top;
	border-top: solid 10px #000;
}
#headArea dl dt{
	width: 215px;
	height: 71px;
	float: left;
}
#headArea dl dd{
	width: 337px;
	height: 71px;
	float: right;
	background:url(../img/bg_head_r.gif) no-repeat right top;
}
#headArea dl dd ul li{
	width: 162px;
	padding: 20px 0 0;
	float: left;
	list-style: none;
}
h1{
	padding: 11px 0 9px 21px;
	background: #e8e8e8 url(../img/bg_ttl.gif) repeat-x left top;
	border: solid 1px #d3d3d3;
	font-size: 150%;
}
#footArea{
	margin: 20px 0 0;
	border-top: solid 1px #bfbfbf;
}
#footArea p{
	padding:11px 0 0;
	text-align: center;
	font-size: 93%;
}
h2{
	height: 30px;
	margin: 20px 0 2px;
	padding: 0 0 0 12px;
	background: url(../img/bg_subt.gif) repeat-x left top;
	line-height: 2.2;
	color:#fff;
	font-size: 116%;
	font-weight: bold;
}
h2.top{
	margin-top: 17px; 
}
table.def{
	width: 100%;
	border-collapse: collapse;
}
table.def th{
	padding: 0.5em;
	background-color:#999;
	color:#fff;
	font-weight: normal;
	font-size: 107%;
	border: solid 3px #fff;
}
table.def .left{
	border-left: none;
}
table.def .right{
	border-right: none;
}
table.def .cell1{
	width: 5%;
}
table.def .cell2{
	width: 30%;
}
table.def .cell3{
	width: 15%;
}
table.def .cell4{
	width: 10%;
}
table.def .subject{
	text-align: left;
}
table.def td{
	padding: 0.5em;
	text-align: center;
	background-color:#f0f0f0;
	border: solid 3px #fff;
	font-size: 107%;
}
table.def tr.color td{
	background-color:#d7d7d7;
}

#leftArea{
	width: 55%;
	float: left;
}
#leftArea table{
	width: 100%;
	height: 100%;
}
#leftArea table th{
	width: 27%;
	padding: 0.5em 0 0.5em 0.5em;
	background-color:#999;
	color:#fff;
	font-weight: normal;
	font-size: 107%;
	text-align: left;
	vertical-align:top;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
}
#leftArea table td{
	width: 72%;
	padding: 0.5em 0 0.5em 0.5em;
	text-align: left;
	vertical-align:top;
	background-color:#f0f0f0;
	border-top: solid 3px #fff;
	font-size: 107%;
}
#leftArea table .last{
	height: 100%;
}

#rightArea{
	width: 40%;
	float: right;
}
#rightArea table{
	width: 100%;
}
#rightArea table th{
	width: 38%;
	padding: 0.5em 0 0.5em 0.5em;
	background-color:#999;
	color:#fff;
	font-weight: normal;
	font-size: 107%;
	text-align: left;
	vertical-align:top;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
}
#rightArea table td{
	padding: 0.5em 0 0.5em 0.5em;
	text-align: left;
	vertical-align:top;
	background-color:#f0f0f0;
	border-top: solid 3px #fff;
	font-size: 107%;
}
#rightArea table td input{
	width: 90%;
}
#rightArea table td.cell1{
	width: auto;
}
#rightArea table td.cell2{
	width: auto;
}
#rightArea table td.btn1{
	padding: 0.5em;
	text-align:right;
}
#rightArea table td.btn2{
	padding: 0.5em 0 0.5em 0.5em;
	text-align:right;
}
#rightArea table td.btn2 img{
	margin-right: 0.5em;
}


#btnArea{
	clear: both;
	padding: 40px 0 20px;
	text-align: center;
}
#btnArea li{
	display: inline;
	text-align: center;
}
#btnArea li#comment a{
	margin-right: 30px;	
}





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

#headArea dl {
  min-height: 1px;
}

* #headArea dl {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}