@charset "utf-8";

/* *********************************************************
オセロジュニアグランプリ2013公式サイト
File name : style.css
Modified  : 2013-04-12
Update    : 2013-08-02
********************************************************* */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF;overflow-y: scroll;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;width:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;vertical-align:bottom;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}small{font-size:100%;}

/*==================================
default
===================================*/
body { -webkit-text-size-adjust: 100%;/*iphone*/background: #f9f8ef url('../img/loader.gif') center center no-repeat fixed;width:100%;font-size: 62.5%; line-height: 1.5; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; min-width:960px;}

#fade{
	background: #f9f8ef url('../img/loader.gif') center center no-repeat fixed;
}

/*==================================
all
===================================*/
.wrapper { min-width:960px;text-shadow: #ffffff 1px 1px 0; display: block; /* IE */ background: #f9f8ef url(../img/back_container.gif) no-repeat center center fixed; padding-bottom: 50px; }
.ie7 .wrapper, .ie8 .wrapper { zoom: 1; behavior: url(../js/PIE.htc); position: relative; }
.section { padding: 30px 20px 50px 20px; margin: 0 auto; width: 940px; border-top: 1px dashed #b2e2db; }
a, a img { -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -o-transition: .5s ease-out; transition: .5s ease-out; color: #de3549; }
a:hover { background: #de3549; color: #fff; text-shadow: none; text-decoration: none; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; }
a:hover img { background: transparent; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; }
em { font-weight: bold; }
.wrapper h1 { text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/back_sprite.png) no-repeat; width: 376px; margin: 0 auto; height: 71px; background-position: 0 -5px; margin-bottom: 20px; }
.wrapper h2 { color: #06b096; font-size: 1.3em; font-weight: bold; }

/*==================================
.header
===================================*/
#container { background: url(../img/back_header.jpg) top repeat-x; min-width: 960px;width:100%;}
.header { background: url(../img/back_header2.png) center top no-repeat; padding-bottom:80px;}
.headInner { height: 540px; width: 940px; margin: 0 auto; position: relative; }
.headInner h1 { top: 8px; position: absolute; }
.headInner .headCt li { position: absolute; }
.headInner .headCt li:first-child { top: 164px; }
.headInner .headCt li:nth-child(2) { top: 197px; left: 10px; }
.headInner .headCt li:nth-child(3) { top: 297px; left: 10px; }
.headInner .headCt li:nth-child(4) { top: 397px; left: 10px; }
.headInner .attention{padding-top:10px; text-align: center;}
.headInner .end{ padding-top: 500px; }
.headInner .attention2{ background-color:#204618; padding:4px; text-align: center; font-size:24px; color:#FFF; font-weight:bold;
moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;3
behavior: url(border-radius.htc);
}
.headInner .attention a{background: transparent;}
.headInner .attention a:hover img{background: transparent; opacity: .75; /* FireFox, Webkit, Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)"; /* IE */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); }
.gNavwrap { z-index: 99; position: relative; }
.nav { width: 100%; background: url(../img/back_gnav.png) repeat-x; }
.nav ul { width: 940px; height: 111px; margin: 0 auto; background: url(../img/back_nav.png) no-repeat center; }
.nav ul li { width: 222px; height: 60px; margin-left: 10px; float: left; position: relative; top: 25px; background: url(../img/back_sprite.png) no-repeat; }
.nav ul li a { display: block; background: url(../img/back_sprite.png) no-repeat; background-position: 0 -569px; width: 222px; height: 60px; -webkit-transition: .1s ease-out; -moz-transition: .1s ease-out; -o-transition: .1s ease-out; transition: .1s ease-out; }
.nav ul li a:hover { opacity: 0; /* FireFox, Webkit, Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; }
.nav ul li:first-child { background-position: 0 -699px; }
.nav ul li:nth-child(2) { background-position: -232px -699px; }
.nav ul li:nth-child(3) { background-position: 0 -764px; }
.nav ul li:nth-child(4) { background-position: -232px -764px; }
.nav ul li:nth-child(2) a { background-position: -232px -569px; }
.nav ul li:nth-child(3) a { background-position: 0 -634px; }
.nav ul li:nth-child(4) a { background-position: -232px -634px; }
/*==================================
sns
===================================*/
.asideInfo { position: absolute; top: 20px; right: 0; }
.asideInfo li { float: left; margin-left: 5px; overflow: hidden; }
.social li:first-child { width: 75px; height:26px;overflow: hidden; }
.social li:nth-child(2) { width: 68px; }
.social li:nth-child(3) { margin-left: 10px; }



/*==================================
.maibnr
===================================*/
.maibnr .aside { margin-top: 0; }
.maibnr .bnr { margin-top: -5px; z-index: -1; }
.maibnr .bnr ul { margin: 0 auto; padding: 30px auto; width: 960px; background: none; }
.maibnr li { padding: 0 10px; }
.maibnr li a { overflow: hidden; float: left; border: 3px solid #000000; }
.maibnr ul li a:hover { border-color: #de3549; }
.maibnr li:first-child a { border-color: #24bfa0; }
.maibnr a img { margin: -3px; }
.ie7 .bnr ul{}

/*==================================
.about
===================================*/
.about { border-top: none; font-size: 1.5em; }
.about h2 { text-align: center; padding: 5px 0 0 0; }

/*==================================
.join
===================================*/
.join { font-size: 1.5em; }
.join h1 { background-position: 0 -160px; margin-bottom: 40px; }
.join h2 { margin-top: 1.0em; }
.join .dlBtn { padding-bottom: 20px; }
.join .dlBtn a { width: 480px; height: 80px; margin: 20px auto; display: block; background: transparent url(../img/back_sprite.png) no-repeat 0 -484px; }
.join .dlBtn a:hover img { opacity: 0; /* FireFox, Webkit, Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

/*==================================
.date
===================================*/
.date { font-size: 1.5em; color: #636363; }
.date h1 { background-position: 0 -82px; }
.date .dateMap { width: 940px; height: 590px; padding-bottom: 50px; position: relative; background: url(../img/back_map.png) no-repeat; overflow: hidden; }
.date .dateMap li { position: absolute; }
.date .dateMap li.sizuoka { top: 447px; left: 557px; }/*静岡*/
.date .dateMap li.tohoku { top: 176px; left: 707px; }/*東北*/
.date .dateMap li.kinki { top: 240px; left: 57px; }/*近畿*/
.date .dateMap li.niigata { top: 48px; left: 323px; }/*新潟*/
.date .dateMap li.chubu { top: 100px; left: 127px; }/*中部*/
.date .dateMap li.kyuysu { top: 408px; left: 22px; }/*九州*/
.date .dateMap li.hokkaido { top: 23px; left: 728px; }/*北海道*/
.date .dateMap li.mie { top: 473px; left: 343px; }/*三重*/
.date .dateMap li.kanto { top: 320px; left: 684px; }/*関東*/
.date h2 { text-align: center; padding-bottom: 10px; }
.date table { width: 940px; }
.date tr th { text-align: center; text-shadow: none; color: #fff; padding: 7px 0; font-weight: bold; }
.date .place { background: #06b096; border-radius: 8px; behavior: url(../js/PIE.htc); position: relative; margin-bottom: .5em; }
.date tr td { background: #ebfff0; padding: 7px 1.0em; text-align: center; }
.date tr:nth-child(even) td { background: #ddfff0; }
.date tr td:first-child { padding-left: 20px; width: 8.0em; }
.date tr td:first-child, .date tr td:nth-child(4) { text-align: right; }
.date tr td:nth-child(4) { font-weight: bold; }

/*==================================
.question
===================================*/
.question h1 { background-position: 0 -247px; }
.question h2 { height: 45px; background: url(../img/back_sprite.png) no-repeat; width: 516px; margin: 0 auto; margin-bottom: 20px; background-position: 0 -314px; }
.question h2.qattl2 { background-position: 0 -368px; }
.question h2.qattl3 { background-position: 0 -424px; }
.question > dl dt, .question > dl dd { padding-left: 50px; min-height: 41px; height: auto !important; height: 31px; padding-top: 10px; }
.question > dl dt { background: url(../img/back_ico_q.gif) no-repeat; font-size: 1.9em; font-weight: bold; color: #06b096; }
.question > dl dd { background: url(../img/back_ico_a.gif) no-repeat; font-size: 1.5em; padding-bottom: 40px; }

/*==================================
.inquiry
===================================*/
.question .inquiry { padding: 30px; background-color: #cdf3e9; border-radius: 8px; behavior: url(../js/PIE.htc); position: relative; text-align: center; }
.question .inquiry h1 { font-size: 2.0em; margin-bottom: 10px; background: none; text-indent: 0; height: auto; }
.question .inquiry dt, .question .inquiry dd { font-size: 2.5em; color: #06b096; display: inline-block; min-height: 36px; height: auto !important; height: 36px; background: none; padding-bottom: 0; }
.question .inquiry dt { padding-left: 38px; padding-right: 1.0em; background: url(../img/back_telico.gif) no-repeat left center; }
.ie7 .question .inquiry dt, .ie7 .question .inquiry dd { display: inline; margin-top: -10px; }
.question .inquiry li:nth-child(2) { padding-top: .5em; }
.question .inquiry li:nth-child(2), .question .inquiry li:nth-child(3) { font-size: 1.3em; }

/*==================================
.topScroll
===================================*/
.topScroll a{display:block;position: fixed;bottom:20px;right:10px; width:43px;}


/*==================================
.bnr
===================================*/
.bnr { z-index: -1; background: url(../img/bnr_back.jpg) center center repeat; min-width: 960px;}
.bnr ul { margin: 0 auto; padding: 30px 0; text-align: center; background: url(../img/back_shaow.png) repeat-x top; }
.bnr li { display: inline-block; }
.bnr a:hover { background: transparent; }
.footerBnr a:hover img { border: 1px solid #de3549; }
.ie7 .bnr li { /*for ie7*/ display: inline; zoom: 1; }
.footerBnr li { padding: 0 7px; }
.footerBnr li img { border: 1px solid #fff; }

/*==================================
.footer
===================================*/
.footer { background: #000; color: #fff; }
.footer ul { width: 960px; margin: 0 auto; padding: 10px; line-height: 1.2; font-size: 1.3em;min-width: 960px; }

/*==================================
reportPage
===================================*/
#reportPage #container .repHead { background: url(../img/back_repheader.jpg) repeat-x top center; height: 100px; }
#reportPage #container .repHead h1 { width: 960px; margin: 0 auto; }
#reportPage #container .repHead a { display: block; position: relative; top: 10px; margin: 0 0 0 10px; }
#reportPage #container .repHead a:hover { opacity: .75; /* FireFox, Webkit, Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)"; /* IE */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; background: transparent; }
#reportPage .wrapper h2 { text-align: center; padding-bottom: 20px; }
#reportPage .localNav { width: 960px; margin: 0 auto; }
#reportPage .localNav ul li:nth-child(10) { background-position: 0 -70px; }/* 静岡ブロック */
#reportPage .localNav ul li:nth-child(9) { background-position: -189px -70px; }/* 東北ブロック */
#reportPage .localNav ul li:nth-child(8) { background-position: -378px -70px; }/* 近畿ブロック */
#reportPage .localNav ul li:nth-child(7) { background-position: -567px -70px; }/* 中部ブロック */
#reportPage .localNav ul li:nth-child(6) { background-position: -756px -70px; }/* 新潟ブロック */
#reportPage .localNav ul li:nth-child(5) { background-position: 0 -106px; }/*北海道*/
#reportPage .localNav ul li:nth-child(4) { background-position: -189px -106px; }/*九州*/
#reportPage .localNav ul li:nth-child(3) { background-position: -378px -106px; }/*三重*/
#reportPage .localNav ul li:nth-child(2) { background-position: -567px -106px; }/*関東*/
#reportPage .localNav ul li:nth-child(1) { background-position: -756px -106px; }/*決勝大会*/
#reportPage .localNav ul li:nth-child(10) a { background-position: 0 0; }/* 静岡ブロック */
#reportPage .localNav ul li:nth-child(9) a { background-position: -189px 0; }/* 東北ブロック */
#reportPage .localNav ul li:nth-child(8) a { background-position: -378px 0; }/* 近畿ブロック */
#reportPage .localNav ul li:nth-child(7) a { background-position: -567px 0; }/* 中部ブロック */
#reportPage .localNav ul li:nth-child(6) a { background-position: -756px 0; }/* 新潟ブロック */
#reportPage .localNav ul li:nth-child(5) a { background-position: 0 -36px; }/*北海道*/
#reportPage .localNav ul li:nth-child(4) a { background-position: -189px -36px; }/*九州*/
#reportPage .localNav ul li:nth-child(3) a { background-position: -378px -36px; }/*三重*/
#reportPage .localNav ul li:nth-child(2) a { background-position: -567px -36px; }/*関東*/
#reportPage .localNav ul li:nth-child(1) a { background-position: -756px -36px; }/*決勝大会*/
#reportPage .localNav ul { margin-left: 10px; padding-top: 20px; margin-bottom: 30px; }
#reportPage .localNav li { float: left; margin-right: 3px; background: transparent url(../img/back_sprite_rep.png) no-repeat; }
#reportPage .localNav li a { width: 186px; height: 30px; margin-bottom: 5px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background: #f9f8ef url(../img/back_sprite_rep.png) no-repeat; }
#reportPage .localNav li a:hover { opacity: 0; /* FireFox, Webkit, Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; }
#reportPage .section { padding-top: 0; }
#reportPage .section ul { margin-left: -12px; margin-top: 10px; margin-bottom: 20px; }
#reportPage .section ul li { float: left; width: 464px; padding-left: 12px; padding-bottom: 12px; background: none; }
#reportPage .wrapper .section h1 { padding-bottom: 15px; background: none; text-indent: 0; width: auto; height: auto; padding-bottom: 20px; text-align: center; margin-bottom: 0; }
#reportPage .section h2 { text-align: left; padding: 0; }
#reportPage .repsecInner h2 { text-align: center; padding-bottom: 10px; }
.repsecInner p { float: left; width: 470px; clear:left;margin-bottom: 13px;}
.repsecInner div:nth-child(n+1) { padding-top: 10px; }
.repsecInner ol{ float: right; width: 470px; padding-top: 10px; }
.repsecInner table{ float: right; width: 460px; padding-top: 10px; }
.repsecInner ol li { padding-bottom: 1.0em; font-weight: bold; }
#reportPage .topNav { width: 222px; height: 60px; margin: 40px auto 30px auto; background: url("../img/back_sprite_rep.png") no-repeat -232px -146px; }
#reportPage .topNav a { display: block; height: 60px; background: #f9f8ef url("../img/back_sprite_rep.png") no-repeat 0 -146px; }

#reportPage .topNav a:hover{
opacity: 0; /* FireFox, Webkit, Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out;
}
.repsecInner tr td:nth-child(1) { text-align: right; width: 2.5em; padding: .7em .5em 0 0; color: #06b096; font-weight: bold; }
.repsecInner tr td:nth-child(2) { color: #06b096; font-weight: bold; padding-right: .5em; }
.repsecInner tr td:nth-child(3) { padding: .7em 0 .5em 0; font-size: .9em; color: #636363; }
#reportPage .repsecIntv { /*インタビュー*/ padding-top: 50px; color: #636363; font-weight: bold; }
#reportPage .repsecIntv div img { float: right; display: block; width: 464px; }
#reportPage .repsecIntv dl { margin-left: 10px; width: 460px; float: left; display: block; }
#reportPage .repsecIntv dt { border-left: 10px solid #06b096; padding-left: 10px; color: #06b096; font-weight: bold; }
#reportPage .repsecIntv dd { padding-top: 5px; padding-bottom: 1.0em; }
#reportPage .repsecIntv p { clear: both; width: 930px; padding-left: 10px; padding-bottom: 30px; }
#reportPage .nextMsg { /*次回をお楽しみに！*/ padding: 30px 30px 30px 100px; background: #cdf3e9 url(../img/back_othelloico.gif) 10px center no-repeat; border-radius: 8px; behavior: url(../js/PIE.htc); position: relative; color: #636363; font-weight: bold; }



/*==================================
oocss
===================================*/
.fixed { position: fixed; top: 0; }
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.caution { color: #de3549; }

/* For modern browsers */
.cf:before, .cf:after { content: ""; display: block; overflow: hidden; }
.cf:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

/*ルビ*/
ruby { display: inline-table; text-align: center; text-indent: 0; white-space: nowrap; border: none; position: relative; top: -0.25em; padding: 0; line-height: 1; height: 1em; vertical-align: text-bottom; border: none; }
rp { display: none; }
.rb { display: table-row-group; line-height: 1; text-align: center; border: none; margin: 0; padding: 0; white-space: nowrap; }
rt { display: table-header-group; font-size: 62.5%; line-height: 1.7; text-align: center; white-space: nowrap; border: none; margin: 0; padding: 0; }
rt.dotamark { font-size: 100%; font-weight: bold; line-height: 1; speak: none; }


/*==================================
script
===================================*/
.navFixed { position: fixed; top: 0; width: 100%; height: 111px; z-index: 99; }
.bodyMargin { margin-top: 111px; }