article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
display:block;
}
html{
color:#444;
}
/*フォント関連*/
@font-face{
font-family:'hui';
src: url('../font/HuiFont.eot')
}
@font-face{
font-family:'hui';
src:url('../font/HuiFont.woff') format('woff'),url('../font/HuiFont.ttf') format('truetype');
}
@font-face{
font-family:'anzu';
src: url('../font/anzu.eot')
}
@font-face{
font-family:'anzu';
src:url('../font/anzu.woff') format('woff'),url('../font/anzu.ttf') format('truetype');
}
#font01{
font-family:Meiryo,Osaka;
font-size:0.7em;
color:#222;
}
#font02{
font-family:Meiryo,Osaka;
font-size:0.8em;
}
#font03{
font-family:Meiryo,Osaka;
font-size:1em;
color:#222;
}
.font01{
font-family:Meiryo,Osaka;
font-size:0.7em;
color:#222;
}
.font02{
font-family:Meiryo,Osaka;
font-size:0.8em;
color:#222;
}
.font03{
font-family:Meiryo,Osaka;
font-size:1em;
color:#222;
}
h3{
font-family:Meiryo,Osaka;
color:#222;
}
#big{
font-family:'anzu',Meiryo,Osaka;
font-size:1.8em;
color:#F36;
}
#big2{
font-family:'anzu',Meiryo,Osaka;
font-size:1.4em;
color:#F36;
}
#middle{
font-family:Meiryo,Osaka;
font-size:1.1em;
text-shadow:1px 1px 0px #fff;
behavior:url(js/PIE.htc);
color:#222;
}
#middle2{
font-family:Meiryo,Osaka;
font-size:1.0em;
text-shadow:1px 1px 0px #fff;
behavior:url(js/PIE.htc);
color:#222;
}
#b{
font-family:'anzu';
font-size:1.2em;
color:#222;
}
/*------------------------------
Selected Text
-----------------------------*/
::selection {
background:#34c; /* Safari */
color:#fff;
text-shadow:none !important;
}
::-moz-selection {
background:#34c;/* Firefox*/ 
color:#fff;
text-shadow:none !important;
}
/*角丸、シャドウのCSS*/
.cornershadow{
border-radius:8px;
box-shadow:0px 2px 5px #aaa;
behavior: url(js/PIE.htc);
}
.corner{
border-radius:8px;
box-shadow:0px 2px 5px #aaa;
behavior: url(js/PIE.htc);
}
.shadow{
box-shadow:0px 2px 5px #aaa;
behavior: url(js/PIE.htc);
}
/*上部のロゴ*/
#title{
height:60px;
min-width:600px;
float:left;
margin-left:10px;
margin-top:0;
margin-bottom:50px;
margin-right:-300px;
display:block;
}
/*------------------------------
パンくずリスト
-----------------------------*/
#breadclumb{
height:30px;
width:100%;
float:right;
margin-bottom:10px;
}
#breadclumb li{
width:auto;
font-size:1.0em;
font-family:'anzu',Meiryo,Osaka;
margin-left:210px;
white-space:nowrap
}
.breadclumb{
padding-left:270px;
padding-bottom:20px;
font-family:'anzu',Meiryo,Osaka;
font-size:16px;
min-width:500px;
}
#innavtext{
color:#F36;
font-size:1.2em;
font-weight:100;
}
/*------------------------------
全体のレイアウト
-----------------------------*/
body{
margin: 0;
}
#container01{
width: 100%;
margin: auto;
}
#main{
width: 1020px;
float: left;
display:block;
position: relative;
margin-right:-600px;
min-height:160px
}
#content{
width: 100%;
margin-left: 0px;
margin-bottom: 0px;
display:inline;
*display:block;
position: relative;
}
#content_inner{
position:relative;
margin:25px 40px 0px 210px;
z-index:0;
min-height:600px;
width:750px;
float:left;
}
div.box01 ul{
font-size:0.9em;
margin-bottom:50px;
}
div.box01 div.box-inner{
font-size:0.9em;
margin-bottom:50px;
}
.main00{
padding:0;
}
.main01{
padding:0;
}
.main02{
padding:0
}
.main03{
padding:0
}
img{
border:none;
}
/* ------------------------------
画像に統一ボーダーつける
------------------------------ */
.img-border{
float:left;
border:5px solid rgba(0,0,0,0.2);
}
.img-border img{
margin:-5px;
}

