@charset "UTF-8";

/* ====================================================
   HTML5 display definitions
 ====================================================*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: baseline;}abbr[title] {border-bottom: 1px dotted;}strong {font-weight: bold;}dfn {font-style: italic;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; clear:both;}mark {background: #ff0;color: #000}code,kbd,pre,samp {    font-family: monospace, serif;font-size: 1em}pre {white-space: pre-wrap}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup { top: -0.5em;}sub {bottom: -0.25em;}img {border: 0; max-width: 100%;height:auto;}svg:not(:root) {overflow: hidden;}figure,figcaption { margin: 0;padding:0;}table { border-collapse: collapse; border-spacing: 0;}ul,ol{list-style:none;}
/* ====================================================
   Base
 ====================================================*/
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height:100%;}
body {position:relative;margin: 0; color: #000;height:100%;background: url(../images/bg_all01.jpg) 0 0 no-repeat fixed, url(../images/bg_all02.jpg) right bottom no-repeat fixed;font-size:13px;line-height:1.6;font-family:'メイリオ', Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;font-weight: normal;}

/* ====================================================
   Links
   ==================================================== */

a {background: transparent;}
a:focus {outline: none}



/* ====================================================
   Typography
   ==================================================== */

abbr[title] {border-bottom: 1px dotted;}strong {font-weight: bold;}dfn {font-style: italic;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; clear:both;}mark {background: #ff0;color: #000}code,kbd,pre,samp {    font-family: monospace, serif;font-size: 1em}pre {white-space: pre-wrap}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup { top: -0.5em;}sub {bottom: -0.25em;}img {border: 0; max-width:100%;height:auto;}svg:not(:root) {overflow: hidden;}figure,figcaption { margin: 0;padding:0;}table { border-collapse: collapse; border-spacing: 0;}

/* **************************************
common class style
************************************** */

/* size style
-------------------------------------- */

.clear {clear: both !important}.hide {display: none}.alnR { text-align: right !important}.alnL { text-align: left !important}.alnC { text-align: center !important}.vlnT { vertical-align: top !important}.vlnM { vertical-align: middle !important}.vlnB { vertical-align: bottom !important;}.vlnL { vertical-align: baseline !important}.fltL { float:left !important}.fltR { float:right !important}.imgL { float:left; margin: 0 15px 15px 0} .imgR { float:right; margin: 0 15px 15px}.mt10 { margin-top: 10px !important}.mt20 { margin-top: 20px !important}.mb10 { margin-bottom: 10px !important}.mb15 { margin-bottom: 15px !important}.mb25 { margin-bottom: 25px !important}.ml10 { margin-left: 10px !important}.mr15 { margin-right:15px !important}.mtb10 { margin-top:10px !important; margin-bottom:10px !important}.pt10 { padding-top: 10px !important}.pt15 {padding-top:15px important}.pb10 { padding-bottom: 10px !important}.pl10 { padding-left: 10px !important}.pr10 { padding-right: 10px !important}.fBld { font-weight: bold;}

/*========================
TEXT
========================*/


/* font collor
-------------------------------------- */
a:link,a:visited {color: #C64845;}
a:hover,a:active {color: #626B36;}
.red {color: #C64845;}
/* common hack style
-------------------------------------- */

/* */
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/* ====================================================
   Base
   ==================================================== */
   html,body { width:100%;}
body {
	background: url(../images/bg_all.png) repeat;
}

.wrap {
	width: 1024px;
	margin: 0 auto;
	position:relative;
}

/* ====================================================
   header
   ==================================================== */
#pageHeader {
	position:relative;
	width: 1024px;
	margin:auto;
	
}
#jcrew {
	position: absolute;
	top: 15px;
	right:0;
}


/* ====================================================
   main
   ==================================================== */

#auditionArea {
	background: url(../images/bg_head.jpg) 50% top no-repeat;
	width:100%;
	min-width: 1000px;
}
#auditionHeader {
	margin: 0 12px;
	position: relativel;
	height:835px;
}
#titAud {
	padding-top: 130px;
	margin-left: 70px;
	margin-bottom: 10px;
}
#exAud {
	position: absolute;
	left: 20px;
	top: 555px;
	width: 464px;
	color:#FFF;
	font-weight: bold;
	text-align:justify;
	line-height: 1.5;
	font-size: 14px;
	font-family:"游明朝体", "Yu Mincho", YuMincho,'メイリオ', Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

