@charset "UTF-8";
/* CSS Document */


/*====================================================================

main.css

======================================================================

	01.format
	02.body
	03.header
	04.navi
	05.main
	06.footer
	07.textdecoration

=====================================================================*/

/*--------------------------------------------------------------------
     01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
img {
	margin:0px;
	padding:0px;
	border:none;
	border-collapse:collapse;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.6;
	font-weight: normal;
	font-variant: normal;
}
img {
	display:block;
}
li  {
	list-style-type: none;
}
em {
	font-style: normal;
}


body{
	overflow-x: hidden;
}


/*  a
----------------------------------------------------------------*/
a:link,
a:visited,
a:active {
	color: #069;
	outline:none;
	text-decoration: none;
}

a:hover {
	color: #069;
	border-bottom: 1px dotted #069;
}


/*  title
----------------------------------------------------------------*/
h1{
	margin: 0px;
	padding: 0px;
	float: left;
}


h2{
	margin: 0px 0px 5px;
	padding: 0px;
}

h3{
	font-size: 150%;
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #000;
	font-weight: bold;
}


h4{
	font-size: 100%;
	line-height: 25px;
	color: #FFDB8F;
	margin: 20px 20px 10px;
	padding: 5px 10px;
	height: 25px;
	background-color: #000;
	font-weight: bold;
	clear: both;
	border-bottom: 3px solid #FFDB8F;
}







/*--------------------------------------------------------------------
    02.body
--------------------------------------------------------------------*/
body{
	font-size: 14px;
	background-color: #FFF6EF;
}



.clear{
	clear: both;
}


/*--------------------------------------------------------------------/
	03.header
/--------------------------------------------------------------------*/
#header_wrapper {
	width: auto;
	margin: 0px auto;
	text-align: center;
	background-image: url(../nekonosuzu/img/top-bk.jpg);
	background-repeat: repeat;
	background-position: center top;
	height: 108px;
	padding: 0px;
	clear: both;
}






#header_wrapper1 {
	width: auto;
	margin: 0px auto;
	text-align: center;
	background-image: url(../img/header-bk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 287px;
	padding: 0px;
	clear: both;
	background-color: #000;
}




#header_wrapper2 {
	width: auto;
	margin: 0px;
	text-align: center;
	background-image: url(../img/header-bk2.jpg);
	background-repeat: repeat-y;
	height: 299px;
	padding: 0px;
	clear: both;
}



#header {
	margin: 0px auto;
	width: 960px;
	padding:0px;
	height:395px;
}



#header_wrapper .title {
	margin: 0px auto;
	width: 960px;
	padding:0px;
	height:108px;
	clear: both;
}



#title2 {
	margin: 0px auto;
	width: 960px;
	padding:0px;
	height:299px;
	text-align: center;
}



#header .titlelogo {
	margin: 0px;
	width: 357px;
	padding:0px;
	height:108px;
	float: left;
}

#header .titletel {
	margin: 0px;
	width: 500px;
	padding:0px;
	height:108px;
	float: right;
}



#header_wrapper1 .image {
	margin: 0px auto;
	width: 960px;
	padding:0px;
	height:287px;
	clear: both;
	text-align: center;
}


.fadein {
	width:960px; height:287px; 
}
.fadein img {
	left:74px;
	top:326px;
}



#header .image {
	margin: 0px;
	width: 960px;
	padding:68px 0px 0px;
	height:327px;
	clear: both;
	z-index: -10;
}


.fadein {
	position:relative; width:960px; height:287px; 
}
.fadein img {
	position:absolute; left:0; top:0; 
}





/*--------------------------------------------------------------------
    04.navi
--------------------------------------------------------------------*/

#navi-wrapper {
	margin: 0px;
	padding: 0px;
	height: 119px;
	width: auto;
	background-color: #000;
}




#navi {
	margin: 0px auto;
	padding: 0px;
	height: 119px;
	width: 960px;
}


#navi ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navi ol li {
	margin: 0;
	padding: 0;
	float: left;
}

#navi ol li a {
	background-image: url(../nekonosuzu/img/navi.jpg);
	display: block;
	height: 119px;
	zoom: 1.0;
}

#navi ol li a span {
	display: none;
}

#navi ol li#navi_1 a {
	background-position: 0px 0px;
}

#navi ol li#navi_1 a.active,
#navi ol li#navi_1 a:hover {
	background-position: 0px -119px;
	border-width: 0px;
}

#navi ol li#navi_1 {
	width: 240px;
}

div#navi ol li#navi_2 a {
	background-position: -240px 0px;
}

