@charset "utf-8";

body { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif; 
margin:0; padding:0; text-align:center; color:#333; line-height:1em; font-size:10px; /font-size:65%; }

td, th { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif; color:#333; font-size:12px; line-height:1.5; }

h1,h2 {font-size:1.4em; margin:0px; line-height:1.5; }
h3,h4,h5,h6,h7 {font-size:1.2em; margin:0px; line-height:1.5; }

/*body, table, th, td, h1, h2, h3, h4, h5, h6 {
line-height: 150%;
font-size: small;
_font-size: x-small;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: normal;
}*/

* {
margin: 0;
padding: 0;
}

img {
border: none;
}

ol {
margin-left: 2.0em;
*margin-left: 2.5em;
}

ul {
margin-left: 1.2em;
}

html {
height: 100%;
}

hr { color:#ccc; border:0; height:1px; background:#ccc; margin-bottom:1em; }


.f_xs { font-size:0.8em; line-height:1.5; }
.f_s { font-size:1.0em; line-height:1.5; }
.f_m { font-size:1.2em; line-height:1.5; }
.f_l { font-size:1.4em; line-height:1.5; }

td .f_xs, th .f_xs { font-size:10px; }
td .f_s, th .f_s { font-size:12px; }
td .f_m, th .f_m { font-size:14px; }
td .f_l, th .f_l { font-size:16px; }

.f_b { font-weight:bold; }


.clear { clear:both; }
.margin5 { height:5px; width:5px; padding:0px; margin:0px; }
.margin10 { height:10px; width:10px; padding:0px; margin:0px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

.tr { text-align: right; }
.tl { text-align: left; }


.red { color:#e42; }
.green { color:#592; }
.orange { color:#F80; }
.blue { color:#07C; }


body {
height: 100%;
text-align: center;
/*color: #3b3b3b;*/
}
/* for FIREFOX & etc. \*/
body {
overflow-y: scroll;
}
/* */
/* for IE7 \*/
*:first-child+html body {
overflow-y: visible;
}
/* */

a:link, a:visited {
color: #005cab;
text-decoration: underline;
}
a:hover, a:active {
color: #7fadd5;
text-decoration: none;
}

p { margin:0px; line-height:1.5; }






/* basic style ------------------------------ */
.ro {
/* ----- */
}

* html .pngfix {
behavior: expression(IEPNGFIX.fix(this));
}

.blank {
/* ----- */
}

/* clerfix ----- */
.clearfix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 0.1%; }
.clearfix { display: block; }
/* */
/* for IE7 */
*:first-child+html .clearfix { display: inline-block; }
/* ----- clerfix */

.fL {
float: left;
}
.fR {
float: right;
}

.alnC {
text-align: center !important;
}
.alnL {
text-align: left !important;
}
.alnR {
text-align: right !important;
}

.txL {
font-size: 120%;
}
.txS {
font-size: 84%;
}

.txRed {
color: #ff0000;
}








/* wrapper ------------------------------ */
#wrapper {
width: 948px;
_width: 964px; /* for IE6 */
padding: 0px 8px;
margin: 0 auto;
min-height: 100%;
background: url(../img/wrap_bg.gif) repeat-y left bottom;
position: relative;
left: 0px;
top: 0px;
z-index: 1;
text-align: left;
font-size:1.2em; line-height:1.5; 
}






/* header ------------------------------ */
#header {
text-align: left;
}
#header #head-bar {
background: url(../img/h_bg01.gif) repeat-y left top;
min-height: 27px;
padding: 0px 24px;
color: #231f20;
line-height: 110%;
}
/* clerfix ----- */
#header #head-bar:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #header #head-bar { display: inline-block; }
/* no ie mac \*/
* html #header #head-bar { height: 0.1%; }
#header #head-bar { display: block; }
/* */
/* for IE7 */
*:first-child+html #header #head-bar { display: inline-block; }
/* ----- clerfix */

#header #head-bar h1 {
float: left;
padding: 6px 0px 3px 0px;
/*line-height: 110%;*/
font-size:12px;
}
#header #head-bar .date {
float: right;
padding: 6px 0px 3px 0px;
text-align: right;
/*line-height: 110%;*/
}

#header #head-visual {
position: relative;
left: 0px;
top: 0px;
clear: both;
width: 948px;
height: 176px;
}
#header #head-visual #head-tohome {
position: absolute;
left: 11px;
bottom: 9px;
width: 107px;
height: 22px;
z-index: 30;
}








/* footer ------------------------------ */
#footer {
clear: both;
width: 926px;
position: absolute;
left: 19px;
bottom: 14px;
z-index: 30;
overflow: hidden;
}

