@charset "UTF-8";
@import	"common.css";

/*-----------------------------------------------------------------------*/
/*[ topcontents ]*/
/*-----------------------------------------------------------------------*/
#topcontents {
	padding: 21px 0 1px 0;
}
*+html #topcontents {
	padding: 0 0 1px 0;
}
#topcontents div.section {
	width: 960px;
	margin: auto auto 21px auto;
}
*+html #topcontents div.section {
	margin: auto;
	padding-top: 21px;
	padding-bottom: 15px;
}
#youtubeBox {
	float: left;
	width: 630px;
	height: 400px;
	background: #111;
}
#aboutBox {
	float: right;
	width: 310px;
}
#aboutBox h2 {
	margin-top:10px;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	color: #25545f;
}
#aboutBox p#catch {
	margin-bottom: 14px;
	margin-right: 20px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #4e4e44;
}
#aboutBox p#president {
	float: left;
	margin-top: 105px;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	color: #3a3a33;
}
#aboutBox p#president strong {
	font-size: 22px;
	line-height: 26px;
}
#aboutBox p#president span {
	font-weight: normal;
}
#aboutBox div#presidentPhoto {
	float: left;
	margin-bottom: 15px;
	margin-left: 10px;
}
#aboutBox #topBtnAbout {
	clear: both;
	width: 310px;
	height: 85px;
	background: url(../image/btn_about.png) no-repeat;
}
#topBtnMovie {
	float: left;
	width: 470px;
	height: 195px;
	background: url(../image/btn_movie.png) no-repeat;
}
#topBtnBBS {
	float: right;
	width: 470px;
	height: 195px;
	background: url(../image/btn_bbs.png) no-repeat;
}

/*-----------------------------------------------------------------------*/
/*[ middlecontents ]*/
/*-----------------------------------------------------------------------*/
#middlecontents {
	background: url(../common_img/back_contents2.png);
}
#middlecontentsInner {
	width: 960px;
	margin: auto;
	padding: 1px 0;
}
ul#threeContents {
	margin-top: 20px;
	margin-bottom: 21px;
	list-style: none;
}
ul#threeContents li {
	float: left;
	width: 306px;
	height: 222px;
}
ul#threeContents li#topBtnPoint {
	margin-right: 20px;
	background: url(../image/btn_point.png) no-repeat;
}
ul#threeContents li#topBtnHowto {
	margin-right: 20px;
	background: url(../image/btn_howto.png) no-repeat;
}
ul#threeContents li#topBtnOriginalItem {
	background: url(../image/btn_originalitem.png) no-repeat;
}
/*threePoint*/
#threePointBox {
	width: 960px;
	height: 533px;
	margin-bottom: 20px;
	background: url(../image/back_3point.png) no-repeat;
}
#threePointBox div.title {
	width: 276px;
	margin: auto;
	padding: 1px 0;
}
#threePointBox div.title h2 {
	width: 276px;
	height: 21px;
	margin-top: 150px;
	margin-bottom: 30px;
	background: url(../image/title_point.png) no-repeat;
	text-indent: -9999px;
}
ul#threePoint {
	list-style: none;
}
ul#threePoint li {
	float: left;
	width: 293px;
	height: 295px;
}
ul#threePoint li#topBtnPoint1 {
	margin-left: 20px;
	background: url(../image/btn_point1.png) no-repeat;
}
ul#threePoint li#topBtnPoint2 {
	margin-left: 20px;
	background: url(../image/btn_point2.png) no-repeat;
}
ul#threePoint li#topBtnPoint3 {
	margin-left: 20px;
	background: url(../image/btn_point3.png) no-repeat;
}
/*-----------------------------------------------------------------------*/
/*[ bottomcontents ]*/
/*-----------------------------------------------------------------------*/
#bottomcontents {
	background: url(../common_img/back_contents3.png);
}
#bottomcontentsInner {
	width: 960px;
	margin: auto;
	padding: 1px 0;
}
ul#bottomcontentsList {
	margin-top: 20px;
	margin-bottom: 36px;
	list-style: none;
}
ul#bottomcontentsList li {
	float: left;
	width: 306px;
	height: 222px;
}
ul#bottomcontentsList li#topBtn3R {
	margin-right: 20px;
	background: url(../image/btn_recycle.png) no-repeat;
}
ul#bottomcontentsList li#topBtnRecommend {
	margin-right: 20px;
	background: url(../image/btn_item.png) no-repeat;
}
ul#bottomcontentsList li#topBtnVoice {
	background: url(../image/btn_president.png) no-repeat;
}
/*information*/
#information {
	margin-bottom: 75px;
}
#information #infoBox {
	float: left;
	width: 470px;
}
#information #infoBox #letterBox {
	border-top: 4px solid #fdafc8;
}
#information #infoBox #blogBox {
	border-top: 4px solid #b094ae;
}
#information #infoBox h2 {
	float: left;
	margin-top: 27px;
	margin-bottom: 12px;
	text-indent: -9999px;
}
#information #infoBox #letterBox h2 {
	width: 207px;
	height: 47px;
	background: url(../image/title_letter.png) no-repeat;
}
#information #infoBox #blogBox h2 {
	width: 214px;
	height: 48px;
	background: url(../image/title_blog.png) no-repeat;
}
/*backNumber*/
#information #infoBox div.backNumber {
	float: right;
	margin-top: 42px;
	width: 120px;
	height: 35px;
}
#information #infoBox #letterBox div.backNumber {
	background: url(../image/btn_backnumber1.png) no-repeat;
}
#information #infoBox #blogBox div.backNumber {
	background: url(../image/btn_backnumber2.png) no-repeat;
}

