@charset "utf-8";

/* コンテンツスタイル
----------------------------------------------------------- */
div#contents {
	width: 100%;
	_width: 100%;
	margin: 0;
	padding: 0;
	background-image: none;
	background: #fff;
	text-align: center;
}

div#contents_inner {
	width: 910px;
	_width: 960px;
	margin: 0 auto;
	padding: 20px 25px 45px 25px;
	background: url(../common/images/bg_contents.gif) 0 0 no-repeat;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}




/* メインコンテンツスタイル
----------------------------------------------------------- */
div#main {
	font-size: 86%;
}

div#main p {
	margin: 0;
}

div#main a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



/* div#visual */

div#main div#visual	{
	position: relative;
	margin: 0 0 15px 0;
}

div#main div#visual p	{
	position: absolute;
	top: 168px;
	left: 304px;
	background: #fff;
	font-size: 0;
	line-height: 0;
}

div#main div#visual p a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/* 地震関連スタイル */
div#main div#Disaster {
	border:3px solid #eee;
	padding:15px 15px 0;
	margin:0 0 15px;
	background:#FFEDED;
}

div#main div#Disaster p {
	margin:0 0 10px;
}





/* div#main_box01 */

div#main_box01 {
	margin: 0 0 25px 0;
	line-height: 1.6;
}

div#main_box01 p.a01 {
	margin: -1.6em 0 0 0;
	text-align: right;
}

div#main_box01 p.a01 a {
	padding: 0 0 0 15px;
	background: url(../common/images/i_arrow01.gif) 0 1px no-repeat;
}



/* div#main_box02 */

div#main_box02 {
	margin: 0 0 30px 0;
	background: url(../images/bg_01.gif) 0 0 repeat-y;
}

div#main_box02 div#main_box02_inner {
	padding: 0 0 25px 0;
	background: url(../images/bg_01_btm.gif) 0 bottom no-repeat;
}

div#main_box02 h2 {
	margin: 0 0 20px 0;
	padding: 8px 0 0 0;
	background: url(../images/bg_01_top.gif) 0 0 no-repeat #eee;
	font-size: 0;
	text-align: center;
	line-height: 0;
}


div#main_box02 div#main_box02_a {
	margin: 0 28px 25px 28px;
	line-height: 2;
	overflow: hidden;
	zoom: 1;
}

div#main_box02 div#main_box02_a div#main_box02_a01 {
	float: left;
	width: 325px;
}

div#main_box02 div#main_box02_a div#main_box02_a01 p {
	margin: 0 0 10px 0;
}

div#main_box02 div#main_box02_a div#main_box02_a01 p a {
	padding: 0 0 0 15px;
	background: url(../common/images/i_arrow01.gif) 0 2px no-repeat;
}

div#main_box02 div#main_box02_a p#btn_beginner {
	float: right;
}

div#main_box02 div#main_box02_a div#main_box02_a02 {
	float: right;
	clear: right;
	width: 240px;
	margin: 10px 0 0 0;
	background: url(../images/bg_02.gif) 0 0 repeat-y;
}

div#main_box02 div#main_box02_a div#main_box02_a02 h3 {
	margin: 0 0 5px 0;
	padding: 6px 0 8px 0;
	background: url(../images/bg_02_top.gif) 0 0 no-repeat;
	font-size: 0;
	text-align: center;
	line-height: 0;
}

div#main_box02 div#main_box02_a div#main_box02_a02 div {
	padding: 0 15px 10px 15px;
	background: url(../images/bg_02_btm.gif) 0 bottom no-repeat;
	overflow: hidden;
	zoom: 1;
}

div#main_box02 div#main_box02_a div#main_box02_a02 div img.illust {
	float: right;
	margin: 0 0 0 10px;
}

div#main_box02 div#main_box02_a div#main_box02_a02 div p {
	line-height: 1.6;
	overflow: hidden;
	zoom: 1;
}

div#main_box02 div#main_box02_a div#main_box02_a02 div p#btn_login {
	margin: 10px 0 0 0;
	font-size: 0;
	line-height: 0;
}



div#main_box02 div#main_box02_b {
	margin: 0 28px 30px 28px;
	overflow: hidden;
	zoom: 1;
}

div#main_box02 div#main_box02_b h3 {
	margin: 0 0 18px 0;
	font-size: 0;
	line-height: 0;
}

div#main_box02 div#main_box02_b span {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
}

div#main_box02 div#main_box02_b p {
	overflow: hidden;
	zoom: 1;
}



div#main_box02 div#main_box02_c {
	margin: 0 28px;
	background: url(../common/images/i_line02.gif) center 0 repeat-y;
	overflow: hidden;
	zoom: 1;
}

div#main_box02 div#main_box02_c h3 {
	margin: 0 0 10px 0;
	font-size: 0;
	line-height: 0;
}

div#main_box02 div#main_box02_c p {
	line-height: 1.6;
}

div#main_box02 div#main_box02_c p.btn_ichiran {
	text-align: right;
}

div#main_box02 div#main_box02_c div#main_box02_c01 {
	float: left;
	width: 270px;
}

div#main_box02 div#main_box02_c div#main_box02_c01 ul {
	margin: 10px 0 15px 0;
}

div#main_box02 div#main_box02_c div#main_box02_c01 ul li {
	padding: 0 0 0 12px;
	background: url(../images/i_arrow01.gif) 0 8px no-repeat;
}

div#main_box02 div#main_box02_c div#main_box02_c02 {
	float: right;
	width: 270px;
}

div#main_box02 div#main_box02_c div#main_box02_c02 ul {
	margin: 10px 0;
}

div#main_box02 div#main_box02_c div#main_box02_c02 ul li {
	margin: 0 0 5px 0;
	overflow: hidden;
	zoom: 1;
}

div#main_box02 div#main_box02_c div#main_box02_c02 ul li img {
	float: left;
	width: 60px;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}

div#main_box02 div#main_box02_c div#main_box02_c02 ul li p {
	padding: 0 0 0 12px;
	background: url(../images/i_arrow01.gif) 0 8px no-repeat;
	overflow: hidden;
	zoom: 1;
}

div#main_box02 div#main_box02_c div#main_box02_c02 ul li p.date {
	background: none;
}



/* main_box03 */

div#main_box03 {
	overflow: hidden;
	zoom: 1;
}

div#main_box03 div#twitter,
div#main_box03 div#facebook,
div#main_box03 div#movie {
	float: left;
	width: 310px;
	margin: 0 20px 0 0;
}

div#main_box03 div#twitter a.twtr-join-conv {
	white-space: nowrap;
}

div#main_box03 div#movie {
	margin: 0;
}

div#main_box03 div#movie h2 {
	margin: 0;
	background: #605ebc;
	font-size: 0;
	line-height: 0;
}

div#main_box03 div#movie div {
	padding: 20px 10px 40px 10px;
	border: 1px solid #ccc;
	border-top: 0;
	text-align: center;
}

div#main_box03 div#movie div p {
	margin: 15px 0 0 0;
	line-height: 1.7;
}