.prizTit {
	text-align: center;
	margin-bottom: 20px;
}

 .name02 {
	left: 215px;
	top: 200px;
 }
.name02 li {
	padding: 5px 0;
}
.name01, .name02 {
	font-size: 27px;
	color: #5c3f2d;
}
.name01 span, .name02 span {
	font-size: 20px;
	padding-leftt: 10px;
}
.resultsArea {
	background-repeat: no-repeat;
	clear: both;
	padding: 60px 80px 105px;
	margin: 40px 0;
	background: #FFF no-repeat;
	background-position: 0 0, right 0, 0 bottom, right bottom;
}
.resultsArea#grand-prix {background-image: url(../images/bg_gri01_1.png), url(../images/bg_gri01_2.png), url(../images/bg_gri01_3.png), url(../images/bg_gri01_4.png);}
.resultsArea#grand-prix2 {background-image: url(../images/bg_gri02_1.png), url(../images/bg_gri02_2.png), url(../images/bg_gri02_3.png), url(../images/bg_gri02_4.png);}
.resultsArea#grand-prix3 {background-image: url(../images/bg_gri03_1.png), url(../images/bg_gri03_2.png), url(../images/bg_gri03_3.png), url(../images/bg_gri03_4.png);}


.pht {
	float: right;
	margin-top: 50px;
	width: 360px;
	margin-left:45px;
}
.pht3rd {
	margin-top: 50px;
}
.info {
	width: 440px;
}
.resultsArea#grand-prix3 .info {
	width: 340px;
	
}
.resultsArea dt{
	padding-top: 35px;
	line-height: 30px;
	font-size: 20px;
}
#grand-prix .info dt {
	color: #c8871e;
	background: url(../images/gri01_line.png) 50% 0 no-repeat 
}
#grand-prix2 .info dt {
	color: #646464;
	background: url(../images/gri02_line.png) 50% 0 no-repeat 
}
.resultsArea dd {
	padding: 5px 0 25px;
	font-size:16px;
	color: #666;
}
.resultsArea dd li {
	font-size: 15px;
	display: inline-block;
	padding-right: 16px;
	line-height: 30px;
}
.lts {
	letter-spacing: 0.5em;
	margin-right: 0px;
}
.w175{
	width:175px;
}
.etcBox {
	padding: 35px;
	border: #0071B4 1px solid;
	background-color: #FFF;
	width: 420px;
	height: 280px;
	text-align:center;
}
.etcBox figcaption {
	color: #0071B4;
	margin-top: 10px;
}

/* ====================================================
   footer
   ==================================================== */

#pageFooter {
	clear: both;
	margin-top: 60px;
	padding: 20px 0;
	background-color: #00004C;
}
.footerNav {
	float:right;
	margin-right:20px
}
.footerNav li {
	display:inline;
	padding: 0 10px;
}
.footerNav a {
	color: #FFF;
	text-decoration: none;
}
.footerNav a:hover {
	text-decoration: underline;
}
.copyrightArea {
	float: left;
	color: #FFF;
	font-size: 11px;
	margin-left:20px
}
.copyright {
	padding-left:4px;
}


.btn {
	text-decoration: none;
	padding: 10px 20px;
	background-color: #E31B1E;
	border-radius: 10px;
	margin-top:20px;
	clear:both;color: #fff !important;
}
a.btn:hover  {
	color: #FDEA36 !important;
}