@charset "UTF-8";

/*css reset
----------------------------------------------------------------*/

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe {
	margin:0;
	padding:0;
}

body{
	font:13px/1.4 sans-serif;
	*font-size:small;
	*font: x-small;}

h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;line-height:1;}

img{border:0;}

ul,ol{list-style-type:none;}

table {border-collapse: collapse; border-spacing: 0;}

img, input, select, textarea { vertical-align: middle;}

em{font-style:normal;}

.small { font-size:86%;}

/* clearfix
---------------------------------------------------------------- */
*:after {
  display:block;
  clear:both;} 

.clearfix {zoom:1;} 
.clearfix:after{
content: "";
display: block;
clear: both;}



/*font
----------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6,p,li,dt,dd,address {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 93%;
	line-height: 195%;
	font-style: normal;
	list-style-type: none;
	color: #333333;
}

#container ul li {
	margin-left: 2px;
	padding-left: 10px;
	list-style-type: none;
	background-image: url(../img/square.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}
#container ol li {
margin-left: 23px;
list-style-type: decimal;
}




/*font decoration
----------------------------------------------------------------*/

.txt_none {
position: absolute;
left: -9999px;
stop: -9999px;
}

.txt_layout_r {text-align: right;}
.txt_layout_l {text-align: left;}
.txt_layout_c {text-align: center;}

.txt_bold {font-weight: bold;}

.txt_color_red {color: #cc0000;}
.txt_color_green {color: #496856;}

.txt_size14px { font-size: 108%; }
.txt_size10px { font-size: 77%; }





/*link
----------------------------------------------------------------*/


a:link {
	text-decoration: none;
	color: #03C;
}
a:visited {
	text-decoration: none;
	color: #609;
}

a:hover {
	text-decoration: underline;
	color: #33F;
}
a:active {
	text-decoration: underline;
	color: #33F;
}


/*link roll over
----------------------------------------------------------------*/

a:hover img {
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

a:hover.btn_opacity img {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;	
}




/*base layout
----------------------------------------------------------------*/

body {
	text-align: center;
	background-image: url(../img/body_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#container {
	text-align: left;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
}

.float_none {clear: both;}
.float_r {float: right;}
.float_l {float: left;}

.line_none {border: none;}






/*header
----------------------------------------------------------------*/

#header {
	height: 54px;
	margin-bottom: 25px;
}
#header_logo {
	float: left;
	margin-top: 10px;
}
#header_title {
	float: right;
	margin-top: 30px;
}





/*layout parts
----------------------------------------------------------------*/

.width637 {
	width: 637px;
	margin-right: auto;
	margin-left: auto;
}
.width560 {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}
#btn_to {
	text-align: center;
	margin-top: 55px;
	margin-bottom: 55px;
}
#btn_entry {
	text-align: center;
	margin-top: 55px;
	margin-bottom: 35px;
}
#btn_entry p { margin-bottom: 15px; }


.col_icon {
	height: 85px;
	width: 85px;
	float: left;
}
.col_txt {
	float: right;
	width: 485px;
}
#arts_member { margin-top: 10px; }

#arts_member dd {
	margin-top: -2.9em;
	margin-left: 11em;
	margin-bottom: 1em;
}

.StatusComment {
	border-bottom: dotted 1px #999;
	padding-bottom:10px;
	margin-bottom:1em;
	width:300px;
}

ul#Ex {
	margin:5px 0 0 0;
}

.RequestSeat {
	clear:both;
	border-top:1px dotted #999;
	padding-top:5px;
	margin-top:1em;
}


/*back green box*/
.box_green {
	background-color: #EFF7F1;
	padding: 10px;
	margin-bottom: 20px;
}

/*back gray box*/
.box_gray,
.box_gray_txt_S {
	background-color: #F9F9F9;
	padding: 25px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}

.box_gray p,
.box_gray li {color: #666666;}

.box_gray_txt_S p,
.box_gray_txt_S li {font-size: 85%;}

.box_gray dt {
	font-weight: bold;
	color: #496856;
	width: 180px;
	float: left;
	margin-right: 20px;
}

/*back white box*/

.box_white {
	background-color: #fff;
	padding: 25px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}




/*Input field box*/
.input_box,
.input_box_th_green {
	border-collapse:collapse;
	width: 660px;
	margin-bottom: 10px;
}

.input_box th,
.input_box td,
.input_box_th_green th,
.input_box_th_green td {
	border: 1px solid #CCC;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}


.input_box_th_green td p.lineTop {
	border-top:solid 2px #ccc;
	margin-top:1.5em;
	padding-top:1.5em;
}

.input_box th,
.input_box_th_green th {
	background-color: #F9F9F9;
	width: 120px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}

.input_box_th_green th p {
	font-weight: bold;
	color: #496856;
}



/*Input field line*/

.input_line_th_green {
	border-collapse:collapse;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #bbbbbb;
	width: 660px;
	margin-bottom: 35px;
}
.input_line_th_green th,
.input_line_th_green td {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbbbbb;
}
.input_line_th_green th {
	width: 205px;
	vertical-align: top;
}
.input_line_th_green th p {
	color: #496856;
	text-align: left;
}



/*Input form*/

.form_line {
	height: 23px;
	border: 1px solid #999;
}

textarea {border: 1px solid #999;}


/*error*/
p#error {
	background-color:#CC0000; color:#fff;
}

#errorlist {
	width:; padding:10px; border:solid 1px #990000; color:#CC0000; margin-bottom:2em;
}

#errorlist ul {
	color:#CC0000;
	margin-top:1em;
}

#errorlist ul li {
	color:#666;
	font-weight:bold;
	margin-left:20px;
}

/*thanksページ*/
.thanksLead {
	border-top:1px solid #003399;
	border-bottom:1px solid #003399;
	padding:10px;
	font-size:120%;
	color:#003399;
	font-weight:bold;
	margin-top:50px;
}


/*notice各エラーページ*/
.noticeLead {
	border-top:1px solid #990000;
	border-bottom:1px solid #990000;
	padding:10px;
	font-size:120%;
	color:#CC0000;
	font-weight:bold;
	margin-top:50px;
}

ul.notice {
	margin-left:1em;
	font-size:100%;

}	

.notice li{
	line-height:200%;
}

/*foot*/
.close {
	text-align:center;
	padding:2em 0;
	border-top:1px dotted #999;
	color:#999;
}

#foot {
	border-top:1px solid #999;
	padding-top:10px;
	font-size:80%;
	text-align:center;
	color:#999;
}

/*space
----------------------------------------------------------------*/

.mt00 {margin-top: 0px;}
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}

.mb00 {margin-bottom: 0px;}
.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}

.ml00 {margin-left: 0px;}
.ml05 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}

.mr00 {margin-right: 0px;}
.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}