#navi ol li#navi_2 a.active,
#navi ol li#navi_2 a:hover {
	background-position: -240px -119px;
	border-width: 0px;
}

div#navi ol li#navi_2 {
	width: 240px;
}

#navi ol li#navi_3 a {
	background-position: -480px 0px;
}

#navi ol li#navi_3 a.active,
#navi ol li#navi_3 a:hover {
	background-position: -480px -119px;
	border-width: 0px;
}

#navi ol li#navi_3 {
	width: 240px;
}

#navi ol li#navi_4 a {
	background-position: -720px 0px;
}

#navi ol li#navi_4 a.active,
#navi ol li#navi_4 a:hover {
	background-position: -720px -119px;
	border-width: 0px;
}

#navi ol li#navi_4 {
	width: 240px;
}
















/*--------------------------------------------------------------------
    05.main
--------------------------------------------------------------------*/

#main-wrapper {
	margin: 0px auto;
	width: auto;
	padding: 0px;
	height: 998px;
	background-image: url(../nekonosuzu/img/main-bk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	background-color: #000;
}


#main-wrappersub {
	margin: 0px;
	width: auto;
	padding: 0px;
	clear: both;
	background-color: #FFF6EF;
}


#main-wrapsub {
	margin: 0px auto;
	width: 960px;
	padding: 0px;
	clear: both;
}




#main {
	margin: 0px auto;
	width: 960px;
	padding: 0px;
	height: 970px;
}



#mainsub-right {
	margin: 0px;
	width: 740px;
	padding: 0px 0px 40px;
	float: right;
}


#mainsub-left {
	float:left;
	width:200px;
	height: 800px;
}

 
.nav
{
	width: 180px;
	float: left;
	top: 0;
	background-color: #000;
	padding: 10px;
}
.nav li 
{
	margin: 0;
	padding: 13px 0px 13px 30px;
	text-decoration: none;
	font-weight:normal;
	background-image: url(../nekonosuzu/img/cssmenu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 34px;
	width: 150px;
	list-style: none;
}


.nav li a
{
	color: #FFF6EF;
	text-decoration: none;
}



.nav li a:hover
{
	color: #B88C52;
}






.fixed {
    position: absolute;
}


/* pankuzu
-------------------------------------------------------------------- */
#pankuzu {
	width:700px;
	margin: 0px;
	text-align: left;
	padding: 0px;
	font-size: 80%;
	line-height: 30px;
	height: 30px;
	color: #666;
}









/* content
--------------------------------------------------------------------*/

#content{
	margin: 0px;
	padding: 20px 0px 0px;
	width: 730px;
}

#contenttop{
	margin: 0px;
	padding: 20px 0px 0px;
	width: 960px;
}

.section{
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	clear: both;
	width: 730px;
	height: auto;
	border-bottom: 1px dotted #C8AB7F;
}


.sectiontop{
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	clear: both;
	width: 960px;
	height: auto;
}




.wrappersub{
	margin: 0px 0px 10px;
	padding: 0px;
	clear: both;
	width: 730px;
	height: auto;
}


.textbox{
	margin: 10px 30px 30px;
	padding: 0px;
	width: auto;
	height: auto;
}


.textbox90{
	margin: 10px 5px 30px;
	padding: 0px;
	width: auto;
	height: auto;
	font-size: 90%;
}


.textbox10{
	margin: 10px 30px 10px;
	padding: 0px;
	width: auto;
	height: auto;
}


.textbox-left{
	margin: 20px auto 10px 60px;
	padding: 0px;
	width: 360px;
	height: auto;
	float: left;
}


.textbox-left2{
	margin: 0px auto 10px 20px;
	padding: 0px;
	width: 540px;
	height: auto;
	float: left;
}

.textbox-left3{
	margin: 0px auto 10px 0px;
	padding: 0px 0px 0px 200px;
	width: 350px;
	height: auto;
	float: left;
	text-align: center;
}



.textbox-right{
	margin: 0px 20px 10px 0px;
	padding: 0px;
	width: 500px;
	height: auto;
	float: right;
}


.textbox-right2{
	margin: 20px 20px 10px 0px;
	padding: 0px;
	width: 350px;
	height: auto;
	float: right;
}


.textbox-right3{
	margin: 0px 20px 10px 0px;
	padding: 0px;
	width: 350px;
	height: auto;
	float: right;
}



.frame{
	margin: 0px auto 10px;
	padding: 0px;
	clear: both;
	width: 540px;
	height: auto;
}



