@charset "utf-8";

/* -----------------------------------------------------
 * 
 * INDEX CSS
 * 
 * -------------------------------------------------- */

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	height:675px;
	background: #ffffff no-repeat top center;
}

#Main div.main-inline{
	height:100%;
}
/* h1 */
#Main h1{ top:0; left:0;}

/* oa */
#Main .oa{ top:0; left:0;}
.oa img{ margin:25px 0 0 150px; padding:0px; z-index:8; border:0px solid #FF0000; width:919px; height:67px;}

/* present */
#Main .present01{ top:0; left:0;}
.present01 a img{ margin:85px 0 0 880px; padding:0px; z-index:8; border:0px solid #FF0000; width:177px!important; height:155px!important;}

/* ul */
#Main ul{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
/* -----------------------------------------------------
 * 
 * INDEX CSS
 * 
 * -------------------------------------------------- */

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Mainin{
	background: #f7f5ef url("../images/topline_bg.png") center 0 repeat-x;
	margin:0 auto;
	height:100%;

}
#Mainin div.main-inline{
	width:980px;
	height:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto 0 auto;
}

h1 { font-size: 175%; line-height: 1.5em; font-weight:bold; }
h2 { font-size: 150%; line-height: 1.5em; }
h3 { font-size: 125%; line-height: 1.5em; font-weight:bold; }

/*-------------------------------------
Intro
---------------------------------------*/
#intro{
	padding: 20px 0;
	border:0px solid #FF0000;
	text-align:center;
}
.subtitle{ display: block; text-align:center; padding:0 0 30px 0; border:0px solid #FF0000;}
.subfooter{ display: block; text-align:center; padding:30px 0 20px 0;}

.txt{
	text-align:left;
	margin: 0 0;
	padding:20px 12%;
	border: 0px solid #FF0000;
	letter-spacing: 0.1em;
    line-height: 1.7;
}

/*-------------------------------------
Cast
---------------------------------------*/
#cast{
	padding: 20px 0;
	border:0px solid #FF0000;
	text-align:center;
}

#cast .castArea {
	width:415px;
	margin:0 0 40px 40px;
	float:left;
	border:1px solid #CCCCCC;
	padding: 10px;
}

#cast .castArea2 {
	width:415px;
	margin:0 0 40px 40px;
	float:left;
	border:0px solid #CCCCCC;
	padding: 10px;
}

.castArea .castPhoto {
width:415px;
float:left;
}
.castArea .castProf {
width:415px;
float:right;
font-size:92%;
line-height:1.5;
}
.castArea .castProf img {vertical-align: middle; margin: 3px 0;}
.castArea .castProf h3 {margin:10px 0 10px 0;}
.castArea dl dd{ border-bottom:2px dotted #CCCCCC; margin:10px 0; text-align:left;}
.castArea .castProf2 { width:100%; float:left; font-size:92%; line-height:1.5;}

/*-------------------------------------
Chart
---------------------------------------*/
#chart{
	padding: 20px 0;
	border:0px solid #FF0000;
	text-align:center;
}

/*-------------------------------------
Story
---------------------------------------*/
#story{
	padding: 20px 0;
	border:0px solid #FF0000;
	text-align:center;
}

/**************** STORY ****************/
.storytxt{ float:left; margin:10px 0; text-align:left; padding:20px 10%;}
.story_photo { padding:15px 0 0px 0px;}

#story_list { border:0px solid #FF0000; padding:0px;}
#story_list li { border:1px solid #464241; border-radius: 6px; text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	width:30%;
	line-height:1.5;
	display:inline-block;
	float:left;
	margin-left:30px;
	background:url(../images/listbg.png) left bottom no-repeat;
	padding:5px 0 5px 0;
	margin-bottom:10px;
}
#story_list li a { color:#fff; text-decoration:none;}
#story_list li a:hover { text-decoration:underline;}

/*
#story_list li#story01,
#story_list li#story02,
#story_list li#story03,
#story_list li#story04,
#story_list li#story05,
#story_list li#story06,
#story_list li#story07,
#story_list li#story08,
#story_list li#story09,
#story_list li#story10,
#story_list li#story11,
#story_list li#story12,
#story_list li#story13,
#story_list li#story14,
#story_list li#story15,
#story_list li#story16,
#story_list li#story17,
#story_list li#story18,
#story_list li#story19,
#story_list li#story20,
#story_list li#story21,
#story_list li#story22,
#story_list li#story23,
#story_list li#story24,
#story_list li#story25,
#story_list li#story26,
#story_list li#story27,
#story_list li#story28{ display:none;}*/

hr { border:0; height:38px; padding:0px; margin:40px 0;
background:url("../images/hr_line.png") center 0 no-repeat;}

/*-------------------------------------
Photogallery
---------------------------------------*/
#photogallery{
	padding: 20px 0;
	text-align:center;
}
#galleryList{ margin: 0;}
#galleryList ul {}
#galleryList li{ float:left; padding:15px;}

/*-------------------------------------
Present
---------------------------------------*/
#presentform{
	padding: 20px 0;
	text-align:center;
}
/*====================*/
/*=== Other Styles ===*/
/*====================*/
i { color:#d93422;}
.clear { clear:both;}
.fL {float:left;}
.fR {float:right;}
.align_c {text-align:center;}

/***** BOTTOMFIX CSS *****/
.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;}

#presentform table{
	margin:30px 0 20px 30px;
	text-align:left;
}

form {
	width:825px;
	color:#000000;
	margin:0 auto;
	border:0px solid #FF0000;
	}
input {
	background-color:#dcdcdc;
	border: thin solid #dcdcdc;
		font-size:100%;
		color:#626262;
	}
SELECT {
	background-color:#fff;
	border: thin solid #837872;
	color:#837872;
	font-size:100%;
	}

button {border:none;}
form td {padding-bottom:10px;}
hr {
	height:0px;
	border-bottom: thin solid #e8e3e0;
	margin-bottom:10px;
	}

#presentform h2 {
height:41px;
background:url(../images/present/title_form.png) center top no-repeat;
margin: 0px auto 0px auto;
text-indent:-9999px;
overflow:hidden;
}
.present_title { font-weight:none; font-size:18px; color:#000000;}
.deadline { font-weight:bold; font-size:18px; color:#CC0000;}
.atten { font-weight:bold; font-size:26px; }