@charset "utf-8";
/* --------------------------------------------------

	common/css/top.css

-------------------------------------------------- */

/* ------------------------
	#contents
------------------------ */
#contents {
	background-image: url(../img/top/main_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 10px;
}

#news {
	background-image: url(../img/top/news_bg01.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 762px;
	overflow: hidden;
}
#news .title {
	background-image: url(../img/top/news_ttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 762px;
	overflow: hidden;
}
#news .title h3 {
	text-indent: -9999px;
	float: left;
}
#news .title p {
	float: left;
	padding-top: 12px;
	padding-left: 670px;
}
#news .inner {
	background-image: url(../img/top/news_bg02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#news .inner table {
	width: 722px;
}
#news .inner table th {
	font-size: 12px;
	line-height: 21px;
	color: #555;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}
#news .inner table td {
	font-size: 12px;
	line-height: 21px;
	color: #555;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
}
#news .inner table td a {
	color: #1800ff;
	text-decoration: underline;
}
#news .inner table td a:hover {
	text-decoration: none;
}

/* ------------------------
	#top_box
------------------------ */
/* top_box01 */
#top_box01 {
	height: 335px;
	width: 944px;
	background-image: url(../img/top/top_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_box01 .left {
	width: 696px;
	padding-top: 10px;
	padding-left: 10px;
}
#top_box01 .left .title {
	height: 48px;
	width: 688px;
	overflow: hidden;
	background-image: url(../img/top/title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_box01 .left .title ul {
	width: 144px;
	padding-left: 4px;
	padding-top: 4px;
	overflow: hidden;
	float: left;
}
#top_box01 .left .title li {
	float: left;
	padding-right: 3px;
	padding-bottom: 3px;
}
#top_box01 .left .title h2 {
	float: left;
	padding-top: 4px;
	padding-left: 7px;
}
#top_box01 .left p {
	padding: 10px;
	background-image: url(../img/top/top_bg02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 250px;
	width: 676px;
}
#top_box01 .right {
	width: 216px;
	padding-top: 10px;
	padding-right: 11px;
}
#top_box01 .right ul {
	background-image: url(../img/top/top_bg03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 210px;
	padding-top: 4px;
	padding-left: 6px;
	height: 314px;
}
#top_box01 .right li {
	padding-bottom: 7px;
}

/* top_box02 */
#top_box02 {
	float: left;
	width: 741px;
}
#top_box02 .top_box02_inr {
	height: 104px;
	background-image: url(../img/top/top_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 718px;
	padding-bottom: 10px;
	padding-left: 13px;
}
#top_box02 .top_box02_inr table {
	width: 718px;
}
#top_box02 .top_box02_inr table th {
	height: 104px;
	width: 110px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}
#top_box02 .top_box02_inr table td {
	padding: 0px;
	vertical-align: top;
}
#top_box02 .top_box02_inr table th .thum {
	width: 110px;
	height: 94px;
	overflow: hidden;
}
#top_box02 .top_box02_inr table td .ttl {
	height: 14px;
	overflow: hidden;
	margin-top: 1px;
	margin-right: 4px;
	margin-left: 4px;
	padding-bottom: 4px;
	margin-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ce116f;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/top/icon01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
	padding-left: 22px;
}
#top_box02 .top_box02_inr table td .txt {
	height: 55px;
	overflow: hidden;
	line-height: 14px;
	margin-top: 4px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	font-size: 12px;
}
#top_box02 .top_box02_inr table td .ttl a {
	color: #D63E8A;
}
#top_box02 .top_box02_inr table td.more {
	text-align: right;
	vertical-align: bottom;
	height: 16px;
}

/* top_box03 */
#top_box03 {
	width: 191px;
	float: left;
	padding-top: 12px;
	padding-right: 4px;
	padding-left: 8px;
	height: 140px;
	background-image: url(../img/top/side_bg001.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_box03 ul {
}
#top_box03 li {
	padding-bottom: 1px;
}
#server_maintenance {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#server_maintenance p {
	border: 1px solid #F00;
	padding: 10px;
	font-size: 12px;
	line-height: 150%;
}

/* ------------------------
	#side
------------------------ */
#twitter_div {
	background-image: url(../img/top/twitter_bg01.gif);
	background-repeat: repeat-y;
	width: 142px;
	margin-left: 9px;
	margin-bottom: 8px;
}
#twitter_div .inner {
/* step1 */
	position: relative;
/* step2 */
	width: 142px;
	height: 210px;
/* step3 */
	overflow: hidden;
/* option */
	padding: 0;
}
#twitter_div ul {
/* step4 */
	position: absolute;
	top: 0;
	left: 0;
/* option */
	margin: 0px;
	padding: 0px;
}
#twitter_div li {
/* step5 */
	padding: 0 10px;
/* step6 */
	width: 120px;
	height: 200px;
/* step7 */
	line-height: 18px;
/* step8 */
	overflow: hidden;
/* option */
	font-size: 12px;
	color: #555;
	background-color: #FFF;
	margin: 0 0 0 6px;
	padding: 5px 5px;
}
#twitter_div li span {
	font-size: 12px;
	line-height: 18px;
}
#twitter_div li a {
	font-size: 12px;
	line-height: 18px;
}
#twitter_div p {
	padding: 5px 0 0 7px;
}
#twitter_div p.bottom {
	padding: 0px;
	margin:0px;
	line-height:5px;
	height:5px;
}
#twitter_div p.bottom img {
	line-height:5px;
	height:5px;
	vertical-align: top;
	vertical-align: bottom;
	}
#social {
	margin-left: 12px;
	width: 135px;
	margin-bottom: 10px;
}
#social ul {
	height: 28px;
	width: 125px;
	background-image: url(../img/top/social_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	padding-left: 10px;
}
#social li {
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
}
#social li a {

}
#side {
	background-image: url(../img/top/main_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 16px;
}
#side .side_box01 {
	background-image: url(../img/top/side_bg003.gif);
	background-repeat: repeat-y;
	width: 139px;
	padding-right: 9px;
	padding-left: 12px;
	background-position: 12px;
	margin-bottom: 10px;
}
#side .side_box01 dl {
	background-image: url(../img/top/side_bg004.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
#side .side_box01 dt {
	line-height: 1.5;
	font-size: 12px;
	color: #003399;
	font-weight: bold;
}
#side .side_box01 dt span {
	color: #cc3300;
	font-weight: bold;
}
#side .side_box01 dd {
	padding-bottom: 10px;
	line-height: 1.5;
	font-size: 12px;
	font-weight: normal;
}
#side .side_box01 dd a {
	line-height: 1.5;
	color: #333;
	font-size: 12px;
}