#foot-box01 {
padding: 10px 18px 5px 14px;
border: 1px solid #d4d4d4;
background: #d7d6d6 url(../img/f_bg01.gif) repeat-x left top;
margin-bottom: 6px;
color: #0b0b0b;
line-height: 110%;
}
/* clerfix ----- */
#foot-box01:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #foot-box01 { display: inline-block; }
/* no ie mac \*/
* html #foot-box01 { height: 0.1%; }
#foot-box01 { display: block; }
/* */
/* for IE7 */
*:first-child+html #foot-box01 { display: inline-block; }
/* ----- clerfix */

#foot-box01 #foot-logo {
white-space: nowrap;
width: 245px;
margin-left: 0px;
text-indent: -3px;
float: left;
/*font-size: 93%;*/
line-height: 120%;
vertical-align: middle;
}
#foot-box01 #foot-logo img {
margin-right: 20px;
vertical-align: middle;
}

#foot-box01 #foot-bnr {
list-style-type: none;
margin: 0px;
padding: 4px 0px 8px 0px;
float: left;
width: 570px;
}
/* clerfix ----- */
#foot-bnr:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #foot-bnr { display: inline-block; }
/* no ie mac \*/
* html #foot-bnr { height: 0.1%; }
#foot-bnr { display: block; }
/* */
/* for IE7 */
*:first-child+html #foot-bnr { display: inline-block; }
/* ----- clerfix */

#foot-box01 #foot-bnr li {
margin: 0px;
padding: 0px;
font-size: 0.1em;
line-height: 0.1em;
float: left;
}
#foot-box01 #foot-bnr li img {
margin: 2px 6px 2px 0px;
}

#foot-box01 #foot-qr {
float: right;
width: 74px;
padding-top: 2px;
}

#foot-box02 {
width: 926px;
color: #525252;
/*font-size: 84%;*/
}
#foot-box02 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
/*line-height: 110%;*/
border-left: 1px solid #cbcbcb;
}
#foot-box02 ul li {
display: inline;
margin: 0px;
padding: 0px 5px;
border-right: 1px solid #cbcbcb;
line-height: 110%;
}
#foot-box02 #copyright {
display: inline;
padding: 0px 8px;
}

#foot-box02 a:link, #foot-box02 a:visited {
color: #525252;
text-decoration: none;
}
#foot-box02 a:hover, #foot-box02 a:active {
color: #7fadd5;
text-decoration: underline;
}








/* container ------------------------------ */
#container {
width: 920px;
margin-left: 9px;
padding-bottom: 8em;
}
/* clerfix ----- */
#container:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #container { display: inline-block; }
/* no ie mac \*/
* html #container { height: 0.1%; }
#container { display: block; }
/* */
/* for IE7 */
*:first-child+html #container { display: inline-block; }
/* ----- clerfix */








/* side column ------------------------------ */
#side {
width: 246px;
float: left;
text-align: left;
}

#gnavi-box {
width: 246px;
text-align: left;
background: url(../img/side_bg01.gif) no-repeat left top;
min-height: 410px;
}
#gnavi-box #gnavi-list01 {
padding: 13px 0px 3px 19px;
}
#gnavi-box #gnavi-list01 dt, #gnavi-box #gnavi-list01 dd {
font-size: 0.1em;
line-height: 0.1em;
}
#gnavi-box #gnavi-list01 dt {
padding-bottom: 4px;
}
#gnavi-box #gnavi-list01 dd {
padding-left: 9px;
}
#gnavi-box #gnavi-list02 {
margin: 0px 0px 0px 19px;
padding: 12px 0px 0px 21px;
background: url(../img/side_bg02.gif) no-repeat left top;
list-style-type: none;
height: 117px;
_height: 129px; /* for IE6 */
}
#gnavi-box #gnavi-list02 li {
margin: 0px;
padding: 0px 0px 6px 0px;
font-size: 0.1em;
line-height: 0.1em;
}

#button-box {
margin-top: 8px;
width: 246px;
text-align: center;
}
#button-box ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#button-box li {
list-style-type: none;
margin: 0px 0px 3px 0px;
padding: 0px;
font-size: 0.1em;
line-height: 0.1em;
text-align: center;
}




/* main column ------------------------------ */
#main {
width: 660px;
width: _662px;
/*border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;*/
margin-top: 2px;
margin-bottom:20px;
float: right;
text-align: left;
background:url(../img/bg_main.gif) no-repeat left bottom;
}
#main h2 {
position: relative;
left: 0px;
top: 0px;
z-index: 20;
/*border-bottom: 1px solid #e7e7e7;*/
}
#main-inner {
padding:5px 15px;
width:630px;
_width:660px; /* for IE6 */
}








