/*########################################################*/
/* default.css
##########################################################*/

/* default
##########################################################*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote {
margin: 0 ;
padding: 0 ;
}


body {
color: #333 ;
font-size: 100% ;
text-align: center ;
line-height: 1 ;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "Lucida Grande", geneva, verdana, sans-serif ;
background: url(../img_common/body_bg.gif) repeat-x center top ;
}

a:link    { text-decoration: underline ; color: #41668B }
a:visited { text-decoration: underline ; color: #41668B }
a:hover   { text-decoration: none ; color: #39f }
a:active  { text-decoration: none ; color: #06f }

a img { border-style: none }

p.link-button {
text-align: center ;
padding: 0 250px 20px ;
}

p.link-button a {
text-algin: center ;
display: block ;
color: #fff ;
background: #0066CC ;
padding: 10px ;
font-weight: bold ;
border: double 3px #fff ;
text-decoration: none ;
}

p.link-button a:hover  {
background: #0099FF ;
}

.align-center {
text-align: center !important ;
}

.align-left {
text-align: left !important ;
}

.align-right {
text-align: right !important ;
}

.clear {
clear: both ;
width: 1px ;
height: 1px ;
line-height: 0 ;
}

/* except Mac IE 5 \*/
label { cursor: pointer }
/* */

.col2:after,
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.col2,
.clearfix {
overflow:hidden;
}
/* Hides from IE-mac \*/
* html .col2,
* html .clearfix {
height:1%;
overflow:visible;
}
/* End hide from IE-mac */


/* Main Layer
##########################################################*/

#head {
width : 900px ;
margin : 0px auto ;
text-align: left ;
background: url(../img_common/head_bg.gif) repeat-x center top ;
}

#main-manu {
width : 900px ;
margin : 0px auto ;
text-align: left ;
}

#banner {
width : 900px ;
margin : 0px auto  20px ;
text-align: left ;
background: #F0F0F0 ;
}

#bottom-menu {
width : 900px ;
text-align: right ;
padding: 0 0 10px ;
clear: both ; 
}

html > body #bottom-menu { margin: 0 auto ; }

#footer {
width : 900px ;
margin : 0 auto ;
padding: 0 0 20px ;
border-top: solid 5px #4EBCCE ;
}


/* #head
##########################################################*/

#head a {
text-decoration: none ;
}

#head ul {
list-style-type: none ;
}

#head p.skip {
position: absolute ;
top: -10px ;
font-size: 1px ;
}

#head h1,
#head #logo {
float: left ;
width: 540px ;
}

#head ul#sub-nav {
height: 36px ;
}

#head ul#sub-nav li {
display: inline ;
float: right ;
}


/* #main-menu
##########################################################*/

#main-manu li {
display: inline ;
}

#main-manu li a {
display: block ;
float: left ;
}


/* #main
##########################################################*/

/* #bukken-ichiran
##########################################################*/

#bukken-ichiran h2 {
margin: 0 0 10px ;
}

#bukken-ichiran ul.tab-button {
text-align: left ;
}

#bukken-ichiran ul.tab-button li {
display: inline ;
}

#bukken-ichiran ul.tab-button li.list a {
display: block ;
width: 202px ;
height: 31px ;
background: url(../img_common/ichiran_tab_list.gif) no-repeat left top ;
float: left !important ;
}

#bukken-ichiran ul.tab-button li.map a {
display: block ;
width: 202px ;
height: 31px ;
background: url(../img_common/ichiran_tab_map.gif) no-repeat left top ;
float: left !important ;
}

#bukken-ichiran ul.tab-button li em {
display: block ;
text-indent: -9999em ;
}

#bukken-ichiran .yui-content {
clear: left ;
}

body.yui-skin-sam #bukken-ichiran #ichiran-1 {
border-top: solid 5px #679A00 ;
width: 900px ;
height: 450px ;
overflow: auto ;
text-align: left ;
list-style-type: none ;
background: url(../img_common/ichiran_tab_list_bg.gif) no-repeat left top ;
}

#bukken-ichiran #ichiran-1 {
width: 640px ;
}

#bukken-ichiran #ichiran-2 {
border-top: solid 5px #FF6700 ;
width: 900px ;
overflow: auto ;
text-align: left ;
list-style-type: none ;
}

#bukken-ichiran #ichiran-1 ul {
padding: 0 10px 10px ;
}

#bukken-ichiran #ichiran-1 li {
list-style: none ;
padding: 10px 0 10px ;
clear: left ;
line-height: 1.4 ;
background: url(../img_common/underline_dot01.gif) repeat-x center bottom ;
}

body.yui-skin-sam #bukken-ichiran #ichiran-1 li {
font-size: 85% ;
}

#bukken-ichiran #ichiran-1 li img.photo-thumbnail {
float: left ;
margin: 0 5px 5px 0 ;
}

#bukken-ichiran #ichiran-1 li a img.photo-thumbnail {
border: solid 1px #06c ;
}

#bukken-ichiran #ichiran-1 li span {
font-weight: bold ;
}



/* #banner
##########################################################*/

#banner ul {
padding: 10px 0 0 10px ;
list-style: none ;
text-align: left ;
}

#banner li {
float: left ;
}

#banner li img {
margin: 0 10px 10px 0 ;
}


/* #bottom-menu
##########################################################*/

#bottom-menu li {
display: inline ;
border-right: solid 1px #ccc ;
}

#bottom-menu a {
font-size: 80% ;
margin : 0 5px 0 8px ;
padding: 0 0 0 15px ;
background: url(../img_common/list_style_01.gif) no-repeat left top ;
}

/* #footer
##########################################################*/

#footer address {
font-size: 80% ;
padding-top: 6px ;
text-align: left ;
font-style: normal ;
line-height: 1.2 ;
float: left ;
width: 400px ;
}

#footer p {
font-size: 80% ;
padding-top: 6px ;
text-align: right ;
line-height: 1.2 ;
float: right ;
width: 400px ;
}


/* @media print
##########################################################*/

@media print {

body {
/*_zoom: 0.68 ;*/

}

#footer address {
/*_zoom: 1 ;*/
}

}