/* ------------------------------
お申込みボタン
------------------------------ */
.subscript{
margin:20px 0;
height:100px;
text-align:center;
}
.subscript a{
width:220px;
height:100px;
background:url("../img/button-subscription.jpg") top left;
display:inline-block;
}
.subscript a:hover{
background-position:bottom;
}
/* ------------------------------
各項目のBOX
------------------------------ */
.box01{
padding:10px;
display:block;
width:750px;
background-color:#fff;
position:relative;
margin:0 0 30px 0;
border-radius:8px;
border:4px solid #ddd;
box-shadow:0px 2px 5px #ccc;
behavior: url(js/PIE.htc);
}
/*------------------------------
各項目へのジャンプ
-----------------------------*/
.content-index{
display:block;
height:25px;
white-space:nowrap;
position:relative;
margin-bottom:10px;
}
.content-index a{
background-color:#fab;
color:#fff;
padding:0px 10px;
text-decoration:none;
font-weight:bold;
border:2px solid #F9C;
}
.content-index a:hover{
color:#FFF;
background-color:#Fcd;
}
/* ------------------------------
リンクのボタン化
------------------------------ */
div.box-link{
display:block;
height:auto;
white-space:nowrap;
position:relative;
margin:15px 0px;
}
.box-link a{
background-color:#fab;
color:#fff;
padding:5px 15px;
text-decoration:none;
font-weight:bold;
border:2px solid #F9C;
height:auto;
display:inline-block;
font-size:1.2em;
font-weight:bold;
}
.box-link a:hover{
color:#FFF;
background-color:#Fcd;
}
/*灰色にする*/
div.box-link-mono{
display:block;
height:25px;
white-space:nowrap;
position:relative;
margin:10px 0px;;
}
.box-link-mono a{
background-color:#ccc;
color:#fff;
padding:0px 10px;
text-decoration:none;
font-weight:bold;
border:2px solid #aaa;
}
.box-link-mono a:hover{
color:#FFF;
background-color:#eee;
}
#head{
top: 0;
height: 112px;
width: 100%;
background: url(../img/topimage02.png) no-repeat;
clear: both;
position: fixed;
}
.clear{
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
/* ------------------------------
左のfixedバー全体
------------------------------ */
#sidebar{
top:-150px;
height: 166px;
width: 220px;
float: left;
background:url(../img/topimage01.png) no-repeat;
clear: both;
position: absolute;
}
#sidemenu{
width: 160px;
height: auto;
position: absolute;
top: 10px;
left: 16px;
z-index: 1;
border:0px;
}
/* ------------------------------
左のメニューボタン
------------------------------ */
#sidemenu_top{
width: 160px;
height: 16px;
background: url(../img/menu_background_top.png) no-repeat;
}
.sidemenu_button{
width:160px;
height:30px;
cursor:pointer;
background: url(../img/menu_back.gif) left top;
display:block;
font-family:'anzu';
font-size:1.5em;
text-align:center;
text-decoration:none;
color:#fff;
padding-top:5px;
}
.sidemenu_button:hover{
background-position:bottom;
}
#sidemenu_bottom{
width: 160px;
height: 16px;
background: url(../img/menu_background_bottom.png) no-repeat;
}
#sidebar_repeat{
top:136px;
height: 300px;
width: 200px;
float: left;
clear: both;
position: absolute;
border:0px
}
/* ------------------------------
WorldSeedリンク
------------------------------ */
#wslink{
border:0;
padding-left:5px;
padding-top:5px;
white-space:nowrap
}
#WS{
float:left;
display:block
}
/* ------------------------------
右カラムのCSS
------------------------------ */
#rightbar{
display:block;
position:relative;
height:auto;
width:250px;
margin:0 30px 50px 1020px;
}
#rightbar_inner{
height:auto;
width:250px;
padding-top:212px;
}
#right-cd{
height:150px;
width:250px;
padding:10px;
background-color:#fff;
margin:25px 0;
margin-right:30px;
border:4px solid #ddd;
}
#right01{
height:300px;
width:250px;
padding:10px;
background-color:#fff;
margin:25px 0;
margin-right:30px;
overflow-y:scroll;
overflow-x:hidden;
border:4px solid #ddd;
}
#right01-2{
height:auto;
width:250px;
padding:10px;
background-color:#fff;
margin:25px 0;
margin-right:30px;
display:none;
border:4px solid #ddd;
}
#right01-3{
height:auto;
width:250px;
padding:10px;
background-color:#fff;
margin:25px 0;
margin-right:30px;
border:4px solid #ddd;
}
#right02{
height:300px;
width:250px;
padding:10px;
background-color:#fff;
margin:25px 0;
margin-right:30px;
border:4px solid #ddd;
}
#right03{
height:50px;
width:250px;
padding:10px;
background-color:#fff;
margin:25px 0;
margin-right:30px;
border:4px solid #ddd;
}
.title{
padding-left:270px;
margin:30px 0px;
}
/* ------------------------------
協賛バナーのCSS
------------------------------ */
.banner-full{
margin:4px 6px 0px 6px;
display:block;
border:2px solid #999;
width:234px;
height:60px;
}
.banner-full:hover{
border:2px solid #F9C;
}
.banner-half{
float:left;
margin:2px;
display:block;
}
/* ------------------------------
緑の切り替えタブボタンのCSS
------------------------------ */
div.tab{
margin-left:220px;
margin-bottom:-10px;
}
div.tab li{
list-style:none;
height:34px;
float:left;
padding:2px;

}
div.tab li a{
width:120px;
height:34px;
background: url(../img/bottun01.png) no-repeat;
display:block;
color:#222;
text-align:center;
font-family:'anzu',Meiryo,Osaka;
font-size: 1.1em;
padding-top:8px
}
div.tab li a.no-tab{
background:none;
}
div.tab li a#innav02long{
width:150px;
height:34px;
background: url(../img/bottun02.png) no-repeat;
display:block;
color:#222;
text-align:center;
font-family:'anzu',Meiryo,Osaka;
font-size: 1.1em;
padding-top:8px
}
div.tab li a.long{
width:150px;
height:34px;
background: url(../img/bottun02.png) no-repeat;
display:block;
color:#222;
text-align:center;
font-family:'anzu',Meiryo,Osaka;
font-size: 1.1em;
padding-top:8px
}
div.tab li a.selected{/*classに.selectedをつけると、光った状態に*/
background: url(../img/bottun01_o.png) no-repeat;
text-decoration:none;
color:#FFF;
cursor:default;
}
div.tab li a#innav02long.selected{/*長い文字にはbutton02を使う*/
background: url(../img/bottun02_o.png) no-repeat;
text-decoration:none;
color:#FFF;
cursor:default;
}
div.tab li a.long.selected{
background: url(../img/bottun02_o.png) no-repeat;
text-decoration:none;
color:#FFF;
cursor:default;
}
/* ------------------------------
企画概要
------------------------------ */
.santa3{
position:absolute;
top:75px;
right:30px;
}

