@charset "shift_jis";

/*---------------------------------------------------------------------
	CSSƒŠƒZƒbƒg
---------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0px;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav,ul,ol{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/*---------------------------------------------------------------------
	ƒL
---------------------------------------------------------------------*/
#main p.bnrAd1 img,#main p.bnrAd2 img,#main p.bnrAd3 img{
max-width:500px;
display:block;
margin:0px auto;
}

/*---------------------------------------------------------------------
	Ε‹­Iƒ|[ƒ^ƒ‹ƒTƒCƒgƒoƒi[
---------------------------------------------------------------------*/

#main #saikyo{
background:#fffce7;
margin:10px 0px 10px 0px;
padding-top:8px;
padding-bottom:14px;
}

#main #saikyo h2{
color:#ff3882;
background:url(img/saikyoicon.png) left center no-repeat;
margin-left:10px;
padding:2px 6px 2px 24px;
border:none;
font-size:17px;
}

#main #saikyo p{
line-height:170%;
}

#main #saikyo #saikyotx{
text-align:center;
margin-bottom:6px;
}

#main #saikyo #saikyotx a{
text-decoration:underline;
font-size:15px;
font-weight:bold;
color:#008aff;
}

#main #saikyo a img{
	display:block;
	margin:0px auto;
	width:96%;
	max-width:600px;
	height:auto;
}


/*---------------------------------------------------------------------
	body
---------------------------------------------------------------------*/
body {
width:100%;
color:#333;
font-size:14px;
letter-spacing:1px;
-webkit-text-size-adjust:none;
background:#E4E4E4;
}


#page {
max-width:950px;
min-width:280px;
text-align: left;
background:#FFF;
margin:0px auto;
border-left:4px	solid #CCC;
border-right:4px	solid #CCC;
}

h2{
padding:4px 10px;
}

span{
color:#F30;
}

/*---------------------------------------------------------------------
	header
---------------------------------------------------------------------*/

header{
margin-bottom:10px;
}

h1 a{
display:block;
background:url(img/title.gif) left bottom no-repeat;
width:410px;
height:132px;
font-size:10px;
margin:0px 10px;
line-height:156%;
}

header p#setumei{
text-align:left;
padding:6px;
margin:6px;
line-height:170%;
font-weight:bold;
font-size:12px;
color:#5b5a5a;
border:1px dotted #999999;
}

header p#sitemap{
text-align:right;
padding:0px 4px;
font-size:12px;
line-height:160%;
}



/*---------------------------------------------------------------------
	main
---------------------------------------------------------------------*/

#main{
float:left;
width:64%;
margin:0px 10px 20px 10px;
}

#main h2{
padding:10px;
}

#main p{
margin:10px 20px 12px 20px;
line-height:190%;
letter-spacing:1px;
}

#main ul{
margin:8px;
}

#main ul li{
list-style:none;
}

.hotel{
margin-top:14px;
}

/*XV—š—π*/
#koushin{
border:1px solid #999;
border-bottom:1px solid #999;
margin-bottom:10px;
}

#koushin h2{
background:#999;
color:#FFF;
padding:8px;
}

#koushin ul li{
padding-left:10px;
margin-bottom:4px;
border-bottom:1px dotted #CCCCCC;
line-height:22px;
}

/*‘ΜŒ±’kV’…‚Ζ—¬‚κ‚ˆ‚Q‚ΜˆΝ‚έƒhƒbƒgό*/
#main .jitaku h2,#main .hotel h2,#main .nomal h2{
border:1px dotted #000000;
}

/*‘ΜŒ±’kV’…@Ž©‘ξ‚Ζƒzƒeƒ‹*/
#main .jitaku h2{
background:url(img/jitaku.gif) #FFB243 right no-repeat;
}

#main .hotel h2{
background:url(img/hotel.gif) #F99 right no-repeat;
}

/*ƒfƒŠƒwƒ‹—¬‚κ•”•ͺ‚ˆ‚Q*/
#main .nomal h2{
background:url(img/nagare.gif) #87CEFA right no-repeat;
}


/*Ž©‘ξ‘ΜŒ±’k*/
#main article h2{
background:url(img/hukidasi.gif) left top no-repeat;
background-color:none;
border:none;
padding-left:44px;
}


#main article h2 span{
font-size:12px;
display:block;
text-align:right;
border-top:2px dotted #333333;
font-weight:normal;
padding-top:4px;
}

