@media screen {

html {
margin: 0;
padding: 0;
border:0;
font-family:arial
}

body {
text-align: center;
color:#333333;
background-color: #efefef;
margin: 0;
padding: 0;
}

a:link {color: #0033cc; margin:0; padding:0;}
a:visited {color:#660066; }
a:hover {color:#cc6600;}
a:active {color:#cccc00;}

p {margin: 0;}

div.whole {
margin: auto;
padding-top: 0;
padding-bottom: 10px;
background-color: #ffffff;
border : 0;
width : 900px;
padding-left: 1px;
padding-right: 1px;
}

div.head {
margin: 0;
padding: 0;
padding:0;
width :900px;
height: 55px;
}

div.head_menu {
margin: 0 0 0 300px;
height: 55px;
padding: 0;
border: 0;
width : 600px;
}

div.head_menu01 {
margin: 0; padding: 0; border: 0;
height: 30px;
width : 600px;
text-align: right;
}

div.head_menu02 {
margin: 0; padding: 0; border: 0;
height: 25px;
width : 600px;
text-align: right;
}

div.top_menu {
clear: left;
width:  900px;
text-align: left;
}

div.navi {
width:  900px;
text-align: left;
margin: 4px 10px 4px 10px;
font-size: 80%;
color: #666666;
}

div.side_menu {
color: #000099;
width : 218px;
text-align: left;
float: left;
border: 1px solid #b5b5ff;
margin: 10px 10px auto 10px;
padding: 5px;
display: block;
}

div.content {
margin: 10px 10px 10px 260px;
width: 630px;
text-align: left;
font-size: 80%;
}

div.content_02 {
margin: 10px;
text-align: left;
font-size: 80%;
}

div.content_03 {
margin: 10px;
text-align: center;
font-size: 80%;
}

div.photo_r {
margin-top: 12px;
width: 500px;
float: right;
padding: 0;
}

div.photo_r_02 {
width: 390px;
float: right;
padding: 0;
margin-bottom: 20px
}

div.reservation {
margin: 20px auto 20px auto;
text-align: center;
font-weight:  bold;
}


div.footer {
clear: both;
padding-top: 10px;
margin: auto;
width: 900px;
color: #666666;
font-size: 60%;
text-align: center;
}

.bx{clear: right;}
.bx_02 {margin: 0 0 0 10px; padding: 0; border: 0;}
.bx_03 {margin: 15px 0 0 10px; padding: 0; border: 0;}
.bx_04 {clear: left; margin: 0;}
.bx_05 {clear: left; margin: 20px auto 20px 20px;}
.bx_06 {width:170px; float:left; margin-bottom: 10px;}
.bx_07 {margin: 0 0 20px 0;}


#l {text-align: left;}
#r {text-align: right;}
#c {text-align: center;}

/* head_menu base*/

ul#head_menu {
clear: right;
margin: 0; padding: 0; border: 0;
}

ul#head_menu li {
list-style:none;
margin: 0; padding: 0; border: 0;
float:right;
width:100px;
}

#lang {margin: 0; padding:0; border: 0; width: 100px; height: 30px; display: block; background-repeat:no-repeat;}

a.jap {background-image : url(img/japanese.gif);}
a.eng {background-image : url(img/english.gif); }

#hm {margin: 0; padding:0; border: 0; width: 100px; height: 25px; display: block; background-repeat:no-repeat;}

a.hm01 {background-image : url(img/hm_reservation.gif);}
a.hm02 {background-image : url(img/hm_faq.gif);}
a.hm03 {background-image : url(img/hm_blog.gif);}
a.hm04 {background-image : url(img/hm_about_us.gif);}

#head_menu a span { display:none; }



/* top_menu base */

ul#top_menu {
margin:0; padding:0;
}

ul#top_menu li {
list-style:none;
margin: 0; padding: 0;
border-top:1px #ffffff solid;
border-left:1px #ffffff solid;
float:left;
width:99px;
}

ul#top_menu a {
display:block;
width:99px;
height:65px;
}

#top_menu a span {display:none;}

a.tm01 {background-image : url(img/tm_home.gif);}
a:hover.tm01 {background-position: 0px -65px;}
a.tm02 {background-image : url(img/tm_airport_transfer.gif);}
a:hover.tm02 {background-position: 0px -65px;}
a.tm03 {background-image : url(img/tm_rome_tour.gif);}
a:hover.tm03 {background-position: 0px -65px;}
a.tm04 {background-image : url(img/tm_day_trip_rome.gif);}
a:hover.tm04 {background-position: 0px -65px;}
a.tm05 {background-image : url(img/tm_dock_service.gif);}
a:hover.tm05 {background-position: 0px -65px;}
a.tm06 {background-image : url(img/tm_transfer_sightseeing.gif);}
a:hover.tm06 {background-position: 0px -65px;}
a.tm07 {background-image : url(img/tm_event_planning.gif);}
a:hover.tm07 {background-position: 0px -65px;}
a.tm08 {background-image : url(img/tm_grand_excursion_italy.gif);}
a:hover.tm08 {background-position: 0px -65px;}
a.tm09 {background-image : url(img/tm_fleet.gif);}
a:hover.tm09 {background-position: 0px -65px;}

