@charset "Shift_JIS";
/* CSS Document */

/* ‹¤’Ê
----------------------------------------------------------------------- */

#gnav6	{background-position:-565px -40px;}


#imghd	{height:490px; margin:-23px auto 0 auto; overflow: hidden; text-align:center; background:url(../img/index/imghd.jpg) center 0 repeat-x;}
#left,
#right	{margin-top:-20px;}

#imghd { background:url(../img/welcome/bg-imghd.jpg) repeat-x 0 0; height:136px;}
#imghd h2 {background:url(../img/welcome/imghd.jpg) no-repeat center 0; margin:0 auto; text-align:center; height:136px; text-indent:-2000px; overflow:hidden;}

#nav-welcome				{width:700px; overflow:hidden; position:relative;}
#nav-welcome li			{float:left;}
#nav-welcome a			{height:46px; background-image:url(../img/welcome/nav-welcome.png); background-repeat:no-repeat; text-indent:-9999px; display:block;}

#nav-welcome1	{width:114px; background-position:0 0;}
#nav-welcome2	{width:100px; background-position:-114px 0;}
#nav-welcome3	{width:98px; background-position:-214px 0;}
#nav-welcome4	{width:131px; background-position:-312px 0;}
#nav-welcome5	{width:131px; background-position:-443px 0;}
#nav-welcome6	{width:126px; background-position:-574px 0;}

#nav-welcome1:hover	{background-position:0 -46px;}
#nav-welcome2:hover	{background-position:-114px -46px;}
#nav-welcome3:hover	{background-position:-214px -46px;}
#nav-welcome4:hover	{background-position:-312px -46px;}
#nav-welcome5:hover	{background-position:-443px -46px;}
#nav-welcome6:hover	{background-position:-574px -46px;}

