@charset "utf-8";

/****************************************************************************
福島にエール　.yell
****************************************************************************/

.yell #main{
  background:url(../img/bg_main_yell.png) no-repeat left top;
  padding-bottom:30px;
}

#titlebox{
  float:right;
  width:440px;
  height:235px;
}

.yell #main h1{
  width:340px;
  height:80px;
}

#tab{
  clear:both;
  height:70px;
  background:url(../img/bg_yell_tab.png) no-repeat left top;
  padding-left:270px;
}

#tab li{
  float:left;
  width:210px;
  height:70px;
  padding-left:10px;
}

#tab li a img{
  filter:alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  -moz-opacity:0;
  -khtml-opacity: 0;
}

#tab li a:hover img,
#tab li.selected a img{
  filter:alpha(opacity=100);
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

#count{
  float:left;
  width:150px;
  height:69px;
  overflow:hidden;
  margin-top:-70px;
  margin-left:127px;
  background:#fff;
}

#count p{
  font-weight:bold;
  font-size:12px;
  text-align:center;
}

#count p.cnt{
  font-size:30px;
  color:#ef4072;
}

#catlist{
  width:720px;
  height:40px;
  overflow:hidden;
  margin-top:30px;
  background:url(../img/bg_yell_catlist.png) no-repeat left top;
}

#catlist li{
  float:left;
  line-height:40px;
  padding:0 20px;
  background:url(../img/bg_yell_catlist_li.png) no-repeat right center;
}

#catlist li a{
  color:#fff;
}

/* #yellcontainer{} */

.yell .article{
  margin-top:30px;
}

.outer{
  padding:20px 20px;
  border:1px solid #ef4072;
  min-height:120px;
  height:auto !important;
  height:120px;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;
  behavior: url(/common/css/PIE.htc);
}

.outer:after{
  content:"";
  display:block;
  clear:both;
}
*+html .outer { zoom:1; }
* html .outer { zoom:1; }

.yname,
.ydate{
  font-size:12px;
  line-height:2em;
}

.yname span{
  font-size:16px;
  font-weight:bold;
  margin-right:0.5em;
}

.ydate{
  padding-bottom:0.75em;
}

.outer span.thumb,
.outer span.film{
  float:left;
  display:inline;
  width:120px;
  height:120px;
  overflow:hidden;
}

.outer span.film{ background:url(../img/bg_yell_film.png) no-repeat left bottom; }

.inner{
  float:right;
  width:540px;
}

#nextpage,
.nextpage{
  margin-top:20px;
}

#nextpage a,
.nextpage a{
  display:block;
  border:3px solid #ef4072;
  height:64px;
  line-height:64px;
  text-align:center;
  font-size:24px;
  font-weight:bold;
  margin-top:20px;
  text-decoration:none;
  background:#c8f9ff;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;
  behavior: url(/common/css/PIE.htc);
}

#nextpage a:hover,
.nextpage a:hover{
  background:#6ef0ff;
}

#nextpage{ display:none; }

/*フォーム*/
#yellform{
  width:500px;
  margin:30px auto;
}

#yellform label{ display:block; }
#yellform .full{ width:97%; }
#yellform input:hover,
#yellform textarea:hover,
#yellform input:focus,
#yellform textarea:focus{
  border: 1px solid #ef4072;
}

#yellform #name,
#yellform #email,
#yellform #msg{ margin-bottom:15px; }

#yellform .btnbox{
  width:500px;
  height:70px;
  padding-top:30px;
}

#yellform button{
  width:240px;
  height:70px;
}
#yellform button:hover{ background-position:left bottom; }
#yellform button#check{ background-image:url(../img/yellform_btn_check.png); margin-left:0; }
#yellform button#send { background-image:url(../img/yellform_btn_send.png); margin-left:20px; }
#yellform button#clear{ background-image:url(../img/yellform_btn_clear.png); margin-left:20px; }
#yellform button#back { background-image:url(../img/yellform_btn_back.png); margin-left:0px; }
#yellform button#eback{ background-image:url(../img/yellform_btn_back.png); margin-left:130px; }

