@charset "utf-8";

/* Default CSS 　レイアウト・メニュー等
---------------------------------------------------*/

/* All
---------------------------------------------------*/

body {
	margin:0;
	padding:0;
	/*background:url(../image/bg.gif) center;*/
	background-color:#FFFFFF;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	line-height:140%;
}
#wrapper {
	margin:0 auto;
	padding:10px 10px 0 10px;
	width:800px;
	height:auto;
	/*text-align:left;*/
	text-align:center;
/*	background:url(../image/wrapper_bg.gif) ;*/
	border:1px solid #CCCCCC;
}
#wrapper:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

img	{
	vertical-align:bottom;
}


/* Header
---------------------------------------------------*/


#header	{
	margin:0;
	padding:0;
	width:800px;
	background:#CCC;

}

.TitleTxt {
	margin:0;
	padding:0;
	text-indent:-10000px;
}

h3 {
	font-size:80%;
}
.HeadText	{
	padding:10px;
/*	color:#666666;  */
	color:#104080;
	letter-spacing: 1.5px;
}
.AreaText	{
	padding:20px 0 0 0;
	color:#666666;
	width:350px;
	height:50px;
	float:left;
}
.PanLink	{ 
	color:#0066CC;
}
.PanLink a:link { 
	color:#0066CC;
	text-decoration:underline;
}
.PanLink a:visited { 
	color:#0066CC;
	text-decoration:underline;
}
.PanLink a:hover {
	color:#CCCCCC;
	text-decoration:none;
}
.PanLink a:active {
	color:#F44778;
	text-decoration:none;
}


.TitleGif	{
	margin:0;
	background:url(../image/titile.gif) top;
	width:800px;
	height:28px;
}


#container	{
	margin:5px 10px;
	width:800px;
}

/* MenuLink
---------------------------------------------------*/
#MenuLink {
	width:800px;
	height:auto;
	margin:10px 0 0 0;
	border-bottom:5px solid #0066CC;
	overflow: hidden;
}
#MenuLink:after {
	clear: both;
	display: block;
	content: "";
}

#MenuLink ul { list-style:none; margin:0; padding:0;}
#MenuLink li { display:block; float:left; width:120px; height:30px;}
#MenuLink a {
   color:white;
   background: #FFFFFF url(../image/menu1.jpg) 0 0 no-repeat;
　 display:block; line-height:1.3em; width:120px; height:30px;
　 font-size:14px; text-decoration:none;
   font-weight:bold;
   line-height:220%;
   text-align:left;
}
/*
#MenuLink li a:hover { background-color:#006699; color:white;}
*/

#MenuLink li a:hover { 
	background: #FFFFFF url(../image/menu1.jpg) 0 -30px no-repeat;
	text-align:left;
	color:white;
}
#MenuLink li a:link { 
	text-align:left;
	background: #FFFFFF url(../image/menu1.jpg) 0 0 no-repeat;
	color:white;
}
#MenuLink li a:visited { 
	text-align:left;
	background: #FFFFFF url(../image/menu1.jpg) 0 0 no-repeat;
	color:white;
}
#MenuLink li a:focus { background-color:#006699; color:white;}

/* Contents
---------------------------------------------------*/

#Contents	{
	border:15px solid #CCC;
	width:770px;
}
#Contents:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.ConHead	{
	margin:0;
	padding:5px 10px;
	width:160px;
	height:10px;
	background:#EFEFEF;
	color:#333333;
	line-height:100%;
	font-weight:bold;
}


/* MainArea
---------------------------------------------------*/

#main	{
	float:left;
	padding:5px 0;
	margin:0;
	width:560px;
	background:#FFFFFF;
}
#main:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.CommentHead	{
	margin:0;
	padding:5px 10px;
	width:500px;
	height:10px;
	background:#333;
	color:#FFF;
	line-height:100%;
	font-weight:bold;
	border:5px solid #CCC;
}
.AllJpnMap	{
	padding:20px 0 0 0;
	margin:0;
	background:url(../image/all-jpn-map.gif) no-repeat;
	width:550px;
	height:475px;
	position:relative;
}
.AreaMap	{
	padding:10px 0 0 0;
	margin:0;
	width:175px;
	height:135px;
	float:right;
}
.Height10px	{
	height:10px;
}
.Height280px	{
	height:280px;
}
.NewsHead	{
	padding:0;
	margin:0;
	width:160px;
	height:20px;
	background:url(../image/news-head.gif) no-repeat;
	float:right;
}
.NewsArea	{
	clear:both;
	margin:0;
	padding:5px;
	width:148px;
	height:120px;
	border:1px solid #CCC;
	font-size:80%;
	line-height:120%;
	float:right;
	overflow: auto;
}
.NewsBlock {
	margin: 0em;
	margin-bottom: 0.4em;
}
.CommentArea	{
	margin:0;
	padding:5px;
	width:500px;
	height:auto;
	letter-spacing: 0.5px;
	color:#333;
}
h3.title	{
	clear:both;
	margin:5px 0 0 0;
}