/* ------------------------------
各項目のトップ
------------------------------ */
.goto00-1{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto00-2{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto00-3{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto01-1{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto01-2{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto01-3{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto02{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto02-1{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto02-2{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
.goto03{
list-style:none;
font-family:Meiryo,Osaka;
font-size:0.8em;
cursor:pointer;
}
/* ------------------------------
各項目のタイトル
------------------------------ */
#headline00-1{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline00-2{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline00-3{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline01-1{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline01-2{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline01-3{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline02{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline02-1{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline02-2{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline02-3{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline03{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline03-1{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline03-2{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;
}
#headline04{
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
font-family:'anzu',Meiryo,Osaka;
font-size:1.5em;/*
font-weight:bold;
text-shadow:1px 1px 0px #aaa;
behavior: url(../js/PIE.htc)*/
}
li{
list-style:none;
font-family:Meiryo,Osaka;

}
li.small{
list-style:none;
font-family:'anzu',Meiryo,Osaka;
font-size:1.0em;
line-height:1.2;

}
a.small{
font-family:Meiryo,Osaka;
font-size:0.7em;

}
a.small02{
font-family:Meiryo,Osaka;
font-size:0.9em;

}
ul.small{
font-family:Meiryo,Osaka;
font-size:0.7em;
}
/* ------------------------------
フッターのCSS
------------------------------ */
#footer{
width:100%;
height:200px;
}
#footer_re{
width: 100%;
height: 200px;
background:#555;
clear:both;
margin:0;
padding:0;
}
#footer_inner{
font-family:Meiryo,Osaka;
color:#FFF;
padding:5px;
padding-left:20px;
margin:0;
line-height:1.5em;
float:left;
}
#footer_inner a{
text-decoration:none
}
#footer_inner01{
font-family:Meiryo,Osaka;
color:#FFF;
padding:5px;
padding-left:20px;
margin:0;
line-height:1.5em;
float:left;
clear:both
}
/* ------------------------------
ページトップ
------------------------------ */
a.scroll01{
display:block;
width:85px;
height:15px;
font-family:Meiryo,Osaka;
font-size:12px;
clear:both;
background-color:#aaa;/*for IE*/
background-color:rgba(100, 100, 100, 0.6);
text-decoration:none;
color:#fff;
padding:5px;
white-space:nowrap;
position:absolute;
right:10px;
margin-top:-40px;
box-shadow:-1px -1px 1px rgba(10,10,10,0.7);
}
a.scroll01:hover{
background-color:#Fab;
}
#scroll01{
clear:both
}
/* ------------------------------
ニュースペーパー
------------------------------ */
.np{
width:350px;
display:block;
text-align:center;
position:relative;
}

.np-title{
border:none;
}

.np-box{
width:350px;
height:auto;
float:left;
margin:20px 0 40px 0;
background-color:#eee;
padding:10px;
position:relative;
}

.np-box:hover{
background-color:#ffefef;
}

.np-box.right{
float:right !important;
}

.np-caption{
display:block;
list-style:none;
text-align:center;
text-shadow:1px 1px 0px #fff;
}

.pdficon{
position:absolute;
top:10px;
left:10px;
border:none;
}
/* ------------------------------
エラー、ウェルカムなどのインフォ表示
------------------------------ */
.jserror{
float:right;
width:100%;
background:#c9e7df;
padding: 20px;
text-align:center;
font-weight:bold;
font-family:Meiryo,Osaka;
font-size:0.9em;
}
.error{
float:right;
width:100%;
background:#c9e7df;
padding: 20px;
text-align:center;
font-weight:bold;
font-family:Meiryo,Osaka;
font-size:0.8em;
z-index:999
}
.welcome{
text-align:center;
font-weight:bold;
font-family:Meiryo,Osaka;
font-size:0.9em;
}
/* ------------------------------
緑の小さなボール、・と同じ感じで使用
------------------------------ */
#ball-s{
margin:0 0;
margin-right:2px;
padding-bottom:3px;
}
#ball{
margin:0 0;
margin-right:4px;
border-radius:50px;
box-shadow:0 0 2px rgba(50,50,50,0.5);
}
/*unitipに移行したら消す*/
.tooltipsy{
padding: 10px;
max-width: 200px;
background:url(../img/footer_re.png) repeat;
border: 1px solid #333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0px 2px 3px #666;
box-shadow:0px 2px 3px #666;
behavior: url(../js/PIE.htc);
opacity:0.85;
font-family:Meiryo;
font-size:0.9em;
color:#FFF
}
#rightbartitle{
font-family:Meiryo,Osaka
}
#img_floatleft{
float:left;
margin:5px
}
#img_floatleft_nomq{
float:left;
margin:5px
}
#img_floatright{
float:right;
margin:5px
}
#img_floatright_nomq{
float:right;
margin:5px
}
#img_floatright_div{
float:right;
margin:5px;
height:320px;
}
/* ------------------------------
リンクの色
------------------------------ */