/*‚s‚n‚oV’…‘ΜŒ±’k‰ΊAƒfƒŠ‚Φƒ‹—¬‚κ•”•ͺ*/

#main .nagare h2{
background:url(img/finger.gif) #eeeded left center no-repeat;
padding-left:44px;
}

#main .nagare p.sankaku{
color:#F00;
font-size:18px;
text-align:center;
}

#main .nagare p.miru,p#next{
text-align:right;
}

#main .nagare p.miru{
font-weight:bold;
}

p#next{
margin-bottom:30px;
font-weight:bold;
font-size:16px;
line-height:160%;
}

#main .standard h2{
background:#e1411c;
color:#FFF;
}

#main .standard p{
margin-bottom:14px;
}

#main .standard ul,#main .nomaltwo ol{
border:1px solid #CCC;
margin:0px 0px 20px 0px;
padding:10px;
background:#FDF5E6;
}

#main .standard ul li,#main .nomaltwo ol li{
font-size:14px;
border-bottom:1px dotted #CCCCCC;
padding-left:20px;
line-height:36px;
}

#main .standard form{
margin-left:4px;
}

#main .standard ul li{
padding:6px;
line-height:24px;
}

#main .standard ul li img{
padding:8px 8px 0px 20px;
line-height:20px;
width:88px;
}

#main .standard table{
width:100%;
border:2px solid #CCC;
}

#main .standard table th,#main .standard table td{
border-bottom:1px dotted #CCCCCC; 
padding:6px;
}

#main .standard table th{
width:90px;
padding-bottom:0px;
}

#main .standard table th img{
width:88px;
height:31px;
}

#main .standard table td{
font-size:12px;
line-height:160%;
}

#pan{
background:#EEEDED;
margin-bottom:14px;
}

#pan ol{
padding:4px 8px;
}

#pan ol li{
display:inline;
line-height:160%;
font-size:12px;
}

#main .nomaltwo h2{
background:url(img/h2icon.gif) left center no-repeat;
padding-left:38px;
border:none;
border-bottom:2px dotted #000099;
}

#main .nomaltwo p{
margin-bottom:20px;
}

#main .nomaltwo table{
max-width:640px;
margin-bottom:30px;
border-collapse:collapse;
}

#main .nomaltwo table tr th,#main .nomaltwo table tr td{
border-bottom:1px dotted #999999;
padding:8px;
text-align:left;
line-height:26px;
}

#main .nomaltwo table tr th{
background-color:#FFF5EE;
padding-left:10px;
min-width:100px;
}

#main .nomaltwo table tr td{
padding-left:14px;
}

#main .nomaltwo h2.subh2{
background:url(img/subh2.gif) left center no-repeat;
border-bottom:none;
margin:4px 20px;
}

#main .nomaltwo ol{
	width:86%;
}

#main .nomaltwo ol li{
	padding:0px 0px 6px 0px;
	margin:6px 10px;
	line-height:160%;
}

/*ƒƒCƒ“•—‘­‚p•‚`ƒoƒi[*/
#mainqa{
	margin-bottom: 10px;
	background: #fef7fb;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ff3882;
}

#mainqa h2,#mainqa p{
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

#mainqa h2{
	color: #ff3882;
	font-size:16px;
	text-align:center;
	padding:0px;
	margin-bottom: 10px;
}

#mainqa p{
	color: #363636;
	line-height: 2;
	margin: 0 0 10px 0;
	text-align: justify;
}
#mainqa img {
	display: block;
}
#mainqa #qalink{
	line-height:28px;
	margin:5px 0;
}

#mainqa #qalink a{
	font-size: 16px;
	display: block;
	text-align: center;
	color: #0084ff;
}
#mainqa a:nth-child(2) {
	display: block;
}
/*---------------------------------------------------------------------
	nav
---------------------------------------------------------------------*/

nav{
float:right;
width:30%;
margin-right:8px;
}

nav h2{
text-align:center;
border-bottom:4px double #000000;
background:url(img/64.gif) repeat;
}

nav p{
margin:10px;
border-left:8px solid #999;
padding-left:10px;
}

nav ul{
margin:14px 0px 30px 16px;
}

nav ul li{
line-height:170%;
margin-bottom:8px;
}

/*ƒTƒCƒhƒoƒi[*/
nav #sidebana{
	width: 100%;
}

