@charset "UTF-8";

/* Page style
---------------------------------------------------------------------------------*/
body {
padding-bottom: 0;
font: 15px/1.75 "Helvetica Neue","Arial","Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3","���C���I","Meiryo","�l�r �o�S�V�b�N","MS PGothic",sans-serif !important;
}
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
#wrapper {
border-top: 5px solid #272423;
padding-bottom: 30px;
background: #f4efdd;
}

/* Header
---------------------------------------------------------------------------------*/
#header {
background: #fafaf8;
-webkit-box-shadow: 0px 0px 2px 2px #e0dbca;
-moz-box-shadow: 0px 0px 2px 2px #e0dbca;
box-shadow: 0px 0px 2px 2px #e0dbca;
}
#header a {
text-decoration: none;
color: #0f698d;
}
#header a:hover { color: #d9242d; }

/* Logo */
#logo { padding: 40px 0; }
#logo img {
padding-right: 10px;
vertical-align: middle;
}

/* Header Menu */
#header_menu { padding-top: 34px; }
#header_menu ul {
clear: both;
list-style: url('../images/arrow-small.png');
}
#header_menu li { float: right; }

/* Global Navigation */
#global_nav { margin: 0; }
#global_nav ul {
list-style-type: none;
width: 960px;
height: 40px;
margin: auto;
background: url('../images/global_nav_bg.png') 0 0px repeat-x;
}
#global_nav li {
float: left;
display: inline;
margin: 0;
}
#global_nav a {
width: 160px;
padding: 0;
float: left;
text-align: center;
line-height: 40px;
vertical-align: middle;
color: #ffffff;
background: url('../images/global_nav_divider.png') no-repeat top right;
}
#global_nav a.nav_current {
background: url('../images/global_nav_bg.png') 0 -40px repeat-x;
}
#global_nav .nav_en a { width: 160px; }

/* for tooltips on global_nav */
#global_nav li a { position: relative; z-index: 50; }
#global_nav li a:hover {
z-index: 51;
background: url('../images/global_nav_bg.png') 0 -40px repeat-x;
color: #ffffff;
}
#global_nav li a span { display: none; }
#global_nav li a:hover span {
display: block;
position: absolute;
top: 42px;
left: 1em;
width: 16em;
background-color: #667f27;
color: #fafaf8;
text-align: left;
font-size: 84%;
line-height: 1.2;
padding: 5px;
-moz-box-shadow: 1px 1px 2px #444, -1px -1px 2px #444;
-webkit-box-shadow: 1px 1px 2px #444, -1px -1px 2px #444;
}
#global_nav li a:hover.nav_current span { display: none; }


/* Main
-------------------------------------------------------------------------------------*/
#main {
padding-top: 50px;
padding-bottom: 30px;
color: #272423;
background: #f9f7f1;
-webkit-box-shadow: 0px 0px 2px 2px #e0dbca;
-moz-box-shadow: 0px 0px 2px 2px #e0dbca;
box-shadow: 0px 0px 2px 2px #e0dbca;
}

/* Contents */
#contents {
background: #fafaf8;
}

#contents a, #contents a:visited {
color: #b28000;
text-decoration: underline;
}
#contents a:hover { color: #d39700; }
#contents h3 {
color: #4f3e29;
border-top: 2px solid #d1b366;
border-bottom: 1px solid #cccccc;
padding-left: 8px;
}
#contents h4 {
color: #804711;
padding-left: 8px;
}
#contents p {
padding-left: 15px;
text-indent: 1em;
}
#contents li { padding-bottom: 15px; }
#contents .box { margin: 10px 0 20px 25px; }
#contents .box h5 { margin-bottom: 10px; }
#contents .box .block {
border: 1px dashed #272423;
padding: 4px 8px 0 8px;
color: #444751;
}
#contents .box .block h6 { margin-bottom: 0px; }
#contents .box .block ul, #contents .box .block ol { margin-bottom: 10px; }
#contents .block li, #contents .tabular-list li { padding-bottom: 0; }

#contents blockquote {
background: #e6f4ff;
margin: 10px 20px;
font-style: oblique;
}

/* Side Menu */
#sidemenu h5 {
margin-bottom: 0;
color: #666666;
border-top: 2px solid #d1b366;
border-bottom: 1px solid #cccccc;
text-align: center;
}
#sidemenu ul { padding-right: 6px; }
#sidemenu li {
margin-left: 18px;
padding-top: 10px;
border-bottom: 1px dashed #272423;
}
#sidemenu .submenu li {
padding: 0;
border-bottom: none;
}
#sidemenu ul.menu { list-style-image: url(../images/arrow-small.png); }
#sidemenu ul.submenu {
margin-bottom: 10px;
font-size: small;
}
#sidemenu a {
text-decoration: none;
color: #0f698d;
}
#sidemenu a.menuitem { color: #272423; }
#sidemenu a:hover { color: #d9242d; }

/* Slide Show
---------------------------------------------------------------------------------*/
#slide_container {
padding: 30px 80px 40px 80px;
margin-bottom: 0px;
background-color: #f9f7f1;
}
#slides {
width: 780px;
height: 350px;
margin: 0;
position: relative;
box-shadow: 0px 3px 5px #999;
overflow: hidden;
}
.slide .left {
width: 470px; /* �摜�T�C�Y�F450x300 */
height: 330px;
margin: 0;
padding: 10px;
float: left;
}
.slide .right {
font-size: 12px;
color: #696c74;
float: left;
width: 270px;
height: 330px;
margin: 0;
padding: 10px;
display: inline;
}
.slide .right h6 {
font-size: 14px;
color: #444751;
}
.slide .right p { padding-left: 0px !important; }
.slide .right p.credit {
font-size: 80%;
position: absolute;
bottom: 14px;
text-indent: 0px !important;
}
.slide .english { font: 12px/1.25 "Helvetica Neue","Arial Narrow","Arial",sans-serif !important; }
.slide .english p { text-indent: 0px !important; }
.slide .english p.credit { font-size: 9px !important; }

/*next button*/
.bx-wrapper .bx-next {
right:-50px;
}
/*previous button*/
.bx-wrapper .bx-prev {
left:-50px;
}
/* pager */
.bx-wrapper .bx-pager {
text-align:center;
}
.bx-wrapper .bx-pager .bx-pager-item a {
color: #fff !important;
text-decoration: none !important;
text-indent: 0px;
line-height: 24px;
padding: 3px 5px 8px 5px;
font: bold 12px 'Helvetica Neue','Arial',sans-serif !important;
zoom: 1;
background: url(../images/gray_pager.png) no-repeat !important;
}
.bx-wrapper .bx-pager a.bx-pager-link.active, .bx-wrapper .bx-pager a:hover {
background: url(../images/gray_pager_active.png) no-repeat !important;
}

/* Opinion form
---------------------------------------------------------------------------------*/
#opinion_form li {
padding-top: 10px;
padding-bottom: 10px !important;
border-top: 1px dotted #aaa;
text-indent: 15px;
}
#opinion_form textarea {
width: 510px;
height: 185px;
}

/* Footer
---------------------------------------------------------------------------------*/
#footer {
padding-top: 30px;
padding-bottom: 75px;
border-top: 1px solid #fff;
background: #272423;
}
#footer p {
margin: 0;
color: #fffff7;
font-size: 88%;
text-decoration: none;
}

#footer p#footer_logo {
font-size: 100%;
}