@charset "UTF-8";
/* CSS Document */

/*===============================================
●common.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){


/* common
--------------------------------------------------------------------------------------------------------------------------------------------- */
html{overflow-x:hidden; overflow-y:scroll;}
body{margin:0px auto; font-size:14px; line-height:175%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; -webkit-text-size-adjust:100%;}
img{border:0;}

a{color:#000;}
a:link,a:visited{color:#0052A7; text-decoration:underline;}
a:hover,a:active{color:#DB0D08; text-decoration:underline;}

#course iframe{border:0; width:100%; height:259px;}

strong{font-weight:normal;}
h2,h3{margin:0px; padding:0px;}


/* top_page
--------------------------------------------------------------------------------------------------------------------------------------------- */

/* header
--------------------------------------------------------------------------------------------------------------------------------------------- */
#header{width:3800px; height:330px; position:relative; top:0; left:50%; margin-left:-1900px;}
#header_contents{width:100%; height:330px; display:block; margin:0px auto 1px auto; position:absolute; left:0; top:0;}
#header_contetnts_inner{width:940px; height:330px; display:inline-block; position:absolute; left:50%; top:0; margin:0px 0px 0px -470px;}
#header_left{width:280px; float:left;}
#header_right{width:377px; float:right; display:block;}
.header_right_btn{float:right; margin:0px; padding:0px;}
#header_ttl{width:260px; height:330px; margin:0px; padding:0px;}

#header .bx-wrapper{
width:100%;
max-width:100%!important;
margin: 0px!important;
padding: 0;
float:left;
}

/* carousel */
#carousel img {display:inline;float:left;}

#header_ttl{width:260px; height:330px; margin:0px; padding:0px;}

/* count */
.countdown{display:inline-block; width:610px; margin:12px 0px 25px 0px; padding:0px;}
#countdown_ttl{float:left; margin:0px 0px 0px 0px;}
#countdown{margin:0px; padding:0px; width:470px; float:left;}

.countdownInner{ overflow:hidden; }

/*中央バナー*/
.bnrArea{
margin:0 0 10px;
}
.bnrAreaEnd{
margin:0 0 30px;
}


/* contents
--------------------------------------------------------------------------------------------------------------------------------------------- */
#contetns{width:940px !important; display:block; margin:0px auto;}
#contents_left{float:left; width:260px; margin:0px 30px 0px 0px; padding:0px;}
#contents_right{float:left; width:650px; margin:0px; padding:0px; display:block; overflow:hidden;}
#contents_main{
width:470px;
float:left;
}
/* パートナー */
#partnerBox{
width:150px;
margin:0 0 0 30px;
float:left;
}

#contents_right #partnerBox h2{
min-height:18px;
font-size:11px;
font-weight:normal;
margin:0 0 10px 0;
padding:0;
border-bottom:solid 1px #00A100;
}

#partnerBox ul{
width:150px;
margin:0;
padding:0;
list-style:none;
}

#partnerBox ul li{
margin:0;
}

#partnerBox p.part{
font-size:10px;
text-align:right;
margin:0 0 20px 0;
}

#top_copy{width:470px; margin:0 0 30px 0; padding:0px;}

#contents_right_right{width:470px; padding:0px; margin:0px; display:inline-block; float:left;}

.ttl_inner{display:inline-block; width:470px; height:35px; background-color:#009D24;}
.ttl_left{width:359px; height:35px; line-height:35px; font-size:16px; color:#fff; font-weight:bold; padding:0px 0px 0px 10px; margin:0px; float:left;}
.btn_right{width:101px; float:right;}

#news{width:470px; margin:10px 0px; padding:0px; display:inline-block;}
#news dl{clear:both; width:470px; margin:0px 0px 20px 0px;}
#news dt {clear:both; width:82px;float:left; font-size:11px; color:#333; margin:0px 0px 10px 0px;}
#news dd{float:left; margin:0px 0px 10px 0px; font-size:12px; width:388px;}

#news a:link,#news a:visited{color:#0052A7; text-decoration:underline;}
#news a:hover,#news a:active{color:#DB0D08; text-decoration:underline;}


#event{width:300px; margin:20px 0px 25px 0px; padding:0px; float:left;}
#event dl{clear:both; width:300px; margin:0px 0px 10px 0px;}
#event dt {width:82px; font-size:11px; color:#333; margin:0px; line-height:145%;}
#event dd{ margin:0px 0px 10px 0px; font-size:12px;}
#event a:link,#event a:visited{color:#0052A7;}
#event a:hover,#event a:active{color:#DB0D08; text-decoration:underline;}


.clearfix:after {
content: "";
clear: both;
display: block;
}

/*応援メッセージ*/
#btnMsg{
position:absolute;
top:175px;
right:-15px;
}

#massage_outer{
width:470px;
margin:0 0 15px;
background:URL(/img/bg_message02.gif) left bottom no-repeat;
}
#bg_massage{
width:425px;
min-height:324px;
padding:32px 20px 35px 25px;
background:URL(/img/bg_message.gif) left top no-repeat;
overflow:hidden;
}

