@CHARSET "UTF-8";

/*  Theme Name: Mitsu Kankou                */
/*  Description: MitsuKankou Version: 1.0   */

/* ================================================================================ */
/*1.BaseLayout*/
/* ================================================================================ */

html, body { height:100%; }

body {
	background: #FFFFFF url("images/pub/back.gif") repeat-x top;
	text-align:center;
}

/* FONT
 ------------------------------------------------------------- */
body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p {
	font-family:'ヒラギノ角ゴ pro w3','hiragino kaku gothic pro','メイリオ',meiryo,'ｍｓ ｐゴシック', sans-serif;
	font-size: 13px;
	line-height: 130%;
	color:#3E3E3E;
}

/* 6 BROW
 ------------------------------------------------------------- */
* html body { font-size: 100%}

/* 7 BROW
 ------------------------------------------------------------- */
*:first-child+html body { font-size: 100% }

/* STD BROW
 ------------------------------------------------------------- */
* { margin:0; padding:0; text-align:left; }

/* A
 ------------------------------------------------------------- */
a { color: #0841a3; text-decoration: underline; }
a:link { color: #0841a3; text-decoration: underline; }
a:visited { color: #8080c0; text-decoration: none; }
a:hover { color: #d62685; text-decoration: none; }
a img{border:none; text-decoration:none; background:none;}

/* H
 ------------------------------------------------------------- */
h3 {
	background: url("images/pub/h3.gif") no-repeat right;
	line-height:22px;
	padding: 12px 0;
	color: #A94204;
	clear: both;
}

h4 {
	background: url("images/pub/h4.gif") no-repeat left;
	line-height:20px;
	margin: 8px 0;
	padding: 0 0 0 30px;
	color: #7589BF;
	font-size: small;
}

h5 {
	background: url("images/pub/h5.gif") no-repeat right;
	line-height:20px;
	margin: 8px 0;
	color: #E63638;
	font-size: small;
}

/* GENERAL TIPS
 ------------------------------------------------------------- */
p { padding: 10px 0 }
hr { clear: both; line-height: 1pt; visibility: hidden; }
img { border:0 }
.clear { clear: both; line-height: 1pt; }

.toTop {
	width: 535px;
	height: 17px;
	margin: 0 0 0 20px;
	background: url("images/pub/toTopH.gif") no-repeat;
	clear: both;
}

.toTop a {
	width: 535px;
	height: 17px;
	display: block;
	background: url("images/pub/toTop.gif") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	/*\*//*/
	overflow:auto;
	/**/
}

.toTop a:hover { background: none }

.pLeft {
	float: left;
	margin: 0 8px 4px 0;
}

.pRight {
	float: right;
	margin: 0 0 4px 8px;
}

/* CONTAINER
 ------------------------------------------------------------- */

#wrapper {
	width: 820px;
	background: url("images/pub/wrapBg.gif") repeat-y;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#footer {
	width: 780px;
	_width: 820px;
	height: 104px;
	_height: 124px;
	background: url("images/pub/footer.gif") no-repeat bottom ;
	padding: 30px 20px 0 20px;
	margin: 20px auto 0 auto ;
	font-size: 12px;
	text-align: left;
	line-height: 13pt;
	clear:both;
}

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

#header {
	background: url("images/pub/header.jpg") no-repeat top;
	width: 820px;
	height: 174px;
	margin: 0;
	padding: 0;
	display: block;
}

#header h1 a {
	width: 530px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
	/*\*//*/
	overflow:auto;
	/**/
}

#header ul {
	list-style-type: none;
	padding: 100px 0 0 0;
}

#header ul li {
	float: left;
}

#header ul li a {
	width: 130px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	/*\*//*/
	overflow:auto;
	/**/
}

#header ul li.hnavi01 a {background: url("images/pub/btnMap_H.jpg") no-repeat}
#header ul li.hnavi02 a {background: url("images/pub/btnContact_H.jpg") no-repeat}
#header ul li a:hover {background: none}

