html {
width:100%;
background-image: url(/common/background/main_menu.jpg);
background-repeat: repeat-y;
}

body {
width:100%;
height: 100%;
margin:0px;
padding:0px;
font-family: verdana,sans-serif;
text-align: center;
}

.star {
list-style-image: url(/common/icon/hoshi.gif);
font-size: 90%;
color: #336633;
line-height: 110%;
border: 0px;
}

.contents {
margin-left:118px;
background-image:url(/common/background/body.jpg);
min-height:900px;
height: 100%;
}

.main_menu {
position:absolute;
top:0px;
left:0px;
width:118px;
height:390px;
z-index:1;
background-repeat: no-repeat;
background-image: url(/common/background/main_menu_tree.gif);
color: #ffff00;
font-size: 83%;
white-space: nowrap;
text-align: left;

}

.sub_menu {
height:18px;
margin-left:118px;
background-color: #666666;
text-align: left;
}

.detail_menu {
height:25px;
margin-left:118px;
background-image: url(/common/background/detail_menu.jpg);
text-align: center;
}






a.mainmenu {
text-decoration:none;
color:white;
width:100%;
display:block;
}

a.mainmenu:hover {
color:yellow;
}







.sub_menu_on {
background-image:url(/common/background/body.jpg);
border-top: 1px solid white;
border-bottom: 0px;
border-left: 1px solid white;
border-right: 1px solid #444444;
white-space: nowrap;
text-align: center;
vertical-align:bottom;
}

.sub_menu_off {
background-image:url(/common/background/sub_menu.jpg);
border-top: 1px solid #666666;
border-bottom: 0px;
border-left: 1px solid #666666;
border-right: 1px solid #444444;
white-space: nowrap;
text-align: center;
vertical-align:bottom;
}

a.submenu_on {
color: #008800;
font-size: 79%;
text-decoration:none;
width:100%;
display:block;
}

a.submenu_off {
color: #002200;
font-size: 79%;
text-decoration:none;
width:100%;
display:block;
}

a.submenu_off:hover {
color:green;
}








.comment {
font-size: 100%;
color: #002200;
line-height: 120%;
border: 0px;
text-align: center;
}

.comment_e {
font-size: 90%;
color: #447744;
line-height: 120%;
border: 0px;
}

.note {
font-size: 90%;
color: #446644;
line-height: 110%;
border: 0px;
}

.note_e {
font-size: 90%;
color: #336633;
line-height: 110%;
border: 0px;
}

.mini {
font-size: 70%;
color: #444444;
text-align: left;
line-height: 100%;
border: 0px;
}

.mini_yellow {
font-size: 70%;
color: #888800;
text-align: left;
line-height: 100%;
border: 0px;
}

.mini_green {
font-size: 70%;
color: #008800;
text-align: left;
line-height: 100%;
border: 0px;
}

.mini_b {
font-weight: bold;
font-size: 70%;
color: #448844;
text-align: left;
vertical-align: middle;
border: 0px;
text-decoration:none;
white-space: nowrap;
}

.tabletitle {
font-size: medium;
color: #226688;
}

.comment_left {
font-size: 100%;
color: #002200;
line-height: 120%;
border: 0px;
text-align: left;
}

.comment_green {
font-size: 90%;
color: #115500;
text-align: left;
}

.comment_blue {
font-size: 90%;
color: #2244aa;
text-align: left;
}

.normaltext {
font-size: medium;
color: #222266;
}

.normaltext:hover {
color:#0000FF;
}






.common_image {
border: 0px;
text-decoration:none;
}

.button_image {
border: 0px;
width: 48px;
height: 29px;
}

.menu_images {
border: 0px;
width: 21px;
height: 20px;
vertical-align:middle;
}

.banner {
border: 0px;
width:88px;
height:31px
}

.star_image {
border: 0px;
width: 15px;
height: 14px;
vertical-align:middle;
}

.thumb_large {
min-width: 140px;
height: 210px;
background-image: url(/common/background/thumb_back_large.jpg);
background-repeat:no-repeat;
background-position: center center;
text-align: center;
vertical-align: middle;
}

.thumb_normal {
min-width: 140px;
height: 107px;
background-image: url(/common/background/thumb_back.jpg);
background-repeat:no-repeat;
background-position: center top;
text-align: center;
vertical-align: middle;
}

.thumb_v {
height: 140px;
width: 110px;
background-image: url(/common/background/thumb_v_back.jpg);
background-repeat:no-repeat;
background-position: center top;
text-align: center;
vertical-align: middle;
}

.thumb_off {
min-width: 140px;
height: 110px;
background-image: url(/common/background/thumb_back_w.jpg);
background-repeat:no-repeat;
background-position: center top;
text-align: center;
vertical-align: top;
color:#446644;
font-size:95%;
}

.thumb_horizon {
min-width: 140px;
height: 110px;
background-image: url(/common/background/thumb_back.jpg);
background-repeat:no-repeat;
background-position: center top;
text-align: center;
vertical-align: top;
}

.thumb {
width: 120px;
height: 90px;
border: 0px;
}







.pagetitle {
font-size: 130%;
color: #004400;
vertical-align:middle;
}

a.maintext {
font-size: medium;
color: #222266;
text-align: center;
text-decoration:none;
}

a.maintext:hover {
color:#0000FF;
}