@charset "UTF-8";

/* ------------------------------------------------------
contents

reset css
body
link
header
footer
content
side
clearfix
only IE6
only IE7
only IE8
only Safari,Chrome
------------------------------------------------------ */

/* ------------------------------------------------------
reset css
------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td{
padding: 0;
margin: 0;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img{
border: 0;
}
img{
vertical-align: bottom;
}
address,caption,th{
font-style: normal;
}
ol,ul{
list-style: none;
}
caption,th{
text-align: left;
}
h1,h2,h3,h4,h5,h6{
font-size: 100%;
}

/* ------------------------------------------------------
body
------------------------------------------------------ */
body{
background: #fff url(/common/img/bg_body.jpg) no-repeat center top;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,Osaka;
}

/* ------------------------------------------------------
link
------------------------------------------------------ */
a:link{
color: #0066ff;
text-decoration: underline;
}
a:visited{
color: #0066ff;
text-decoration: underline;
}
a:hover{
color: #0066ff;
text-decoration: none;
}
a:active{
color: #0066ff;
text-decoration: none;
}

/* ------------------------------------------------------
header
------------------------------------------------------ */
div#header{
margin: 0 auto;
padding: 3px 0 57px 0;
background: url(/common/img/bg_top_content.gif) no-repeat center bottom;
position: relative;
width: 950px;
font-size: 0.8em;
}
p#logo{
position: absolute;
top: 16px;
left: 0;
}
ul#hNavi{
margin: 0 0 12px 552px;
width: 400px;
}
ul#hNavi li{
float: left;
}
div#headSearch{
margin-left: 579px;
width: 373px;
}
div#headSearch form{
float: right;
}
input#searchArea{
padding: 2px 5px;
border: none;
height: 24px;
min-width: 150px;
background: url(/common/img/bg_search.gif) no-repeat left top;
}
input#searchBtn{
vertical-align: top;
}

/* ------------------------------------------------------
footer
------------------------------------------------------ */
div#footer{
width: 100%;
background: #f8f8cf url(/common/img/bg_footer.gif) no-repeat center top;
font-size: 0.8em;
}
div#footerInner{
margin: 0 auto;
padding: 13px 13px 40px 11px;
width: 950px;
background: #f8f8cf url(/common/img/bg_footer.gif) no-repeat center top;
}
p#copyright{
float: left;
font-size: 10px;
margin:0 5px;
}
p#powered{
float: right;
font-size: 10px;
margin:0 5px;
}
p#powered a{
color: #000;
}
/* ------------------------------------------------------
content
------------------------------------------------------ */
div#content{
margin: 0 auto;
width: 950px;
background: #fff url(/common/img/bg_side.gif) no-repeat 658px top;
font-size: 0.8em;
}
div#mainContent{
padding: 0 12px 10px 9px;
float: left;
width: 637px;
line-height: 1.5;
}
div.layoutL{
margin-bottom: 10px;
display: table;
direction: ltr;
}
div.layoutR{
margin-bottom: 10px;
display: table;
direction: rtl;
}
div.layoutImg{
display: table-cell;
vertical-align: top;
font-size: 0.8em;
text-align: left;
}
div.layoutImg img{
margin-bottom: 5px;
}
div.layoutTxt{
display: table-cell;
vertical-align: top;
text-align: left;
line-height: 1.5em;
}
div.layoutR div.layoutTxt{
padding: 0 0 10px 10px;
}
div.layoutL div.layoutTxt{
padding: 0;
}
div.layoutTxt p{
margin-bottom: 5px;
}
div.layoutL div.layoutImg{
padding-right: 10px;
}
div.layoutR div.layoutImg{
padding-left: 10px;
}
img.imgBorder{
padding: 1px;
border: 1px solid #ccc;
}
img.alignleft{
padding: 1px;
border: 1px solid #ccc;
float:left;
margin:0px 20px 20px 0;
}
img.aligncenter{
padding: 1px;
border: 1px solid #ccc;
text-align:center;
margin:10px;
}