.msg,
.errmsg{
  margin-bottom:20px;
}
.errmsg,
span.err{ color:#ef4072; }

.prv{
  padding:3px 10px;
  color:#333;
  border:1px solid #cbcbcb;
  background-color:#f1f1f1;
  overflow:hidden;
  margin-bottom:15px;
}

.fileup{
  height:26px;
  line-height:26px;
  padding:10px 0 10px 40px;
  background:url(../img/bg_yell_fileup.png) no-repeat left center;
}

form input#file{
  height:auto;
  padding:auto;
  letter-spacing:normal;
  color:#333;
  border:none;
  background-color:#fff;
  overflow:hidden;
  margin-bottom:10px;
}

form input#file:hover,
form input#file:focus{
  border:none;
}

.thanks{
  width:500px;
  margin:50px auto;
}

.thanks p{
  text-align:center;
  padding-bottom:1.5em;
}

.thanks p a{ text-decoration:underline; }
.thanks p a:hover{ text-decoration:none; }


/****************************************************************************
お寄せいただいたメッセージ　.headbox
****************************************************************************/

.letter #main{
  padding-bottom:30px;
}

.letter #headbox{
  width:692px;
  height:142px;
  padding:28px 0 0 28px;
  background:url(../img/letter_h1_bg.png) no-repeat;
}

#headbox p{
  margin-top:-15px;
  line-height:24px;
}

.letter .article{
  margin-top:30px;
}

.letter .outer{
  border-color:#d89300;
}

.letter #nextpage a,
.letter .nextpage a{
  border-color:#d89300;
}

/****************************************************************************
大会期間中の巡回バス・駐車場のご案内　.transfer
****************************************************************************/

.transfer .kome{
  text-indent:-1em;
  margin-left:1em;
}

.transfer .kome span{
  color:#F00;
}

.tab{
  clear:both;
  height:80px;
  background:url(../img/bg_transfer_tab.png) no-repeat left top;
  padding-left:15px;
  padding-bottom:30px;
  margin-top:20px;
}

.tab li{
  float:left;
  width:160px;
  height:80px;
  padding-left:10px;
}

.tab li a img{
  filter:alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  -moz-opacity:0;
  -khtml-opacity: 0;
}

.tab li a:hover img,
.tab li.selected a img{
  filter:alpha(opacity=100);
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.panel{ display:none; }
.panel.view{ display:block; }


.panel table{
  width:100%;
  border-top:1px solid #b2b2b2;
  border-left:1px solid #b2b2b2;
}

.panel table th,
.panel table td{
  border-right:1px solid #b2b2b2;
  border-bottom:1px solid #b2b2b2;
}

.panel table th{
  width:180px;
  text-align:center;
  vertical-align:middle;
}

#bus .panel table th{ height:120px; }
#car .panel table th{ height:170px; }
 

.panel table td{
  padding-left:20px;
  font-weight:normal;
  font-size:16px;
  line-height:24px;
}

.panel table td span{
  font-size:14px;
  line-height:18px;
  
}

.panel table td a{ text-decoration:none; }

.link{ cursor:pointer; background:no-repeat right center; }
#bus .link{ background-image:url(../img/bg_transfer_bus_td.png);}
#car .link{ background-image:url(../img/bg_transfer_car_td.png);}
/*
.tdy{ background-color:#fffdcb; }
.tdp{ background-color:#ffe4f2; }
.tds{ background-color:#d8faff; }
.tdg{ background-color:#d9ffc6; }
.tdo{ background-color:#ffe3bf; }
.tdb{ background-color:#cfdeff; }
*/
/****************************************************************************
HAP　.hap
****************************************************************************/

.hap .marker a{
  color:#00b0ec;
  text-decoration:underline;
}

/****************************************************************************
スケジュールポップアップ　#scd
****************************************************************************/

#scd{
  background:#fff;
  min-width:660px;
}

#scd_contents{
  width:660px;
  margin:0 30px;
  padding:10px 0;
}

#scd_contents h2{
  padding-bottom:14px;
}

#scd_contents h3{
  height:28px;
  padding:0 10px;
  line-height:28px;
  font-weight:normal;
  border:1px solid #ccc;
  background:#ecf3f6;
}

#scd_contents dl{
  position:relative;
  padding-bottom:30px;
}

#scd_contents dt{
  position:absolute;
  left:0;
  width:110px;
  height:28px;
  line-height:28px;
  padding-left:11px;
}

#scd_contents dd{
  padding-left:120px;
  line-height:28px;
  border-bottom:1px solid #ccc;
}

