@charset "utf-8";

body {

	background: url(../imgs/top_bg.jpg) repeat-x;

}

/* メインビジュアル */

#main_visual {

	clear: both;

	width: 1000px;

	height: 500px;

	position: relative;

}

#main_visual h2 a{

	display: block;

	width: 1000px;

	height: 500px;

	text-indent: -9999px;

}

#topics_01 {

	background: url(../imgs/topics_01.jpg);

}

#topics_02 {

	background: url(../imgs/topics_02.jpg);

}

#topics_03 {

	background: url(../imgs/topics_03.jpg);

}

#topics_04 {

	background: url(../imgs/topics_04.jpg);

}

#topics_05 {

	background: url(../imgs/topics_05.jpg);

}

#topics_06 {

	background: url(../imgs/topics_06.jpg);

}

#topics_07 {

	background: url(../imgs/topics_07.jpg);

}

#topics_08 {

	background: url(../imgs/topics_08.jpg);

}

#topics_09 {

	background: url(../imgs/topics_09.jpg);

}

#topics_10 {

	background: url(../imgs/topics_10.jpg);

}

#topics_10 {

	background: url(../imgs/topics_10.jpg);

}

#topics_11 {

	background: url(../imgs/topics_11.jpg);

}

#topics_12 {

	background: url(../imgs/topics_12.jpg);

}

#topics_13 {

	background: url(../imgs/topics_13.jpg);

}

#topics_14 {

	background: url(../imgs/topics_14.jpg);

}

#topics_15 {

	background: url(../imgs/topics_15.jpg);

}

#topics_16 {

	background: url(../imgs/topics_16.jpg);

}

#topics_17 {

	background: url(../imgs/topics_17.jpg);

}

#topics_18 {

	background: url(../imgs/topics_18.jpg);

}

#topics_19 {

	background: url(../imgs/topics_19.jpg);

}

#topics_20 {

	background: url(../imgs/topics_20.jpg);

}

#topics_21 {

	background: url(../imgs/topics_21.jpg);

}

#topics_22 {

	background: url(../imgs/topics_22.jpg);

}

#topics_23 {

	background: url(../imgs/topics_23.jpg);

}

#topics_24 {

	background: url(../imgs/topics_24.jpg);

}

#topics_25 {

	background: url(../imgs/topics_25.jpg);

}

#topics_26 {

	background: url(../imgs/topics_26.jpg);

}

#topics_27 {

	background: url(../imgs/topics_27.jpg);

}

#topics_28 {

	background: url(../imgs/topics_28.jpg);

}




#panelwidget {

	position: absolute;

	top: 0;

	left: 0;

}

#pre_btn {

	display: block;

	background: url(../imgs/pre_btn.png);

	width: 44px;

	height: 50px;

	text-indent: -9999px;

	position: absolute;

	top: 225px;

	left: 10px;

}

#next_btn {

	display: block;

	background: url(../imgs/next_btn.png);

	width: 44px;

	height: 50px;

	text-indent: -9999px;

	position: absolute;

	top: 225px;

	right: 10px;

}

#main_visual:hover a#pre_btn,

#main_visual:hover a#next_btn{

	background-position: 0 -50px;

}

a#pre_btn:link,

a#pre_btn:visited {

	background-position: 0 0;

}

#main_visual:hover a#pre_btn:hover,

#main_visual:hover a#pre_btn:active {

	background-position: 0 -100px;

}

a#next_btn:link,

a#next_btn:visited {

	background-position: 0 0;

}

#main_visual:hover a#next_btn:hover,

#main_visual:hover a#next_btn:active {

	background-position: 0 -100px;

}

/* トピックスバナー */

#banner {

	width: 1000px;

	padding-top: 10px;

}

#banner_01 {

	display: block;

	width: 1000px;

	height: 120px;

	background: url(../imgs/banner_01.jpg);

	text-indent: -9999px;

}

/* 中間・下のスタイル */

#about h3 {

	background: url(../imgs/h3_about.jpg);

}