img.attachment-post-thumbnail{
padding: 1px;
border: 1px solid #ccc;
}
div.column2{
margin: 0;
}
div.column2Inner{
margin: 10px 10px 0;
float: left;
width: 297px;
border-bottom: 1px dotted #999;
}
table.table01{
margin-bottom: 10px;
}
table.table01 th{
padding: 3px;
vertical-align: top;
width: 40%;
font-weight: normal;
}
table.table01 td{
padding: 3px;
width: 60%;
}
table.table02{
margin-left: 10px;
margin-bottom: 10px;
margin-right: 20px;
margin-top: 10px;
width:616px;
}
table.table02 th{
padding: 5px;
border-bottom: 1px dotted #999;
vertical-align: top;
width: 25%;
font-weight: normal;
}

table.table02 th span.required{
color: red;
font-size: 80%;
}

table.table02 td{
padding: 5px;
border-bottom: 1px dotted #999;
width: 75%;
}
table.table03{
margin: 10px;
}
table.table03 th,table.table03 td{
padding: 5px;
vertical-align: top;
font-weight: normal;
}

table.table02 td.submit,table.table03 td.submit{
text-align: center;
padding: 10px;
}
p.presentInfo{
margin: 10px;
border-bottom: 1px dotted #999;
}
div.hl01Catch{
margin-bottom: 10px;
background: url(/common/img/bg_btm_hl01.gif) no-repeat left bottom;
}
.hl01CatchTtl{
padding: 0 10px 10px 38px;
font-size: 1.4em;
}
div.hl01Catch p{
padding: 10px 10px 0 38px;
background: url(/common/img/bg_top_hl01.gif) no-repeat left top;
font-weight: bold;
}
.hl02sp{
margin-left: 10px;
margin-bottom: 20px;
margin-right: 10px;
margin-top: 10px;
color: white;
border-color: #08007a;
border-width: 5px;
border-style: solid;
background-color: #3756d6;
padding: 10px;
font-size: 1.2em;
}
.hl02{
margin: 10px;
padding: 0 0 10px 0;
background: url(/common/img/bg_hl02.gif) no-repeat left bottom;
font-size: 1.2em;
}
.hl03{
margin-bottom: 10px;
padding-left: 17px;
background: url(/common/img/blt_hl03.gif) no-repeat left center;
font-size: 1.2em;
}
ul.scheduleList{
margin-left: -10px;
}
ul.scheduleList li{
margin: 0 0 10px 10px;
padding-bottom: 5px;
border: 1px solid #734414;
float: left;
width: 117px;
text-align: center;
}
ul.scheduleList dt{
padding: 2px 5px;
background-color: #734414;
color: #fff;
font-weight: bold;
}
ul.scheduleList li dd{
text-align: center;
}
ul.scheduleList span{
padding: 2px 5px;
display: block;
background-color: #eaecbd;
}
dl.dl01 dt{
font-weight: bold;
font-size: 90%;
line-height: 1.4;
}
dl.dl01 dd{
font-size: 90%;
line-height: 1.4;
margin-bottom: 5px;
}
.nameCap{
font-family: Georgia;
font-size: 0.8em;
font-style: italic;
padding-left: 7px;
}

div.message{
font-size: 1.2em;
font-weight: bold;
margin: 10px;
color: blue;
font-family: "Arial Black";
}

ul#mainLogin li{
margin: 0 0 8px 12px;
padding-left: 20px;
background: url(/common/img/icon_side_member.gif) no-repeat left center;
font-weight: bold;
}

ul#sitemap_list li{
margin: 0 0 8px 12px;
padding-left: 20px;
background: url(/common/img/icon_side_member.gif) no-repeat left 2px;
font-weight: bold;
}

ul#sitemap_list li ul li{
list-style-type: disc;
background: none;
padding-left: 0px;

}

div.err{
padding:5px;
margin:10px;
border:1px solid red;
background-color: #ffb8ac;
font-weight: bold;
}
div.thanks{
padding:5px;
margin:10px;
}

