/*　--------------------------ベースとなるCSS------------------------------- */



body{

text-align: center;  background-color: #333333; scrollbar-base-color: #333333;

scrollbar-face-color: #555555;  scrollbar-track-color: #333333; scrollbar-arrow-color: #FFFFFF;

scrollbar-3dlight-color: #FFFFFF; scrollbar-highlight-color: #555555;  scrollbar-shadow-color: #555555;

scrollbar-darkshadow-color: #FFFFFF;}



TABLE{margin: 5px; line-height: 20px; border-style: none; color: #eeeeee;

font-size: 13px; font-family:  'MS UI Gothic'; line-height : 20px;}



.table-chr{

border-collapse: collapse;}



Th{

border-width : 1px; border-style : solid; padding : 10px;}

.th-visa{

text-align:center; width:350px; font-weight:bold; background-color: #68d576; color:#333333; height:20px;}

.th-glo {

background: url(image/background-stripe.gif); text-align: center;}

.th-chrono {

background: url(image/background-stripe.gif); text-align: center;}

.th-top {

background: url(image/background-stripe.gif); text-align: left;}

.th-out {

background: url(image/background-stripe.gif); text-align: left;}





TD{

border-width : 1px; border-style : solid; padding : 10px;}

.td-visa-photo{

text-align:center; width:140px; background: url(image/background-stripe.gif); valign:middle;}

.td-chrono{border-width: 0px 0px 1px 0px;

text-align:right; width:50px; font-weight:bold; vertical-align:top; background-color:#333333;

 border-right:dashed 1px #888888;}

.td-a{

border-width: 0px 0px 1px 0px; vertical-align:top;}





p{

padding: 10px;}





A{

text-decoration: none; letter-spacing: 2px;}

A:link {

COLOR: #ffffdd;}

A:visited {

COLOR: #ffeeff;}

A:HOVER{

color: #ffcc00;}

A:active {

COLOR: #ffcc00;}



INPUT{

background-color : #444444; color : #ffffff; font-size: 13px; font-family: 'MS UI Gothic';

border : solid 1px #555555;}

TEXTAREA{

background-color : #444444; color : #ffffff; font-size: 13px; font-family: 'MS UI Gothic';}



#search input{background: url(image/background-stripe.gif); color : #ffffff;

font-size: 13px; font-family: 'MS UI Gothic'; height:21px;

border : solid 1px #555555; padding:2px; margin:5px 5px 0px 0px;}



img{

border: none;}



H1{

border: 1px #ffffff solid; padding: 10px; width: 500px;

font-size: 13px; font-weight: bold; margin: 5px;}

.H1-att {

background: url(image/background-stripe.gif); text-align: left;}

.H1-vac {

background: url(image/background-stripe.gif); text-align: left;}

.H1-kin {

background: url(image/background-stripe.gif); text-align: left;}



.H1-kowaza {

background: url(image/background-stripe.gif); text-align: left;}

.H1-gure {

background-color: #339933; text-align: left; color:#333333;}



.H1-map {background: url(map/image/background-H1-map.gif) no-repeat 50% 50%; line-height:21px;

border-top: solid 1px #ffffff;border-bottom:none; border-right:none;border-left:none; letter-spacing: 2px; height:50px;

text-align: center; color: #ffcc00; vertical-align:middle; padding-top:10px;

margin-top:40px; margin-bottom:20px;}



.H1-tac {background: url(tachev/image/background-H1-tac.gif) no-repeat 50% 50%; line-height:21px;

border-top: solid 1px #ffffff;border-bottom:none; border-right:none;border-left:none; letter-spacing: 2px; height:50px;

text-align: center; color: #ccff66; vertical-align:middle; padding-top:10px; margin-bottom:20px;}



.H1-pho {background: url(photo/image/background-H1-pho.gif) no-repeat 50% 50%; line-height:20px;

border:none;  letter-spacing: 2px; height:50px;

text-align: center; color: #ffff00; vertical-align:middle; padding-top:10px; margin-bottom:30px;}



.H1-top {

background: url(image/background-stripe.gif); text-align: left;}



.H1-hotmenu {text-align:center; text-weight:bold; color: #cfe967; border:none; width:460px;

padding:5px;}



.H1-neta {margin-top:40px;

background: url(image/background-stripe.gif); text-align: left;}





.H1-netakuni {background: url(tachev/image/background-H1-tac.gif) no-repeat 50% 50%; line-height:21px;

border-top: solid 1px #ffffff;border-bottom:none; border-right:none;border-left:none; letter-spacing: 2px; height:50px;

text-align: center; color: #ffff66; vertical-align:middle; padding-top:10px; margin-bottom:20px;}



.H1-movie {background: url(image/background-stripe.gif); text-align: left;}



.H1-moviesp {background: url(photo/image/background-H1-pho.gif) no-repeat 50% 50%; line-height:20px;

border:none;  letter-spacing: 2px; height:50px;

text-align: center; color: #ffff00; vertical-align:middle; padding-top:10px; margin: 0px 0px 30px 5px;}



H2{ font-size: 13px; margin: 5px; padding: 0px 5px 0px 5px;}

.H2-procedure{width:490px; margin-left:10px;

color: #be9eed; letter-spacing: 2px; text-align: center; padding-top:20px; padding-bottom:10px;

font-weight: bold; border-top: dashed 1px #888888;}

.H2-insurance{

color: #be9eed; letter-spacing: 2px; padding:10px; font-weight: bold; text-align:center;}



.H2-trouble{

line-height : 20px; font-weight:normal;

margin:30px 5px 0px 5px; text-align:left; color:#ffcc00; padding:0px 10px 0px 60px; height:40px;

background: url(image/trouble-ikari.gif) no-repeat 3% 50%;

}



.H2-money{width:490px; margin-left:10px;

color: #be9eed; letter-spacing: 2px; text-align: center; padding-top:20px; padding-bottom:0px;

font-weight: bold; border-top: dashed 1px #888888;}



.H2-kowaza{width:490px; margin-left:10px;

color: #0093d9; letter-spacing: 2px; text-align: center; padding-top:20px; padding-bottom:0px;

font-weight: bold; border-top: dashed 1px #888888;}



.H2-gureneko{letter-spacing: 2px;

color: #99ffff; text-align: left; width:500px;

font-weight: normal;}



.H2-note{

color: #99ffff; letter-spacing: 2px; text-align: center; width:500px;

font-weight: bold; border-bottom: none 1px #888888;}



.H2-hotel{background: url(hotel/image/background-H2-hotel.gif) no-repeat 50% 50%;

border-top: none 1px #ffffff;border-bottom:none; border-right:none;border-left:none; letter-spacing: 2px; height:50px;

text-align: center; color: #cfe967; vertical-align:middle; padding-top:10px;padding-bottom:15px;

margin-bottom:20px; margin-top:40px;margin-left:5px;font-weight:bold;}



.H2-neta{background: url(neta/image/background-H2-neta.gif) no-repeat 50% 50%;

border-top: none 1px #ffffff;border-bottom:none; border-right:none;border-left:none; letter-spacing: 2px; height:55px;

text-align: center; color: #ffff66; vertical-align:middle; padding-top:10px; margin-bottom:20px; 

margin-top:30px;font-weight:bold;margin-left:5px;}



.H2-link{

text-align: center; margin-top:20px;}





/*　--------------------------枠組みのCSS ID指定------------------------------- */



#all{

border: 6px #555555 solid; background: url(image/background-all.gif); background-repeat: repeat-y;

position: relative; width: 760px;

margin: 0px auto; text-align: left;

color: #eeeeee;

font-size: 13px;

font-family: 'MS UI Gothic';

line-height : 20px;}





#contents {

position: relative; border: pink none 2px;

margin-left: 210px; margin-top: 0px; margin-bottom: 100px; width: 510px; padding-bottom: 40px;}





#contents A{

text-decoration: none; letter-spacing: 2px;}

#contents A:link {

border-bottom:dashed 1px;}

#contents A:visited {

border-bottom:dashed 1px;}

#contents A:HOVER{

border-bottom:solid 1px;}

#contents A:active {

border-bottom:dashed 1px;}



#imode{

border: 3px #555555 solid; background-color:#333333; padding:2px;

position: relative; width: 110px; height: 100%; max-height: 100%;

margin: 0px auto; text-align: left;

color: #eeeeee;

font-size: 13px;

font-family: 'MS UI Gothic';

line-height : 20px;}



#footer {

position: absolute; bottom: 0px; width: 100%; height: 52px; background: url(image/footer.gif);}



#counter {position: absolute; bottom: 5px; left:76px;}



#title {

position: absolute; top: 0px; left: 0px;

height: 110px; width: 200px; padding:25px 10px 20px 13px;}

.ti-basic{

background: url(image/title-basic.gif) no-repeat;}

.ti-intro{

background: url(image/title-pink.gif) no-repeat;}

.ti-junbi{

background: url(image/title-violet.gif) no-repeat;}

.ti-waza{

background: url(image/title-blue.gif) no-repeat;}

.ti-kiseki{

background: url(image/title-bluegreen.gif) no-repeat;}

.ti-info{

background: url(image/title-green.gif) no-repeat;}

.ti-omoide{

background: url(image/title-yellow.gif) no-repeat;}

.ti-kouryu{

background: url(image/title-gold.gif) no-repeat;}

.ti-wa{

background: url(image/title-orange.gif) no-repeat;}

.ti-omake{

background: url(image/title-red.gif) no-repeat;}



#subject {

position: relative; top: 0px; right: 0px; border: none;

 padding-top: 10px;}





#hajimete-back {

position: absolute; top: 30px; right: 30px;

height: 80px; width: 325px; text-align: left;}

#hajimete-front {

position: absolute; top: 25px; right: 0px;

height: 80px; width: 95px; text-align: right;}



/*

まずhajimete-backで背景を指定、さらにicon-frontでレイヤー最前面アイコンを指定する。

*/







/*　-------------------------細部のCSS Class指定-------------------------------- */



.box{

border:1px dashed #888888; background-color:#333333; margin-left:5px; width:500px; padding:10px;}



.box-b{

border:1px none #888888; background-color:#444444; margin-left:5px; width:500px; padding:10px;}



.bg-stripe{

background: url(image/background-stripe.gif);}





.float-r {

float: right;}

.float-l {

float: left;}



.center {

text-align: center;}



/*

フロートの後は必ず<br style="clear: ----;">または<br clear="all">で属性を閉じる。

<div class="float-l" width="100px">左左左左左</div>

<div class="float-r" width="100px">右右右右右</div>

<br style="clear: both;">

という感じ。

*/



.eng {

font-family:helvetica;}



.noborder {

border: none;}



.moji-hikaeme {

color: #888888;}



.moji-yuttari {

letter-spacing: 2px;}



.ipposagaru {

padding: 10px;}



.date{text-align:right; font-weight: bold;

color: #33b3bd; letter-spacing: 1px; margin-right:10px;}



.fullsize {

width: 510px}

.hikaemesize{

width: 500px;}





.icon-back{

position: relative; width: 100%; border: blue none 1px;}

.icon3-front{

position: absolute; right: 10px; bottom: 25px;  width: 50px; height: 58px; border: red none 1px;}

.icon4-front{

position: absolute; right: 10px; top: 5px;  width: 45px; height: 70px; border: orange none 1px;}

.icon5-front{

position: absolute; right: 10px; bottom: 7px;  width: 60px; height: 45px; border: orange none 1px;}

/*

h1の枠にアイコンをのせる時は、まずicon-backで相対的位置を指定、その中にh1タグ、

さらにicon-front（ここはdivでなくspanを使う！！）で絶対位置指定する。

<div class="icon-back">

<h1>ああああ<span class="icon-front"><img src="image/icon3-white.gif" width="43" height="45"></span></h1>

</div>

*/





.hr-kinkyo{

border:solid 1px #ffffff; width:490px; margin-left:10px;}

.hr-gureneko{

border:dashed 1px #888888; width:100%;}

.hr-gureneko-2{

border:solid 1px #ffffff; width:490px; margin:0px 0px 15px 10px;}

.hr-note{

border:dashed 1px #888888; width:100%;}

.hr-note-2{

border:solid 1px #ffffff; width:490px; margin:30px 0px 15px 10px;}

.hr-map{

border:solid 1px #ffffff; width:500px; margin-left:5px; margin-top:30px;}

.hr-pho{

border:dashed 1px #888888; margin:0px 20px 0px 20px;}

.hr-movmenu{

border:dashed 1px #888888;}

.hr-hotel{

border:dashed 1px #888888;}

.hr-dashed{

border:dashed 1px #888888; width:490px; margin-left:10px;}



.hr-neta{

border:dashed 1px #888888; width:490px; margin-top:10px; margin-bottom:10px;}



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



.outfit-right{

border-top:1px solid #ffffff; border-left:1px dashed #888888; border-bottom:1px solid #ffffff; border-right:none;

margin:0px 10px 0px 10px; padding:10px 10px 10px 10px; width:370px;}



.outfit-left{

border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:none; border-right:1px dashed #888888;

width:110px; left:0px; top: 0px;

padding:10px 10px 10px 10px; }



.outfit-photo{

border:none; height:200px; padding:20px 10px 20px 10px; text-align:center;}



.outfit-d{

background: url(image/outfit-danna.gif) no-repeat 50% 50%; border-left:none; border-right:none; width:10px; height:10px;}



.outfit-y{

background: url(image/outfit-yome.gif) no-repeat 50% 50%; border-left:none; border-right:none; width:10px;}

.outfit-dy{

background: url(image/outfit-dannayome.gif) no-repeat 50% 50%; border-left:none; border-right:none; width:10px;}

.outfit-k{

background: url(image/outfit-kyou.gif) no-repeat 50% 50%; border-left:none; border-right:none; width:10px;}



.outfit-menuback{

border:1px nonoe #3399ff; position:relative; width:510px;}

.outfit-1menu{

border:1px none #ffffff; width:250px; margin:0px; position:relative; left:0px; top:0px; padding:0px;}

.outfit-2menu{

border:1px none #ffffff; width:250px; position:absolute; right:0px; top: 10px; padding:0px;}



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





.sitemap-br{

background: url(image/sitemap-i.gif) no-repeat 15px 50%; border:none;}

.sitemap-1{letter-spacing: 2px; background-color:#222222;

background: url(image/sitemap-t.gif) no-repeat 15px 50%; padding-left:45px; border:none;}

.sitemap-2{

background: url(image/sitemap-it.gif) no-repeat 15px 50%; padding-left:85px; border:none;}

.sitemap-3{

background: url(image/sitemap-iit.gif) no-repeat 15px 50%; padding-left:125px; border:none;}





.sitemap-maru{font-size:8px; padding: 0px 5px 0px 0px;}



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





.insu-unit{width:500px; border-bottom:1px solid white; padding-bottom:30px;

}

.insurance-t{width:500px; margin:10px 5px 10px 5px; background-color:#444444;

}

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

.vac-menuback{

border:1px nonoe #3399ff; position:relative; width:510px;}

.vac-1menu{

border:1px none #ffffff; width:250px; margin:0px; position:relative; left:0px; top:0px; padding:0px;}

.vac-2menu{

border:1px none #ffffff; width:250px; position:absolute; right:0px; top: 10px; padding:0px;}





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

.chrono-country{

letter-spacing: 2px; COLOR: #66cccc;}

.chrono-important{

letter-spacing: 2px; COLOR: #ffcc00;}

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





.kin-img{

width:350px; margin-bottom:5px;}



.kin-photo{

width:490px; background: url(image/background-stripe.gif); text-align:center; margin:0px 10px 15px 10px;

padding:15px 0px 5px 0px;}







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

.note-back{

border:1px none #3399ff; position:relative; width:510px;}



.note{

border:1px solid #ffffff; width:500px; margin-left:5px;

background: url(image/background-stripe.gif); padding:10px;}



.note-1menu{

border:1px solid #ffffff; width:235px; margin:10px; position:relative; left:0px; top:0px;

background: url(image/background-stripe.gif); padding:10px;}

.note-2menu{

border:1px solid #ffffff; width:235px; position:absolute; right:10px; top: 10px;

background: url(image/background-stripe.gif); padding:10px;}



.note-1dan{

border:1px none #ffffff; width:240px; margin:10px; position:relative; left:0px; top:0px;}

.note-2dan{

border:1px none #ffffff; width:240px; position:absolute; right:10px; top: 10px;}

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

.visa-back{margin-bottom:30px; padding-top:10px; margin-left:10px; background-color:#333333;

border:1px solid #ffffff; position:relative; width:490px; left:0px; top: 10px;}



.visa-2right{

border:1px none #ffffff; width:130px; position:absolute; right:10px; top: 30px; height:100%; padding:10px;

text-align:center; vertical-align: middle;}



.visa-3footer{

border-top:1px dashed #888888; padding:10px;

margin-left:10px; margin-right:10px; padding-left:65px; background: url(image/visa-syozaichi.gif) no-repeat left center;}



.visa-4header{background-color: #68d576; padding:5px;

border:1px none #ffffff; width:320px; margin:10px; left:0px; top:0px;

text-align: center; font-weight:bold; color:#333333;letter-spacing: 2px;}



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



.hotel-rate{padding:5px 0px 5px 0px; text-align:center;}



.hot-back{width:500px; margin: 30px 5px 0px 5px; border:1px solid #ffffff; position:relative;}

.hot-name{width:255px; border-bottom:1px #ffffff solid; froat:left; padding:10px;background-color:#339933;

margin:0px; font-size:13px; height:43px;font-family:helvetica;}



.hot-star{width:246px; border-bottom:1px #ffffff solid;  border-left:1px #ffffff solid; position:absolute; right:0px;top:0px;

background-color:#333333; vertical-align:middle; padding:10px; height:43px;}



.hot-add{border-bottom:1px #ffffff solid; padding:10px 10px 10px 80px; background: url(hotel/image/add.gif) no-repeat 2% 12px;}

.hot-price{border-bottom:1px #ffffff solid; padding:10px 10px 10px 80px; background: url(hotel/image/price.gif) no-repeat 2% 12px;}

.hot-set{border-bottom:1px #ffffff solid; padding:10px 10px 10px 80px; background: url(hotel/image/set.gif) no-repeat 2% 12px;}

.hot-pho{border-bottom:1px #ffffff solid; padding:20px 10px 20px 10px; background: url(image/background-stripe.gif); text-align:center;}

.hot-com{border:1px blue none; padding:10px; background-color:#333333;}



#hot-footer{width:500px; margin-left:5px;margin-top:40px;}

#hot-prev{float:left; background: url(hotel/image/prev.gif) no-repeat 0% 50%; padding-left:65px;height:25px;padding-top:3px;}

#hot-next{float:right; background: url(hotel/image/next.gif) no-repeat 100% 50%; padding-right:65px;height:25px;padding-top:3px;}



.hotelimage{width:240px;}

.hotelimage-s{width:200px; margin-top:10px;}



.hot-special{color:#66ffff; font-weight:bold;}



.hot-td{border:none; padding:0px 5px; valign:top; line-height:17px;padding-top:2px;}

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

.map-back{

border:1px none #3399ff; position:relative; width:525px; margin-bottom:40px;}



.map-left{

border:1px none #ffffff; width:270px; margin: 5px 5px 5px 5px; position:relative; left:0px; top:0px;

padding:10px; background-color:#009999;}

.map-right{

border:1px none #ffffff; width:210px; position:absolute; right:20px; top: 5px;

background-color:#333333;}

.map-right-scroll{

border:1px none #ffffff; width:225px; position:absolute; right:10px; top: 5px;

background-color:#333333;}



.map-yoko1{

border:1px none red; width:500px; margin: 5px 5px 5px 5px; position:relative; left:0px; top:0px;

padding:10px; background-color:#009999; text-align:center;}

.map-yoko2{

border:1px none blue; width:500px; position:relative; left:0px; top:0px; padding: 0px; margin: 20px 5px 0px 5px;

background-color:#333333;}



.map-yoko-scroll{

border:1px none #ffffff; width:505px; position:relative; left:0px; top: 0px; margin: 20px 5px 0px 5px;

background-color:#333333;}





.map-s{

border-bottom:1px solid #555555; border-top:1px solid #555555; width:210px; font-weight:bold; color:#33b3bd;

padding:2px 7px 2px 10px; background: url(image/background-stripe.gif);}

.map-p{

border-bottom:1px dashed #555555; border-top:1px dashed #555555; width:210px; font-weight:bold; color:#33b3bd;

padding:2px 7px 2px 10px;}



.map-t{background: url(map/image/map-shita.gif) no-repeat 5% 50%;

width:210px;

padding:2px 10px 2px 30px;}

.map-t-gold{background: url(map/image/map-shita-gold.gif) no-repeat 5% 50%;

width:210px; font-weight:bold; color:#ffcc00;

padding:2px 10px 2px 30px;}



.map-c{

border-bottom:1px solid #555555; border-top:1px solid #555555; width:210px; font-weight:bold; color:#ffcc00;

padding:2px 10px 2px 10px; background: url(image/background-stripe.gif);}

.map-e{

float: right; font-weight:normal; font-family:helvetica;}

.map-j{

float: left;}





.map-sl{

border-bottom:1px solid #555555; border-top:1px solid #555555; width:500px; font-weight:bold; color:#33b3bd;

padding:2px 7px 2px 10px; background: url(image/background-stripe.gif);}

.map-pl{

border-bottom:1px dashed #555555; border-top:1px dashed #555555; width:500px; font-weight:bold; color:#33b3bd;

padding:2px 7px 2px 10px;}

.map-tl{background: url(map/image/map-shita.gif) no-repeat 2% 50%;

width:500px;

padding:2px 10px 2px 30px;}

.map-cl{

border-bottom:1px solid #555555; border-top:1px solid #555555; width:500px; font-weight:bold; color:#ffcc00;

padding:2px 10px 2px 10px; background: url(image/background-stripe.gif);}





.map-slsc{

border-bottom:1px solid #555555; border-top:1px solid #555555; width:490px; font-weight:bold; color:#33b3bd;

padding:2px 7px 2px 10px; background: url(image/background-stripe.gif);}

.map-plsc{

border-bottom:1px dashed #555555; border-top:1px dashed #555555; width:490px; font-weight:bold; color:#33b3bd;

padding:2px 7px 2px 10px;}

.map-tlsc{background: url(map/image/map-shita.gif) no-repeat 2% 50%;

width:490px;

padding:2px 10px 2px 30px;}

.map-clsc{

border-bottom:1px solid #555555; border-top:1px solid #555555; width:490px; font-weight:bold; color:#ffcc00;

padding:2px 10px 2px 10px; background: url(image/background-stripe.gif);}







.map-special{

border:1px solid #b0e3d5; width:210px; font-weight:bold; color:#33b3bd;

padding:2px 10px 2px 10px; }



.map-lspecial{

border:1px solid #b0e3d5; width:490px; font-weight:bold; color:#33b3bd;

padding:2px 10px 2px 10px; }

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



.mapmenu-back{padding:10px;

border:1px solid #ffffff; position:relative; width:500px; background: url(image/background-stripe.gif);

margin:30px 0px 30px 5px;}

.mapmenu-1dan{padding:10px 0px 10px 0px;

border:1px red none; width:170px; margin:0px; position:relative; left:0px; bottom:0px;}

.mapmenu-2dan{padding:10px 10px 10px 10px;

border:1px blue none; width:180px; position:absolute; right:160px; bottom:10px;}



.mapmenu-3dan{padding:10px 0px 10px 10px;

border:1px orange none; width:180px; position:absolute; right:0px; bottom:10px;}



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



.netamenu-back{padding:10px;

border:1px solid #ffffff; width:500px; background: url(image/background-stripe.gif);

margin:30px 0px 0px 5px;}

.neta-title{float: left;}

.neta-kuni{float: right;}



.neta-img{

width:300px;}



.neta-photo{

width:490px; background: url(image/background-stripe.gif); text-align:center; margin:0px 10px 15px 10px;

padding:10px 0px 10px 0px; }



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



.movmenu-back{padding:10px;

border:1px solid #ffffff; position:relative; width:500px; background: url(image/background-stripe.gif);

margin:30px 0px 30px 5px;}



.movmenu-spe{padding: 5px 0px 5px 0px;border:1px none #ffffff;}



.movmenu-nor{padding: 5px 0px 5px 0px;border:1px none #ffffff;}



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

.movie-backb{

width:500px; background: url(image/background-stripe.gif); text-align:center;

padding:15px 0px 15px 0px; margin: 30px 0px 0px 5px;}





.movie-titleb{border-bottom:dashed 1px #888888; font-weight:bold; width:460px; margin: 0px 20px 5px 20px;

padding:10px 0px 5px 0px; color:#ffff66;

}

.movie-cap1{border-bottom:dashed 1px #888888; font-weight:normal; width:460px; margin-bottom:10px;

padding: 10px 0px 10px 0px; text-align:center; margin:0px 20px 10px 20px;

}

.movie-cap2{ font-weight:normal;width:460px; text-align:left;

padding: 10px 0px 10px 0px; margin:0px 20px 0px 20px;

}



.movie-backs{

width:500px; background: url(image/background-stripe.gif); text-align:center;

padding:0px 0px 0px 0px; margin: 30px 0px 0px 5px;}

.movie-titles{border-bottom:dashed 1px #888888; font-weight:bold; width:225px;

padding:0px 0px 5px 0px; color:#ffff66; text-align:left; margin:0px 10px 5px 10px;

}

.movie-small{border:none red 1px;

width:240px; float:left;

padding: 10px 0px 10px 0px}

.movie-cap1s{border-bottom:dashed 1px #888888; margin:0px 0px 5px 10px;

width:225px; text-align:left;

padding: 5px 0px 5px 0px}

.movie-cap2s{width:225px; text-align:left; margin:0px 0px 0px 10px;

padding-top:0px;}

.movie-gamen{border:none red 1px; padding:10px 10px 10px 0px;

width:240px; float:right;}



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





.photomenu-back{padding:0px;

border:1px none blue; position:relative; width:500px;

margin:30px 0px 30px 5px;}

.photomenu-1dan{padding:5px 0px 0px 0px; text-align:center;

border:1px none #ffffff; width:150px; height:200px; margin:0px; position:relative; left:0px; top:0px;

background: url(photo/image/background-photomenu.gif) repeat-x;}



.photomenu-2dan{padding:5px 0px 0px 0px; text-align:center;

border:1px blue none; width:150px; height:200px; position:absolute; right:175px; top:0px;

background: url(photo/image/background-photomenu.gif) repeat-x;}



.photomenu-3dan{padding:5px 0px 0px 0px; text-align:center; 

border:1px orange none; width:150px; height:200px; position:absolute; right:0px; top:0px;

background: url(photo/image/background-photomenu.gif) repeat-x;}



.photicon-yoko{width:150px; margin-top:25px;}

.photicon-tate{height:150px; margin-top:5px;}



.phoback-t{

width:370px; background: url(image/background-stripe.gif); text-align:center; margin:30px 0px 0px 0px;

padding: 10px 10px 10px 10px;}

.phoback-y{

width:470px; background: url(image/background-stripe.gif); text-align:center; margin:30px 0px 0px 0px;

padding: 10px 10px 10px 10px;}



.photo-yoko{width:410px; margin:20px 20px 5px 20px;}

.photo-tate{height:410px; margin:20px 20px 5px 20px;}



.photitle{border-bottom:dashed 1px #888888; font-weight:bold; width:100%; margin: 0px 20px 5px 20px;

padding-bottom:5px;

}



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

.glo-sakuin{

text-align:left; padding-left:320px; padding-top:30px; letter-spacing: 2px;}



.glo-left{

text-align:right; width:100px; font-weight:normal; vertical-align:top; background-color:#333333;

border-right:dashed 1px #888888; border-left:none;}



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

.link{

border-top:dashed #888888 1px; padding: 10px; width:490px; margin:0px 0px 15px 10px;}

.friend{

border-top:dashed #888888 1px; padding: 10px 0px 10px 0px; width:490px; margin:0px 0px 15px 10px;}



.neta{

border-top:dashed #888888 1px; padding: 20px 0px 10px 0px; width:490px; margin:0px 0px 15px 10px;}

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

.faq{line-height : 20px; font-weight:normal;

margin:30px 5px 0px 5px; text-align:left; color:#ffcc00; padding:0px 10px 0px 50px; height:40px;

background: url(image/faq-hatena.gif) no-repeat 3% 50%;

}

.faq-a{width:500px; margin:10px 5px 10px 5px; background-color:#303030;

}

/*

.setsumei-left{

text-align:left; width:140px; font-weight:normal; vertical-align:top; background-color:#333333;

border-right:dashed 1px #888888; border-left:none;}



.setsumei-sc{

font-size:8px; padding-right:8px;}

*/



#rireki

{width:470px; background-color:#333333; margin-left:5px; border-collapse: collapse;}



.rireki-date{padding: 10px 5px 10px 10px; margin:0px;

text-align:left; width:100px; font-weight:normal; vertical-align:top; background-color:#333333;

border-right:dashed 1px #888888; border-left:none; border-bottom:none; border-top:dashed 1px #888888;}



.rireki-r{padding: 10px 5px 10px 10px;width:340px; border-right:none;  border-left:none; border-bottom:none;

margin:0px; border-top:dashed 1px #888888;}





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



#tachevmenu-back{padding:10px;

border:1px solid #ffffff; width:500px; background: url(image/background-stripe.gif);

margin:30px 0px 0px 5px;}



.tac-photo{

width:500px; background: url(image/background-stripe.gif); text-align:center; margin:0px 5px 30px 5px;

padding:0px 0px 10px 0px;}





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





#bbstyle {

position: relative; border: pink none 2px;

margin-left: 210px; margin-top: 0px; margin-bottom: 100px; width: 510px; padding-bottom: 40px;}



#bbstyle A{

text-decoration: none;}

#bbstyle A:link {

border-bottom:none; padding:0px;}

#bbstyle A:visited {

border-bottom:none;}

#bbstyle A:HOVER{

border-bottom:none; padding:0px; }

#bbstyle A:active {

border-bottom:none; padding:0px;}



.bbslink {

border-bottom:dashed 1px;}

.bbslink A:HOVER {

padding-left:2px;}







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

#bookmark-back{

width:510px;}



.bookmarkbtn{

cursor: hand; width:190px; margin:7px 0px 7px 0px;}



#bookmark-box{margin:15px 5px 15px 5px;

border:1px solid #ffffff; width:220px; float:right; text-align:center; padding:10px 0px 10px 0px;

background: url(image/background-stripe.gif);}



#bookmark{margin-left:10px;

border:1px none #ffffff; width:255px; float:left; text-align:left; margin-top:30px;}

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





#win{

border: 6px #555555 solid;

position: relative; width:760px;

padding: 20px; margin:20px;

text-align: center;

color: #eeeeee;

font-size: 13px;

font-family: 'MS UI Gothic';

line-height : 20px;}





.winimage{width:740px;}





















/*

メニューCSS指定　ここから

*/



#tfmenu	 {

font-size: 13px; border: none #ffffff 1px;

width: 200px; margin-top: 65px; margin-bottom: 80px; text-align: center;}



#tfm-head {

height: 48px; padding-top: 10px;}



#tfm-body {

width: 160px; padding: 0px; border: solid #ffffff 2px; text-align: left; margin: 0px auto;}



#tfm-foot {

 height: 80px; border:none;}



#intro		 span {color: #d98cb3;}

#intro  .tf2 span {color: #cc6699;}

#junbi		 span {color: #be9ede;}

#junbi  .tf2 span {color: #9966cc;}

#waza		 span {color: #0093d9;}

#waza  .tf2 span {color: #0066cc;}

#kiseki		 span {color: #33b3bd;}

#kiseki .tf2 span {color: #009999;}

#jouhou		 span {color: #68d576;}

#jouhou .tf2 span {color: #66cc33;}

#memory			 span {color: #ffff99;}

#memory	  .tf2 span {color: #ffff66;}

#kouryu			 span {color: #f2de53;}

#kouryu	  .tf2 span {color: #ffcc00;}

#wa			 span {color: #f5b65f;}

#wa	  .tf2 span {color: #f5b65f;}

#omake			span {color: #f36d77;}

#omake	 .tf2 span {color: #cc0033;}

#home {border-bottom: none;}



.tf1 span,

.tf2 span,

.tf1active span {padding-left: 3px; font-size: 8px;}

.tf1	{border-bottom: 1px dashed #888888; cursor: hand; padding: 3px 0px; line-height: 20px;}

.tf2	{padding-left: 5px;}

.tf1active			{border-bottom: 1px dashed #888888; cursor: hand; padding: 3px 0px 5px 0px;line-height: 20px;}

.tf1active .tf2 a {line-height: 20px;}



.tf1active .tf2 a {text-decoration:none;letter-spacing: 2px;}

.tf1active .tf2 a:link	  {border-bottom:dashed 1px;}

.tf1active .tf2 a:visited {border-bottom:dashed 1px;}

.tf1active .tf2 a:hover	  {border-bottom:solid 1px; color: #eec06c;}

.tf1active .tf2 a:active {border-bottom:dashed 1px;}



#tfmenu a {text-decoration:none;letter-spacing: 2px;}

#tfmenu a:link	  {border-bottom:dashed 1px;}

#tfmenu a:visited {border-bottom:dashed 1px;}

#tfmenu a:hover	  {border-bottom:solid 1px; color: #eec06c;}

#tfmenu a:active {border-bottom:dashed 1px;}





.tfm-stop #tfm-body {background: url(image/background-stripe.gif);}

.tfm-stop .tf1active {background: url(image/background-stripe.gif);}

#seo h1{text-indent:-9999px; position:absolute; border:none;}



/*

メニューCSS指定　ここまで

*/



/* debug

#tfm-head {border: solid 1px red;}

*/