#scd_contents table{
  width:100%;
  margin-bottom:30px;
  border-right:1px solid #ccc;
}

#scd_contents table.sub{
  border-top:1px solid #ccc;
}

#scd_contents th,
#scd_contents td{
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  padding:0 11px;
}


#scd_contents th{
  width:100px;
  height:28px;
  line-height:28px;
  vertical-align:top;
}

#scd_contents thead th{
  width:auto;
  text-align:center;
}

#scd_contents td{
  height:28px;
  line-height:28px;
  border-bottom:1px solid #ccc;
}

.figure td{ text-align:center; }

/****************************************************************************
寄付・協賛　.sponsorship
****************************************************************************/

#btn_donation{ background-image:url(../img/sponsorship_btn_donation.png); }
#btn_support{ background-image:url(../img/sponsorship_btn_support.png); }

#btn_dform{ background-image:url(../img/sponsorship_btn_dform.png); }
#btn_yell{ background-image:url(../img/sponsorship_btn_yell.png); }

#btn_supportpdf{ background-image:url(../img/sponsorship_btn_supportpdf.png); }

#dform p a{ text-decoration:underline; }
#dform p a:hover{ text-decoration:none; }


.popup{ padding:40px 0; }

.imgcenter{
  display:block;
  margin:40px auto -20px auto;
}

/****************************************************************************
トーチラン　.news
****************************************************************************/

.linebox{
  margin-top:10px;
  padding:10px 20px;
  border:1px solid #ff0000;
  font-size:12px;
  line-height:24px;
}

#rootmap{
  width:310px;
  height:380px;
}

	#rootmap .eve{ font-weight:bold; }

#rootlist{
  position:relative;
  margin-top:12px;
  font-size:12px;
  line-height:21px;
}

#rootlist dt{
  position:absolute;
  left:0;
  width:50px;
  height:21px;
}

#rootlist dd{
  margin-left:55px;
  height:21px;
  padding-bottom:8px;
}

/****************************************************************************
新着情報　.news
ブログ　.blog
****************************************************************************/

#container{
  float:left;
  width:540px;
  padding-top:30px;
}

#main #container h2{
  padding-top:0;
  padding-bottom:0;
}

.titlearea{
  padding:15px;
  border:1px solid #ccc;
  background:#ecf3f6;
  margin-bottom:30px;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;
  behavior: url(/common/css/PIE.htc);
}

.titlearea p.date{
  height:20px;
  line-height:20px;
  padding-bottom:10px;
}

.titlearea p.date span{ margin-left:0.75em; }
.titlearea p.date span a{ margin-right:0.5em; }

.titlearea h2{
  line-height:25px;
  padding-left:20px;
  background:url(../img/marker01.png) no-repeat 0px 6px;
  font-size:18px;
  font-weight:normal;
}

.blog .titlearea h2{ background-image:url(../img/marker06.png); }

.moretxt{ padding-top:0.5em; }

.bodytxt img,
.moretxt img{ padding:1em 0; }


/* Iconize 0.5 */
.article a[href$='.doc'], .article a[href$='.docx'],.article a[href$='.rtf'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

.article a[href$='.txt'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_txt.gif) no-repeat center right;
}

.article a[href$='.xls'],.article a[href$='.xlsx']{
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_xls.gif) no-repeat center right;
}

.article a[href$='.pps'] { 
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_pps.gif) no-repeat center right;
}

.article a[href$='.pdf'] { 
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

.article a[href$='.zip'], .article a[href$='.rar'], .article a[href$='.gzip'], .article a[href$='.bzip'], .article a[href$='.ace'] { 
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_archive.gif) no-repeat center right;
}

.article a[href$='.mp3'], .article a[href$='.wav'], .article a[href$='.ogg'], .article a[href$='.wma'], .article a[href$='.m4a'] { 
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_music.gif) no-repeat center right;
}

.article a[href ^="mailto:"] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}

.article .filedl a{
  padding:0;
  background:none;
}

.pager{ width:100%; }

.pager div{
  width:47%;
  height:50px;
  padding:20px 0;
}

.pager div.pagerleft{
  float:left;
  text-align:right;
}

.pager div.pagerright{ float:right; }

