@charset "shift_jis";
/* CSS Document */

@import url(sp.css);
@import url(respons.css);
@import url(custom.css);

body {
	font-family: "?l?r ?o?S?V?b?N", "MS Gothic", "Osaka?|????", Osaka-mono, monospace;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.1em;
}

img {
	vertical-align: top;
}

hr {
	border: 0px;
	height: 1px;
	background: #e1e1e1;
	margin-bottom: 50px;
	margin-top: 50px;
}

hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* Header
------------------------------------------------------------------------------------*/
div#head_wrap {
	height: 50px;
	border-bottom: #fe94a7 solid 5px;
/*	margin-bottom: 2px;
*/	background-color: #FFFFFF;
	padding-left: 15px;
	padding-top: 10px;
}

div#head_wrap h1 {
	float: left;
	margin-top: 10px;
}

div#head_wrap ul {
	margin-top: 16px;
}

div#head_wrap li{
	font-size: 12px;
	line-height: normal;
	padding-right: 15px;
	float: right;
}



/* Main Visual
------------------------------------------------------------------------------------*/
div#main_visual {
	height: 820px;
	background: url(../img/main_visual_bg.png) top left repeat-x;
	min-width: 1000px;
	border-bottom: #ccc 1px solid;
	margin-bottom: 40px;
	padding-top: 12px;
}

div#main_visual h2 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	right: 43px;
}



/* Movie
------------------------------------------------------------------------------------*/
#movie {
	height: 360px;
	padding-top: 40px;
	margin: 0 auto 40px auto;
	text-align: center;
	background: url(../img/movie_bg.png) top center no-repeat;
	border-bottom: #ccc 1px solid;
	padding-bottom: 50px;
}



/* Contents
------------------------------------------------------------------------------------*/
#contents {
	width: 900px;
	margin: 0 auto;
}

#contents h3,#contents p {
	margin-bottom: 30px;
}

#contents h3 {
	margin-bottom: 30px;
}



/* Bled
------------------------------------------------------------------------------------*/
dl#bled {
	background: url(../img/bled_bg.gif);
	padding: 50px 50px 20px 50px;
	margin-bottom: 40px;
}

dl#bled dt {
	padding-top: 30px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-right: #ccc 1px solid;
}

dl#bled dd {
	background-color: #FFFFFF;
	padding-left: 90px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
}



/* common
------------------------------------------------------------------------------------*/
.brige {
	display: block;
	width: 680px;
	margin: 0 auto 30px auto;
}

.f_r {
	float: right;
}

.t_c {
	text-align: center;
}

.text_back_u_line {
    border-bottom: 1px dotted #d02c2c;
    color: #000;
    font-weight: bold;
}



/* Font
------------------------------------------------------------------------------------*/
.text_red {
	color: #cc0000;
}

.text_marker {
	background-color: #ffff96;
}



/* Footer
------------------------------------------------------------------------------------*/
div#footer {
	border-top: #368436 solid 5px;
	padding-bottom: 50px;
}

div#f_box {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

div#f_box h2 {
	float: left;
	margin-top: 8px;
}

ul#f_navi {
	float:left;
	margin-left: 120px;
}

ul#f_navi li {
	display: inline;
	font-size: 12px;
	padding-right: 10px;
}

p#copyright {
	float: right;
	font-size: 12px;
	margin-top: 2px;
	letter-spacing: 0em;
	color: #666;
}

p#pagetop {
	text-align: right;
	margin-bottom: 10px !important;
}



/* ???????????[???g
------------------------------------------------------------------------------------*/
#mailfrm{
	width: 900px;
	height: 1250px;
}



/* ???????[???T?|?[?g
------------------------------------------------------------------------------------*/
div#support {
	width: 900px;
	height: 360px;
	background: url(../img/support_bg.png) top left no-repeat;
	position: relative;
	margin-bottom: 40px;
}

div#support p {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-size: 24px;
	position: absolute;
	left: 380px;
	top: 210px;
}

div#support a:link,div#support a:visited {
	text-decoration: none;
	color: #0000ee;
	border-bottom: 2px solid #0000ee;
	padding-bottom: 3px;
}

div#support a:hover,div#support a:active {
	color: #7d7dff;
	border-bottom: 2px solid #7d7dff;
	padding-bottom: 3px;
}



/* ?????q?l??? ------------------------------*/
div#students {
	margin-bottom:40px;
}

div#students h3 {
	margin-bottom:0px !important;
}

div#students p{
	margin-bottom:10px !important;
}



/* recommend
------------------------------------------------------------------------------------*/
#recommend {
	padding: 40px 50px 40px 65px;
	background: url(../img/bg_recommend.gif);
	margin-bottom: 40px;
	border-top: #cdbfa6 10px solid;
	border-bottom: #cdbfa6 10px solid;
}

#movie_recommend {
	width: 760px;
	height: 363px;
	background: url(../img/movie_recommend_bg.gif) left top no-repeat;
	text-align: center;
	padding-top: 37px;
	margin-top:20px;
}



/* Roll Over
------------------------------------------------------------------------------------*/
a img{
	opacity:1;
	filter: alpha(opacity=100);
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}