.link:visited{
color:#f36;
}
.link:hover{
color:#Fad;
text-decoration:underline;
}
.link{
color:#f36;
text-decoration:underline;
}
a.footerlink:visited{
color:#FFF;
}
a.footerlink:hover{
color:#fbb;
}
a.footerlink:link{
color:#FFF;
}
/* ------------------------------
罫線のCSS
------------------------------ */
#pagetop_hr{
border:1px solid #eee;
width:100%;
margin:0;
text-align:left
}
#title_hr{
border:1px solid #eee;
width:60%;
margin:5px 0 5px 0;
box-shadow:2px 2px 0 #fff;
text-align:left
}
.title_hr{
border:1px solid #eee;
width:60%;
margin:5px 0 5px 0;
box-shadow:2px 2px 0 #fff;
text-align:left
}
#mt_hr{
border:1px solid #eee;
width:100%;
margin:5px 0 5px 0;
box-shadow:2px 2px 0 #fff;
}
#center_div{
margin-left:110px;
}
.mt_end{
color:#aaa;
}
/* ------------------------------
テキストの折り返し禁止
------------------------------ */
.nowrap{
white-space:nowrap
}
/* ------------------------------
支援情報のCSS
------------------------------ */
.shien-box{
}

.shien-disc{
}

.shien-link{
display:block;
margin:15px 0 15px 0;
clear:both;
}

