@charset "utf-8";
/* CSS Document */


@import url(../common/reset.css);
@import url(../common/common.css);


#container {
	display		: block;
	position	: relative;
	width		: 680px;
	margin		: 0 auto;
}


/* clearFix */
#special26:after,
#special26 article .photos ul:after,
#special26 #kanazawa:after,
#special26 #hakata:after,
#special26 #hibiya:after,
#special26 #maihama:after,
#special26 #yokohama:after
{
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}


/* レイアウト -------------------------------------------------------- */



body{
background: url('img/bg.jpg') repeat-x scroll center top #FFF;
    margin: 0px auto;
    text-align:center;
}
#logo{
    display: block;
    position: relative;
    height: auto;
    margin: 10px 0 0px 0;
    padding: 0px 0px 0px 40px;
    text-align:left;
}
#header{
    display: block;
    position: relative;
    height: auto;
    margin: 52px 0px 0px 0px;
    padding: 0px;
}

#containt{
    display: block;
    position: relative;
    background: #ede7db;
    min-width: 680px;
   width: 100%;
   }


p {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


#containt_in p{
    text-align:left;
    padding: 0px 0px 0px 40px;
    line-height:1.5;
margin-bottom: 15px;
}
p.caution {
    color: #000
    font-size: 9pt;
    font-weight: normal;
}


#ttlspace{
    display: block;
    position: relative;
    background: #FFF;
    min-width: 680px;
   width: 100%;
line-height:0.5;
padding-top:60px;
   }


.btn_box{
margin:10px 0px;
   }

.btn_box img{
    width:60%;
    height:auto;
   }



/* ヘッダー ----------------------- */

#header .catarog{
margin-top:60px;
padding-bottom:40px;
}

/* コンテンツ ----------------------- */
#containt_in{
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 46px 0 46px 0;
    position: relative;
    width: 660px;
}

p.maintxt{
    font-weight: bold;
    font-size: 105%;
}
p.maintxt span.ex{
    color: #0654ba;
}

p.maintxt img{
   vertical-align: middle;
}


ul.caution{
    text-align:left;
}
ul.caution li{
 color: #000;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 9pt;
    font-weight: normal;
    margin: 0px 0 0 30px;
}

.img_box01{
  width: 600px;  
  height: 237px;  
  margin: 20px auto;  
  text-align: center;  
  background: url('img/cata_sample.jpg') no-repeat center;  
}

.img_box01 img {  
  display: none;  
}  


.img_box02{
  width: 600px;  
  height: 260px;  
  margin: 20px auto;  
  text-align: center;  
  background: url('img/info.jpg') no-repeat center;  
}
.img_box02 img {  
  display: none;  
}  


/* フッター ----------------------- */
#footer{
margin-top:20px;
margin-bottom:10px;
  border-bottom: 1px solid #eee;
   }

.footer_in{
padding-right:10px;
text-align:right;
   }

#copyright{
margin:0 auto 20px auto;
    font-size: 80%;
   }

/* モーダル ----------------------- */

#containt_in p.modal{
margin: 10px 0;
text-align:center;
}

p.modaltxt{
padding-bottom:20px;
font-size:120%;
}
         /* ページのブロック */
         .blockMsg h1   { margin:0; padding:30px; font-weight:bold; font-size:1.2em; }
         #domMessage      { padding:30px; }
         /* 要素のブロック */
         .blockMe      { padding:20px; margin:20px 0; border:10px solid #ccc; background-color:#ffd }
         /* ダイアログ */
         #question { background-color: #eee; padding: 25px 40px; }
         #question input { width: 8em }



#containt_in p.modal input[type="image"] {
text-align:center;
    margin: 0 auto;
width:60%;
}



/* -------------------------------------------------------------------
	本文共通
---------------------------------------------------------------------- */




/* -------------------------------------------------------------------
	個別
---------------------------------------------------------------------- */




/** ------------------------------------------------------------------
	スマフォ用レスポンシブ
---------------------------------------------------------------------- **/
@media (max-width: 767px) {


ul.caution li{
 color: #000;
    font-size: 125%;
}

#footer{
width:670px ;
   }

#copyright{
width:670px ;
   }

	/* 本文共通	--------------------------------- */
p.maintxt{
    font-weight: bold;
    font-size: 160%;
}


.btn_box img{
margin:10px 0px;
width: 100%;
height: auto;
width /***/:auto;
   }

#containt_in p.modal{
padding:0;
}

#containt_in p.modal input[type="image"] {
text-align:center;
margin:10px auto;
width: 100%;
height: auto;
width /***/:auto;
}


	/* 個別 ------------------------------------- */
  .img_box01 {
    width: auto;
    height: auto;
    background: none;
  }
  .img_box01 img {
    display: block;
margin:0 auto;
  }
  .img_box02 {
    width: auto;
    height: auto;
    background: none;
  }
  .img_box02 img {
    display: block;
margin:0 auto;
  }

p.modaltxt{
font-size:150%;
}


#question input{
font-size:150%;
}


}