/* 基本設定 */

@charset "utf-8";

*{
	margin:0;
	padding:0;
}

/* resetCSS */

img{border:none;}

a {outline:none;}

a {color:#690800;}
a:hover {color:#e00615;}


body, input, textarea {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'ＭＳＰゴシック', Arial, verdana, sans-serif;
}

body{
	font-size:100.01%;
	line-height:1.5;
	color:#333;
}

textarea {
	font-size:88%;
	max-width:555px;
}

/* 上部バー修正 */

#common {
	font-size:80% !important;
}


/* ラッパー */

#wrapper{
	width:auto;
	background-position:0 bottom;
	background-repeat:repeat-x;
	padding-top:31px;
	
	font-size:81.25%;
}

/*html,body,#wrapper,#contents {
	height:100%;
	}*/
body > #contents {
	height: auto;
	min-height: 100%;
	}

.t_right {
    text-align:right;
    font-weight:normal;
    font-size:11px;
    margin-right:10px;
}

.centerarea {
    text-align:center;
    margin:20px auto;
}

/*=====================header=====================*/
#header{
	width:990px;
	height:140px;
	
	background-image:url("../image/header.png");
	margin:0 auto;
	position:relative;
}
	
#header p{
	width:270px;
	height:50px;
	float:left;
	color:#000;
	
	font-size:0.9em;
	margin-top:50px;
}

h1 {
	width:310px;
	height:140px;
	float:left;
	padding:0 10px;
}
	
h1 a{
	width:310px;
	height:140px;
	display:block;

/*	
	background:url(../image/h1.png) no-repeat 0 0;
*/
	text-indent:-9999px;
}
	
/*-----------menu-----------*/
#header ul{
	width:350px;
	height:140px;
	margin:0;
	float:right;
	
	padding-right:20px;
	
/*	background-image:url("../image/menu_bg.png");
	background-repeat:no-repeat;
	background-position:0 0;
*/	
	list-style:none;
}

#header li{
	float:left;
	width:50px;
	height:140px;
}

/*
#header li:first-child{
	margin-left:2px;}
*/

#header li a{
	width:50px;
	height:140px;
	display:block;	

	text-indent:-9999px;
	background-image:none;
	background-repeat:no-repeat;
}

#header li a:hover{
	background-image:url("../image/menu.png");
}

/*はじめに*/
#header li#m01 a{
	background-position:0 0;}

/*サークル参加*/
#header li#m02 a{
	background-position:-50px 0;}
	
/*一般参加*/
#header li#m03 a{
	background-position:-100px 0;}

/*コスプレ参加*/
#header li#m04 a{
	background-position:-150px 0;}
	
/*募集*/
#header li#m05 a{
	background-position:-200px 0;}
	
/*リンク*/
#header li#m06 a{
	background-position:-250px 0;}
	
/*お問合わせ*/
#header li#m07 a{
	background-position:-300px 0;}


/*=====================contents=====================*/	
#contents{
	width:990px;
	height:auto;
	
	margin:0 auto;
	
	background-image:url("../image/contents_bg.png");
	background-position:0 40px;
	background-repeat:repeat-y;}
	
*:first-child+html #contents {display:table;height:auto;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*=====================schedule=====================*/
#schedule{
	width:265px;
	float:left;}

#sche_top{
	height:40px;
	background-image:url("../image/sche/sche_top.png");
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0;}

#sche_main{
	background-image:url("../image/sche/sche_bg.png");
	background-repeat:repeat-y;
	background-position:0 0;
	padding:8px 10px 0px 25px;
	width:230px;
}

#onlycom_main{
	padding:8px 10px 0px 5px;
	width:225px;
}

#sche_bottom{
	width:290px;
	height:101px;
	
	background-image:url("../image/sche/sche_bottom.png");
	background-repeat:no-repeat;
	background-position:0 0;}

#schedule #sche_main ul {
	width:210px;
	margin:0 auto;
	padding-bottom:1px;
	list-style:none;
	list-style-image:none;}
	
#schedule #sche_main li{
	border-top:1px dotted #afa68f;
	padding:5px 0 0 0;
	margin: 0 0 5px 0;}
#schedule #sche_main li:first-child{
	border:none;}
#schedule #sche_main li p{
	height:18px;
	margin:1px 0 0 0;}

#schedule #onlycom_main p {
    font-size: 11px;
    margin:0 0 10px;
}
#schedule #onlycom_bn {
    border-top: 1px dotted #AFA68F;
    margin-top: 5px;
    padding: 10px 0 0;
    text-align: center;
}