.shien-img-box{
margin:5px auto 5px auto;
}

.shien-img-box img{
float:left;
margin:0 4px 0 4px;
}

.table-shien{
border:3px solid #ddd;
margin:20px 0;
border-collapse: collapse;
border-spacing: 0;
}

.table-shien th{
position:relative;
background:#ddd;
padding:5px 15px;
}

.table-shien tr{
}

.table-shien td{
padding:5px 15px;
border:1px solid #ddd;
}
/* ------------------------------
赤字の注意事項
------------------------------ */

.caution{
color:#f00;
}
.img_q{
margin:0px 20px 7px 15px;
vertical-align:bottom;
}
.img_a{
margin:1px 5px 0 5px;
}
#present{
margin-left:20px;
display:none;
}
/* ------------------------------
ダブスマ2012FACEBOOKからの写真取り込みのレイアウト
------------------------------ */
.gallery-box{
border-top: 1px solid #aaa;
padding:10px 0 10px 0;
height:auto;
position:relative;
margin:40px 0 10px 0;
}
.gallery-box div{
margin:0 0 0 0;
}
.gallery-title{
}
.gallery-box li img{
float:left;
margin:4px;
position:relative;
display:block;
border:none;
border:3px solid #ccc;
}
.gallery-box li img:hover{
border:3px solid #fcc;
}
/* ------------------------------
サイト内検索
------------------------------ */
.gsc-control-searchbox-only{
position:absolute;
top:200px;
right:-43px;
background:none;
padding:0;
height:30px;
}
#gsc-i-id1 {
width: 170px !important;
}
#cse-search-form table.gsc-search-box td.gsc-input {
padding: 0 !important;
}
.gsc-input{
padding: 0 !important;
height: 25px;
width: 170px;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-webkit-appearance: none;
}
.gsc-search-button input[type="button"] {
margin-left: 0 !important;
background:#888 url("../img/7w.png") no-repeat;
background-position: 5px 5px;
border: none;
color: #fff;
height: 25px;
width: 80px;
cursor:pointer;
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-webkit-appearance: none;
}
.gsc-search-button input[type="button"]:hover{
background-color: #Fab;
text-decoration: underline;
}

.gsc-branding{
display: none;
}
/* ------------------------------
カスタマーレビュー
------------------------------ */
.review{
border:3px solid #ffdfdf;
background-color:#fafafa;
padding:17px;
color:#333;
margin:25px 0 25px 0;
text-shadow:1px 1px 0px #fff;
}

.review:hover{
background-color:#ffefef;
}

.review-title{
}

.review hr{
margin:5px 0 5px 0;
}

.review-dat{
background:url(../img/review-back01-120.png) no-repeat bottom right, url(../img/review-back02-120.png) no-repeat top left;
}

.review-dat a{
font-size:0.8em;
}
/* ------------------------------
アコーディオン
------------------------------ */
.collapse-box{
margin:10px 0 10px 0;
padding:10px;
}

.collapse{
margin:0 0 -40px 0;
}