p.p-top { background:url(../img/onsen/kodawari/icon2.png) no-repeat 0 4px; padding-left:20px; margin:0 0 0 555px;}
p.p-top a:link , p.p-top a:visited { color:#df707f;}
p.p-top a:hover , p.p-top a:active { color:#701521;}
.p-box2 { background:url(../img/welcome/index/bg-p-top2.jpg) no-repeat 0 0; height:25px; padding-top:7px} 



/* welcome
----------------------------------------------------------------------- */
#welcome #nav-welcome1	{background-position:0 -46px;}

#welcome #wrap-welcome { margin-bottom:20px;}

#welcome #wrap-welcome .box { background:url(../img/welcome/index/bg-ppoint.gif) no-repeat 0 0; height:256px; position:relative; margin-bottom:20px; padding:16px 452px 0 26px;}
#welcome #wrap-welcome .box h3 { margin-bottom:25px;}
#welcome #wrap-welcome .box .txt {}
#welcome #wrap-welcome .box p.btn{ position:absolute; bottom:21px; left:20px;}
#welcome #wrap-welcome .box .img { position:absolute; top:16px; right:20px;}
#welcome #wrap-welcome .mb0 { margin-bottom:0px;}

#welcome #wrap-welcome .box2 { background:url(../img/welcome/index/bg-sugosikata.jpg) no-repeat 0 0; height:290px;}
#welcome #wrap-welcome .box2 h3 { padding:8px 0 0 39px;}
#welcome #wrap-welcome .box2 ul { margin:42px 0 0 24px;}
#welcome #wrap-welcome .box2 li { float:left; margin-right:15px;}

#welcome #wrap-welcome .box3 { background:url(../img/welcome/index/bg-enjoy.jpg) no-repeat 0 0; height:397px;}
#welcome #wrap-welcome .box3 h3 { padding:8px 0 0 39px;}
#welcome #wrap-welcome .box3 ul { margin:44px 0 0 28px;}
#welcome #wrap-welcome .box3 li { float:left; margin-right:20px;}



/* point
----------------------------------------------------------------------- */
#point #nav-welcome2	{background-position:-114px -46px;}

#point #wrap-point { margin-bottom:20px;}

#point #wrap-point .point { background:url(../img/welcome/point/bg-po1.gif) 0 0 no-repeat; height:152px; margin-bottom:11px; padding:140px 304px 0 20px; position:relative; line-height:1.6;}
#point #wrap-point .point h3 { position:absolute; top:17px; left:0px;  z-index:2;}
#point #wrap-point .point img.img { position:absolute; top:17px; right:0px; z-index:1;}
#point #wrap-point .point ul { position:absolute; bottom:20px; left:20px; z-index:3; width:400px;}
#point #wrap-point .point li { float:left; margin-right:10px;}

#point #wrap-point .po2 { background:url(../img/welcome/point/bg-po2.gif) 0 0 no-repeat;}
#point #wrap-point .po4 { background:url(../img/welcome/point/bg-po4.png) 0 0 no-repeat;}
#point #wrap-point h3.po02 { top:17px;}
#point #wrap-point h3.po03 { top:21px;}
#point #wrap-point h3.po04 { top:30px;}



/* history
----------------------------------------------------------------------- */
#history #nav-welcome3	{background-position:-214px -46px;}

#history #wrap { margin-bottom:20px;}

#history #history-wrap { background:url(../img/welcome/history/bg-all.jpg) no-repeat 0 0; height:1355px; position:relative;}
#history #history-wrap li { position:absolute;}
#history #history-wrap li.s0 { top:0px; right:0px; /*width:341px; height:226px;*/ z-index:1; }
#history #history-wrap li.s0 .img1 { position:absolute; top:101px; right:220px; z-index:3; }
#history #history-wrap li.s0 .img2 { position:absolute; top:23px; right:34px; }
#history #history-wrap li.s1 {/* margin:0 0 0 61px;*/ top:44px; left:61px; }
#history #history-wrap li.s1 h3 { margin-bottom:20px; }
#history #history-wrap li.s1 p { width:218px; margin-left:8px;}
#history #history-wrap li.s2 {top:259px; left:32px; }
#history #history-wrap li.s2 h3 { margin-bottom:20px; }
#history #history-wrap li.s2 p { width:410px; margin-left:8px;}
#history #history-wrap li.s3 {top:390px; left:55px; }
#history #history-wrap li.s3 h3 { margin-bottom:20px; }
#history #history-wrap li.s3 p { width:590px; margin-left:8px;}
#history #history-wrap li.s4 {top:538px; left:89px; }
#history #history-wrap li.s4 h3 { margin-bottom:20px; }
#history #history-wrap li.s4 p {margin-left:8px;}
#history #history-wrap li.s5 {top:647px; left:35px; }
#history #history-wrap li.s5 h3 { margin-bottom:20px; }
#history #history-wrap li.s5 p {margin-left:83px;}
#history #history-wrap li.s6 {top:812px; left:113px; }
#history #history-wrap li.s7 {top:904px; left:113px; }
#history #history-wrap li.s8 {top:1213px; right:32px; }
#history #history-wrap li.s9 {top:1242px; left:32px; width:633px; }
#history #history-wrap li.s9 .left { position:absolute; top:0px; left:0px;}
#history #history-wrap li.s9 p.hd { position:absolute; top:0px; left:120px;}
#history #history-wrap li.s9 p.txt {  position:absolute; top:60px; left:140px;}
#history #history-wrap li.s9 a { position:absolute; top:60px; right:25px;}


/* stay
----------------------------------------------------------------------- */
#stay #nav-welcome4	{background-position:-312px -46px;}

#stay #wrap-stay { margin-bottom:20px;}

#stay #wrap-stay p.img-hd  { margin-bottom:20px;}

#stay #wrap-stay .step { background:url(../img/welcome/stay/bg-step.gif) no-repeat 0 0; margin:0 10px 0 11px; padding:85px 322px 0 25px; width:332px; height:128px; position:relative; line-height:1.6;}
#stay #wrap-stay .step h3 { position:absolute; top:15px; left:25px;}
#stay #wrap-stay .step img.img { position:absolute; top:14px; right:10px; z-index:1;}
#stay #wrap-stay .step ul { position:absolute; bottom:17px; left:20px; z-index:3;}
#stay #wrap-stay .step li { float:left; margin-right:10px;}

#stay #wrap-stay .step h3.s2 { top:13px; }
#stay #wrap-stay .step h3.s3 { top:24px; }
#stay #wrap-stay .step h3.s4 { top:12px; }
#stay #wrap-stay .step h3.s5 { top:24px; }
#stay #wrap-stay .step h3.s6 { top:15px; }
#stay #wrap-stay .step h3.s7 { top:16px; }
#stay #wrap-stay .step h3.s8 {}
#stay #wrap-stay .step h3.s9 { top:16px; }
#stay #wrap-stay .step h3.s10 {}

#stay #wrap-stay .yajirusi { margin:10px auto 18px; display:block;}



/* daytrip
----------------------------------------------------------------------- */
#daytrip #nav-welcome5	{background-position:-443px -46px;}

#daytrip #wrap-daytrip { margin-bottom:20px;}

#daytrip #wrap-daytrip p.img-hd  { margin-bottom:20px;}

#daytrip #wrap-daytrip .step { background:url(../img/welcome/daytrip/bg-step1.jpg) no-repeat 0 0; margin:0 10px 0 11px; padding:85px 322px 0 25px; width:332px; height:128px; position:relative; line-height:1.6;}
#daytrip #wrap-daytrip .step h3 { position:absolute; top:15px; left:26 px;}
#daytrip #wrap-daytrip .step img.img { position:absolute; top:14px; right:10px; z-index:1;}
#daytrip #wrap-daytrip .step ul { position:absolute; bottom:17px; left:20px; z-index:3;}
#daytrip #wrap-daytrip .step li { float:left; margin-right:10px;}

#daytrip #wrap-daytrip .step2 { background:url(../img/welcome/daytrip/bg-step2.jpg) no-repeat 0 0; margin:0 10px 0 11px; padding:111px 329px 0 23px; width:328px; height:102px;}
#daytrip #wrap-daytrip .step h3.s2 { top:24px; }
#daytrip #wrap-daytrip .step h3.s3 { top:15px; }
#daytrip #wrap-daytrip .step h3.s4 { top:15px; }

#daytrip #wrap-daytrip .yajirusi { margin:10px auto 18px; display:block;}



/* konan
----------------------------------------------------------------------- */
#konan #konan_top {
  background-image: url(../img/welcome/konan/bg_konantop.jpg);
  background-repeat: no-repeat;
  height: 185px;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  padding-top: 30px;
  padding-left: 270px;
  padding-right: 10px;
}

#konan #konan_top img{
  margin-top:10px;
}

