@charset "utf-8";

body {
   margin:0px;
   padding:0px;
   font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
   line-height: 1.5em;
			font-size:62.5%;
			color:#333;
			}

/* CSSの初期化 */
h1, h2, h3, h4, h5, h6, p, address,ul, ol, li, dl, dt, dd,table, caption, th, td, img, form {
margin:0 auto 0 auto ; padding: 0; font-style: normal; font-weight: normal;
}
/* テーブルのボーダーの単一化 */
table{ 
border-collapse:collapse;
font-size:inherit;
font:100%;
}

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }
/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }
/* hr 要素は不可視で使う （IE FireFox で同じ空白調整済）*/
hr { clear: both;	visibility: hidden;	margin: 0px;	padding-top: 15px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px; }

ul,li { 
list-style-type:none;
margin:0px;padding:0px;
}

a img { border:0; }

a:link{
color:#0C1566;
text-decoration:none;
}
a:hover{
color:#0C1566;
text-decoration:underline;
}
a:visited{
color:#0C1566;
text-decoration:none;
}
a:active{
color:#0C1566;
text-decoration:underline;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*wrap*/
#wrap{
padding:0px;
width:900px;
height:auto;
margin:auto;
}

/*header*/
#header{
width:autopx;
height:8px;
background-color:#3399cc;
}

#header h1{
padding:0 0 0 10px;
margin:0px;
color:#3399cc;
text-align:left;
font-size:1.0em;
font-weight:normal;
line-height:12px;
vertical-align:middle;
}


/*contents*/
#contents_wrap{
width:auto;
height:auto;
text-align:center;
}

.main_img{
margin-top:30px;
}

.title{
margin-top:40px;
}

.btn_area{
width:auto;
margin:40px 0 40px 0;
}

.btn_area .li01{
margin:0 20px 0 0;
float:left;
}

.btn_area .li02{
margin:0px;
float:right;
}

.subtext01{
margin:20px 0 20px 10px;
font-size:1.2em;
text-align:left;
}

.table01{
width:830px;
height:auto;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
font-size:1.4em;
}

.table01 td{
border-left:1px solid #000;
}

.table01 img{
padding:5px;
}

.table01 .td01{
padding:10px 10px 0 10px;
line-height:1.4em;
}

.table01 .td02{

padding:10px;
line-height:1.4em;
color:#fff;
}

.table01 span{
color:#44AC77;
font-weight:bold;
}

.table01 tt{
color:#ff0000;
font-weight:bold;
}


.inquiry_area{
width:900px;
height:280px;
margin:20px auto 0 auto ;
text-align:left;
position:relative;
}

.inquiry_area .photo{
position:absolute;
bottom:0px;
right:0px;
}

.inquiry_area .map{
position:absolute;
bottom:0px;
right:230px;
}

.inquiry_area .qr{
position:absolute;
bottom:0px;
right:460px;
}

.inquiry_area .logo{
position:absolute;
top:0px;
left:0px;
}

.inquiry_text{
width:350px;
height:auto;
line-height:1.8em;
text-align:left;
position:absolute;
bottom:0px;
left:10px;
font-size:1.2em;
}

.inquiry_text dt{
float:left;
width:70px;
}

/*footer*/

.footer{
margin-top:40px;
}