#schedule #onlycom_main #onlycom_list {
    margin: 0 0 5px 4px;
    padding: 0;
}

#schedule #onlycom_main #onlycom_list li {
    margin-right: 7px;
}

#schedule #onlycom_main #onlycom_list li a {
    color: #000000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 5px 1px;
    padding: 0;
    text-decoration: none;
}
#schedule #onlycom_main #onlycom_list a:hover {
    text-decoration: underline;	
}

/*-----------募集状況タグ-----------*/
.app_50,.app_60,.app_70,.app_80,.app_90,.app_100,.app_accep,.app_dead,.app_end,.app_full{
	width:58px;
	height:18px;
	text-indent:-9999px;
	display:block;
	margin:0 3px 0 0;
	padding:0;
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;}
/*申込み50％*/
.app_50{
	background-image:url("../image/sche/app_50.png");}
/*申込み70％*/
.app_60{
	background-image:url("../image/sche/app_60.png");}
/*申込み70％*/
.app_70{
	background-image:url("../image/sche/app_70.png");}
/*申込み80％*/
.app_80{
	background-image:url("../image/sche/app_80.png");}
/*申込み90％*/
.app_90{
	background-image:url("../image/sche/app_90.png");}
/*満了*/
.app_100{
	background-image:url("../image/sche/app_100.png");}
/*申込み受付中*/
.app_accep{
	background-image: url("../image/sche/app_accep.png");}
/*締切り間近*/
.app_dead{
	background-image:url("../image/sche/app_dead.png");}
/*募集終了*/
.app_end{
	background-image:url("../image/sche/app_end.png");}
/*満了間近*/
.app_full{
	background-image:url("../image/sche/app_full.png");}


/*=====================area=====================*/
#area{
	width:725px;
	float:right;
	position:relative;
/*	padding-bottom:130px;*/
}

#area_image{
	background-image:url("../image/area_image.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:690px;
	height:270px;
	
	margin-bottom:10px;}

#area_top{
	width:725px;
	height:40px !important;

	background-image:url("../image/area_top.png");
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 !important;
}

#area_bottom{
	height:39px;
	background-image:url("../image/area_bottom.png");
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0;}

#area_main{
	width:690px;
	height:auto;
	padding-top:10px;
	
	background-image:url("../image/area_bg.png");
	background-repeat:repeat-y;
	background-position:0 0;
}

#area_main p, #area_main ul {
	/*padding-right:35px;*/
}

#area_main li {
	/*padding-right:35px;*/
	/*padding-left:7px;*/
	margin-left:7px;
	margin-right:12px;
}


/*
#index #area_main{
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:0px;}

#index #area_top{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	background-image:url("../image/area_top_index.png");
	background-repeat:no-repeat;
	background-position:0 0;
	height:auto;
	height:39px;}
*/

/*=====================footer=====================*/
#footer{
	clear:both;
	font-size:0.9em;
	width:990px;
	height:130px;
	position: relative;

	/*margin: -150px auto 0;*/
	margin: 0 auto;
	/margin: 0 auto;
	
	background-image:url("../image/footer.png");
	background-repeat:no-repeat;
	background-position:0 bottom;}

/*
#footer a{
	color:#fff;
	text-decoration:none}
#footer a:hover{
	color:#afa68f;}
*/

#footer ul{
	width:930px;
	height:50px;
	padding:15px 0 15px 0;
	margin-bottom:19px;
	
	list-style:none;
	border-bottom:1px dotted #999;
	/*background-image:url("../image/footer_line.gif");
	background-repeat:repeat-x;
	background-position:0 bottom;*/}

#footer li{
	float:left;
	border-right:1px solid #999;
	padding:0 5px 0 0;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;}

#footer li.li_right{
	border-right:none;}

#footer li.return{
	clear:both;}

#footer p{
	width:auto;
	height:30px;
	color:#66633d;
	margin:0;
	padding-left:15px;
	
	line-height:30px;
	font-weight:bold;
}

#footer p#pagetop {
	width:160px;
	height:30px;
	float:right;
	margin-right:35px;
}

#footer p#pagetop a{
	width:160px;
	height:30px;
	display:block;
	
	text-indent:-9999px;
/*	
	background-image:url("../image/pagetop.png");
	background-repeat:no-repeat;
	background-position:0 0;
*/
}
	
/*=====================IE6警告文=====================*/
#ie6{
	background-color:#fff;
	padding:5px;
	border:1px solid #000;
	margin-top:20px;}