/*layout and basic styles*/

@import url(styles.css);

body {
background:url(../img/bg.gif) top left repeat-y #fff;
}

#container {width:780px;}

#header{height:60px;}

.left {float:left;}

.right {float:right;}

#banner{background:#fff;height:220px;}

#contents {margin:10px 0 0 0;}

#main{width: 590px; float: right;  /*\*/height: 1%;/*for WinIE*/ /*for MacIE*/ }

#tours-hotels { width:390px;min-height: 1%; margin: 0 0 10px 0;  /*\*/height: 1%;/*for WinIE*/ display: inline-table;/*for MacIE*/ }

#tours{ float:left;width: 190px; /*position: relative;*/}

#hotels{ float:right;width: 189px; position: relative;}

#news{ width: 190px; float: right; position: relative; background: #EDF2FB; }

#footer{border-top:5px solid #0066cc;width:780px;padding:10px 0 20px 0;}



/* text styles etc */

.wow {margin:5px 0 5px 0;}
.redwow {font-weight:bold;color:#006699;}


#main h2{
letter-spacing: 1px;margin:0;padding:3px;text-transform:uppercase;font: bold 14px Arial, Verdana, sans-serif;color: white;}

#main h3{margin:4px 0px 2px 0px;font-size:12px;text-decoration:none;font-weight:normal;}

#tours h2 {background:#0099FF;}
#hotels h2 {background:#FF3333;}
#news h2 {background:#66CC33;}

#tours h3 a {color:#0099FF;}
#hotels h3 a{color:#FF3333;}
#news h3 a {color:#0099FF;}

.topic a {color:#0099FF;}
.topic{ padding:0 0 5px 0;margin: 0 0 5px 0;border-bottom:1px dotted #999;}
.topic img {border:0;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#navi{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#navi ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#navi li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#navi a{
float:left;
color: white;
background: #0066cc url(../img/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#navi a span{
float:left;
display:block;
background: transparent url(../img/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#navi a span{
float:none;
}


#navi a:hover{
background-color: #66ccff;
}

#navi a:hover span{
background-color: #66ccff;
}

#navi #current a, #navi #current span{ /*currently selected tab*/
background-color: #66ccff;
}

#naviline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #0066cc;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #fff;
}

.markermenu li a{
background: white url(../img/arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #fff;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #666;
}

.markermenu li a:hover{
color: black;
background-color: #f0f0f0;
background-image:url(../img/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}


/* スカイプ部分 */

.skypejumbo {margin-top:20px;
margin-bottom:20px;
font-weight:bold;
color:#888;
line-height:200%;
}