#information #infoBox ul {
	clear: both;
	margin-bottom: 42px;
	list-style: none;
}
#information #infoBox ul li {
	margin-bottom: 12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 1px solid #ccc;

	background: #fff;

	font-size: 14px;
	line-height: 22px;
}
#information #infoBox ul li a {
	display: block;
/*
	width: 100%;
*/
	height: 100%;
	padding: 12px 40px 9px 40px;
	padding: 12px 12px 9px 12px;
	text-decoration: underline;
}
#information #infoBox #blogBox span {
	display: block;
}
#information #infoBox #blogBox span.date {
	float: left;
	color: #4e4e44;
	text-decoration: none;
	width:115px;
}
#information #infoBox #blogBox span.title {
	float: left;
	margin-left: 12px;
	text-decoration: underline;
}

#information #facebookBox {
	float: right;
	width: 470px;
	height: 540px;
	border: 1px solid #36f;
	background: #fff;
}
#information #facebookBox div.inner {
	padding: 1px 0;
}
#information #facebookBox div.inner iframe {
}

#morimori {
	margin-top:15px;
	height:222px;
	background: url(../image/morimoribase.png) no-repeat;
}
#morimori-inner {
	padding:20px;
	padding-top:10px;
}
#morimori h2 {
	color:#25545f;
	margin:5px 0px 10px 0px;
	font-size:18px;
	font-weight:bold;
}
#morimori h3 {
	color:#25545f;
	margin:5px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
}
#morimori-banner {
	float:left;
	width:210px;
}
.morimori-info {
	float:left;
	margin-left:20px;
	width:335px;
}
.morimori-info ul {
	clear: both;
	margin-bottom: 42px;
	list-style: none;
}
.morimori-info ul li {
	margin-bottom: 12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 12px;
	line-height: 22px;
}
.morimori-info ul li a {
	display: block;
	height: 100%;
	padding: 8px 8px 4px 8px;
	text-decoration: underline;
}
.morimori-info span {
	display: block;
}
.morimori-info span.date {
	float: left;
	color: #4e4e44;
	text-decoration: none;
	width:100px;
}
.morimori-info span.title {
	float: left;
	margin-left: 0px;
	text-decoration: underline;
}

#morimori {zoom:1;}
#morimori:after {content:" ";clear:both;height:0;display:block;visibility:hidden;}