@charset "utf-8";

/* CONTENTS===================================================
トップページ専用
 Warpper
 Header
 Contents
 Footer
 Infocopy
 Myconne-yellow
 Outline
 Point
 Inquiry
 注釈
 余白指定
=========================================================== */


@import url(default.css);
@import url(font.css);

a {
	color: #0F7FE1;
	text-decoration: none;
	}

a:hover {
	color: #ED3909;
	}
	 

/* 個別でclearfixが必要な場合 */
div.clearfix {
	zoom: 1;
	}
div.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

body {
	background: #CEE7FB;
	}

/* Warpper */
/* -------------------------------------------------------- */

div#Warpper {
	width: 980px;
	margin: 0 auto;
	background: #ffffff;
	}



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

div#Header {
	position: relative;
	height:94px;
	background: url(../common/header01.jpg) no-repeat top left;
	}

div#Header h1 {
	text-indent: -9999px;
	}

div#Header h1 a {
	position: absolute;
	display: block;
	cursor: pointer;
	width: 360px;
	height: 80px;
	top: 7px;
	left: 10px;
	margin: 0;
	overflow: hidden;

	}	


div#Header div#Head-Banner {
	position: absolute;
	top: 7px;
	right: 10px;
	}	
	
div#Header div#Head-Link {
	position: absolute;
	top:0;
	right: 10px;
	}

div#Header div#Head-Link p {
	padding: 2px 10px;
	display: inline;
	border-left: 1px solid #333333;
	font-size: 0.85em;
	}
	
div#Header div#Head-Link p.first {
	border: none !important;
	}
	
div#Header div#Head-Link p a {
	color: #000000;
	text-decoration: underline;
	}

div#Header div#Head-Link p a:hover {
	color: #006DE7;
	}
	


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

div#Contents {
	width:800px;
	margin: 0 auto;
	}

/* Title */
/* -------------------------------------------------------- */

div#Title {
	position: relative;
	height: 220px;
	overflow: hidden;
	margin-bottom: 18px;
	background:url(../images/top-img.jpg) no-repeat top left;
	}

div#Title h1 {
	text-indent: -9999px;
	}

div#Title p {
	text-indent: -9999px;
	overflow: hidden;
	}
	
div#Title p a{
	position: absolute;
	z-index:3;
	cursor: pointer;
	width: 190px;
	height: 66px;
	right: 9px;
	top: 140px;
	display: block;
	overflow: hidden;
	}

/* Maplist */
/* -------------------------------------------------------- */

div#Maplist {
	width: 755px;
	margin:0 auto 25px;
	}

div#Maplist div#menu {
	border-bottom: #86C25D solid 3px;
	}


/* Shopist */
/* -------------------------------------------------------- */

div#Shoplist {

	zoom: 1;
	}

	
div#Shoplist ul li {
	}


div#Shoplist ul {
	line-height: 2;
	white-space: nowrap;
	}

div#Shoplist ul li {
	display: inline ;
	padding: 0 15px 5px 16px;
	font-size: 0.95em;
	background: url(../common/icon-shop01.gif) no-repeat 0 0em;
	}

/* テーブル */


div#Shoplist table {
	margin: 10px 0 ; 
	width: 755px;
	border: dotted #999999 1px;
	font-size: 0.95em;
	}

div#Shoplist table th,
div#Shoplist table td {
	width: 33%;
	padding: 4px;
	border: dotted #999999 1px;
	text-align: center;
	}	

div#Shoplist table th {
	background: #FFFFCC;
	}

/* Inquiry */
/* -------------------------------------------------------- */

div#Inquiry {
	width: 547px;
	margin: 15px auto 25px;
	padding: 14px;
	border: #A6A6A6 solid 1px;
	line-height: 1.6;
	background: #E3E3E3;
	}

div#Inquiry h2 {
	margin-bottom: 2px;
	padding: 0 0 0 22px;
	height: 22px;
	background: url(../common/mark-i01.gif) no-repeat 0 0.15em;
	font-size: 1.1em;
	font-weight: bold;
	}

div#Inquiry p {
	font-size: 0.95em;
	}

div#Inquiry ul {
	margin: 0 0 10px 5px;
	}

div#Inquiry ul li {
	padding: 0 0 0 15px;
	height: 16px;
	font-size: 0.9em;
	background: url(../common/mark-ya01.gif) no-repeat 0 0.45em;
	}

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

div#Footer {
	margin: 0 auto;
	padding: 4px;
	color: #000000;
	font-size: 10px;
	text-align: center;
	background: #79C8FF;
	}