@charset "Shift_JIS";



/*　ブラウザのデフォルトスタイルを初期化
----------------------------------------------*/

#spacer{height:5px;}

*{
  margin: 0;
  padding: 0;
  color: #686868;
  font-family: Verdana,Arial,"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif;
  font-size: 13px;
}

/*　wrapperを定義
----------------------------------------------*/

#wrapper {
  margin: 30px auto;
  width: 720px;
  text-align: left;
} 
  
/*　CLEWRFIXを定義
----------------------------------------------*/


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

img{
  border: 0px;
}
table {
    border-collapse: collapse;
}
table tr td {
	border: 0;
}
/*　主要なセレクタを定義
----------------------------------------------*/
body {
  margin: 0;
  padding:0 ;
  text-align: left;
  color: #000000;
}

#key-visual{
 width:718px; 
 height:331px;
 background-image:url(../images/top-key.jpg);
}

#aa{
 padding-top: 265px;
 padding-left: 444px;
}

.plan{
margin : 20px 0 0 0 ;
}

#contact{
 margin : 20px 0 0 0 ;
 width:717px; 
 height:52px;
 background-image:url(../images/contact1.jpg);
 padding-top:3px;
}

#bb  {
  width:357px; 
  height:41px;
  background-image:url(../images/ue2.jpg);
  margin: 5px 0 0 350px;
  background-repeat:no-repeat;
 
}

#bb a:hover{
	background-color: transparent;
}
#bb a:hover img{
  visibility: hidden;
}

#bb a{
	display:block;
}

.deta{
  margin : 20px 0 0px 10px ;
}

.add{
  list-style-type: square;
  width: 350px;
  margin-left: 30px;
  margin-top: 15px;
  line-height: 22px;
}

#address img{
  float: right;
  margin-top: -10px;
  margin-bottom:30px;
 }

#right{
	width: 330px;
	height: 670px;
	margin: 10px 0 10px 0;
	border: 2px solid #cccccc;
	padding: 5px;
	float: right;
}

.inner{
	list-style-type:none;
	padding: 10px;
	margin: 0 0 0 20px;
	width: 270px;
}

.inner-1{
	font-weight:bold;
	font-size:22px;
	color:#000099;
	line-height:50px;
}

.inner-2{
	list-style-type:none;
	color:#0099FF;
	line-height:40px;
	font-size:23px;
}

.inner-3{
	list-style-type:none;
	line-height:1.5;
	font-size:14px;
	padding-bottom:10px;
}

.inner-4 a{
	color:#0000CC;
	padding-bottom:10px;
}

#leftbox{
	float:left;
	width: 330px;
	height: 670px;
	padding: 5px;
	margin: 10px 0 10px 0;
	border: 2px solid #cccccc;
	position:relative;
}
	
.leftbox2 {
	list-style-type: lower-roman;
	width: 250px;
	margin: 0 0 0 20px;
}

.box li{
		width: 200px;
	
}

#cc{
	width:279px;
	height:34px;
	background-image:url(../images/s_2.jpg);
	position:absolute;
	bottom:15px;
	left:12px;
	
}

#cc a{
	display:block;
	border:0;
}

#cc a:hover{
	background-color: transparent;
}
#cc a:hover img{
  visibility: hidden;
}


.free{
	margin: 20px 0 20px 0;
	
}

/*　フッター
----------------------------------------------*/
#footer p{
	clear: both;
	width: 720px;
	margin: -20px 0 0 0px;
	padding-right:0px;
	text-align: right;
	font-size: small;
}	

.width_220px {
	width: 220px;
}
.width_330px {
	width: 330px;
}
.note {
	font-size: small;
	margin-left: 2px;
	color: #f10000;
}
#form {
	width: 330px;
}
#form tr {
	width: 330px;
	border-bottom: 1px dotted #cccccc; 
}
.red {
	background-color: #fcf0f0;
}
#form tr td p {
	padding: 5px;
	}
.margin-bottom_5px {
	margin: 0 0 5px 0;
}
.margin_5px_0 {
	margin: 4px 0;
}
.width2_640px {
	width: 640px;
	height: 20px;
	font-size: 12px;
}