.ShopTable	{
	padding:3px 0;
	width:540px;
	margin:10px 0 0 0;
	font-size:80%;
	line-height:140%;
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	border-collapse:collapse;
}
.ShopTable th	{
	padding:3px 5px;
	color:#FFFFFF;
	background-color:#104080;
	white-space:nowrap;
	vertical-align:top;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #E1E1E1;
	text-align:center;
}
.ShopTable td	{
	padding:3px 5px;
	color:#333;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	vertical-align:top;
}
.ShopWid	{
	width:130px;
}
.TelWid	{
	width:60px;
}


/* NaviArea
---------------------------------------------------*/

#navi	{
	float:left;
	padding:15px;
	margin:0;
	width:180px;
}
.TopNaviHead	{
	padding:10px 0 10px 13px;
	margin:0;
	width:150px;
	height:30px;
}
.ShopNum	{
	float:right;
	padding:0 40px 0px 0;
	margin:0;
	background:url(../image/shop-num.gif) no-repeat;
	width:131px;
	height:71px;
}
.Num4d	{
	float:left;
	padding:0;
	margin:0;
	width:29px;
	height:71px;
}
.Num3d	{
	float:left;
	padding:0;
	margin:0;
	width:29px;
	height:71px;
}
.Num2d	{
	float:left;
	padding:0;
	margin:0;
	width:29px;
	height:71px;
}
.Num1d	{
	float:left;
	padding:0;
	margin:0;
	width:29px;
	height:71px;
}
.Tenpo	{
	float:left;
	padding:0;
	margin:0;
	background:url(../image/tenpo.gif) no-repeat;
	width:31px;
	height:19px;
}
.AreaList	{
	padding:0 0 0 10px;
	clear:both;
	font-weight:bold;
	font-size:110%;
	line-height:160%;
}
.AreaList a:link { 
	color:#104080;
	text-decoration:none;
}
.AreaList a:visited { 
	color:#666666;
	text-decoration:none;
}
.AreaList a:hover {
	color:#0066CC;
	text-decoration:none;
}
.AreaList a:active {
	color:#F44778;
	text-decoration:none;
}


/* Footer
---------------------------------------------------*/

#footer	{
        margin:0 auto;
        padding:0;
        width:800px;
        /*height:39px;*/
}
.FootText	{
        margin: 5px auto;
        padding:0;
        color:#666666;
        width:800px;
        text-align:center;
}

.FootLine	{
        margin:0 auto;
        padding:0;
        width:800px;
        /*height:16px;*/
		height:21px;
        background-image: url(../image/foot.gif);
        background-repeat: no-repeat;
}
#footer	a:link { 
	color:#333333;
	text-decoration:none;
}
#footer	a:visited { 
	color:#104080;
	text-decoration:none;
}
#footer	a:hover {
	color:#666666;
}
#footer	a:active {
	color:#666666;
}


/* Layout
---------------------------------------------------------- */

.align-center	{
	text-align:center!important;
}
.align-left	{
	text-align:left!important;
}
.align-right	{
	text-align:right!important;
}

.valign-top	{
	vertical-align:top!important;
}
.valign-middle	{
	vertical-align:middle!important;
}
.valign-bottom	{
	vertical-align:bottom!important;
}

.clear	{
	clear:both;
}
.float-left	{
	float:left;
}
.float-right	{
	float:right;
}

div.pager {
	clear: both;
	text-align: right;
	margin-right: 2em;
}
div.pager a {
	text-decoration: none;
}
div.pager a:hover {
	text-decoration: underline;
}

.img-left	{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.img-right	{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.clearfix {
	display: inline-block;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 


/* List
---------------------------------------------------------- */

ul ul{
	font-size:100%;
}
ol ol{
	font-size:100%;
}
ul ol{
	font-size:100%;
}
ol ul{
	font-size:100%;
}


/* CSS-Print
---------------------------------------------------------- */
@media print {

#wrapper {
	width:750px;
	border:none;
}
#Leftside	{
	padding:5px 0 5px 0;
}
#Rightside	{
	float:left;
	width:350px;
}
.ShopTitle	{
	margin:10px 0 5px 0;
}
.PrintOff	{
	display: none;
}
.top-logo	{
	display: none;
}
.HeadText	{
	display: none;
}
.BannerArea	{
	display: none;
}
#footer	{
	width:750px;
}
.ShopInfoTable	{
	width:285px;
	padding:3px 0;
	font-size:90%;
	line-height:140%;
}
.FootText	{
	padding:0 120px 0 0;
	text-align:center;
}
object {
	display:none;
}
}
.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
  
.clearfix {display: inline-block;} 
  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */