@charset "UTF-8";



/* General
----------------------------------------------------------------------*/

body {
	text-align: center;
	color: #222;
	background: #f9f7ec url(../images/common/cmn-bg.jpg) repeat left top;
	font-size: 100%;
	font-family: FreeSans,Arial,Helvetica,sans-serif;
	line-height: 140%;
}

* {
	margin: 0; padding: 0;
}

img, table { border: 0; }

strong { font-weight: bold; }

table {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
}

a:link    { color: #1b66b1; text-decoration: none; }
a:hover   { color: #2a88e7; text-decoration: underline; }
a:visited { color: #336699; text-decoration: none; }


/* clearfix
------------------------------------------------------------- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* Layouts
----------------------------------------------------------------------*/

h1 {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 109px;
	background-image: url(../images/top/top-title.png);
	overflow: hidden;
	font-size: 0px;
	text-align: 0px;
	text-indent: -9999px;
}

#bg-container {
	width: 100%;
	margin:0;
	padding: 0;
	text-align: center;
}

#photo-container {
	width: 100%;
	margin:0;
	padding: 0;
	text-align: center;
	background: transparent url(../images/top/top-photo_bg7.png) repeat-x left top;
}

#container {
	width: 900px;
	margin: 0 auto;
	background: transparent url(../images/top/top-photo_201505.jpg) no-repeat center top;
	text-align: left;
}

#contents {
	float: right;
	width: 300px;
	min-height: 600px;
	_height: 600px;
	background: #fff;
	border-radius: 0 0 4px 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.25);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#4e5256', Direction=145, Strength=5);
}



/* Footer
----------------------------------------------------------------------*/

#footer {
	clear: both;
	margin: 0;
	padding: 20px 0;
}

#footer p {
	float: left;
	width: 560px;
	margin: 0;
	padding: 0;
	font-size: 65%;
	line-height: 140%;
	color: #222;
}

#footer ul {
	float: right;
	width: 320px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none outside;
}



/* Sub Contents
----------------------------------------------------------------------*/

#subcontents {
	position: relative;
	float: left;
	width: 560px;
	height: 514px;
	margin-top: 513px;
	margin-bottom: 20px;
	background: transparent none no-repeat left bottom; 
}

#subcontents p {
	position: absolute;
}

#subcontents p span {
	font-size: 90%;
	line-height: 140%;
}

#subcontents p.sub_17 {
	left: 106px;
	top: 127px;
}

#subcontents p.sub_18 {
	left: 0px;
	top: 0px;
}

#subcontents p.sub_19 {
	left: 67px;
	top: 161px;
}



/* YouTube
----------------------------------------------------------------------*/

#top_youtube {
	position: absolute;
	top: 199px;
	width: 560px;
	height: 315px;
	background: transparent none;
	box-shadow: 1px 1px 5px #999;
}



/* Navigation
----------------------------------------------------------------------*/

ul#navi {
	margin: 0 0 15px 10px;
	padding: 0;
}

ul#navi li {
	margin: 0;
	padding: 0;
	list-style: none outside;
	font-size: 0px;
	line-height: 0px;
}

ul#navi li a {
	display: block;
	width: 280px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/top/top-menu.png) no-repeat;
}

ul#navi li.navi1 a { background-position: 0px 0px; }
ul#navi li.navi1 a:hover { background-position: -280px 0px; }

ul#navi li.navi2 a { background-position: 0px -25px; }
ul#navi li.navi2 a:hover { background-position: -280px -25px; }

ul#navi li.navi3 a { background-position: 0px -50px; }
ul#navi li.navi3 a:hover { background-position: -280px -50px; }

ul#navi li.navi4 a { background-position: 0px -75px; }
ul#navi li.navi4 a:hover { background-position: -280px -75px; }

ul#navi li.navi5 a { background-position: 0px -100px; }
ul#navi li.navi5 a:hover { background-position: -280px -100px; }

#contents p.futeikidesho {
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}



/* Twitter Widget
----------------------------------------------------------------------*/

#twwidget {
	width: 560px;
}

#twwidget p.twcomment {
	margin-bottom: 20px;
	font-size: 80%;
	line-height: 130%;
	color: #333;
}



/* information
----------------------------------------------------------------------*/

ul#info {
	margin: 0 20px 20px 20px;
}

ul#info li {
	margin: 0 0 10px 0;
	padding: 0 2px;
	list-style: none outside;
	font-size: 75%;
	line-height: 140%;
}

ul#info a {
	color: #4a4942;
	text-decoration: none;
}

ul#info a span {
	color: #e76209;
	font-weight: bold;
}

ul#info a:hover {
	color: #de3c76;
	text-decoration: underline;
}