/*------index feed
----------------------------------------------------------------------*/

#feed {
	margin: 25px 40px;
}

.feedTit {
	margin: 20px 0 0 40px;
}


/*------index mobile
----------------------------------------------------------------------*/

#mobile {
	margin: 15px 40px;
	border-top: 1px #cccccc dashed;
	border-bottom: 1px #cccccc dashed;
}

#mobile img {
	float: left;
	margin: 0 15px 0 0;
}

#mobile p {
        display: table-cell;
        width: 300px;
		height: 123px;
        vertical-align: middle;
    }

/*------index mobile
----------------------------------------------------------------------*/
#counter {
	margin: 5px 50px;
	text-align:right;
}


/* --Navigation
 ------------------------------------------------------------- */

#navi {
	background: url("images/navi/naviBg.jpg") no-repeat top center;
	width: 800px;
	height: 399px;
	margin: 0;
	padding: 0 0 0 18px;
}

#navi ul {
	list-style-type:none;
	width: 800px;
	height: 198px;
	padding: 0 0 3px 0;
}

#navi ul li {
	float:left;
	display: block;
	width: 195px;
	height: 198px;
	padding:0 1px 0 0;
	}

#navi ul li a {
	display: block;
	width: 195px;
	height: 198px;
	text-indent: -9999px;
	overflow: hidden;
	/*\*//*/
	overflow:auto;
	/**/
}

#navi ul li.kubokan a { background: url("images/navi/kubokan.jpg") no-repeat }
#navi ul li.waiwai a { background: url("images/navi/waiwai.jpg") no-repeat }
#navi ul li.sukore a { background: url("images/navi/sukore.jpg") no-repeat }
#navi ul li.matsuda a { background: url("images/navi/matsuda.jpg") no-repeat }

#navi ul li.mitsucun a { background: url("images/navi/mitsucun.jpg") no-repeat }
#navi ul li.mitsuclub a { background: url("images/navi/mitsuclub.jpg") no-repeat }
#navi ul li.kanagawa a { background: url("images/navi/kanagawa.jpg") no-repeat }
#navi ul li.ja a { background: url("images/navi/ja.jpg") no-repeat }

#navi ul li a:hover { background: none }

#subnavi {
	background: url("images/navi/subnaviBg.jpg") no-repeat top center;
	width: 800px;
	height: 52px;
	margin: 0;
	padding: 0 0 0 18px;
}

#subnavi ul {
	list-style-type: none;
	width: 800px;
	height: 41px;
	padding: 11px 0 0 0;
}

#subnavi ul li {
	float:left;
	width: 391px;
	height: 41px;
	padding:0;
}

#subnavi ul li a {
	display: block;
	width: 391px;
	height: 41px;
	text-indent: -9999px;
	overflow: hidden;
	/*\*//*/
	overflow:auto;
	/**/
}

#subnavi ul li.volun a { background: url("images/navi/volun.jpg") no-repeat }
#subnavi ul li.coupon a { background: url("images/navi/coupon.jpg") no-repeat }

#subnavi ul li a:hover { background: none }

/* --Google Map
 ------------------------------------------------------------- */

#mapCover {
	width: 780px;
	_width: 820px;
	padding: 10px 20px 20px 20px;
}

#mapN {
	width: 525px;
	height: 540px;
	border: 3px double #c4d1e2;
	float:left;
}

#maplinkN {
	float: right;
	width: 240px;
	margin: 0 0 0 5px;
	background: url("images/map/linkBtnH.jpg") repeat-y left top;
}

#maplinkN a {
	padding: 0 0 2px 20px;
	background: url("images/map/linkBtn.jpg") no-repeat left;
	display: block;
	width: 220px;
	height: 24px;
	line-height: 28px;
	_line-height: 24px;
	text-decoration: none;
}

#maplinkN a:hover { background: none }

div.poptitle {
	padding: 0 0 1px 0;
	margin: 0 0 5px 0;
	border-bottom: 2px #cf2626 solid;
	font-weight: bold;
}