#banner_bmoon {

	background: url(../imgs/visual_bmoon_s.jpg);

	height: 241px;

}

#banner_bmoon:hover {

	background-position: -170px 0px;

}

#banner_yumeniwa {

	background: url(../imgs/visual_yumeniwa_s.jpg);

	height: 241px;

	cursor: default;

}

.banner {

	display: block;

	width: 170px;

	margin: 10px auto 0px auto;

	text-indent: -9999px;

}

#updates {

	width: 540px;

	float: left;

}

#updates h3 {

	background: url(../imgs/h3_updates.jpg);

	width: 540px;

	height: 24px;

	text-indent: -9999px;

}

#updates dl {

	background: url(../imgs/frame_540px_mdl.jpg) repeat-y;

	width: 510px;

	padding: 0px 15px 0px 15px;

}

#updates dl dt {

	font-family: Arial;

	font-size: 180%;

	font-weight: bold;

	color: #aaa;

	line-height: 120%;

	border-bottom: 1px #aaa solid;

	padding: 15px 5px 0 5px;

}

#updates dl dd {

	padding: 0px 5px;

}

#updates p {

	padding: 0px 10px 10px 10px;

}

#updates h4 {

	font-size: 100%;

	padding: 5px 0px 10px 0px;

}

#updates img {

	display: block;

	margin: 0 auto;

	padding: 0px 0px 10px 0px;

}

#updates:after {

	background: url(../imgs/frame_540px_ft.jpg) no-repeat;

	content: "";

	width: 540px;

	height: 10px;

	display: block;

}

#updates hq {
	background:url(../img/news/hq.jpg) no-repeat;
}

#updates create {
	background:url(../img/news/create.jpg) no-repeat;
}

#updates .web {
	background:url(../img/news/web.jpg) no-repeat left bottom;
}

#updates .cast {
	background:url(../img/news/cast.jpg) no-repeat left bottom;
}

#updates .create {
	background:url(../img/news/edit.jpg) no-repeat left bottom;
}

#updates .study {
	background:url(../img/news/study.jpg) no-repeat left bottom;
}

.new:after {

	content: " NEW!";

	color: red;

	font-size: 90%;

}

#twitter {

	background: url(../imgs/frame_240px_mdl.jpg) repeat-y;

	width: 240px;

	float: right;

}

#twitter h3 {

	background: url(../imgs/h3_twitter.jpg);

	width: 240px;

	height: 24px;

	text-indent: -9999px;

}

#twitter_ft {

	background: url(../imgs/follow_bg.jpg);

	width: 240px;

	height: 64px;

}

#twitter_ft a {

	display: block;

	background: url(../imgs/follow_btn.png);

	width: 240px;

	height: 64px;

	text-indent: -9999px;

}

#twitter_ft a:link,

#twitter_ft a:visited {

	background-position: 0 0;

}

#twitter_ft a:hover,

#twitter_ft a:active {

	background-position: 0 -64px;

}

#twitter .twtr-widget {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 80%;

	font-weight: normal;

	color: #333;

	line-height: 160%;

	z-index: 0;

}

#twitter .twtr-hd,

#twitter .twtr-ft {

	margin: 0;

	padding: 0;

	width: 0;

	height: 0;

	visibility: hidden;

}



#twitter dl dt {

	font-family: Arial;

	font-size: 180%;

	font-weight: bold;

	color: #aaa;

	line-height: 120%;

	border-bottom: 1px #aaa solid;

	padding: 15px 5px 0 5px;

}






#hex {
    float: left;
    margin-right: -26px;
    margin-bottom: -50px;
}
#hex .left {
    float: left;
    width: 0;
    border-right: 30px solid #6C6;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
}
#hex .middle {
    float: left;
    width: 60px;
    height: 104px;
    background: #6C6;
}
#hex .right {
    float: left;
    width: 0;
    border-left: 30px solid #6C6;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
}
#hex-row {
    clear: left;
}
#hex.even {
    margin-top: 53px;
}