/* top page ------------------------------ */
#top-flash {
width: 948px;
height: 339px;
position: relative;
left: 0px;
top: 0px;
z-index: 20;
background: url(../../img/top_main.jpg) no-repeat;
}
#top-flash a {
display: block;
position: absolute;
width: 88px;
height: 31px;
left: 430px;
top: 154px;
text-indent: -5000px;
overflow: hidden;
}

#top-container {
width: 926px;
margin-left: 9px;
padding-bottom: 12em;
}
/* clerfix ----- */
#top-container:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html #top-container { display: inline-block; }
/* no ie mac \*/
* html #top-container { height: 0.1%; }
#top-container { display: block; }
/* */
/* for IE7 */
*:first-child+html #top-container { display: inline-block; }
/* ----- clerfix */


#top-main {
margin-top: 3px;
width: 416px;
_width: 418px; /* for IE6 */
padding-left: 11px;
float: left;
}

#top-bnr-box01 {
padding-bottom: 0px;
}
#top-bnr-box01 p {
margin-bottom: 10px;
}


#top-side {
width: 238px;
margin-top: 3px;
margin-bottom:10px;
float: right;
position: relative;
left: 0px;
top: 0px;
background: url(../../img/top_side_bg_btm.gif) no-repeat left bottom;
}
#top-side-inner {
background: url(../../img/top_side_bg_top.gif) no-repeat left top;
padding: 11px 11px 1px 13px;
}

#top-side h2 {
margin: 0px 0px 7px 2px;
}

#top-side-bnrbox {
width: 211px;
background: url(../../img/top_side_bnr_bg_top.gif) no-repeat left top;
}
#top-side-bnrbox ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 8px 0px 8px 9px;
_width: 211px; /* for IE6 */
background: url(../../img/top_side_bnr_bg_btm.gif) no-repeat left bottom;
}
#top-side-bnrbox ul li {
margin: 0px;
padding: 0px 0px 2px 0px;
font-size: 0.1em;
line-height: 0.1em;
}

#top-side-kurayoshi {
padding: 0px 0px 10px 0px;
}

#top-side-omiyage {
padding: 4px 0px 10px 0px;
}

#top-access {
margin-top: 4px;
margin-left: 5px;
width: 237px;
height: 181px;
position: relative;
left: 0px;
top: 0px;
}
#top-access .detail-link {
width: 55px;
height: 19px;
position: absolute;
left: 174px;
top: 8px;
z-index: 30;
}


#top-topics {
width:416px;
margin-bottom: 8px;
}
.top-topics-box {
border: 1px solid #d0d0d0;
border-top: none;
padding: 8px 10px 7px 10px;
position: relative;
left: 0px;
top: 0px;
}
/* clerfix ----- */
.top-topics-box:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .top-topics-box { display: inline-block; }
/* no ie mac \*/
* html .top-topics-box { height: 0.1%; }
.top-topics-box { display: block; }
/* */
/* for IE7 */
*:first-child+html .top-topics-box { display: inline-block; }
/* ----- clerfix */

.top-topics-box .thumb {
width: 100px;
border: 1px solid #cfcfcf;
padding: 1px;
background: #ffffff;
float: left;
display: inline;
}
.top-topics-box .thumb img {
width: 100px;
}

.top-topics-box .txt {
width: 280px;
float: right;
padding-bottom: 22px;
}
.top-topics-box .txt h3 {
/*font-size: 110%;
line-height: 110%;*/
margin-bottom: 7px;
font-weight: bold;
}

.top-topics-box .detail-link {
width: 55px;
height: 19px;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 30;
}

#top-topics .odd {
background: #fbfceb;
}
#top-topics .even {
background: #fffffd;
}


#top-news {
min-height: 163px;
border: 1px solid #d0d0d0;
border-top: none;
background: #ffffff url(../../img/top_news_bg.gif) repeat-x left bottom;
position: relative;
left: 0px;
top: 0px;
}
#top-news h2 {
margin: 0px -1px;
position: relative;
left: 0px;
top: 0px;
}

#top-news ul {
list-style-type: none;
margin: 0px;
padding: 14px 18px 35px 20px;
}
#top-news ul li {
margin: 0px;
margin-bottom:5px;
padding: 0px;
display: block;
}
#top-news ul li a {
display: block;
padding-left:20px;
min-height: 12px;
height:auto;
line-height: 150%;
}
#top-news ul li a:link, #top-news ul li a:visited {
background-image: url(../img/ic_arw01.gif); background-repeat:no-repeat; background-position:0px 0.5em;
}
#top-news ul li a:hover, #top-news ul li a:active {
background-image: url(../img/ic_arw01_r.gif); background-repeat:no-repeat; background-position:0px 0.5em;
}

#top-news .detail-link {
width: 86px;
height: 19px;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 30;
}

.clear { clear:both; }