@charset "UTF-8";

@import "unit_tag.css";
@import "unit_common.css";
@import "unit_twitter.css";

body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #e7f1cf url(../img/body_back.gif) Top Center no-repeat;
}
.All {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
.mainSpace {
	width: 960px;
	height: auto;
	margin: 20px auto;
	padding: 0px 20px;
}
.headerArea {
	width: 960px;
	height: 80px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.headerLogo {
	margin: 0px;
	padding: 0px;
	border: none;
}
.mainWaku0 {
	width: 960px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: url(../img/main_waku_back0.gif) Left Bottom repeat-y;
}
.mainWaku {
	width: 960px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: url(../img/main_waku_back.gif) Left Bottom no-repeat;
}
.mainWaku2 {
	width: 960px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: url(../img/main_waku_back.gif) Left Bottom no-repeat;
}
.sideArea {
	width: 340px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.sideHead {
	width: 340px;
	height: 16px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: url(../img/side_head.gif) Left Top no-repeat;
}
.sideMain {
	width: 315px;
	height: auto;
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
.backB {
	width: 84px;
	height: 16px;
	margin: 20px 20px 14px 516px;
}
.backB a{
	width: 84px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	background: url(../img/back_b.gif) right top no-repeat;
}
.backB a:hover {
	background-position: right bottom;
}
.menuLine {
	width: 290px;
	height: 3px;
	background: url(../img/line.gif) left Center repeat-x;
	font-size: 1px;
}
.menu1 {
	width: 290px;
	height: 22px;
}
.menu1 a{
	width: 290px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu01.gif) left top no-repeat;
}
.menu1 a:hover {
	background-position: left bottom;
}
.menu2 {
	width: 290px;
	height: 22px;
}
.menu2 a{
	width: 290px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu02.gif) left top no-repeat;
}
.menu2 a:hover {
	background-position: left bottom;
}
.menu3 {
	width: 290px;
	height: 22px;
}
.menu3 a{
	width: 290px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu03.gif) left top no-repeat;
}
.menu3 a:hover {
	background-position: left bottom;
}
.menu4 {
	width: 290px;
	height: 22px;
}
.menu4 a{
	width: 290px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu04.gif) left top no-repeat;
}
.menu4 a:hover {
	background-position: left bottom;
}
.menu5 {
	width: 290px;
	height: 22px;
}
.menu5 a{
	width: 290px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu05.gif) left top no-repeat;
}
.menu5 a:hover {
	background-position: left bottom;
}
.menu6 {
	width: 290px;
	height: 22px;
}
.menu6 a{
	width: 290px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu06.gif) left top no-repeat;
}
.menu6 a:hover {
	background-position: left bottom;
}
.menu7 {
	width: 290px;
	height: 22px;
}
.menu7 a{
	width: 290px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu07.gif) left top no-repeat;
}
.menu7 a:hover {
	background-position: left bottom;
}
.menu8 {
	width: 290px;
	height: 22px;
}
.menu8 a{
	width: 290px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu08.gif) left top no-repeat;
}
.menu8 a:hover {
	background-position: left bottom;
}
.spBanner {
	width: 290px;
	height: 44px;
	margin-top: 15px;
}
.spBanner a{
	width: 290px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	background: url(../img/sp_banner.gif) left top no-repeat;
}
.spBanner a:hover {
	background-position: left bottom;
}
.afrecoBanner {
	width: 290px;
	height: 28px;
	margin-top: 8px;
}
.afrecoBanner a{
	width: 290px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	background: url(../img/afreco_banner.gif) left top no-repeat;
}
.afrecoBanner a:hover {
	background-position: left bottom;
}
.afrecoBanner2 {
	width: 290px;
	height: 28px;
	margin-top: 4px;
}
.afrecoBanner2 a{
	width: 290px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	background: url(../img/afreco_banner2.gif) left top no-repeat;
}
.afrecoBanner2 a:hover {
	background-position: left bottom;
}
.contestBanner {
	width: 290px;
	height: 28px;
	margin-top: 4px;
}
.contestBanner a{
	width: 290px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	background: url(../img/contest_banner.gif) left top no-repeat;
}
.contestBanner a:hover {
	background-position: left bottom;
}
.collaboBanner {
	width: 290px;
	height: 28px;
	margin-top: 4px;
}
.collaboBanner a{
	width: 290px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	background: url(../img/banner8.gif) left top no-repeat;
}
.collaboBanner a:hover {
	background-position: left bottom;
}
.supBannerArea {
	width: 300px;
	height: 44px;
	margin-top: 8px;
}
.commentBanner {
	width: 142px;
	height: 44px;
	float: left;
	margin: 0px 6px 0px 0px;
}
.commentBanner a{
	width: 142px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	background: url(../img/comment_banner.gif) left top no-repeat;
}
.commentBanner a:hover {
	background-position: left bottom;
}
.CdBanner {
	width: 142px;
	height: 44px;
	float: left;
	margin: 0px;
}
.CdBanner a{
	width: 142px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	background: url(../img/cd_banner.gif) left top no-repeat;
}
.CdBanner a:hover {
	background-position: left bottom;
}
.headNews {
	width: 142px;
	height: 19px;
	margin-top: 16px;
}
.headNews a{
	width: 142px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu_head_news.gif) left top no-repeat;
}
.headNews a:hover {
	background-position: left bottom;
}
.lineNews {
	width: 290px;
	height: 3px;
	background: url(../img/line_news.gif) left Top repeat-x;
	font-size: 1px;
}
.lineNews2 {
	width: 290px;
	height: 3px;
	background: url(../img/line_news.gif) left Top repeat-x;
	font-size: 1px;
	margin-top: 8px;
}
.headTwitter {
	width: 142px;
	height: 19px;
	margin-top: 10px;
}
.headTwitter a{
	width: 142px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	background: url(../img/menu_head_twitt.gif) left top no-repeat;
}
.headTwitter a:hover {
	background-position: left bottom;
}
.lineTwitter {
	width: 290px;
	height: 3px;
	background: url(../img/line_twitt.gif) left Top repeat-x;
	font-size: 1px;
}
.footer {
	width: 960px;
	margin: 0px;
	padding: 0px;
}
.footerMenu {
	width: 600px;
	height: 98px;
	margin-top: 0px;
	float: left;
	padding: 0 0 0 152px;
}
.footerMenu2 {
	width: 208px;
	height: 98px;
	margin-top: 0px;
	float: left;
}
.cookie {
font-size: 10px;
text-align: right;
margin-top: 0.3rem;
}

