@charset "UTF-8";


/* ▼▼body▼▼
---------------------------------------------*/

body {
	background:#F7F0CF;
/*	font-family: "ＭＳ Ｐゴシック", "MS P Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,Arial, Helvetica, sans-serif;*/
font-family: "Noto Sans Japanese";
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:80%;
	line-height:1.5;
	color:#333;
	overflow-y:scroll;
	}


#shop-info{display:flex;}
#shop-info img:nth-child(2){margin-right:2.5%; margin-top:1.5%; width:190px; height:100%;}
#shop-info img:last-child{margin-top:1.5%; width:190px; height:100%;}

/* ▼▼link▼▼
---------------------------------------------*/

a {color: #333;text-decoration:none;}
a:visited {color: #333;}
a:hover {color:#F90; text-decoration:underline;}


/* ▼▼other▼▼
---------------------------------------------*/
.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 */


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


/* ▼▼wrapper▼▼
---------------------------------------------*/

#wrapper_top{
	width:822px;
	height:20px;
	background:url(../img/wrapper_top.gif) no-repeat;
}

#wrapper{
	width:822px;
	margin:0 auto;
	text-align:left;
	background:url(../img/wrapper_back.gif) repeat-y;
}


/* ▼▼header▼▼
---------------------------------------------*/

#header{
	width:800px;
	margin:0 auto;
	padding-top:5px;
}

#header_topbox{
	margin-bottom:2px;
}

#header h1 a{
	display:block;
	width:280px;
	height:51px;
	margin-top:5px;
	margin-left:8px;
	background:url(../img/header_logo.gif) no-repeat;
	text-indent:-9999px;
}

#header_right_box{
	width:60%;
	padding-right:8px;
}

#header_right_box p{
	font-size:12px;
	line-height:1.5;
	text-align:right;
}

#header_right_box p em{
	color:#B11200;
}

#header_right_box a{
	font-size:12px;
	background:url(../img/indent.gif) no-repeat left center;
	padding-left:15px;
	float:left;
	margin-top:9px;
	margin-right:25px;
}

#header_right_box p.telephone_number{
	width:197px;
	height:20px;
	margin-top:3px;
	margin-right:1px;
	background:url(../img/telnumber.gif) no-repeat;
	text-align:left;
	text-indent:-9999px;
	float:right;
}



/* ▼▼navi▼▼
---------------------------------------------*/

#navi{
	width:800px;
}

#navi li{
	float:left;
}

#navi a.navi01{
	display:block;
	width:133px;
	height:36px;
	margin-right:1px;
	background:url(../img/navi01_off.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.navi01:hover{
	background:url(../img/navi01_on.jpg) no-repeat;
}

#navi a.navi02{
	display:block;
	width:132px;
	height:36px;
	margin-right:1px;
	background:url(../img/navi02_off.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.navi02:hover{
	background:url(../img/navi02_on.jpg) no-repeat;
}

#navi a.navi03{
	display:block;
	width:132px;
	height:36px;
	margin-right:1px;
	background:url(../img/navi03_off.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.navi03:hover{
	background:url(../img/navi03_on.jpg) no-repeat;
}

#navi a.navi04{
	display:block;
	width:132px;
	height:36px;
	margin-right:1px;
	background:url(../img/navi04_off.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.navi04:hover{
	background:url(../img/navi04_on.jpg) no-repeat;
}

#navi a.navi05{
	display:block;
	width:133px;
	height:36px;
	margin-right:1px;
	background:url(../img/navi05_off.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.navi05:hover{
	background:url(../img/navi05_on.jpg) no-repeat;
}

#navi a.navi06{
	display:block;
	width:133px;
	height:36px;
	background:url(../img/navi06_off.jpg) no-repeat;
	text-indent:-9999px;
}

#navi a.navi06:hover{
	background:url(../img/navi06_on.jpg) no-repeat;
}


/* ▼▼content▼▼
---------------------------------------------*/

#contents{
	width:800px;
	margin:0 auto;
	padding-top:2px;
	padding-bottom:10px;
}

#topicPath{
	text-align:right;
	margin-top:2px;
	margin-right:5px;
}

#under_inquiry{
	width:421px;
	height:112px;
	margin:0 auto 15px auto;
	background:url(../img/u_inquiry_back.png) no-repeat;
}

#under_inquiry p{
	text-indent:-9999px;
}

#under_inquiry a{
	display:block;
	width:216px;
	height:25px;
	margin:12px 0 0 165px;
	background:url(../img/u_form_button.jpg) no-repeat;
	text-indent:-9999px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	border:solid #FFF 2px;
	box-shadow:0px 0px 5px 1px #ccc;
-moz-box-shadow:0px 0px 5px 1px #ccc;
-webkit-box-shadow:0px 0px 5px 1px #ccc;
}

/* ▼▼footer▼▼
---------------------------------------------*/
.pagetop{
	text-align:right;
}

.pagetop a{
	margin-right:25px;
	color:#666;
}

.pagetop a:hover{
	color:#F90;
	text-decoration:none;
}

#footer{
	width:822px;
	height:50px;
	margin:0 auto;
	background:url(../img/footer_back.gif) no-repeat;
}

ul.footer_navi{
	margin-top:24px;
	margin-left:8px;
	display:inline;
}

ul.footer_navi li{
	height:13px;
	border-right:dotted 1px #666;
	float:left;
	padding:0 5px;
	font-size:12px;
	line-height:1.4;
}

ul.footer_navi a{
	color:#666;
}

ul.footer_navi a:visited{
	color:#666;
}

ul.footer_navi a:hover{
	color:#F90;
}

ul.footer_navi li.list_end{
	border-right:none;
}

p.copyright{
	text-align:right;
	font-size:11px;
	margin-right:12px;
	padding-top:23px;
	display:inline;
}

.app{
	background:url(../img/app_link.png) no-repeat;
	background-size:contain;
	width:230px;
	height:130px;
	position:relative;
	padding:10px;
	border:10px double #900;
	margin-left:10px;
	margin-bottom:-10px;
}
.app ul{
	list-style:none;
	position:absolute;
	right:10px;
	top:40px;
}