@charset "UTF-8";



/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-



　　TOP 入り口



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/



/*===============================================================================

　リセットCSS

===============================================================================*/



h1, h2, h3, h4, h5, h6 {

	margin: 0px;

	padding: 0px;

}

p, hr, blockquote, address, noscript {

	margin: 0px;

	padding: 0px;

	font-style: normal;

	font-weight: normal;

	border: none;

}

ul, li , ol, dl, dt, dd , pre, table, form {

	margin: 0px;

	padding: 0px;

}

li  {

	list-style-type: none;



}

table , img {

	border: none;

}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {

	margin: 0px;

	padding: 0px;

	font-style: normal;

	font-weight: normal;

}

hr {

	display: none;

	clear: both;

}







/*===============================================================================

　全体設定

===============================================================================*/



html{overflow-y:scroll;}



/* リンクカラー */

a:link,

a:visited,

a:active {

	color: #333333;

	text-decoration: none;

	outline:none;

	}

a:hover {

	color: #ff3300;

	text-decoration: none;

	}



/* 全体レイアウト */

body {

	padding: 0;

	margin: 0;

	background:#fff url("image/bg.gif") repeat;

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

	font-size: 12px;

	line-height: 18px;

	color: #333333;

	text-align:center;

	}

		

/* 注意書き */	



.note dt {

  position: relative;

}

.note dt span {

  position: absolute;

}

.note dd {

  padding-left: 1em;

}



.br01{ clear:both;}



/*===============================================================================

　フレーム

===============================================================================*/





/* --背景--------------------------------------------------------------------- */



#wallpaper{

	display: block;

	width: 100%;

	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto -100px;

	}



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



#header{

	width:100%;

	height:80px;

	margin:0 auto;

	background:#999 url("image/h_bg.jpg") repeat-x left top;

	}

	

#h_area{

	width:1000px;

	height:100%;

	margin:0 auto;

	color:#fff;

	}



#header .logo{

	width:53px;

	height:53px;

	margin:18px auto 0 10px;

	text-align:left;

	float:left;

	text-indent:-9999px;

	background:url("image/logo.png") no-repeat;

	}

	

#header .txt_area{

	width:450px;

	height:50px;

	margin:20px 0 0 10px;

	padding-top:10px;

	float:left;

	font-size:15px;

	text-align:left;

	}

	

#header .txt{

	width:450px;

	font-weight:bold;

	}



#header .txt02{

	width:450px;

	margin-top:10px;

	}





/* --メニュー----------------------------------------------------------------- */





#globalNavi{

	height:23px;

	padding-top:56px;

	margin:0 0 0 10px;

	float:left;

    }



#nav{

	width:465px;

	position:relative;

	}



#nav li{

	list-style: none;

	float: left;

	position: relative;

    }



#nav ul{ display: none; position: absolute; top: 23px; left: 0; }  



* html #nav ul{ line-height: 0; }  



#nav ul li{ float: none; }  

      

#nav ul{ width: 93px; }  

      

#nav ul a{   

        display: block;  

        width: 120px;  

        background:#121212;  

        padding: 6px;  

        color: #FFF;  

        border-bottom: 1px solid #FFF;  

        opacity: 0.7;  

        filter: alpha(opacity=70);  

        zoom: 1;  

        line-height: 1;  

		text-align:left;

    }  



#nav ul a.hover { background: #444; }  





/*===============================================================================

　メインコンテンツ

===============================================================================*/





/* --メインコンテンツ----------------------------------------------------------------- */



#contents {

	clear:both;

	width: 1000px;

	margin:0 auto;

}



#container{

	width: 100%;

	background:#fff;

	margin:0 auto;

	padding:10px 0 30px 0;

}











.t12 {  font-size: 12px; font-style: normal; line-height: normal; font-weight: normal}

.t10 {  font-size: 10px; font-style: normal; line-height: normal; font-weight: normal}

a:hover {  color: #FF6600; text-decoration: none}

a:link {  text-decoration: none}

a:visited {  text-decoration: none}

.t18 {  font-size: 18px}

.ntxt1{border-bottom:1px dotted #5658a9;text-align:left;}

.ntxt2{text-align:left;}









/*===============================================================================

　各店舗バナーエリア

===============================================================================*/





/* --各店舗バナーメイン----------------------------------------------------------- */



#enter_area{

	width:920px;

	height:100%;

	margin:20px auto 30px auto;

    }



#enter_area .sapporo{

	width:170px;

	height:650px;

	margin:0 2px;

	padding:0 5px;

	float:left;

	background:url("image/sapporo.jpg") no-repeat;

    }

	

#enter_area .yokohama{

	width:170px;

	height:650px;

	margin:0 2px;

	padding:0 5px;

	float:left;

	background:url("image/yokohama.jpg") no-repeat;

    }

	

#enter_area .fukuoka{

	width:170px;

	height:650px;

	margin:0 2px;

	padding:0 5px;

	float:left;

	background:url("image/fukuoka.jpg") no-repeat;

    }

	

#enter_area .mito{

	width:170px;

	height:650px;

	margin:0 2px;

	padding:0 5px;

	float:left;

	background:url("image/mito.jpg") no-repeat;

    }

	

#enter_area .tsuchiura{

	width:170px;

	height:650px;

	margin:0 2px;

	padding:0 5px;

	float:left;

	background:url("image/tsuchi.jpg") no-repeat;

    }

	



#enter_area .box{

	width:170px;

	height:225px;

	margin-top:425px;

    }

	

#enter_area .txt{

	width:170px;

	height:25px;

	margin:3px auto;

    }



#enter_area .btn{

	width:160px;

	height:81px;

	margin:10px auto 0 auto;

    }	

	

.newsbox{

	width:170px;

	height:100px;

	overflow:scroll;

	overflow-x:hidden;

	overflow-y:scroll;

	padding-right:3px;

	clear:both;

}





/* --テーブル部分----------------------------------------------------------------- */





table{

	clear:both;

	margin:0 auto;

    }







/*===============================================================================

　フッター

===============================================================================*/





/* --フッター----------------------------------------------------------------- */	





#footer_area{

    clear:both;

	width: 100%;

	height:200px;

	background:#000;

	border-top:3px solid #666;

	}



#footer{

	width:1000px;

	padding:0;

	margin:0 auto;

	}





		

/*------- コピーライト -------*/

#f_copy{

	width: 800px;

	margin:15px auto 0 auto;

	color:#fff;

	text-align:center;

	}