.pager div a{
  display:block;
  width:200px;
  height:50px;
  background:url(../img/news_pager.png) no-repeat left bottom;
  line-height:50px;
  text-align:center;
}
.pager div a:hover{
  background-position:left top;
  text-decoration:none;
}

.pager div.pagerleft a{ float:right; }
.pager div.pagerright a{ }

#sidebar{
  float:right;
  width:150px;
  padding-top:30px;
}

#sidebar dl{
  padding-bottom:15px;
}

#sidebar dt{
  height:38px;
  line-height:38px;
  font-weight:bold;
  padding:0 10px 0 20px;
  border:1px solid #ccc;
  background:no-repeat 15px 13px #ecf3f6;
  margin-bottom:18px;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;
  behavior: url(/common/css/PIE.htc);
}

#sidebar dd{
  height:20px;
  line-height:20px;
  padding-bottom:10px;
  padding-left:15px;
  background:url(../img/marker01.png) no-repeat 0px -76px;
}

.blog #sidebar dd{ background-image:url(../img/marker06.png); }

.article a,
#sidebar dd a{ text-decoration:underline; }
.article a:hover,
#sidebar dd a:hover{ text-decoration:none; }

/*コメント*/

.comcnt{
  margin-top:20px;
  border-top:1px solid #ccc;
  padding-top:15px;
  text-align:right;
}

#commentarea{ padding-top:45px; }

#commentarea h3{
  border:1px solid #ccc;
  background:#ecf3f6;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;
  behavior: url(/common/css/PIE.htc);

	height:38px;
  line-height:38px;
  padding-left:38px;
  background:url(../img/marker06.png) no-repeat 15px 14px #ecf3f6;
  font-size:18px;
  font-weight:normal;
  margin-bottom:0;
}

.comment ul{ padding:20px 0 15px 0; }

.comment li{ padding-bottom:10px; }
.comment li.name{
  padding-bottom:15px;
  text-align:right;
}


#comment-greeting{ padding-top:20px; }

#comment-greeting a{
  padding:0 0.5em;
  text-decoration:underline;
}

#commentarea label{
  display:block;
  height:20px;
  line-height:20px;
  margin-bottom:5px;
  margin-top:15px;
}

#comments-open-footer{
  width:240px;
  height:70px;
  margin:0 auto;
  padding:30px 0;
}

#commentarea button{
  width:240px;
  height:70px;
  background-image:url(../img/blog_btn_comsubmit.png);
}

/*コメントエラーページ*/

body#commenterror{
  background:none;
}

body#commenterror div{
  width:660px;
  padding:20px;
  text-align:center;
  background:#f7f1e4;
  margin:40px auto;
}

body#commenterror div p{
  text-align:center;
}

/****************************************************************************
大会概要　.outline
****************************************************************************/

#btn_access{ background-image:url(../img/outline_btn_access.png); }

/*テーブル*/
.outline table{
  width:660px;
  margin:0 auto 25px auto;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}

.outline th,
.outline td{
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  padding:15px 0 15px 30px;
}

.outline th{
  width:210px;
  background:#ecf3f6;
}

/*ごあいさつ　#message*/

.nameimg{
  margin-bottom:25px;
}

/*会場アクセス　#access*/

#map{
  width:720px;
  height:400px;
}

.area{
  height:20px;
  line-height:20px;
  font-size:16px;
  font-weight:bold;
  padding-right:15px;
}

.add{
  font-size:12px;
  line-height:14px;
  padding:10px 0 20px 0;
}

#arealist{
  width:740px;
  height:240px;
  margin:20px 0 0 -20px;
  background:url(../img/bg_access_arealist.png) no-repeat right top;
}

#arealist li{
  float:left;
  display:inline;
  margin-left:20px;
}

/*宿泊　#lodging*/

#lodginganchor{
  width:750px;
  height:50px;
  margin-left:-30px;
  margin-bottom:50px;
  background:url(../img/outline_lodginganchor_bg.png) no-repeat right top;
}

#lodginganchor li{
  float:left;
  display:inline;
  width:220px;
  height:50px;
  margin-left:30px;
}

#lodging .section{
  padding-bottom:30px;
}

#lodging .section h4{
  padding-bottom:30px;
}

#lodging .section dt{ font-weight:bold; }
#lodging .section dd a{ text-decoration:underline; }
#lodging .section dd a:hover{ text-decoration:none; }