#bg_massage h2{ margin:0 0 30px 0; }

#messageBox{ margin:0 0 0 20px; }

#bg_massage ul{
width:375px;
list-style:none;
margin:0;
}

#msgLeft{
width:375px;
float:left;
}
#msgRight{
width:50px;
float:left;
}

#messageList li{
width:150px!important;
margin:0 20px 0 0;
float:left;
}

#messageList li h3{
margin:5px 0 0 0;
}
#messageList li h3,
#messageList li p{
font-size:12px;
}
#messageList li p{
line-height:1.5;
}
#messageList li img{ border:solid 1px #ccc; }

#ttl_message{
display:inline-block;
width:435px;
height:45px;
padding:0 0 0 45px;
margin:0 0 40px 0;
background:URL(../img/bg_message_btn.gif) 13px 11px no-repeat #DB0D08;
}
#ttl_message h2{
width:285px;
line-height:1.5;
font-size:16px;
color:#fff;
font-weight:bold;
padding:11px 0px 0px 10px;
margin:0px;
float:left;
}
#ttl_message .btn_right{
width:140px;
}



/* course */
#course_title{width:470px; height:35px; margin:29px 0px 15px 0px; padding:0px; background-color:#009EE3;}
#course{width:470px; min-height:264px; padding:0px; margin:0px 0px 37px 0px;}
#course p{
color:#666;
font-size:12px;
text-align:right;
}

#area{width:470px; display:inline-block; margin:0px 0px 37px 0px;}
#area_ttl_takaoka{width:108px; float:left; margin:0px 0px 0px 19px;}
#area_illust_01{width:49px; float:left; margin:0px;}
#area_ttl_imizu{width:99px; float:left; margin:0px 0px 0px 9px;}
#area_illust_02{width:35px; float:left; margin:0px 0px 0px 17px;}
#area_ttl_toyama{width:99px; float:left; margin:0px 0px 0px 16px;}

.area_block_takaoka{width:137px; float:left; margin:0px 29px 0px 0px; padding:0px;}
.area_block_imizu{width:137px; float:left; margin:0px 30px 0px 0px; padding:0px;}
.area_block_toyama{width:137px; float:left; margin:0px; padding:0px;}

.area_block_takaoka img,
.area_block_imizu img,
.area_block_toyama img{
margin:0px; padding:0px; display:block;}

.area_block_takaoka p,
.area_block_imizu p,
.area_block_toyama p{
width:137px; height:22px; line-height:25px; margin:0px 0px 4px 0px; padding:0px; text-align:center; font-size:14px;
}


/* facebook */
#facebook{margin:0px; padding:0px;}

#ttl_facebook_inner{width:470px; height:30px; margin:0 0 1px 0; background-color:#36529D;}



/* calendar
--------------------------------------------------------------------------------------------------------------------------------------------- */
.calendar_ttl{
    width:100%;
}
.calendar_ttl table,
.calendar_ttl tr,
.calendar_ttl tr th,
.calendar_ttl tr td {
width:14%;
padding:4px 0px;
border:none;
vertical-align:top;
}

