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

BODY {
	margin:0 auto;
	padding:0;
	background-image:url(../images/bg.jpg);
	background-color:#f5f5f5;
	;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	text-align:left;
	line-height:24px;
	letter-spacing:1px;
	color:#000;
}

div#wrap {
width:940px;
margin:0 auto;
padding:0;
}

.language {
width:940px;
margin:10px 0 0 0;
padding: 0;
text-align:right;
font-size:12px;
}

div#head {
width:940px;
height:140px;
background-image:url(../images/bg_head.jpg);
background-repeat:no-repeat;
background-position:top;
padding: 0;
margin:0 0 -10px 0;
overflow:hidden;
}

#movable {
    padding-top: 2em;    <-- スクロールするブロックのトップを調整
    position: absolute;  <-- ★重要(忘れないで!!)
}

/* -----------------------------------------
----------------------------------------- */

a:link {color:#F03; border-bottom: 0px #c06 dotted; text-decoration:none; }
a:visited {color:#f03; border-bottom: 0px #c06 dotted; text-decoration:none; }
a:hover {color:#C30; border-bottom: 0px #fff dotted; text-decoration:none; }
a:active {color:#f03; border-bottom: 0px #c06 dotted; text-decoration:none; }

.red{ color:#c33;}
.brown { color:#960;}
.orange { color:#F63;}
.wine { color:#933;}
.tea { color:#693;}
.bgRed {color:#fff; background-color:#c33; letter-spacing:0px; }
.f10px {font-size:10px;}
.f16px {font-size:16px;}
.f14px {font-size:14px;}

.orange13 { color:#F63; font-size:13px; letter-spacing:0.2em;}

/* -----------------------------------------
----------------------------------------- */

div#content {
width:860px;
margin:0 auto;
padding:0 40px 30px 40px;
background-image:url(../images/bg_middle.jpg);
background-repeat:repeat-y;
float:left;
}

div#content5 {
width:880px;
margin:0 auto;
padding:20px 30px 30px 30px;
background-image:url(../images/bg_middle.jpg);
background-repeat:repeat-y;
float:left;
}

.mainImage {
width:860px;
height:400px;
margin:0;
padding:0;
}

.mainImage img {
border	:0;
}

div#main {
width:860px;
margin:20px 0 0 0;
padding:0;
float:left;
}

div#main2 {
width:860px;
margin:30px 0 0 0;
padding:0;
float:left;
}

.mainLeft {
	width:570px;
	background-image:url(../images/lineT.jpg);
	background-repeat:repeat-y;
	background-position:right;
	float:left;
	background: height;
	height: auto;
}

.mainLeft p {
margin:0 0 12px 0;}	

.mainLeft a img {
border:0;
margin:15px 0;
outline:none;
}

.mainRight {
width:272px;
margin:0 0 0 18px;
text-align:right;
float:left;
}

.mainRight img {
border:0;
margin-bottom:15px;
}

.mainRight a img {
border:0;
margin-bottom:15px;
outline:none;
}



div#pagetop {
width:860px;
margin:0 auto;
padding:0 40px 0 40px;
background-image:url(../images/bg_middle.jpg);
background-repeat:repeat-y;
text-align:right;
clear:left;
overflow:hidden;
}


.clear { clear:left; height:60px;}
.clear10 { clear:left; height:10px;}
.clear_both { clear:both;}


div#foot {
width:860px;
height:150px;
margin:0;
padding:0 40px 0 40px;
background-image:url(../images/bg_foot.jpg);
background-repeat:no-repeat;
color:#999;
font-size:10px;
line-height:18px;
clear:left;
}

#foot A:link {
color:#999;
border-bottom: 1px #999 dotted; 
text-decoration:none;
}

#foot A:visited {
color:#999;
border-bottom: 1px #999 dotted; 
text-decoration:none;
}

.lineFoot {
width:860px;
background-image:url(../images/line_foot.jpg);
background-repeat:no-repeat;
height:25px;
}

.line {
width:860px;
background-image:url(../images/line_foot.jpg);
background-repeat:no-repeat;
height:7px;
}

.notice {
width:410px;
background-image:url(../images/notice.jpg);
background-position:top;
padding:10px 20px 15px 120px;
margin:10px 0 50px 0;
font-size:11px;
line-height:18px;
}


/* -----------------------------------------

　ページタイトル

-------------------------------------------*/

.title01 { background-image:url(../images/title1.jpg); background-repeat:no-repeat; background-position:bottom; height:80px; }
.title02 { background-image:url(../images/title2.jpg); background-repeat:no-repeat; background-position:bottom; height:80px; }
.title03 { background-image:url(../images/title3.jpg); background-repeat:no-repeat; background-position:bottom; height:80px; }
.title04 { background-image:url(../images/title4.jpg); background-repeat:no-repeat; background-position:bottom; height:80px; }
.title05 { background-image:url(../images/p5-1.jpg); background-repeat:no-repeat; background-position:bottom; height:806px; }
.title06 { background-image:url(../images/title6.jpg); background-repeat:no-repeat; background-position:bottom; height:80px; }
.title07 { background-image:url(../images/title7.jpg); background-repeat:no-repeat; background-position:bottom; height:80px; }



/* -----------------------------------------

　P1　かがみやとは

-------------------------------------------*/

.p1-1 {
width:550px;
height: 270px;
margin:0;
padding:0;
background-image:url(../images/photo1-1.jpg);
background-repeat:no-repeat;
background-position:top;
}


.p1-2 {
	width:500px;
	height:400px;
	margin:0px 0 0 0;
	padding:100px 25px 10px 25px;
	background-image:url(../images/p1-2.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-size:6px;
	text-indent:-9000px;
}



/* -----------------------------------------

　P2　宿泊について

-------------------------------------------*/

.p2-1 {
width:550px;
margin:0 0 20px 0;
padding:0;
}

.p2type {
width:550px;
height:200px;
margin:0 0 30px 0 ;
padding:0;
}

.type {
width:200px;
height:200px;
float:left;
margin:0 20px 0 0;
padding:0;
}


.p2_2 {
	width:520px;
	margin:0px 0px 20px 0px;
	padding:15px;
	background-color:#dedede;
	font-size: 11px;
}


/* -----------------------------------------

　P3　空室状況

-------------------------------------------*/

.p3notice {
width:550px;
margin:7px 0 15px 0;
padding:0;
float:left;
}

.p3-1 {
width:220px;
margin:0 20px 0 0;
padding:0;
float:left;
}

.p3-2 {
width:200px;
margin:0;
padding:0;
float:left;
}



/* -----------------------------------------

　P4　ご予約

-------------------------------------------*/

.p4-1 {
width:550px;
margin:0 0 25px 0;
padding:0;
}


/* -----------------------------------------

　P5　キモノレンタル

-------------------------------------------*/

.p5-2 {
width:860px;
margin:0 10px;
padding:0;
background-image:url(../images/p5-2.jpg);
background-repeat:no-repeat; 
height:600px;
position:relative;
}

.p5-3 {
width:860px;
margin:0 10px;
padding:0;
background-image:url(../images/p5-3.jpg);
background-repeat:no-repeat; 
height:600px;
position:relative;
}

.p5-4 {
width:860px;
margin:0 10px;
padding:0;
background-image:url(../images/p5-4.jpg);
background-repeat:no-repeat; 
height:600px;
position:relative;
}

.p5-5 {
width:860px;
margin:0 10px;
padding:0;
background-image:url(../images/p5-5.jpg);
background-repeat:no-repeat; 
height:600px;
position:relative;
}

.p5notice {
width:860px;
height:60px;
clear:left;
margin:0 5px 0 15px;
padding:0;
text-align:right;
color:#333;
font-size:10px;
}

.priceSystem {
	width:138px;
	height:18px;
	position : absolute;
	top : 55px;
	left : 722px;
	text-indent:-4000px;
}

.manekin1 {
	position : absolute;
	top : 98px;
	left : 340px;
	width:160px;
	height:240px;
	display:block;
}

.manekin2 {
	position : absolute;
	top : 98px;
	left : 510px;
	width:160px;
	height:240px;
	display:block;
}

.manekin3 {
	position : absolute;
	top : 98px;
	left : 682px;
	width:160px;
	height:240px;
	display:block;
}

.manekin4 {
	position : absolute;
	top : 344px;
	left : 340px;
	width:160px;
	height:240px;
	display:block;
}

.manekin5 {
	position : absolute;
	top : 344px;
	left : 510px;
	width:160px;
	height:240px;
	display:block;
}

.manekin6 {
	position : absolute;
	top : 344px;
	left : 682px;
	width:160px;
	height:240px;
	display:block;
}


.p5-6 {
width:860px;
margin:10px 10px 20px 10px;
padding:0;
float:left;

}


.p5-kimonoPleft {
width:360px;
padding:0;
margin:0;
text-align:left;
float:left;
}

.p5-kimonoPright {
width:500px;
margin:0;
padding:0;
float:left;
}

.p5-kimonoPright a img {
border:0;
margin-bottom:5px;
}


.p5-6left {
width:430px;
margin:0;
padding:0;
float:left;
}

.p5-6left b {
font-size:10px;
line-height:14px;
color:#666;
font-weight:normal;
}

.p5-6right {
width:380px;
margin:0 0 0 18px;
padding:15px;
float:left;
border:1px dotted #999;
background-color:#dedede;
}


.p5-saruku {
width:580px;
float:left;
margin:30px 0 0 10px;
padding:175px 0 40px 280px;
background-image:url(../images/p5-saruku.jpg);
background-repeat:no-repeat; 
}

.price {
width:860px;
text-align:right;
margin:0;
clear:left;
font-size:11px;
}


/* -----------------------------------------

　P6　長崎＊なう

-------------------------------------------*/

.p6-photo {
width:420px;
height:161px;
margin:0 20px 0 0;
padding: 0 0 20px 0;
float:left;
background-image:url(../images/p6-line.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.p6-photo2 {
width:420px;
height:161px;
margin: 0;
padding: 0 0 20px 0;
float:left;
background-image:url(../images/p6-line.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.p6-photo strong {
font-size:16px;
line-height:40px;
font-weight:normal;
}

.p6-photo2 strong {
font-size:16px;
line-height:40px;
font-weight:normal;
}

.p6-photo img {
border:0;
width:200px;
height:161px;
margin:0 15px 0 0;
padding:0;
float:left;
}

.p6-photo2 img {
border:0;
width:200px;
height:161px;
margin:0 15px 0 0;
padding:0;
float:left;
}

.p6-photo a:link {
color:#000;
line-height:18px;
}

.p6-photo2 a:link {
color:#000;
line-height:18px;
}

.p6-photo a:visited {
color:#000;
line-height:18px;
}

.p6-photo2 a:visited {
color:#000;
line-height:18px;
}

.p6spring {
background-image:url(../images/p6spring.jpg);
background-repeat:no-repeat;	
height:85px;
width:860px;
margin:10px 0 0 0;
padding:0;
clear:left;
text-indent:-4000px;
}

.p6summer {
background-image:url(../images/p6summer.jpg);
background-repeat:no-repeat;	
height:85px;
width:860px;
margin:30px 0 0 0;
padding:0;
clear:left;
text-indent:-4000px;
}

.p6autumn {
background-image:url(../images/p6autumn.jpg);
background-repeat:no-repeat;	
height:85px;
width:860px;
margin:30px 0 0 0;
padding:0;
clear:left;
text-indent:-4000px;
}

.p6winter {
background-image:url(../images/p6winter.jpg);
background-repeat:no-repeat;	
height:85px;
width:860px;
margin:30px 0 0 0;
padding:0;
clear:left;
text-indent:-4000px;
}


/* -----------------------------------------

　P7　アクセス

-------------------------------------------*/

.p7print {
width:550px;
text-align:right;
padding:0;
margin:0 0 10px 0;
}

.p7print img {
border:0;
}

.p7comment {
width:550px;
float:left;
margin:0 ;
padding:0;
}

.p7-1 {
width:260px;
float:left;
margin:0 30px 5px 0;
padding:0;
}

.p7-1 p {
margin:7px 0;
}

.p7-2 {
width:260px;
float:left;
margin:0 0 5px 0;
padding:0;
}

.p7-2 p {
margin:7px 0;
}


.mainRightAccess {
width:272px;
margin:0 0 0 18px;
text-align:left;
float:left;
}

.page7photo {
width:880px;
margin:0 0 0 0;
float:left;
line-height:17px;
letter-spacing:normal;
}

.michiPhoto {
width:195px;
height:240px;
margin:0 0 25px 0;
padding:0;
float:left;
}

.michiPhoto strong {
color:#C33;
border:1px solid #C33 ;
font-weight:normal;
}


.michiPhoto img {
width:195px;
height:195px;
margin:0 0 7px 0;
padding:0;
border:0;
}

.michiNext {
width:20px;
margin:0;
padding:0;
float:left;
height:260px;
background-image:url(../images/michiNext.jpg);
background-repeat:no-repeat;
background-position:inherit;
}



.link {
	font-size:11px;
	letter-spacing:normal;
	line-height:17px;
}

.linkPB {padding-bottom:15px;}

.link_table{
	}
	
.link_table td.td1{
	width:160px;
	height:auto;
	}
	
.link_table td.td2{
	width:170px;
	height:auto;
	}
	
.link_table td.td3{
	width:220px;
	height:auto;
	}