@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:#006699; }
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.home_content {
margin: 0; padding: 0; width: 330px;
float: left;
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.photo_r_03 {
float:right; width:138px; margin:6px 3px 6px 3px; text-align:left;
}

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;}
.bx_08 {clear: right; border: solid 1px #b5b5ff; margin: 0px 10px 10px 2px;}
.bx_09 {clear: left; margin: 0; font-size: 70%;}

#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/jp_hm_reservation.gif);}
a.hm02 {background-image : url(img/jp_hm_q_a.gif);}
a.hm03 {background-image : url(img/jp_hm_blog.gif);}
a.hm04 {background-image : url(img/jp_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/jp_tm_home.gif);}
a:hover.tm01 {background-position: 0px -65px;}
a.tm02 {background-image : url(img/jp_tm_airport_transfer.gif);}
a:hover.tm02 {background-position: 0px -65px;}
a.tm03 {background-image : url(img/jp_tm_rome_tour.gif);}
a:hover.tm03 {background-position: 0px -65px;}
a.tm04 {background-image : url(img/jp_tm_day_trip_rome.gif);}
a:hover.tm04 {background-position: 0px -65px;}
a.tm05 {background-image : url(img/jp_tm_dock_service.gif);}
a:hover.tm05 {background-position: 0px -65px;}
a.tm06 {background-image : url(img/jp_tm_transfer_sightseeing.gif);}
a:hover.tm06 {background-position: 0px -65px;}
a.tm07 {background-image : url(img/jp_tm_event_planning.gif);}
a:hover.tm07 {background-position: 0px -65px;}
a.tm08 {background-image : url(img/jp_tm_wedding.gif);}
a:hover.tm08 {background-position: 0px -65px;}
a.tm09 {background-image : url(img/jp_tm_fleet.gif);}
a:hover.tm09 {background-position: 0px -65px;}

a.tm01_p {background-image : url(img/jp_tm_home_p.gif);}
a:hover.tm01_p {background-position: 0px -65px;}
a.tm02_p {background-image : url(img/jp_tm_airport_transfer_p.gif);}
a:hover.tm02_p {background-position: 0px -65px;}
a.tm03_p {background-image : url(img/jp_tm_rome_tour_p.gif);}
a:hover.tm03_p {background-position: 0px -65px;}
a.tm04_p {background-image : url(img/jp_tm_day_trip_rome_p.gif);}
a:hover.tm04_p {background-position: 0px -65px;}
a.tm05_p {background-image : url(img/jp_tm_dock_service_p.gif);}
a:hover.tm05_p {background-position: 0px -65px;}
a.tm06_p {background-image : url(img/jp_tm_transfer_sightseeing_p.gif);}
a:hover.tm06_p {background-position: 0px -65px;}
a.tm07_p {background-image : url(img/jp_tm_event_planning_p.gif);}
a:hover.tm07_p {background-position: 0px -65px;}
a.tm08_p {background-image : url(img/jp_tm_wedding_p.gif);}
a:hover.tm08_p {background-position: 0px -65px;}
a.tm09_p {background-image : url(img/jp_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;
}

img.h2_home {
width : 898px; height: 170px;
margin: 2px auto 10px auto; 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;
} 

.h3_03 {margin: 0 0 7px 0; color: #666600; font-size: 110%;}

img.h3_home {
width: 160px; height: 100px;
padding: 5px; margin: 0; border: 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;}

}