.banner1 {
	float: right;
	margin-left: 8px;
	margin-top: 10px;
}
.banner1 a{
	width: 170px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/banner1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.banner2 {
	float: right;
	margin-left: 8px;
	margin-top: 10px;
}
.banner2 a{
	width: 182px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/banner2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.banner4 {
	float: right;
	margin-left: 8px;
	margin-top: 10px;
}
.banner4 a{
	width: 180px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/banner4.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.banner6 {
	float: right;
	margin-left: 8px;
	margin-top: 10px;
}
.banner6 a{
	width: 154px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/banner6.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.banner3 {
	float: right;
	margin-left: 8px;
	margin-top: 8px;
}
.banner3 a{
	width: 176px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/banner3_3.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.banner5 {
	float: right;
	margin-left: 8px;
	margin-top: 8px;
}
.banner5 a{
	width: 176px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/banner5_3.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.banner7 {
	float: right;
	margin-left: 8px;
	margin-top: 10px;
}
.banner7 a{
	width: 200px;
	height: 88px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/banner7.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.banner8 {
	float: right;
	margin-left: 8px;
	margin-top: 8px;
}
.banner8 a{
	width: 180px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/18040.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.footerCopyright {
	width: 960px;
	height: 13px;
	margin: 16px 0px 0px 0px;
	padding: 0px;
	background: url(../img/copyright.gif) Right Top no-repeat;
}
.Clear {
	font-size: 1px;
	clear: both;
	display: block;
}
/* news */
#news{
	width: 285px;
	font-size: 12px;
	line-height: 15px;
	margin-left: 5px;
}
#news dl{
	margin-top: 6px;
	height: 154px;
	overflow: auto;
}
#news dt{
	padding: 0 0 0 14px;
	background: url("../img/icon_window.gif") left Top no-repeat;
	color: #e778a0;
}
#news dd{
	padding-bottom: 4px;
}
#news dd a{
	color: #808080;
}
#news dd a:hover{
	color: #e778a0;
}
/* news */
#news2{
	width: 285px;
	font-size: 12px;
	line-height: 15px;
	margin-left: 5px;
}
#news2 dl{
	margin-top: 6px;
	height: auto;
	overflow: auto;
}
#news2 dt{
	padding: 0 0 0 14px;
	background: url("../img/icon_window.gif") left Top no-repeat;
	color: #e778a0;
}
#news2 dd{
	padding-bottom: 4px;
}
#news2 dd a{
	color: #808080;
}
#news2 dd a:hover{
	color: #e778a0;
}
/* news */
#news3{
	width: 285px;
	font-size: 12px;
	line-height: 15px;
	margin-left: 5px;
}
#news3 dl{
	margin-top: 6px;
	height: 250px;
	overflow: auto;
}
#news3 dt{
	padding: 0 0 0 14px;
	background: url("../img/icon_window.gif") left Top no-repeat;
	color: #e778a0;
}
#news3 dd{
	padding-bottom: 4px;
}
#news3 dd a{
	color: #808080;
}
#news3 dd a:hover{
	color: #e778a0;
}
#twitter{
	padding: 0px;
	width: 290px;
	font-size: 12px;
	line-height: 1.2em;
}
#twitter ul{
	margin-top: 6px;
	height: 155px;
	overflow: auto;
	padding-right: 8px;
	padding-left:  5px;
}
#twitter2{
	padding: 0px;
	width: 290px;
	font-size: 12px;
	line-height: 1.2em;
}
#twitter2 ul{
	margin-top: 6px;
	height: 430px;
	overflow: auto;
	padding-right: 8px;
	padding-left:  5px;
}
#twitter3{
	padding: 0px;
	width: 290px;
	font-size: 12px;
	line-height: 1.2em;
}
#twitter3 ul{
	margin-top: 6px;
	height: 300px;
	overflow: auto;
	padding-right: 8px;
	padding-left:  5px;
}