﻿@charset "utf-8";
/* @group Reset */
*{
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-decoration:none;
	font-style:normal;
}
ul, ol{
	list-style:none;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
/* @end */

/* @group Fluid-img */
img{
	vertical-align:middle;
	max-width:100%;
	border:0;
}
/* @end */

/* @group HTML */
html{
	font-family:verdana, sans-serif;
	font-size:;
	line-height:1.5;
	color:#000066;
}
/* @end */



/* @group Logo and Copy Header*/


#header-logo img{
	display:block;
	margin-right:auto;
	margin-left:auto;
}

h1.header{
	display:block;
	line-height:1.1;
	font-size:14px;
	font-weight:bold;
	color:#00008b;
	margin:10px;
}/* Topページ用*/
p.header{
	display:block;
	line-height:1.1;
	font-size:14px;
	font-weight:bold;
	color:#00008b;
	margin:10px;
}/* Innerページ用、上記ｈ1タグと同じ内容のテキスト*/

/* @end */


/* @group Heading Top*/
h2{
	clear:both;
	font-size:20px;
	font-weight:bold;
	line-height:1.3333;
	padding-bottom:3px;
	margin-bottom:10px;
	margin-top:10px;
	color:#00008b;
	border-bottom:#0000ff solid 4px;
} /* 20px for Top Page*/
/* @end */

/* @group Heading Inner*/

h1.title{
	clear:both;
	font-size:20px;
	font-weight:bold;
	line-height:1.3333;
	padding-bottom:3px;
	margin-bottom:10px;
	margin-top:10px;
	color:#00008b;
	border-bottom:#0000ff solid 4px;
}
h2.in{
	clear:both;
	font-size:20px;
	font-weight:bold;
	line-height:1.3333;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;

	color:#00008b;
	border:#0000ff solid 1px;
	border-left:#0000ff solid 10px;
	background-color:#eeeefb;
} /* 20px for Inner Page*/
h3.in{
	font-size:18px;
	font-weight:bold;
	line-height:1.3333;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;

	color:#00008b;
	border-top:#e07303 dotted 2px;
	border-bottom:#e07303 dotted 2px;
} /* 18px for Inner Page*/
h4.in{
	font-size:16px;
	font-weight:bold;
	line-height:1.3333;
	padding:5px;
	margin-left:10px;
} /* 16px for Inner Page*/
h5.in{
	font-size:16px;
	font-weight:bold;
	line-height:1.3333;
	padding:5px;
	margin-left:10px;
} /* 16px for Inner Page*/
/* @end */


/* @group Header logo*/
#list-pc{
	display:none;
}
/* @end */
/* @group Header Nav */


nav{
	clear:both;
	background-color:#0380D7;
	width:100%;
	margin-bottom:10px;
}
nav.top{
	background-color:#0380D7;
	width:100%;
	margin-bottom:0;
}
nav ul{
	display:block;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
}
nav ul li{
	width:32.4%;
	float:left;
	margin-right:-2px;
	margin-top:-2px;
	text-align:center;
}
nav ul li a{
	display:block;
}

nav li{
	background-color:#0380D7;
	border:2px solid #ffffff;
	line-height:60px;
}
nav a:link{
	text-decoration:none;
	color:#f7f6fb;
	background-color:transparent;
	font-weight:bold;
	display:block;
}
nav a:hover{
	color:#0380D7;
	background-color:#a1d3ea;
}
/* @end */

/* @group Property Logos */
table#store-list{
	min-width:100%;
	text-align:center;
	
}
#store-list td{
	border:#4682b4 1px dotted;
	width:33%;
	height:50px;
}
#store-list td.empty1{
	border-bottom-style:none;
	border-right-style:none; 
}
#store-list td.empty2{
	border-bottom-style:none;
	border-left-style:none; 
	border-right-style:none; 
}

img.store-list{
	margin:5px
}
#list-in{
	margin-top:30px;
}
/* @end */

