@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
	background: #f6fef9;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 100%;
	line-height: 1.4;
}


/*clearfixの設定*/
.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}  
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

/* TODO: headlineにクラスをつける*/

/*見出しエリア*/
#headline {
	width: 98%;
	margin-left: 1%;
	margin-bottom: 5px;	
	border: 1px #c0c0c0 solid;
	background: #fff;
}

/* --- 見出し --- */
#headline h3 {
	background: url(../images/pic3.png) no-repeat 1% 0.2em;
	margin: 0 ;
	padding: 5px 35px;
	font-size: 23px;
	line-height: 100%;
}

/* --- 見出し2 --- */
#headline2{
	width: 98%;
	margin: 0 auto 15px;
	border: 1px #c0c0c0 solid;
	background: #fff;
}

#headline2 h3 {
	background: url(../images/pic3.png) no-repeat 1% 0.2em;
	margin: 0;
	padding: 5px 35px;
	font-size: 23px;
	line-height: 100%;
}

/***********************
	ヘッダーの設定
***********************/
header {
	width: 100%;
	max-width: 960px;
	background: #fff;
	position:relative;
    overflow:hidden;
    margin: 0 auto;
}

#headlogo {
	margin: 0 auto;
	padding: 24px 0 12px 0;
	width: 186px;
}

#header {
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#header a {
	display: block;
}

#header .logo {
	width: 100%;
}

#header .logo2 {
	width: 42%;
	float: left;
	padding: 15px 0;
	margin-top: 4px;
	margin-left: 10px;
}


#header h2 .logo {
	margin-top: 7px;
}

.headbar h3 {
	font-size: 88%;
	float: right;
	margin-right: 10px;	
}

.headbar h4 {
	font-size: 88%;
	float: right;
	margin-right: 30px;
}

.headbar h4 a { 
    color: #660000; 
    text-decoration:none;
}

.headbar h3 a { 
    color: #660000;
    text-decoration:none;
}
	
.headbar {
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 5px;
	overflow: hidden;
}
    
/***********************
	グローバルナビの設定
***********************/
nav {
	width: 100%;
}

#nav {
    width: 100%;
	max-width: 960px ;/*1024px*/
	margin: 0 auto;
}

#nav ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	height: 35px;
}

#nav li {
	display: table-cell;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #fff;
	border-top: 2px solid #000;
	border-bottom: 3.5px solid #000;
    background: #035d20;
    height: 35px;
/*	background:#600; */
}

#nav li a {
	text-decoration: none;
	color: #fff;
	padding: 12px 0;
	display: block;
	height: 35px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #06601B), color-stop(0.00, #19A541));
background: -webkit-linear-gradient(top, #035d20 0%, #19A541 88%);
background: -moz-linear-gradient(top, #035d20 0%, #19A541 88%);
background: -o-linear-gradient(top, #035d20 0%, #19A541 88%);
background: -ms-linear-gradient(top, #035d20 0%, #19A541 88%);
background: linear-gradient(to bottom, #035d20 0%, #19A541 88%);
}

#nav li a:hover {
	/*background: #4b784b;
	background: #934c4c;*/

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #19A541), color-stop(0.00, #06601B));
background: -webkit-linear-gradient(top, #19A541 0%, #035d20 88%);
background: -moz-linear-gradient(top, #19A541 0%, #035d20 88%);
background: -o-linear-gradient(top, #19A541 0%, #035d20 88%);
background: -ms-linear-gradient(top, #19A541 0%, #035d20 88%);
background: linear-gradient(to bottom, #19A541 0%, #035d20 88%);

}

#nav li:last-child {
	border-right: none;
}

/***********************
	パンくずリストの設定
***********************/
#bread {
	font-size: 80%;
	list-style: none;
	padding: 5px 15px;
	overflow: hidden;
}
#bread li {
	float: left;
	list-style: none;
	margin-right: 10px;
}
#bread li a {
	color: #0d88a9;
	padding-right: 10px;
}

/***********************
	メイン画像の設定
***********************/
#main_img {
	width: 100%;
	max-width: 960px;/*1024px*/
	margin: 0 auto;
	background: #fff;
    border-left: 1px solid #f9f9f9;
    border-right: 1px solid #f9f9f9;
}

#main_img img {
	-webkit-box-sizing: border-box;		/* Webkit系用 */
	-moz-box-sizing: border-box;		/* Firefox用 */
	box-sizing: border-box;				/* 標準 */
	max-width: 100%;
	height: auto;
	padding: 5px;
	background: #fff;
}

.left_m   {
	display: inline-block;
	width: 28%;
	height: auto;
	margin: 20px 30px 15px 20px;
	font-size: 15px;
	line-height: 22px;
}

.msg   {
	color: #bb0000;
}

#right_p {
	display: inline-block;
	margin: 20px 0;
	width: 30%;
	max-width: 300px;
	background: #fff;
	vertical-align: top;
}

#right_p img {
	width: 100%;
	display: inline-block;
	background: #fff;
}