a.tm01_p {background-image : url(img/tm_home_p.gif);}
a:hover.tm01_p {background-position: 0px -65px;}
a.tm02_p {background-image : url(img/tm_airport_transfer_p.gif);}
a:hover.tm02_p {background-position: 0px -65px;}
a.tm03_p {background-image : url(img/tm_rome_tour_p.gif);}
a:hover.tm03_p {background-position: 0px -65px;}
a.tm04_p {background-image : url(img/tm_day_trip_rome_p.gif);}
a:hover.tm04_p {background-position: 0px -65px;}
a.tm05_p {background-image : url(img/tm_dock_service_p.gif);}
a:hover.tm05_p {background-position: 0px -65px;}
a.tm06_p {background-image : url(img/tm_transfer_sightseeing_p.gif);}
a:hover.tm06_p {background-position: 0px -65px;}
a.tm07_p {background-image : url(img/tm_event_planning_p.gif);}
a:hover.tm07_p {background-position: 0px -65px;}
a.tm08_p {background-image : url(img/tm_grand_excursion_italy_p.gif);}
a:hover.tm08_p {background-position: 0px -65px;}
a.tm09_p {background-image : url(img/tm_fleet_p.gif);}
a:hover.tm09_p {background-position: 0px -65px;}


/* side_menu base*/

p.side_menu{
margin: 0 0 5px 0;
padding: 0;
font-size: 80%;
font-weight: bold;
}

p.side_menu_top{
margin: 10px 0 25px 0;
padding: 0;
font-size: 80%;
font-weight: bold;
}

ul#side_menu {
margin:0 0 20px 0;
padding:0;
}

ul#side_menu li {
margin: 0;
padding: 5px 0 0 0;
list-style-type: square;
list-style-position: inside;
font-size: 80%;
}


/* head line*/

h1 {margin: 0; padding: 0;}

img.h1 {
float: left;
margin: 0; padding: 0; border: 0;
width : 300px;
height: 55px;
}

h2 {
clear: left;
width : 900px;
text-align: center;
margin: 0; padding: 0; border: 0;
}

img.home_menu {
width : 898px;
height: 420px;
margin: 0; padding: 0; border: 0;
}

div.h_m {
clear: left;
width : 900px;
text-align: center;
margin: 0; padding: 0; border: 0;
}

img.h2 {
width : 880px;
height: 150px;
margin: 0; padding: 0; border: 0;
}

map#home_menu {margin: 0; padding: 0; border: 0;}

h3 {font-size: 120%; font-weight: bold;}

.h3_01 {
border-left: solid 1.5em #ff9932;
border-bottom: solid 2px #ff9932;
padding-left: 5px;
padding-bottom: 2px;
margin: 20px 0 0 0;
clear: right;
}

.h3_02 {
text-align: center;
background-color: #f3f3f3;
border-bottom: solid 2px #cccdd9;
border-top: solid 2px #cccdd9;
padding: 5px 0 5px 0;
} 

h4 {font-size: 100%; font-weight: bold;}

.h4_01 {margin: 15px 0 10px 0; color: #666600;}
.h4_02 {margin: 0 0 3px 0;}
.h4_03 {width: 210px; float: left;
margin: 30px 25px 10px 100px; text-align: center;}
.h4_04 {width: 210px; float: left;
margin: 30px 25px 10px 0; text-align: center;}
.h4_05 {margin: 0 0 3px 0; color: #666600;}
.h4_06 {margin: 10px 0 10px 0; 
border-left: solid 1.5em #ff9932;
border-bottom: solid 2px #ff9932;
padding: 0 0 2px 5px;
clear: right;}


img.h4 {
width: 90px;
height: 55px;
border: solid 1px #b5b5ff;
padding: 4px;
margin: 12px 20px 0 10px;
}

img.h4_fleet {
width: 200px;
height: 100px;
border: solid 1px #b5b5ff;
padding: 4px;
margin: 0;
}

img.h4_italy_tour {
width: 200px;
height: 100px;
border: solid 1px #b5b5ff;
padding: 4px;
margin: 0 30px 20px 0;
float: left;
}

img.h4_event_planning {
width: 300px;
height: 140px;
border: solid 1px #b5b5ff;
padding: 4px;
margin: 0 30px 20px 0;
float: left;
}

img.h5_itinerary {
width: 170px;
height: 100px;
margin: 0;
}

img.h5_itinerary_02 {
width: 220px;
height: 150px;
margin: 0 20px 20px 0;

}


img.arrow {
width: 60px;
height: 100px;
margin: 0;
float: left;
}

img.arrow_02 {
width: 15px;
height: 17px;
margin: 0;
border: 0;
}

h5 {font-size: 100%;}
.h5_01 {margin:5px 0 0 0; padding: 0; border: :0; 
font-weight: bold;}
.h5_02 {margin: 2px 0; padding: 0; border: :0; 
font-weight: bold;}


/* content */

table, th, td{
border-collapse: collapse;
border: 2px solid;
border-color: #bdb8ac;
text-align: center;
}

.t_01 {margin: 20px auto 25px 181px}
.t_02 {margin: 10px auto 15px 70px}
.c_01 {width: 160px; height: 35px;}
.c_02 {width: 484px; height:35px;}
.c_03 {width: 120px; height: 35px;}
.c_04 {width: 486px; height:35px;}
.c_05 {width: 181px; height: 35px;}}

table.reservation {
border-color: #ffffff;
margin: 20px auto auto 10px;
}

.cr_01 {width: 140px; height: 40px; border-color: #ffffff;}
.cr_02 {width: 250px; height: 40px; border-color: #ffffff;}
.cr_03 {width: 300px; height: 20px; border-color: #ffffff;}
.cr_04 {width: 220px; height: 20px; border-color: #ffffff;}
.cr_05 {width: 390px; height: 40px; border-color: #ffffff; font-size: 80%;}


table.about_us {margin-left: 30px;}
table.about_us span {margin: 10px auto 10px auto; 
display: block;}

col#subject {width: 200px;}
col#info {width: 400px;}


ul.contents {margin:0; padding: 0;}

ul.contents li {
margin: 0 0 0 10px;
padding: 5px 0 0 0;
list-style-type: none;
}

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

}