/* @group Contents */
#contents{
	width:90%;
	margin:0 auto;
}
section{
	margin-bottom:10px;
}
/* @end */
/* @group Banner */
#sub-line{
	clear:both;
	width:100%;
	border-bottom:5px dotted #00a3a7;
	margin-bottom:6px;
}
#sub{
	width:276px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:20px;
}

.f-banner1{
	margin-bottom:1px;
	margin-left:6px;
	margin-right:6px;
}
.f-banner1 img{
	border:solid #b0c4de 3px;
}

.f-banner2{
	margin-bottom:1px;
	margin-left:6px;
	margin-right:6px;
}
.f-banner2 img{
	border:solid #C5C6C7 3px;
}

/* @end */
/* @group Footer */
#f-top{
	clear:both;
	margin-bottom:12px;
	text-align:center;
}
#f-top img{
	margin-top:20px;	
}
/* @end */
/* @group Footer Line & Address*/
#f-line{
	clear:both;
	width:100%;
	border-bottom:2px solid #00a3a7;
	margin-bottom:6px;
}
address{
	font-size:80%;
	width:90%;
	margin:0 auto;
	margin-bottom:6px;
}
/* @end */

/* @group Footer F-nav*/
#f-nav{
	width:100%;
	background-color:#b0c4de;
	overflow:hidden;
}
#f-nav2{
	width:90%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}
#f-nav ul li{
	float:left;
	padding:5px;
	background-color:#b0c4de;
	line-height:1;
}
#f-nav ul li a{
	display:block;
	color:#191970;
}
#f-nav ul li a img{
	margin:0 5px 5px 0;
}
#f-nav ul{
	overflow:hidden;
}
/* @end */

/* @group Footer URL & Copyright*/
#footer-bottom{
	clear:both;
	width:100%;
	color:#ffffff;
	font-size:85%;
	background-color:#0380D7;
	text-align:center;
	overflow:hidden;
}
#fb-1{
	margin:10px 0 0 0;
}
#fb-2{
	margin-bottom:10px;
}
/* @end */

/* ==================================== */
/* Color and Size etc                   */
/* ==================================== */

.b{
	font-weight:bold;
}
.s80{
	font-size:80%;
}
.or{
	color:#f87322;
}
.red{
	color:red;
}
.bred{
	color:#dc143c;
	font-weight:bold;
}
.bblue{
	color:#0000ff;
	font-weight:bold;
}
.magenta{
	color:#bd0839
}
.orange{
	color:#e07303;
}
.right{
	text-align:right;
}
.pc{
	display:none;
}/*sp非表示コンテンツ*/
/* @end */


/* ==================================== */
/* Article                              */
/* ==================================== */
article.text{
	margin-top:20px;
	margin-bottom:15px;
}
/* ==================================== */
/* Article & Photo                      */
/* ==================================== */
.col.article{
	clear:both;
	border-top:2px dotted #0380d7;
	padding-top:12px;
	margin-bottom:12px;
}
.col.article2{
	clear:both;
	border-top:2px dotted #0380d7;
	padding-top:12px;
	margin-bottom:12px;
}
.col.article-center{
	clear:both;
	border-top:2px dotted #0380d7;
	padding-top:12px;
	margin-bottom:12px;
	text-align:center;
}
h3{
	font-size:18px;
	font-weight:bold;
	line-height:1;
	margin-bottom:12px;
} /* 18px */

.center{
	text-align:center;
}





/* ==================================== */
/* Text                                 */
/* ==================================== */
.h1{
	margin-bottom:10px;
}

.h2{
	clear:both;
	margin-bottom:10px;
	margin-left:10px;
}
.rep-date{
	text-align:right;
}

/* ==================================== */
/* Image                                */
/* ==================================== */
img.center{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}


/* @end */