.middle_m  {
	display: inline-block;
	width: 28%;
	height: auto;
	font-size: 15px;
	line-height: 22px;
	margin-top: 20px;
	margin-right: 35px;
	margin-left: 5px;
	vertical-align: top;
}
.middle_m2  {
	display: inline-block;
	width: 20%;
	height: auto;
	font-size: 15px;
	line-height: 22px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 5px;
	vertical-align: top;
}

.center  {
    text-align: center;
    }
    
/***********************
	コンテンツの設定
***********************/

#container {
	width: 100%;
	background: #f6fef9;

	/*background: #075B31;*/
	/*padding-bottom: 10px;*/
}
#contents {
	width: 100%;
	height: auto;
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 30px;
	overflow: hidden;
	/*background: #eaeaea;*/
	background: #fff;
}
#contents_left {
	/* width: 680px; */
	width: 60%;
	margin: 0 0 0 1%;
	float: left;
}
#contents_right {
	/* width: 320px; */
	width: 30%;
	margin-right: 35px;
	margin-left: 40px;
	float: right;
	margin-top: 0px;
}

/* ここに新規idを追加していく */

/* #welcome, #info, #facebook { */
#contents_left section, #contents_right section {
	position: relative;
	background: #fff;
	margin-top: 20px;
	background: #FFFFFF;
	behavior: url(PIE.htc);
}

/*=================
Welcome To Starasse
===================*/
/*見出しの設定*/
#welcome h2 {
	margin-top:20px;
	border-bottom:1px solid #CCC;
	padding-bottom:6px;
	font-family: 'Lusitana', serif;
	font-size: 17px;
	color: #328b6f;
}

/*領域の余白の設定*/
#welcome {
	padding:0 16px 15px;
	margin-bottom: 10px;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 15px;   /* Firefox用 */
}

/*画像を右寄せに設定*/
#welcome p img {
	display:block;
	float:right;
	margin-left:8px;
}

/*文章の余白の設定*/
#welcome p{
	margin-top:15px;
}

/*更新情報の余白の設定*/
#info{
	padding:0 16px 30px;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 15px;   /* Firefox用 */
}

/*見出しの余白とボーダーの設定*/
#info h2{
	border-bottom:2px solid #dedede;
	margin-top:20px;
	padding-bottom:6px;
}

/*更新情報見出しの設定*/
#info h3{
	background:url(../images/icon_02.gif) no-repeat 0 3px;
	padding-left:14px;
	margin-top:13px;
	font-size:96%;
}

/*更新日の設定*/
#info .date{
	display:block;
	font-size:80%;
	margin:2px 0 0 14px;
	font-weight:normal;
	color:#999;
}

/*更新情報本文の設定*/
#info p{
	margin-top:5px;
	border-bottom:1px dotted #ccc;
	padding:0 0 16px 14px;
	font-size: 80%;
}

#facebook {
/*	border-radius: 15px;        /* CSS3草案 */  
/*	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
/*	-moz-border-radius: 15px;   /* Firefox用 */
}

#box_wrap, .box_wrap {
	margin: 0 0 20px 1%;
	width: 98%;
	background: #fff;
}

#box, .box {
	overflow: hidden;
}

#box img, .box img {
	float: left;
	margin-right: 15px;
}

#box .store_info, .box .store_info {
	width: 75%;
	margin: 0 auto;
	margin: 20px 0 20px 10px;
}

#box .store_info, .box .store_info p dl{
margin: 20px 0 10px 10px;
}


#map_canvas {
	width: 60%;
	height: 400px;/*400px*/
	float: left;
	padding: 0 20px 20px 0;
	margin-right: 20px;
	margin-bottom: 20px;
}

#map_canvas p {
font-size: 16px;
line-height:24px;
margin: 20px 0 10px 30px;
}
    

/***********************
	フッターの設定
***********************/
#footer {
	width: 100%;
	background: #043F22;
	margin-bottom: 0;
}

footer {
	max-width:960px ;/*1024px*/
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}

footer img {
	width: 30%;
	height: auto;
/*	float: left;*/
	margin: 0 auto;
}


footer  h6  {
    text-align: center;
    }

.pic   {
   	width: 13%;
	height: auto;
	margin: 0 auto;
}


footer  .footlogo  {
    margin-left: 30px;
    }


footer p {
	font-size: 89%;
	text-align: center;
	color: #fff;
}

footer .sp {
    margin-left: 12px;
}