@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


/*move*/
.loopslider {
	margin: 0 auto;
	width: 1200px;
	height: 300px;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-color:#FFF;
}

.loopslider ul {
/*	width: 100%;*/
	height: 300px;
	float: left;
	display: inline;
	overflow: hidden;
	background-color:#000;
}
.loopslider ul li {
	width: 288px;
	height: 300px;
	float: left;
	display: inline;
	overflow: hidden;
}

#main_nav{ background-image:url(../img/nav_back.png);
background-repeat:repeat;
margin-top:1em;
margin-bottom:1em;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 1px 2px #666;
-webkit-box-shadow:0px 1px 2px #666;
-moz-box-shadow:0px 1px 2px #666;}

#main_nav ul{ margin:0; padding:0;}

#main_nav ul li{ list-style-type:none;
padding-left:2em;
padding-right:1em;
				padding-top:0.8em;
				padding-bottom:0.8em;
				float:left;}

.clear{ clear:both;}

.hide{ display:none;}

/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}

#container{ width:100%; max-width:1200px; overflow:hidden;}

.list_carousel{width:1000px; height:450px;  }

.list_carousel ul{ width:600px; height:450px;}

.list_carousel ul li{ list-style-type:none; width:30%; height:auto; float:left;}

.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}

.each_block a{ text-decoration:none;}

＃cboxTitle{ position:relative; }

#map img{ max-width:none;}

#main_nav a{ color:#FFF;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
font-size:16px;}

#main_nav a:hover{ color:#FF0; text-decoration:none;}

#npc_black{ width:100%;}
#car_pager{ width:100%;}

.jam{ padding-bottom:3%; color:#333; float:left; width:34%; padding-right:1%;}
.caroufredsel_wrapper{ margin-top:10px !important;}
.loopslider li{ float:left;}

p{ line-height:1.8em; color:#333;}


#miuseam{position:relative; font-size:14px; color:#C33;}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

.apou_green{ color:#1b534f; }

a{ text-decoration:none;}

a:visited{ color:#06C;}

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#npc_black{ width:60%; float:left;}

}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main_contents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


.image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
	width:600px;
	height:600px;
}



.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: block;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

.each_block{ width:600px; height:320px;}

.each_block img{ width:140px; height:auto; padding-bottom:2px;}

#all{ margin-top:50px; height:500px;}
#car_pager{ width:90%;}
#prev{ float:left; width:100px;}
#next{ width:100px; }

.list_carousel ul{ width:600px; height:450px;}

.single{ display:block; height:350px; float:left; }

}