#vstaylist{
  width:100%;
  font-size:100%;
  margin:12px 0;
}

#vstaylist th,
#vstaylist td{
  padding:6px 10px;
  background:#fff;
  text-align:center;
}

#vstaylist thead th{
  background:#ebebeb;
}

#vstaylist tbody th{
  text-align:left;
  white-space:nowrap;
}

#vstaylist td.address{
  text-align:left;
  white-space:nowrap;
  width:37%;
}

#vstaylist td.telephone{
  text-align:left;
  white-space:nowrap;
}

#vstaylist td.price{
  white-space:nowrap;
}

#vstaylistnote li{
  margin-left:1em;
  text-indent:-1.25em;
}

.outline #scdbox{ padding-bottom:50px; }


/****************************************************************************
競技の特徴　.feature
****************************************************************************/

.feature #scdbox{ padding-bottom:0; }

.feature #scdbox ul{
  height:120px;
  margin-top:10px;
}

.feature #scdbox li{
  height:120px;
  text-align:center;
}

.feature #scdbox li a{
  font-size:0.858em;
  text-align:center;
  text-decoration:none;
}

/****************************************************************************
ボランティア募集　.volunteer
****************************************************************************/

#btn_youkou{ background-image:url(../img/volunteer_btn_youkou.png); }

#btn_nittei{ background-image:url(../img/volunteer_btn_nittei.png); }

#btn_pdf01{ background-image:url(../img/volunteer_btn_pdf01.png); }

#btn_pdf02{ background-image:url(../img/volunteer_btn_pdf02.png); }

#btn_form{ background-image:url(../img/volunteer_btn_form.png); }

a.line{ text-decoration:underline; }
a.line:hover{ text-decoration:none; }


/****************************************************************************
トップページ　.home
****************************************************************************/

.home{ background-image:url(../img/bg_home_body_base.jpg); }

#timer{
  float:left;
  width:187px;
  height:110px;
  padding-left:13px;
}

#timer img{
  float:left;
  margin-left:7px;
}

#timer_open{
  float:left;
  width:200px;
  height:100px;
  text-align:center;
}

#boxes{
  float:right;
  width:720px;
}

#scdbox{ padding-bottom:20px; }

#scdbox ul{
  width:735px;
  height:100px;
  margin-top:15px;
  margin-left:-15px;
  background:url(../img/bg_home_scdbox_ul.png) no-repeat right top;
}

#scdbox li{
  float:left;
  display:inline;
  width:90px;
  height:100px;
  margin-left:15px;
}

#newsbox,
#gscdbox{ padding-bottom:20px; }

#newsbox ul,
#gscdbox ul{ padding-top:15px; }

#newsbox li,
#gscdbox li{
  height:36px;
  line-height:36px;
  overflow:hidden;
  padding:0 20px;
}

#newsbox li.eve,
#gscdbox li.eve{ background-color:#f6f1e4; }

#newsbox li span,
#gscdbox li span{ padding-right:3em; }

#newsbox li a.emp{
  color:#ff56a5;
}

#bannerbox{ padding-bottom:20px; }

#bannerbox ul{
  background:url(../img/home_bannerbox_ul.png) no-repeat center bottom #f6f1e4;
  padding-bottom:8px;
  padding-right:8px;
}

#bannerbox ul:after{
  content:"";
  display:block;
  clear:both;
}
*+html #bannerbox ul { zoom:1; }
* html #bannerbox ul { zoom:1; }

#bannerbox li{
  float:left;
  display:inline;
  width:134px;
  height:45px;
  padding-top:8px;
  padding-left:8px;
  text-align:center;
}

.linklist{
  position:relative;
  height:40px;
  line-height:40px;
  padding-right:20px;
  margin-top:-40px;
}

.linklist a{
  float:right;
  display:inline;
  outline:none;
  color:#fff;
  padding-right:20px;
  background:url(../img/bg_link.png) no-repeat right center;
}

#topmsg{
  background:url(../img/home_message_top.png) no-repeat center top #f6f1e4;
  margin-bottom:20px;
}

#topmsg div{
  padding:30px 40px;
  background:url(../img/home_message_bottom.png) no-repeat center bottom;
}

#topmsg .date{
  padding-top:1em;
}

#topmsg .name{
  text-align:right;
}