@charset "utf-8";
/*********************************/
/*** yoyado.com template type1 ***/
/*********************************/

* {
margin: 0;
padding: 0;
}

body {
font: 12px/175% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height: 1.3em;
font-size: 12px;
color: #333;
text-align: left;
background: #80b3ff url(../images/background.png) repeat-x;
}

a:link, a:visited {
text-decoration: none;
font-weight: normal;
}

a:hover {
text-decoration: underline;
font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/** contents **/
#wrapper {
width: 790px;
margin: 0 auto;
padding-top: 10px;
padding-left: 10px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
background: #fff url(../images/wrapper-back.png) repeat-x left top;
}

#bg {
width: 780px;
}

#header {
width: 780px;
background: #fff;
}

#information {
padding-bottom: 3px;
}

#information h1 {
font-size: 14px;
font-weight: bold;
color: #808080;
}

.line-blue {
margine: 0;
padding: 0;
height: 13px;
background: url(../images/line-blue.png) no-repeat;
}

#top-logo-image {
clear: both;
float: left;
width: 230px;
height: 82px;
margin-top: 5px;
margin-bottom: 0px;
background: #fff url(../images/top-logo.png) no-repeat left top;
}

#left {
clear: left;
width: 230px;
float: left;
}

#contents {
float: right;
width: 550px;
background: #fff;
}

#syndicate {
clear: both;
width: 780px;
}

#debug {
width: 780px;
}

.clr {
clear: both;
}

/* search */
div.search {
text-align: right;
padding-top: 10px;
margin: 0;
}

.search #mod_search_searchword {
width: 120px;
margin: 0 5px 0 0;
vertical-align: top;
}

.search .button {
width: 69px;
height: 20px;
cursor: pointer;
}

/* breadcrumb */
#breadcrumb {
margin-top: 20px;
}

/* conetnts */
#component {
margin-top: 5px;
}

.componentheading {
font-weight: bold;
font-size: 16px;
background: url(../images/h2-left-img.png) no-repeat;
padding: 4px;
text-indent: 13px;
}

/* top-menu */
.moduletable_menu_front {
width: 200px;
padding-bottom: 20px;
}

.moduletable_menu_front h3 {
clear: both;
width: 220px;
height: 23px;
font-weight: bold;
font-size: 14px;
background: url(../images/header-left-top.png) no-repeat;
text-indent: 40px;
vertical-align: bottom;
padding-top: 6px;
}

.moduletable_menu_front ul .separator {
font-size: 14px;
color: #4993ff;
font-weight: bold;
background: url(../images/allow-img-blue.png) no-repeat left center;
padding: 3px 0 3px 20px;
vertical-align: middle;
}

.moduletable_menu_front ul.menu {
list-style-type: none;
margin-left: 15px;
margin-top: 5px;
}

.moduletable_menu_front ul.menu li {
margin-top: 5px;
}

.moduletable_menu_front ul.menu li a {
font-size: 12px;
color: #666;
}

.moduletable_menu_front ul.menu li#current a {
font-weight: bold;
color: #0066ff;
}

/* top-submenu */
.moduletable_menu_front ul.menu li ul {
list-style-type: none;
margin-left: 15px;
margin-top: 5px;
}

/* hotel-menu */
.moduletable_menu_hotel {
width: 220px;
padding-bottom: 5px;
margin-bottom: 20px;
background: #e5eaf9;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.moduletable_menu_hotel h3 {
clear: both;
width: 220px;
height: 23px;
font-weight: bold;
font-size: 14px;
background: url(../images/header-left-search.png) no-repeat;
text-indent: 40px;
vertical-align: bottom;
padding-top: 6px;
margin-bottom: 5px;
}

.moduletable_menu_hotel ul .separator {
font-size: 14px;
color: #333;
font-weight: bold;
background: url(../images/allow-img-blue.png) no-repeat left center;
padding: 10px 0 2px 20px;
vertical-align: middle;

}

.moduletable_menu_hotel ul.menu {
list-style-type: none;
margin-left: 15px;
margin-top: 5px;
}

.moduletable_menu_hotel ul.menu li {
margin-top: 5px;
}

.moduletable_menu_hotel ul.menu li a {
font-size: 12px;
color: #666;
}

.moduletable_menu_hotel ul.menu li#current a {
font-weight: bold;
color: #0066ff;
}

/* hotel-submenu */
.moduletable_menu_hotel ul.menu li ul {
list-style-type: none;
margin-left: 15px;
margin-top: 5px;
}

/* link-menu */
.moduletable_menu_linkmenu {
padding-left: 10px;
width: 200px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}