input.vote_btn,input.vote_btn2{
margin: 5px auto 0;
max-width: 100px;
font-weight: bold;
background-color: #ff9a22;
padding:5px;
display: block;
font-size: 0.9em;
}
input.vote_btn2{
max-width: 150px;
}

div.center{
text-align:center;
}
/* ------------------------------------------------------
side
------------------------------------------------------ */
div#side{
padding: 20px;
float: left;
width: 240px;
<!-- background: url(/common/img/bg_side.gif) repeat-y left top; -->
}
#bnrHilton{
margin-bottom: 10px;
}
p.sideBnr{
margin-bottom: 10px;
}
div#sideLogin{
margin-bottom: 10px;
padding-bottom: 5px;
background: url(/common/img/bg_side_member.gif) no-repeat left bottom;
}
#sideLoginTtl{
margin-bottom: 14px;
}
div#sideLogin dt{
margin-bottom: 8px;
padding-left: 12px;
float: left;
width: 90px;
}
div#sideLogin dd{
margin-bottom: 8px;
float: left;
width: 120px;
}
div#sideLogin input{
border: 1px solid #676767;
width: 118px;
}
div#sideLogin input#loginBtn{
border: none;
width: 117px;
height: 28px;
}
div#sideLogin p{
margin-bottom: 10px;
text-align: center;
}
div#sideLogin li{
margin: 0 0 8px 12px;
padding-left: 20px;
background: url(/common/img/icon_side_member.gif) no-repeat left center;
font-weight: bold;
}
input.address{width: 300px;}
/* ------------------------------------------------------
clearfix
------------------------------------------------------ */
ul#hNavi,
div#headSearch,
div#content,
div#footerInner,
div#news dl,
div.layoutL,
div.layoutR,
div#sideLogin dl,
ul.scheduleList,
div.column2{
/zoom: 1;
}
ul#hNavi:after,
div#headSearch:after,
div#content:after,
div#footerInner:after,
div#news dl:after,
div#sideLogin dl:after,
ul.scheduleList:after,
div.column2:after{
content: '';
display: block;
clear: both;
}

/* ------------------------------------------------------
only IE6
------------------------------------------------------ */
* html div.layoutL div.layoutImg{
margin-bottom: 0;
float: left;
}
* html div.layoutL div.layoutTxt,
* html div.layoutR div.layoutTxt{
margin-bottom: 0;
float: right;
width: auto;
}
* html div.layoutR div.layoutImg{
margin-bottom: 0;
float: right;
}
* html ul.scheduleList li{
display: inline;
}
* html input#searchArea{
width: 150px;
}
* html input#searchBtn{
margin-top: 1px;
}
* html div#sideLogin dl{
margin-bottom: 10px;
}
* html input.vote_btn{
width: 100px;
}
* html div.column2Inner{
display: inline;
}

/* ------------------------------------------------------
only IE7
------------------------------------------------------ */
*:first-child+html div.layoutL div.layoutImg{
margin-bottom: 0;
float: left;
}
*:first-child+html div.layoutR div.layoutImg{
margin-bottom: 0;
float: right;
}
*:first-child+html div.layoutL div.layoutTxt,
*:first-child+html div.layoutR div.layoutTxt{
margin-bottom: 0;
float: right;
width: auto;
}
*:first-child+html div#sideLogin dl{
margin-bottom: 8px;
}
*:first-child+html input#searchArea{
padding-top: 6px;
height: 20px;
}
*:first-child+html input#searchBtn{
margin-top: 1px;
}
*:first-child+html input.vote_btn{
width: 100px;
overflow: visible!important;
white-space: pre!important;
}

/* ------------------------------------------------------
only IE8
------------------------------------------------------ */
html>/**/body ul.scheduleList input{
margin-left: 20px\9;
}
html>/**/body input.vote_btn{
position: relative\9;
left: -10px\9;
}

/* ------------------------------------------------------
only Safari,Chrome
------------------------------------------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body{
background-image: url(/common/img/img_bench.jpg),url(/common/img/img_flower.gif);
background-position: center top,center top;
background-repeat: no-repeat,repeat-y;
}
}