nav #sidebana h2{
	background:#ff4da1;
	color:#FFF;
	border:none;
	padding:10px 6px;
	box-sizing: border-box;
}

nav #sidebana a img{
	display: block;
	width: 100%;
	max-width: 274px;
	height: auto;
	margin: 10px auto;
}

nav h2.kihon{
border-bottom:4px double #0066CC;
}

nav #home ul,nav #love ul{
margin-bottom:20px;
padding-bottom:10px;
}

nav #home p,nav #love p{
background:url(img/hukidasi2.gif) left no-repeat;
padding-left:30px;
border:none;
}

nav #home h2{
border-bottom:4px double #ff4e22;
}

nav #love h2{
border-bottom:4px double #FF00CC;
}


#deri{
border:1px dotted #000000;
max-width:658px;
margin-bottom:14px;
background:#FFFACD;
}

#deri p{
text-align:center;
margin:0px;
line-height:160%;
font-size:16px;
color:#300;
}

#deri img{
margin:0px;
}

#deritwo{
margin:14px 0px;
}

#deritwo img,#derithree img{
border:none;
}

#derithree{
margin-bottom:8px;
}

/*ƒTƒCƒh•—‘­‚p•‚`ƒoƒi[*/
#sideqa{
	border:2px solid #09F;
	background:#fffce7;
	margin-bottom: 10px;
}

#sideqa h2 {
	background:#09F;
	color:#FFF;
	border:none;
	font-size:16px;
	line-height: 1.25;
}

#sideqa p {
	border:none;
	padding: 10px;
	margin: 0;
	line-height: 1.75;
	text-align: justify;
}

#sideqa a {
	width: calc(100% - 20px);
	display: block;
	margin: 0 auto 10px auto;
}

#sideqa a img {
	width: 100%;
	max-width:264px;
	height:auto;
	display:block;
	margin: 0;
}




a:link{
color:#0066CC;
}

a:visited{
color:#0066CC;
}

a:hover{
color:#F09;
}

#foot{
text-align:center;
border-top:2px dotted #FF3300;
}

#foot p{
padding:10px 0px;
}

#access{
display:none;
}



/*---------------------------------------------------------------------
	Media Queries
---------------------------------------------------------------------*/

/* PC */
@media only screen and (min-width:769px) {
	img{
		width: 100%;
		height: auto;
	}
}


/* Tablet */
@media only screen and (max-width:768px) {
	img{
		width:100%;
	}
}



/*nav‚ͺ‰Ί‚Ι‰ρ‚θ‚±‚ή•*/
@media only screen and (max-width:575px) {
	img{
		width:100%;
	}
	
	#main {
		float:none;
		width:97%;
	}
	
	nav {
		float:none;
		width:100%;
		margin-right: 0;
	}
	#sideqa {
		box-sizing: border-box;
		margin: 0 10px 20px 10px;
	}
	#sideqa a img {
		max-width: 300px;
		margin: 0 auto;
	}
	nav #sidebana {
		box-sizing: border-box;
		margin: 0 0 20px 0;
		padding: 0 10px;
	}
	nav #sidebana a {
		display: block;
	}
	nav #sidebana h2 {
		width: 100%;
		padding: 10px 0;
		margin-bottom: 10px;
	}
	nav #sidebana a img {
		max-width: 300px;
		margin: 0 auto;
	}
}

/* Mobile (longitudinal) */
@media only screen and (max-width:490px) {
	#main {
		 width:96%;
	}
	
	h1 a {
		background-size:98%;
		height:130px;
	}
	#mainqa {
		margin-bottom: 0;
	}
}
/* Mobile (beside) */
@media only screen and (max-width:440px) {
	h1 a{
		width:96%;
		height:134px;
	}
	
	#main {
		 width:95%;
	}
}

/* Mobile (beside) */
@media only screen and (max-width:380px) {
	img {
		width:100%;
	}
	
	/*Ε‹­Iƒ|[ƒ^ƒ‹ƒoƒi[*/
	#main #saikyo p {
		font-size:13px;
	}
}

/* Mobile */
@media only screen and (max-width:340px) {

h1 a{
height:114px;
}

img{
width:100%;
}

/*Ε‹­Iƒ|[ƒ^ƒ‹ƒoƒi[*/
#main #saikyo h2{
background:url(img/saikyoicon.png) left top no-repeat;
padding:0px 6px 2px 24px;
}

	


}