.moduletable_menu_linkmenu h3 {
width: 200px;
height: 29px;
font-weight: bold;
font-size: 14px;
background: url(../images/header-left-link.png) no-repeat;
text-indent: 50px;
vertical-align: bottom;
}

.moduletable_menu_linkmenu ul.menu {
list-style-type: none;
margin-left: 15px;
margin-top: 5px;
}

.moduletable_menu_linkmenu ul.menu li {
margin-top: 5px;
}

.moduletable_menu_linkmenu ul.menu li a {
font-size: 12px;
color: #666;
}

/* banner */
.banneritem {
width: 200px;
padding: 10px 0px;
border-bottom: 1px solid #eee;
}

/* blog-contents */
#component table.blog {
margin-top: 5px;
}

#component table.blog .contentpaneopen td.contentheading {
border: none;
background: url(../images/allow-img-green.png) no-repeat left center ;
text-indent: 20px;
}

#component table.blog .contentpaneopen td {
border: 1px solid #ccc;
padding: 5px;
width: 520px;
margin-bottom: 15px;
}

#component table.blog td.contentheading {
color: #2ca02c;
font-size: 14px;
font-weight: bold;
}

/* footer */
#syndicate ul {
margin-top: 5px;
padding: 0px;
width: 700px;
height: 30px;
padding-left: 20px;
}

#syndicate li {
float: left;
list-style: none;
}

#syndicate li a {
display: block;
padding: 0 10px;
color: #666;
background: url(../images/triangle-img-blue.png) no-repeat left center;
}

/* columns */
.componentheading_column {
font-size: 14px;
font-weight: bold;
border-bottom: 3px solid #2ca02c;
padding: 7px 0px 7px 30px;
background: url(../images/contents-icon-note.png) no-repeat left center;
}

#component table {
margin-top: 5px;
}

#component .contentpane_column td tr td {
font-size: 12px; 
font-weight: bold;
color: #2ca02c;
padding: 2px 0;
border-bottom: 1px solid #ccc;
}

#component .contentpane_column td tr td a {
font-size: 12px; 
font-weight: bold;
color: #2ca02c;
padding: 2px 0;
}

#component .contentpaneopen_column .contentheading_column {
font-size: 14px; 
font-weight: bold;
color: #2ca02c;
padding: 7px 0px 7px 30px;
border-bottom: 3px solid #2ca02c;
background: url(../images/contents-icon-note.png) no-repeat left center;
}

#component .contentpaneopen_topics .contentheading_topics {
font-size: 14px; 
font-weight: bold;
color: #2ca02c;
text-indent: 16px;
border: none;
background: url(../images/allow-img-green.png) no-repeat left top ;
padding-top: 2px;
padding-bottom: 4px;
}

#component .contentpaneopen_topics tr td {
border: 1px solid #ccc;
padding: 5px;
width: 520px;
margin-bottom: 15px;
}

/* top */
#component .blog_front .contentpaneopen_front .contentheading_front {
font-size: 14px; 
font-weight: bold;
color: #0066ff;
text-indent: 20px;
border: none;
background: url(../images/allow-img-blue.png) no-repeat left center ;
}

/* footer content */
#component .contentpaneopen_footer_content .contentheading_footer_content,
#component .componentheading_footer_content,
#component .componentheading_footer_content_inquiry {
font-size: 14px; 
font-weight: bold;
color: #0066ff;
text-indent: 20px;
border: none;
background: url(../images/allow-img-blue.png) no-repeat left center ;
}

#component .contentpaneopen_footer_content p {
padding: 10px 0;
}

#component .contentpaneopen_footer_content h1 {
font-size: 18px;
font-weight: bold;
padding: 5px;
background: #fafafa;
border-left: 6px solid #0066ff;
border-bottom: 1px solid #ccc;
}

#component .contentpaneopen_footer_content h2 {
font-size: 14px;
font-weight: bold;
padding: 5px;
background: #fafafa;
border-left: 6px solid #0066ff;
border-bottom: 1px solid #ccc;
}

#component .contentpaneopen_footer_content ol {
color: #2ca02c;
padding-left: 30px;
font-weight: bold;
}

#component .contentpaneopen_footer_content a {
color: #2ca02c;
font-weight: bold;
}

#component .contentpaneopen_footer_content table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

#component .contentpaneopen_footer_content table td,
#component .contentpaneopen_footer_content table th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 3px 0 3px 5px;
}

#component .contentpaneopen_footer_content table th {
background: #f2f2f2;
color: #0066ff;
}

#component table.contentpaneopen td a img {
padding-right: 10px;
}