/* CSS Document */
@charset: UTF-8;



/* margin-padding */
div, img, form, input, #head ul, #head li {
margin:0;
padding:0;
}
.side_info ul, .side_info li {
margin:0;
padding:0;
list-style: none;
}


/* body */
body {
margin:0;
padding:0;
text-align:center;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 100%;
line-height: 100%;
background: #FFFFFF url(http://www.kumaryo.com/images/bg_grd01.jpg) repeat-x 0 0;
color: #333333;
}


a {
color: #024180;
}
a:hover {
color: #0375E7;
text-decoration:none;
}

img {
border: none 0;
}

#container {
width:850px;
margin:0 auto;
background-color: #FFFFFF;
}


/* header */
#head {
height: 100px;
background:url(http://www.kumaryo.com/images/head_bg01.jpg) 0 0 #407CBF no-repeat;
text-align: left;
padding:0;
}

#head #title {
display:block;
width:185px;
height:45px;
background:url(http://www.kumaryo.com/images/head_title.jpg) no-repeat 0 0;
margin:30px 0 0 23px;
text-indent: -10000em;
float: left;
}
#head #title a {
display:block;
width:185px;
height:45px;
}

/* head_menu_info */
#head #head_menu_info {
width:350px;
height:20px;
font-size: 0.9em;
list-style: none;
float:right;
margin: 12px 20px 43px 0;
}
*html #head #head_menu_info {
margin-right:8px;
}
#head #head_menu_info li {
float: left;
height: 20px;
list-style: none;
text-indent: -10000em;
}
#head #head_menu_info li a {
display: block;
height: 20px;
background: url('http://www.kumaryo.com/images/head_menu_info01.gif') no-repeat 0 0;
}
#head #head_menu_info li a:hover {
background: url('http://www.kumaryo.com/images/head_menu_info02.gif') no-repeat 0 0;
}
#head #head_menu_info li#qa a {
width: 110px;
background-position: 0 0;
}
#head #head_menu_info li#aboutus a {
width: 77px;
background-position: -110px 0;
}
#head #head_menu_info li#contact a {
width: 104px;
background-position: -187px 0;
}
#head #head_menu_info li#link a {
width: 54px;
background-position: -296px 0;
}


/* header search */
#head .search {
clear: both;
width: 500px;
float: right;
text-align: right;
font-size: 12px;
color: #407CBF;
margin: 0 32px 4px 0;
max-height: 20px;
}
*html #head .search {
margin-right:14px;
padding:0;
max-height: 0;
}
#head .search input#txt {
text-align: left;
margin: 0 2px;
padding: 0;
}
#head .search input#btn {
text-align: center;
padding: 0 2px;
}

/* head_menu_main */
#head_menu_main {
clear: both;
height: 53px;
text-align: left;
background: url('http://www.kumaryo.com/images/head_menu_bg01.jpg') no-repeat 0 0;
}
#head_menu_tour {
clear: both;
height: 53px;
text-align: left;
background: url('http://www.kumaryo.com/images/head_menu_bg03.jpg') no-repeat 0 0;
}
*html #head_menu_main, #head_menu_tour {
margin:0;
padding:0;
}
#head_menu_main ul {
width:100%;
font-size: 0.9em;
list-style: none;
float:right;
margin: 0;
padding:0;
background: url('http://www.kumaryo.com/images/head_menu_bg01.jpg') no-repeat 0 0;
}
#head_menu_tour ul {
width:100%;
font-size: 0.9em;
list-style: none;
float:right;
margin: 0;
padding:0;
background: url('http://www.kumaryo.com/images/head_menu_bg03.jpg') no-repeat 0 0;
}
#head_menu_main li, #head_menu_tour li {
float: left;
list-style: none;
text-indent: -10000em;
}
#head_menu_main li a {
display: block;
height: 53px;
background: url('http://www.kumaryo.com/images/head_menu_bg01.jpg') no-repeat -5px 0;
}
#head_menu_tour li a {
display: block;
height: 53px;
background: url('http://www.kumaryo.com/images/head_menu_bg03.jpg') no-repeat -5px 0;
}
#head_menu_tour li.here a {
background: url('http://www.kumaryo.com/images/head_menu_bg04.jpg') no-repeat -5px 0;
}

#head_menu_main li a:hover {
background: url('http://www.kumaryo.com/images/head_menu_bg02.jpg') no-repeat 0 0;
}

#head_menu_main li#d_tour a, #head_menu_tour li#d_tour a {
width: 61px;
margin-right: 2px;
margin-left:125px;
background-position: -125px 0;
}
#head_menu_main li#d_jal a, #head_menu_tour li#d_jal a {
width: 81px;
margin-right: 2px;
background-position: -188px 0;
}
#head_menu_main li#d_ana a, #head_menu_tour li#d_ana a {
width: 83px;
margin-right: 2px;
background-position: -271px 0;
}
#head_menu_main li#d_jr a, #head_menu_tour li#d_jr a {
width: 80px;
margin-right: 9px;
background-position: -356px 0;
}
#head_menu_main li#oversea a, #head_menu_tour li#oversea a {
width: 130px;
margin-right: 5px;
background-position: -445px 0;
}
#head_menu_main li#group a, #head_menu_tour li#group a {
width: 130px;
margin-right: 5px;
background-position: -580px 0;
}
#head_menu_main li#time a, #head_menu_tour li#time a {
width: 130px;
background-position: -715px 0;
}


/* main */
.main {
clear: both;
padding: 12px 5px;
height: 100%;
}


/* content_body */
.content_body {
float: left;
width: 617px;
text-align: left;
}


/* side_bar */
.side_bar {
padding: 38px 0;
float: right;
width: 185px;
background: url('http://www.kumaryo.com/images/side_head01.gif') no-repeat 0 0;
}

.side_info {
background-color: #E4E4E4;
border: 1px solid #CCCCCC;
text-align: left;
}
.side_info ul {
font-size: 0.8em;
line-height: 1.1;
}
.side_info li {
clear: both;
}
.side_info li img {
border: 1px solid #CCCCCC;
float: left;
margin: 0 3px 0 5px;
}
.side_info li a {
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
color: #333333;
background: url('http://www.kumaryo.com/images/side_line01.gif') no-repeat 0 0;
}
.side_info li.top a {
background: none;
}
.side_info li a:hover {
background-color: #EFEFEF;
}
.side_info li span {
font-weight: bold;
color: #024180;
}
.side_info li a:hover span {
color: #036AD1;
}
.side_info li a:hover img {
opacity:0.75;
filter:alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
zoom:1;/* IE で filter を使うときには zoom:1; を指定する */
}


/* footer */
#foot {
clear:both;
margin: 50px 0 0 0;
}

#foot .r_top {
clear: both;
text-align: right;
margin-right: 15px;
}
#foot .r_top a:hover img {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

#foot_menu {
margin: 5px;
padding: 25px;
background: url('http://www.kumaryo.com/images/foot_menu_bg.jpg') no-repeat left center;
text-align: left;
font-size: 0.8em;
color: #999999;
line-height: 1.8em;
}
#foot_menu a {
margin: 0 1px;
}
#foot #copyright {
text-align: center;
font-size: 0.8em;
color: #666666;
margin: 0;
padding: 0 0 10px 0;
}


/* decoration */
.t_right {
text-align: right;
}
.t_small {
font-size:0.8em;
}

.f_left {
float:left;
}
.clear {
clear:both;
}

hr.clear {
clear:both;
margin:0;
padding:0;
height:1px;
background-color:#FFFFFF;
border: #FFFFFF none 0;
text-indent:-10000em;
}