.collapse-title{
cursor:pointer;
margin:0;
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */
unselectable="on"
}
/* ------------------------------
特筆事項のボックス
------------------------------ */
.special-text-box{
display:block;
background:url(../img/background-line.jpg) repeat;
padding:5px 10px;
text-align:center;
margin:5px 0 5px 0;
}
/* ------------------------------
ページトップの特筆事項
------------------------------ */
.top-comment-box{
position:absolute;
top:0;
left:1020px;
width:230px;
background:url(../img/background-line.jpg) repeat;
padding:5px 10px;
border:3px solid #f36;
border-top:none;
}
.top-comment{
color:#555;
}
.top-comment-box-limit{
position:absolute;
top:0;
left:1020px;
width:230px;
background:url(../img/background-line.jpg) repeat;
padding:5px 10px;
border:3px solid #f36;
border-top:none;
z-index:20;
}
.top-comment{
color:#555;
}
.top-comment-box-yao{
height:30px;
width:180px;
background:url(../img/background-line.jpg) repeat;
padding:10px 10px 0 10px;
border:3px solid #f36;
border-top:none;
display:block;
margin:0 20px 0 20px;
position:absolute;
top:0;
left:750px;
}
.top-comment-yao{
color:#555;
}
.top-comment-box-5th{
height:190px;
width:250px;
padding:0px;
border:none;
position:absolute;
margin:0 20px 0 20px;
top:0;
left:1050px;
}
.top-comment-box-5th-link{
height:190px;
width:250px;
padding:0px;
border:none;
position:absolute;
margin:0 20px 0 20px;
top:0;
left:1050px;
z-index:99;
}
/* ------------------------------
ページトップのカルーセル
------------------------------ */
#cal01 li{
height:150px;
width:375px;
position:relative;
float:left;
}
#prev01{
padding:53px 0 53px 0;
background-color:rgba(204,204,204,0.3);
left: 10px;
top: 23px;
position:absolute;
cursor:pointer;
z-index:10;
}
#prev01:hover,#next01:hover{
background-color:rgba(204,0,0,0.5);
}
#next01{
padding:53px 0 53px 0;
background-color:rgba(204,204,204,0.3);
right: 10px;
top: 23px;
position:absolute;
cursor:pointer;
z-index:10;
}
/* ------------------------------
協賛のテーブルのCSS
------------------------------ */
table.support-dat-tb{
border:3px solid #ddd;
padding:5px;
width:750px;
border-collapse:collapse;
border-spacing:0;
}
table.support-dat-tb td{
border:1px solid #ddd;
padding:5px;
text-align:center;
}
table.support-dat-tb td.title{
font-weight:bold;
background-color:#f36;
text-align:center;
position:relative;
background:#ddd;
padding:5px 15px;
}
/* ------------------------------
トップページカウントダウンのCSS
------------------------------ */
#right-cd{
background-color:#ffefef;
border-color:#F36;
text-align:center;
font-family:"Times New Roman", Times, serif;
}
#cd-upper{
font-size:1.2em;
display:block;
margin-top:20px;
}
#myFormDate{
font-size:8em;
}
#cd-before,#cd-after{
font-size:2.5em;
}
/* ------------------------------
協賛の一覧のCSS
------------------------------ */
/*協賛フォントサイズ*/
#supported-exbig{
font-family:Meiryo,Osaka;
font-size:2em;
color:#F36;
display:block;
margin:5px 0;
}
#supported-big{
font-family:Meiryo,Osaka;
font-size:1.8em;
color:#F36;
display:block;
margin:5px 0;
}
#supported-middle{
font-family:Meiryo,Osaka;
font-size:1.4em;
color:#222;
display:block;
margin:5px 0;
}
#supported-small{
font-family:Meiryo,Osaka;
font-size:1.1em;
color:#222;
display:block;
margin:5px 0;
}
/*協力のフォントサイズ*/
#coop{
font-family:Meiryo,Osaka;
font-size:1.1em;
color:#f36;
display:block;
margin:5px 0;
}
/*協賛グリッド*/
.support-list-box{
display:block;
width:210px;
height:120px;
float:left;
background-color:#eee;
padding:3px 15px;
margin:5px;
text-shadow:1px 1px 0px #fff;
position:relative;
}
/*ホバ―エフェクト*/
.support-list-box:hover{
background-color:#ffefef;
}
/*リンク用の疑似ボックス*/
.support-list-link{
width:210px;
height:120px;
display:block;
position:absolute;
}
/*ロゴ画像*/
.support-list-box img{
position:absolute;
bottom:0;
right:0;
margin:5px;
}
/*一言説明文*/
.support-list-box span{
display:block;
}
/*協力グリッド*/
.coop-list-box{
display:block;
width:210px;
height:100px;
float:left;
background-color:#eee;
padding:3px 15px;
margin:5px;
text-shadow:1px 1px 0px #fff;
position:relative;
}
/*ホバ―エフェクト*/
.coop-list-box:hover{
background-color:#ffefef;
}
/*ロゴ画像*/
.coop-list-box img{
position:absolute;
bottom:0;
right:0;
margin:5px;
}
/*リンク用の疑似ボックス*/
.coop-list-link{
width:210px;
height:100px;
display:block;
position:absolute;
}