@charset "shift_jis";
/* 20090420 :-) */ 


/* 一括設定 ■■■■■■■■■■■■■■■■■■■ */ 
*{
	margin: 0px;
	padding: 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	color: #000;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}
input{ line-height: 1em;}
a{ outline-style: none;}
a:link{ color: #000;}
a:visited{ color: #000;}
a:hover{ color: #c36ac8;}
/*a:active{ color: #009ED2;}*/
a img{ border: none;}

li{ list-style: none;}
li a{ word-break: break-all;}

body{ background: #fff;	font-size: 12px;}
/* IE7 */
*:first-child+html body{ font-size: small;}
/* IE6 */
* html body{ font-size: small;}

/* FORM設定 ■■■■■■■■■■■■■■■■■■■ */ 
/* form入力設定 */
.inputA{ ime-mode: active;} /*（IMEオン・日本語入力モード）*/ 
.inputB{ ime-mode: inactive;} /*（IMEオフ・英数字入力モード）*/  
.inputC{ ime-mode: disabled;} /*（IME使用不可・英数字入力モード） */ 
.inputD{ ime-mode: auto;} /*（自動）デフォルト*/ 

/* form横幅設定 */
.sizeA{ width: 270px;}
.sizeB{ width: 200px;} 
.sizeC{ width: 80px;} 
.sizeD{ width: 40px;}


/* 大枠設定 ■■■■■■■■■■■■■■■■■■■ */ 
div#container{
	width: 800px;
	margin: 0px auto;
}

/* HEADER ■■■■■■■■■■■■■■■■■■■ */ 

/* CONTENTS ■■■■■■■■■■■■■■■■■■■ */ 
/*FLOAT＆BACKGROUND
---------------------------------------------------- */ 
div#contents{
	background: url(../img/bg_line.gif) repeat-y;
	margin: 20px auto;
}
div.leftContents{
	width: 230px;
	background: url(../img/bg_left.gif) center top no-repeat;
	float: left;
	min-height:760px;
	height: auto !important;
	height: 760px;
}
div.rightContents{
	width: 560px;
	float: right;
}
div#contents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contents { display: inline-block;}
/* Hides from IE-mac \*/
* html div#contents { height: 1%;}
div#contents { display: block;}
/* End hide from IE-mac */ 

/*LEFT_CONTENTS
---------------------------------------------------- */ 
div.leftContents h1{
    text-indent: -1000em;
    text-decoration: none;
    background: url(../img/title.gif) no-repeat left bottom #fff;
    width: 230px;
    height: 25px;
}
div.leftContents *{
	color: #fff;
	font-size: 11px;
}
div.leftContents div.readTxt{ padding: 1em;}

/*RIGHT_CONTENTS
---------------------------------------------------- */ 
div.rightContents h2{
	margin-top: 25px;
	background: #c36ac8;
	padding: 1.5em 1em;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-bottom:1em;
}
/* TEXT */
div.infoArea div.text{
	float: left;
	width: 395px;
}
/* IMAGE */
div.infoArea div.imgBox{
	float: right;
	width: 150px;
}
div.infoArea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.infoArea { display: inline-block;}
/* Hides from IE-mac \*/
* html div.infoArea { height: 1%;}
div.infoArea { display: block;}
/* End hide from IE-mac */ 

/* DEADLINE */
div.infoArea div.text span.deadLine{
	display: block;
	color: #c00;
	margin-top: 1em;
}


/* FORM_AREA */
div.formArea{
	clear: both;
	border-top: 1px solid #9d9da1;
	margin-top: 1em;
	padding-top: 1em;
}
p.formInfo{ text-align: right;}

/* COLOR */
span.reqItem{ color: #CC0000; font-size: 11px;}
span.arbItem{ color: #FF99CC; font-size: 11px;}

/* TABLE */
div.formArea table{
	margin: 0em auto 1.5em;
}
div.formArea table tr{ border-bottom: 1px dashed #9d9da1;}
div.formArea table td{ padding: 0.2em 0.5em; vertical-align: top;}
div.formArea table td.item{ width: 150px;}

/* SUBMIT_AREA */
p.subBox{
	text-align: center;
	margin: 1em auto;
}

/* NOTICE */
ul.notice{
	clear: both;
	background: #fee3ff;
	border: 1px solid #cc81d0;
	padding: 1.5em;
	color: #fff;
	font-size: 11px;
}
ul.notice li{
	text-indent: -1em;
	padding-left: 1em;
}

/* MSG */
td.msg,td.msg *{ font-weight: bold; color: #c00;}