.frame-top{
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 540px;
	height: 10px;
	background-image: url(../img/frame-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.frame-text{
	margin: 0px;
	padding: 2px 30px;
	clear: both;
	width: 480px;
	height: auto;
	background-image: url(../img/frame-bk.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}


.frame-bottom{
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 540px;
	height: 10px;
	background-image: url(../img/frame-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}










/* totop
--------------------------------------------------------------------*/

#wrap{
	width:960px;
	margin:0px auto;
}

#social_box{
	width:45px;
	padding:0px;
	margin-left:960px;
	position:fixed;
	bottom:0px;
	list-style-type:none;
}








/*---------- menubox ----------*/
#wrap-menubox{
	width:960px;
	margin:10px auto;
}

#social_box-menubox{
	background:#fff;
	width:200px;
	padding:0px;
	margin-left:0px;
	text-align:left;
	position:fixed;
	list-style-type:none;
	top: 0px;
}






div.ex-sub-contents{
	width:200px;
	display:inline-block;
	vertical-align:top;
	margin: 0px;
	padding: 0px 0px 250px;
}
ul.sidemenu{
	position:fixed;
}






/* room
--------------------------------------------------------------------*/
#room-you{
	color: #A0968E;
	background-image: url(../nekonosuzu/img/01-room-you.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
	padding: 390px 0px 0px 200px;
	height: 180px;
	width: 520px;
}


#room-wa{
	color: #A0968E;
	background-image: url(../nekonosuzu/img/01-room-wa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
	padding: 390px 0px 0px 200px;
	height: 180px;
	width: 520px;
}


#room-illust{
	color: #A0968E;
	background-image: url(../nekonosuzu/img/01-room-illust.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
	padding: 390px 0px 0px 200px;
	height: 180px;
	width: 520px;
}



#room-spa{
	color: #000;
	background-image: url(../nekonosuzu/img/01-room-spa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
	padding: 370px 0px 0px 200px;
	height: 240px;
	width: 520px;
}









/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/

#footer-wrapper {
	width: 100%;
	background-image: url(../nekonosuzu/img/footer-bk.jpg);
	background-repeat: repeat-x;
	height: 250px;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}

#footer {
	margin: 0px auto;
	height: 250px;
	padding: 0px;
	width: 960px;
}


#footer .leftbox {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 330px;
	float: left;
}





#footer .rightbox {
	margin: 0px;
	padding: 0px;
	width: 600px;
	float: right;
}




#footer .right01 {
	margin: 20px 0px 0px;
	padding: 0px;
	width: 600px;
	float: right;
	height: 80px;
}


#footer ul {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: auto;
	float: left;
	height: auto;
	border-left: 1px dotted #D7A461;
}



#footer li {
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 12px;
	width: auto;
	height: 20px;
	font-size: 80%;
	line-height: 20px;
	background-image: url(../img/footer-li.png);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
	color: #FFF6EF;
}



#footer li a {
	color: #FFF6EF;
	text-decoration: none;
}



#footer li a:hover {
	border-bottom: 1px dotted #D7A461;
	color: #D7A461;
}


#footer .copyright {
	color: #FFF6EF;
	margin: 5px 0px 0px;
	padding: 0px;
	width: 960px;
	float: left;
	font-weight: lighter;
	font-size: 80%;
}


/*--------------------------------------------------------------------/
	07.decoration
/--------------------------------------------------------------------*/


.text-l{
	font-size: 120%;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 3px;
}

.text-l-red{
	font-size: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 3px;
	color: #C00;
}


.text-m{
	font-size: 75%;
}


.text-s{
	font-size: 60%;
}

.text-b{
	font-size: 100%;
	font-weight: bold;
}


.text-red{
	color: #C00;
	font-weight: bold;
}



.image-left{
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}


.midashi{
	background-color: #DAD1CC;
	margin: 0px 0px 1px;
	padding: 3px 10px;
	border-bottom: 1px dotted #999;
	text-align: center;
	font-weight: bold;
}




.nakami{
	background-color: #FFF;
	margin: 0px 0px 1px;
	padding: 3px 10px;
	border-bottom: 1px dotted #999;
	text-align: center;
}


.nakami2{
	background-color: #EDEDED;
	margin: 0px 0px 1px;
	padding: 3px 10px;
	border-bottom: 1px dotted #999;
	text-align: center;
}



.text-kakomi{
	background-color: #FFF;
	margin: 0px 30px 10px;
	padding: 10px 30px;
	clear: both;
	width: auto;
	border: 3px solid #15476F;
}