@charset "Shift_JIS";

/* ------------------------------------------------------------ */
/* format */

body {
	margin:0px;
	padding:0px; 
	background-image:url(../img/back.jpg); 
	background-repeat:repeat; 
	background-position:0 0;
}

h1, h2, h3, h4, h5, h6, dl, dt, dd, p, ul, ol, li, form, input, select, div {
	margin:0px;
	padding:0px;
}

img {
	margin:0px;
	padding:0px;
	border:none;
}

br.clr {
	clear:both; 
	height:0px; 
	font-size:0px; 
	line-height:0%; 
	display:inline; 
	margin:0px; 
	padding:0px;
}

div#wrapper {
	width:900px;
	background-color:#FFF; 
	background-image:url(../img/main_back.jpg); 
	background-repeat:repeat-x;
	background-position:0 70px; 
	border-left:2px solid #009AFF;
	border-right:2px solid #009AFF; 
	padding:0px;
	margin:0px auto;
}

p.pageback {
	font-size:80%; 
	text-align:right; 
	margin:0px 24px 20px 0px;
}
p.pageback a {
	background-image:url(../img/pageback.jpg); 
	background-repeat:no-repeat; 
	background-position:0 5px; 
	padding-left:12px;
}

/* header */

div#wrapper div#header {
	padding:0px; 
	margin:0px;
}

/* mainarea */

div#mainarea {
	width:845px;
	margin:0px auto;
}
div#mainarea:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
div#mainarea div.text {
	width:500px; 
	float:left;
}
div#mainarea div.text h1 {
	margin-top:20px;
}
div#mainarea div.text p {
	margin-top:24px;
}
div#mainarea div.news {
	width:233px; 
	float:right; 
	padding-top:6px;
}
.box .text strong {
	color: #FF6600;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* navi */

ul#navi {
	width:850px; 
	list-style-type:none;
	margin:30px auto 0px;
}
ul#navi:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
ul#navi li {
	float:left;
}
ul#navi li a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* block */

div.block {
	width:850px; 
	margin:40px auto 0px;
}
div.block h2 { 
	margin-bottom:35px;
}
div.block h2 span {
	display:block; 
	margin-bottom:10px;
}
div.block div.content {
	width:850px;
	margin:0px auto 20px;
}
div.block div.content:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
div.block div.content div.text {
	width:540px; 
	float:left;
}
div.block div.content div.text h3 {
	margin-bottom:13px; 
}
div.block div.content div.text p.txt {
	color:#333; 
	font-size:90%; 
	line-height:160%;
}
div.block div.content div.image {
	width:270px;
	float:right;
	text-align: right;
}
div.block div.content div.btnmovie {
	padding-top:65px;
}
div.block div.content div.btnmovie a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
div.block div.content div.illust {
	padding-top:30px;
}


div.block div.content2 {
	width:850px;
	margin:0px auto 20px;
}
div.block div.content2:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
div.block div.content2 div.text {
	width:350px;
	float:left;
}
div.block div.content2 div.text h3 {
	margin-bottom:13px; 
}
div.block div.content2 div.text p.txt {
	color:#333; 
	font-size:90%; 
	line-height:160%;
}
div.block div.content2 div.image {
	width:500px;
	float:right;
	text-align: right;
}


/* box */

div.box {
	width:818px; 
	padding:10px 15px;
	margin:0px auto 20px; 
	border:1px solid #CCC;
}
div.box:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
div.box div.image {
	width:150px; 
	float:left; 
}
div.box div.text {
	width:640px; 
	float:right; 
}
div.box div.text h4 {
	margin:3px 0px 14px; 
}
div.box div.text p {
	color:#333; 
	font-size:90%; 
	line-height:160%;
}
div.box div.text h5 {
	margin:20px 0px 5px; 
}

/* greeting */

div#greeting {
	width:798px; 
	background-image:url(../img/greeting_back.jpg); 
	background-repeat:no-repeat; 
	background-position:0 0; 
	padding:26px;
	margin:20px auto 20px;
}
div#greeting:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
div#greeting div.text {
	width:545px; 
	float:left;
}
div#greeting div.text h2 {
	margin-bottom:20px;
}
div#greeting div.text p {
	color:#FFF; 
	font-size:80%; 
	line-height:150%;
}
div#greeting div.text p.right {
	text-align:right; 
}
div#greeting div.image {
	width:230px; 
	float:right; 
	padding-top:45px;
}

/* footer */

div#footer {
	padding:20px 0px 0px; 
	margin:0px; 
}

