/***** TEMPLATE *****/
body{

	margin:0;
	padding:0;

	text-align:center;
}


div#site{
	width:780px;

	margin:0 auto;

	text-align:center;

	padding:20px 10px 0px 10px;
	background:#ffffff url("clipart.files/back1.gif") 50% 50% repeat-y fixed;

}


div#wrapper{
	width:720px;

	margin:0 auto;

	background-image: url("clipart.files/back2.gif");
}


div#top-left{
	float:left;
	width:400px;
	height:80px;
	text-align:left;

	padding-top:20px;
}

div#top-right{
	float:right;
	width:260px;
	height:80px;
	text-align:left;

	padding-top:12px;
	color:#000000;
	font-size: 12px;
}

div#menu{

	width:720px;
	height:40px;

/***** tab  *****/
	float:left;
	background:#696969;		
}

div#middle{
	width:720px;
	height:800px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;	
}

div#m-top{
	width:720px;
	height:150px;
	text-align:center;
	padding-top:0px;
	padding-left:0px;	
}

div#m-bottom{
	width:720px;
	height:650px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;	
}

div#p-left{
	float:left;
	width:450px;
	height:300px;
	text-align:left;
	padding-left:10px;
}

div#p-right{
	float:rigth;
	width:250px;
	height:300px;
	text-align:left;
	padding-top:25px;
	padding-left:0px;
	font-size: 25px;
}

div#m-left{
	float:left;
	width:400px;
	height:400px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
}

div#m-right{
	float:rigth;
	width:200px;
	height:400px;
	text-align:left;
	padding-top:25px;
	padding-left:10px;
}

div#bottom{
	clear:both;
	width:720px;
	height:20px;
	padding-top:10px;
	background-color:#696969;
	color:#ffffff;
	font-size: 10px;
}

/***** MENU *****/
div#menu ul{

	margin:0;
	padding:0;

}



div#menu li{

	float:left;

	margin:0;
	padding:0;
	text-align:center;
	font-size:15px;

	list-style-type:none;

}


.on a{
	display:block;

	width:120px;
	line-height:40px;
	background:#000000;
	color:#DCDCDC
}



.off a{
	display:block;

	width:120px;
	line-height:40px;
	background:#696969;
	color:#ffffff
}



.on  a:hover   { background:#D3D3D3; color:#000000;
}
.off a:hover   { background:#D3D3D3; color:#000000;
}


/***** M-BOTTOM *****/
div#m-bottom p{
	padding-top:15px;
	padding-left:30px;
}

.sub-title{
	width:120px;
  	height:30px;
	background-color:#4682B4;
	margin-left:80px;
	padding-top:5px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size: 15px;
}

.sub-body{
	width:400px;
  	height:150px;
	border:solid 3px #4682B4;
	margin-left:80px;
	padding-top:20px;
	padding-left:20px;
	color:#000080;
	font-weight:bold;
	font-size: 20px;
}

/***** KYOUTUU *****/
h3{
	width:250px;
	height:35px;
	margin-top:30px;
	margin-left:15px;
	margin-bottom:4px;
	padding-top:5px;

   	padding-left:10px;
 	background:#800000;

  	border-bottom:4px solid #696969;

  	color:#ffffff;

}

p.3{
	padding-top:8px;
	padding-left:25px;
	font-size: 20px;
}

h4{
	width:230px;
	height:25px;
	margin-top:25px;
	margin-left:25px;
	margin-bottom:2px;
	padding-top:5px;

   	padding-left:10px;
	background-color:#5F9EA0;
	border-bottom:solid 2px #696969;
  	color:#ffffff;
}

p.4{
	padding-top:5px;
	padding-left:35px;
	font-size: 16px;
}

td.1{
	width:150px;	
	border-bottom: 1px solid #ccc;
	padding-top:15px;
	padding-left:30px;
}

td.2{
	width:400px;
	border-bottom: 1px solid  #ccc;
	padding-top:15px;
	padding-left:10px;
}


div#yen{
	width:160px;
	height:50px;
	background-image: url("clipart.files/yen.png");
	background-repeat: no-repeat;
	padding-top:3px;
	padding-left:10px;
	margin-top:30px;
	color:#ffffff;
	font-weight:bold;
	font-size: 15px;
}

div#mail{
	width:160px;
	height:60px;
	background-image: url("clipart.files/mail.png");
	background-repeat: no-repeat;
	padding-top:6px;
	padding-left:10px;
	margin-top:30px;
	color:#000080;
	font-weight:bold;
	font-size: 14px;
}

div#mail a:link    {color:#000080;}
div#mail a:visited {color:#000080;}
div#mail a:hover   {color:#FF8C00;}