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

/*---------------------------------------ページ基本定義*/
/*---------------------------------------フォント・テキスト定義*/
/*---------------------------------------基本レイアウト*/
/*---------------------------------------ヘッダ詳細*/
/*---------------------------------------グローバルナビゲーション*/
/*---------------------------------------ローカルナビゲーション*/
/*---------------------------------------contents詳細*/
/*---------------------------------------汎用ボックス*/
/*---------------------------------------段組み*/
/*---------------------------------------「ページトップへ」*/




/*---------------------------------------ページ基本定義*/

/*-------------------------CSS Reset*/
html, body, h1, h2, h3, h4, h5, h6,
blockquote, ul, ol, dl, form, div, p, img,td ,tr, table{
	margin:0;
	padding:0;
	}

img{
vertical-align:top;}

/*-------------------------CSS Reset*/
html, body, h1, h2, h3, h4, h5, h6,
blockquote,ul, ol, dl, form, p, div, table, td, tr{
	margin:0;
	padding:0;
	}

/*-------------------------hack for IE 7 */
*+html{
	background-color:#ffffff;/*-----------IE7 zoom?@?\???*/
	}

body{
	margin:0;
	height:100%;
	padding:0;
	
/*	background-color:#6e6330;*/
    color:#080404;
	font-size:83%;
	font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "?l?r ?o?S?V?b?N", sans-serif;
	_text-align:center;
	line-height:1.5em;
	border-top:solid 10px #ff6e00;
}

ul.noStyle{
	list-style-type:none;
	}
img{
	border:none;
	vertical-align:top;
	}
hr{
	display:none;
	}

/*---------------------------------------フォント・テキスト定義*/
.reg{
	font-size:100%;/*body 83% of 100%*/
	line-height:1.4em;
	}
	
.sreg{
	font-size:90%;/*body 83% of 100%*/
	line-height:1.4em;
	}	
	
.sml{
	font-size:80%;/*body 83% of 80%*/
	line-height:1.4em;
	}
	
.ssml{
	font-size:72%;/*body 83% of 80%*/
	line-height:1.4em;
	}	
.lrg{
	font-size:120%;/*body 83% of 120%*/
	line-height:1.4em;
	}

.booklrg{
	font-size:140%;/*body 83% of 120%*/
	line-height:1.5em;
	}	
	
/*-----------------------ボールド*/
strong{
	font-weight:bold;
	font-style:normal;
	}
/*-----------------------下線*/
.uLine{
	text-decoration:underline;
	}
/*-----------------------約物「・」などを等幅で表示する*/
.mono{
	font-family:monospace;
	}


/*-----------------------基本リンクスタイル*/
a{
	}
a:link,
a:visited{
	color:#E57D7D;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}


.alpha a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	}

/*-----------------------真ん中寄せ、右寄せ*/
.alCenter{
	text-align:center;
	}
.alRight{
	text-align:right;
	}


.alMarginAuto{
	margin:auto;
	}





	
#innner{
	width:1200px;
	margin:auto;
	position:relative;	
	z-index:3;			
	}	
	


/*-----------------------基本リンクスタイル*/
a{
	}
a:link,
a:visited{
	color:#427EB0;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}


/*---------------------------------------汎用ボックス*/



.mgrow5px{
	margin:5px 0;
	}
.mgrow10px{
	margin:10px 0;
	}
.mgrow15px{
	margin:15px 0;
	}
.mgrow20px{
	margin:20px 0;
	}

.mgtop5px{
	margin-top:5px;
	}
	
.mgtop8px{
	margin-top:8px;
	}	
	
.mgtop10px{
	margin-top:10px;
	}
.mgtop15px{
	margin-top:15px;
	}
.mgtop20px{
	margin-top:20px;
	}
.mgtop30px{
	margin-top:30px;
	}
	
.mgtop50px{
	margin-top:50px;
	}	

.mgbtm5px{
	margin-bottom:5px;
	}
.mgbtm10px{
	margin-bottom:10px;
	}
.mgbtm15px{
	margin-bottom:15px;
	}
.mgbtm20px{
	margin-bottom:20px;
	}
.mgbtm30px{
	margin-bottom:30px;
	}
	
.mgbtm60px{
	margin-bottom:60px;
	}	

.mgLeft5px{
	margin-left:5px;
}

.mgLeft10px{
	margin-left:10px;
}
.mgLeft20px{
	margin-left:20px;
}

.pabtm5px{
	padding-bottom:5px;}

.paTop9px{
	padding-top:9px;}

.paTop10px{
	padding-top:10px;}
	
.paTop20px{
	padding-top:20px;}	

.paLeft10px{
	padding-left:10px;}
	
.paLeft20px{
	padding-left:20px;}	
	
.paLeft30px{
	padding-left:30px;}		


/*----------------------------------------段組み*/



/*-------------------------2段組*/
/*.l2Col{
	width:600x;
	float:left;


	}*/

	
/*.r2Col{
     width:290px;
	 float:right;
	 text-align:right;   
		}*/








/*---------------------------------------「ページトップへ」*/
.toPageTop{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	margin:20px 0;
	}
.toPageTop a{
	display:block;
	float:right;
	min-width:80px;
	_width:95px;
	height:16px;
	padding-right:10px;
	}
.toPageTop a:link,
.toPageTop a:visited{
	}
.toPageTop a:hover{
	}
.toPageTop a span{
	/*display:none;*/
	}



/*clearfix start*/
#header:after,
#Navi ul:after,
#main:after,
.flWrap:after,
.toPageTop:after {
	content:".";
	height:0;
	font-size:0;
	clear:both;
	display:block;
	visibility:hidden;
}
/*clearfix end*/



.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*===============================================
共通 
===============================================*/
#wrapper {
	width:100%;

}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}