/* ==================================== */
/* 768px以上                            */
/* ==================================== */
@media screen and (min-width:768px){

/* @group Header logo*/
#list-pc{
	display:block;
}
/* @end */
.row-h{
	max-width:950px;
	margin:0 auto;
}
.row-h:after{
	content:"";
	display:block;
	clear:both;
}
.row{
	max-width:950px;
	margin:0 auto;
}
.row:after{
	content:"";
	display:block;
	clear:both;
}
.row2{
	max-width:935px;
	margin:0 auto 0 15px;
}
.row2:after{
	content:"";
	display:block;
	clear:both;
}
.row3-1{
	max-width:370px;
	margin:0 10px 0 0;
	float:left;
}

.row3-2{
	width:310px;
	margin:0;
	float:left;
}
.row3-2:after{
	content:"";
	display:block;
	clear:both;
}
/* @group Logo and Copy Header*/

#header-logo{
	float:left;
}
#header-logo img{
	margin-left:0;
	width:187px;
	height:94px;
}


#header-h1{
	display:block;
	float:left;

} 
h1.header{
	font-size:16px;
}
h2{
	margin-top:15px;
}
section#list-pc{
	display:block;
	float:right;
	margin-top:40px;
	margin-right:0;
}	/*sp非表示コンテンツ*/

nav ul li{
	width:16.66666%;
	border:0px;
}



/* @group Store List */

/* @end */

/* @group News Articles */
.col.article{
	clear:none;
	float:left;
	width:31.1827956988%;
	margin-left:3.2258064515%;
}
.col.article-center{
	clear:none;
	float:left;
	width:31.1827956988%;
	margin-left:3.2258064515%;
}
.col:first-child{
	margin-left:0;
}

img.article-img{
	float:none;
	width:100%;
}
.article-text{
	float:none;
	width:100%;

	text-align:left;
	display:block;
	margin-bottom:12px;
}
/* @end */
/* @group Banner */
#sub{
	width:530px;
	margin-top:30px;
}
.f-banner1{
	margin-bottom:2px;
	margin-left:1px;
	margin-right:1px;
	float:left;
}
.f-banner2{
	margin-bottom:2px;
	margin-left:1px;
	margin-right:1px;
	float:left;
}

/* @end */

#fb-1{
	text-align:left;
	margin:10px 0 0 10px;
}
#fb-2{
	margin:0 0 10px 10px;
}
.fb-2-1{
	float:left;
}
.fb-2-2{
	float:left;
}
.pc{
	display:block;
}/*sp非表示コンテンツ*/

/*sp非表示コンテンツ*/
p.parking{
	text-align:center;
}
/* @end */

/* ==================================== */
/* 768px以上 Text                                 */
/* ==================================== */

h2.in{
	margin-left:10px;
}
h3.in{
	margin-left:15px;
}



p.h2{
	margin-left:15px;
}
p.h3{
	margin-left:20px;
}




}

/* ==================================== */
/* 1200px以上 */
/* ==================================== */

@media screen and (min-width:1200px){

/* @group Header Nav */
.row-h{
	max-width:1200px;
	margin:0 auto;
}

/* @end */

/* @group Store List */
#store-list td{
	padding:10px;
}
/* @end */

#contents{
	overflow:hidden;
	width:1200px;
} /* 1200/1280 */
#main{
	width:890px;
	margin:0 10px;
	float:left;
} /* 890/1200 */

/* @group News Reportt */
.row3-1{
	max-width:570px;
}

.row3-2{
	width:310px;
}



#sub-line{
	display:none;
}
#sub{
	width:270px;
	float:left;
	margin-left:10px;
	margin-right:0;
	margin-top:15px;
} /* 270/1200 */
/* @group Banner */
#sub{
	width:276px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	margin-bottom:20px;
}

.f-banner1{
	float:none;
}

.f-banner2{
	float:none;
}

/* @end */

address{
	width:1200px;
}
#f-nav2{
	width:1200px;
}


}