#calendar{width:150px; float:left!important; margin:15px 20px 40px 0px; font-size:10px!important;}
#wp-calendar{width:147px;}
.event a{padding:2px; background-color:#C8AE72;}
/*
.fc-button-content{height:14px!important; line-height:14px!important; font-size:10px;}
.fc-button{vertical-align:middle!important; margin:0px 0px 3px 0px!important;}
.fc-grid .fc-day-number{text-align:center!important;}
.fc-border-separate th, .fc-border-separate td{border:none!important;}
*/




/* side navi
--------------------------------------------------------------------------------------------------------------------------------------------- */
#side_navi_first{width:260px; padding:0px; margin:0px;}
#side_navi_first ul{list-style:none;}
#side_navi_first li{ width:260px; height:49px; margin:0px 0px 1px 0px; padding:0px;}
#side_navi_first li img{vertical-align:bottom;}
#side_navi_first_last{margin:0px!important;}

.side_navi_second{width:260px; margin:0px 0px 10px 0px; padding:0px; vertical-align:top;}
.side_navi_second ul{
margin:0 0 30px;
padding:0;
list-style:none;
}
.side_navi_second ul li{
border-bottom:solid 1px #ccc;
}
.side_navi_second ul li a{
display:block;
padding:10px 5px 10px 30px;
font-size:14px;
line-height:1.5;
text-decoration:none;
background:URL(../img/icon_tour.gif) 10px 15px no-repeat;
}
.side_navi_second ul li a .suppl{
font-size:12px;
}

.side_navi_third{width:260px; margin:0px 0px 22px 0px; padding:0px;}
.side_navi_third li{width:260px; height:50px; list-style:none; margin:0px; padding:0px;}

.side_navi_forth img{margin:0px 0px 20px 0px; display:block;}

/* Run as one Tokyo marathon 2017 */
.runasone img{
cursor:pointer;
}
.runasone p{
margin:0 0 1em;
font-size:12px;
color:#0052A6;
text-align:center;
text-decoration:underline;
}
.runasone p:hover{
color:#DB0D08;
cursor:pointer;
}

.runasone p.runasClose{
margin:0 0 30px;
}

#runasBox{
display:none;
margin:0 0 30px;
padding:15px;
border:solid 1px #ccc;
}
#runasBox p{
margin:0 0 1em;
padding:0;
font-size:12px;
line-height:1.5;
color:#333;
text-decoration:none;
text-align:justify;
cursor:default;
}
#runasBox p#boxClose{
margin:0;
color:#0052A6;
text-decoration:underline;
text-align:right;
cursor:pointer;
}




/* outline */
#outline_title{width:250px; height:69px; margin:0px 0px 13px 0px; display:block;}
#outline{width:250px; margin:0px 0px 0px 0px; padding:0px; font-size:14px;}
#outline table{border-collapse: collapse; line-height:145%; margin:0px 0px 30px 0px;}
#outline th{font-weight:bold; width:27%; text-align:left; vertical-align:top; padding:11px 0px; border-bottom:solid 1px #7FC800;}
#outline td{padding:10px 0px; border-bottom:solid 1px #7FC800;}
#outline td img{vertical-align:middle;}
#official{font-size:12px;}

/* bnr */
.bnr{margin:0px 0px 8px 0px; padding:0px; display:block;}


/* footer
--------------------------------------------------------------------------------------------------------------------------------------------- */
#footer_text{font-size:10px; color:#666; margin:35px 0px 0px 90px; padding:0px; float:left;}

#footer{width:100%; height:158px; background:URL(/img/footer_bg.gif) left bottom repeat-x; margin:30px 0px 0px 0px;}
#footer_inner{width:960px; height:158px; margin:0px auto; display:block; background:URL(/img/footer_img.gif) left top no-repeat;}
#footer_txt{float:left; text-align:left; color:#fff; width:760px; height:48px; padding:104px 20px 0px 0px; margin:0px; font-size:12px;}
#footer_txt a:link,#footer_inner a:visited{color:#FDC700;}
#footer_txt a:hover,#footer_txt a:active{color:#FDC700; text-decoration:none;}

#pagetop{float:right; width:33px; height:33px; margin:101px 0px 0px 0px;}


/* reset
--------------------------------------------------------------------------------------------------------------------------------------------- */
.clear{clear:both;}
div,ul,li,p{margin:0px; padding:0px;}



/* smart phone
--------------------------------------------------------------------------------------------------------------------------------------------- */
#sp_header,
#sp_header_contents,
.slidemenu,
#sp_footer,
#sp_area,
#sp_navi_contents,
.sp_bnr01,
.sp_bnr02,
.sp_bnr03,
#sp_map,
#map_link,
#sp_msg_btn{display:none;}

#fbpc{ display:block; }
#fbsp{ display:none; }


/* IE huck
--------------------------------------------------------------------------------------------------------------------------------------------- */
*html .area_block{margin:0px 10px 0px 0px!important;} /* IE6 */

*html #contents_right{margin:8px 0px 0px 0px} /* IE6 */
*:first-child+html #contents_right{margin:8px 0px 0px 0px} /* IE7 */

*html #course_title{margin:37px 0px 0px 0px;} /* IE6 */
*:first-child+html #course_title{margin:37px 0px 0px 0px;} /* IE7 */

*html #facebook{margin:8px 0px 24px 0px;} /* IE6 */
*:first-child+html #facebook{margin:8px 0px 24px 0px;} /* IE7 */

}