#konan #nav-welcome6	{background-position:-574px -46px;}

#konan #konan-hd {
  background:url(../img/welcome/konan/bg-hd.jpg) no-repeat 0 0;
  height:242px;
  padding:22px 0 0 10px;
}
#konan #konan-hd ul { margin-bottom:13px; height:34px;}
#konan #konan-hd li { float:left; margin-right:15px;}

#konan ul#comic { background:url(../img/welcome/konan/bg-comic.jpg) no-repeat 0 0; height:1441px; position:relative;}
#konan ul#comic li { width:300px;	position:absolute;}
#konan ul#comic li.s1 { top:220px; right:25px;}
#konan ul#comic li.s2 { top:495px; right:25px;}
#konan ul#comic li.s3 { top:780px; left:25px; width:330px;}
#konan ul#comic li.s4 { bottom:350px; right:25px;}
#konan ul#comic li.s5 { bottom:60px; left:25px; width:350px;}

p.books { margin-bottom:20px;}

/*2012/4/23’Ç‰Á*/
#konan ul#comic_n { background:url(../img/welcome/konan/bg-comic_n.jpg) no-repeat 0 0; height:1441px; position:relative;}
#konan ul#comic_n li { width:300px;	position:absolute;}
#konan ul#comic_n li.s1 { top:220px; right:25px;}
#konan ul#comic_n li.s2 { top:495px; right:25px;}
#konan ul#comic_n li.s3 { top:780px; left:25px; width:330px;}
#konan ul#comic_n li.s4 { bottom:350px; right:25px;}
#konan ul#comic_n li.s5 { bottom:60px; left:25px; width:350px;}