h2 {
	margin: 0 0 10px 0;
}
h3 {
	margin: 0 0 10px 0;
}
h4 {
	font-size:120%;
	margin: 0 0 10px 0;
}

.btm{
	padding-top:10px;}

.contents{
	width:96%;
	margin:auto;}

.text{
	margin:10px 0 0 0;}
	
.text p{
	margin-bottom:10px;}

#message{
	padding-top:10px;
	width:98%;
	margin:auto;}


#message ul{

	}




#message ul li{
	border-bottom:dotted 1px #333333;
	padding:5px;
    -moz-box-shadow: 1px 1px 3px #ffffff;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 3px #ffffff;　/* Safari,Google Chrome用 */  
	}


/*#bg{
	min-height:472px;
	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;		}
*/
/*===============================================
PC用 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
.inner {
	width: 970px;
	margin: 0 auto;
	padding: 20px 0;
	background: url(../images/bg.png) repeat;	
/*	position: relative;*/
}

.bg {
	background: url(../images/bg.gif) repeat-x bottom #ffffff;
	/*padding-bottom: 50px;*/
}


#footer {
/*	background: url(../images/bg.gif) repeat-x bottom #ffffff;*/
	margin-bottom:10px;
	color: #373737;
}

.read{
}

.text{
	}

.flBox{width:938px;
	 margin:auto;}

.none{
	display:none;}

/*-------------------------2段組*/

.flWrap{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	text-align:left;

	}

.l2Col{
	
	width:31%;
	float:left;
	padding:1%;

/*    padding-left:48px; */
	}
	
.r2Col{
     width:64%;
	 float:right;
	padding:4% 1%;
	
		}
/*-------------------------2段組*/


/*-------------------------3段組*/

.flWrap3{
	display:inline-block;/*----------------IE7 clearfix*/
	width:98%;
	text-align:left;
	margin:auto;
	background-color:#eaeaea;
	border:solid 2px #ff6e00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}


.l3Col,
.c3Col,
.r3Col{
	float:left;

	}
.l3Col{
	width:45%;
	padding:1%;
	float:left;	
	}
.c3Col{
	width:50%;
	float:right;
	padding:1%;		
	}
/*
.r3Col{
	width:292px;
	padding:10px;
	margin-bottom:10px;	
	}*/
	
/*-------------------------3段組*/


#header {
	text-align: center;
}
}
/*===============================================
タブレット 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
.inner {
	background: url(../images/bg.png) repeat;		
	padding: 20px 5px;
/*	position: relative;*/
}


.bg {
	background: url(../images/bg_s.gif) repeat-x bottom #ffffff;
	/*padding-bottom: 50px;*/
}

#footer {
/*	background: url(../images/bg_s.gif) repeat-x bottom #ffffff;*/
	margin-bottom:10px;
	color: #373737;
}

.none{
	width:100%;
	margin-bottom:10px;}



/*-------------------------2段組*/

.flWrap{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	text-align:center;
	
	}

.l2Col{
	width:100%;
	float:none;
	padding-bottom:10px;
		display:none;	

/*    padding-left:48px; */
	}
	
.l2Col p{
	width:100%;}
	
.r2Col{
	width:100%;
	float:none;
	padding-bottom:10px;
	display:none;			 
		}
/*-------------------------2段組*/



/*-------------------------3段組*/

.flWrap3{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	text-align:left;
	background-color:#eaeaea;
	border:solid 2px #ff6e00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	}


.l3Col,
.c3Col,
.r3Col{
	float:none;

	text-align:center;

	}
.l3Col{
	padding:10px;
	border-top:dashed 1px #d6d6d6;
	}
.c3Col{
	padding:10px;
	margin-bottom:10px;
	border-bottom:dashed 1px #d6d6d6;	
	}

/*.r3Col{
	width:748px;
	padding:10px;
	margin-bottom:10px;	
	}*/


h2, h3 {
	text-align: center;
}
}
/*===============================================
スマホ用  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.inner {
}
.brown {
	background: url(../images/bg_brown-sp.jpg) repeat-x bottom #e7d4bc;
	padding-bottom: 25px;
}
.white {
	background: url(../images/bg_content-sp.jpg) top center;
}
#presents {
	background: url(../images/bg_header-sp.jpg) repeat-x #e7d4bc;
	min-height: 44px;
}

/*.date, .muryou {
	margin: 0 auto;
	text-align: center;
}*/

.basicInfo, .lead {
	margin: 0 auto;
	text-align: center;
	float: none;
	width: 80%;
}
.basicInfo .date  {
	margin-bottom: 10px;
	/*width: 80%;*/
}

.deadline {
}
.deadline img {
	top: -30px;
	width: 20%;
	max-width: 135px;
}
#support img { display: none;}
.supportSP { display: block;}
.floL { width: 100%;}
.floL img { width: 70%}



}








#loader {
    width: 400px;
    height: 300px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -150px; /* heightの半分のマイナス値 */
    margin-left: -200px; /* widthの半分のマイナス値 */
    z-index: 100;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}