/* dorama
----------------------------------------------------------------------- */
#dorama #nav-welcome6	{background-position:-574px -46px;}

#dorama #dorama-wrap { margin-bottom:20px;}

#dorama #dorama-hd { background:url(../img/welcome/konan/bg-hd.jpg) no-repeat 0 0; padding:22px 0 0 10px;}
#dorama #dorama-hd ul { margin-bottom:13px; height:34px;}
#dorama #dorama-hd li { float:left; margin-right:15px;}
#dorama #dorama-hd p { margin-bottom:12px; line-height:1.8;}
#dorama #dorama-hd p.text { font-weight:bold; text-align:center; padding:0 20px 0 10px;}

#dorama #dorama-block{background:url(../img/welcome/dorama/bg.png) repeat-y left top; padding:25px 18px 15px 27px; overflow:hidden;}
#dorama #dorama-block p{margin:0 0 15px 0; padding:0;}
#dorama #dorama-block .dorama-box	{width:294px; float:left; margin:0 17px 21px 8px; display:inline; padding:196px 4px 0 4px; position:relative;}
#dorama .dorama-box img{margin-bottom:5px; position:absolute; left:0; top:0;}
#dorama #end {
  clear: both;
}
#dorama #end p{font-weight:bold;text-align:center;}



/* shampoo
----------------------------------------------------------------------- */
#shampoo #nav-welcome6	{background-position:-574px -46px;}

#shampoo #shampoo-box { background:#fcf9f9 url(../img/welcome/konan/bg-hd.jpg) no-repeat 0 0; padding:22px 0 0 10px; margin-bottom:20px; padding-bottom:10px;}
#shampoo #shampoo-box ul.p-tab { margin-bottom:13px; height:34px;}
#shampoo #shampoo-box ul.p-tab li { float:left; margin-right:15px;}
#shampoo #shampoo-box p.img-hd { margin-bottom:20px;}

#shampoo #content-shampoo { background:url(../img/welcome/shampoo/bg-shampoo.jpg) no-repeat 0 0; height:385px; position:relative; margin-bottom:20px;}
#shampoo #content-shampoo h3 { padding:14px 0 0 25px;}
#shampoo #content-shampoo ul { position:absolute; top:97px; left:25px; z-index:1;}
#shampoo #content-shampoo li { float:left; margin:0 10px 0 0;}
#shampoo #content-shampoo p.txt { width:330px; margin:142px 0 0 326px; line-height:1.6; z-index:5;}
#shampoo #content-shampoo p.kome { width:330px; margin:5px 0 0 326px;  font-size:10px; line-height:1.4;}
#shampoo #content-shampoo p.btn { position:absolute; bottom:15px; right:25px; z-index:3;}

#shampoo #content-gyu { background:url(../img/welcome/shampoo/bg-gyu.jpg) no-repeat 0 0; height:398px; position:relative;}
#shampoo #content-gyu h3 { padding:13px 0 15px 25px;}
#shampoo #content-gyu p.txt { width:320px; margin:0 0 15px 25px;; line-height:1.6;}
#shampoo #content-gyu dl { margin:0 0 0 25px; width:320px;}
#shampoo #content-gyu dl dt { float:left; margin:0 15px 0 0;}
#shampoo #content-gyu dl dd.link { background:url(../img/welcome/shampoo/icon.gif) no-repeat 0 5px; padding: 0 0 0 15px; margin:0 0 10px 130px; font-size:16px; font-weight:bold; color:#c7597e;}
#shampoo #content-gyu dl dd.link a:link ,
#shampoo #content-gyu dl dd.link a:visited {text-decoration:underline; color:#c7597e; }
#shampoo #content-gyu dl dd.link a:hover ,
#shampoo #content-gyu dl dd.link a:active { color:#5c2e16; }

#shampoo #content-gyu dl dd.txt {margin-left:140px;}
#shampoo #content-gyu img.img { position:absolute; right:25px; bottom:20px;}
