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

body, html {
	/*overflow: hidden;*/
	/*height: 100%;*/
	height: 100%;
}

body.contentspage {
	background: #fff;
}

/*.contentspage div#contents,
.contentspage div#contents div#mainmenu,
.contentspage div#contents div#contentsmain {
	width: 481px;
}*/

div#container {
	position: relative;
	width: 900px;
	min-height: 100%;
	height: auto;
}

* html div#container {
	height:100%;
}

div#contents {
	position: static;
	float: left;
	margin-left: 15px;
	margin-bottom: 50px;
}

/* 下つきにしたいやつの前にabsoluteを置かない */
div#sidebar {
	position: static;
	float: left;
	height: 700px;
}

div#copyright {
	position: absolute;
	bottom: 0px;
	height: 15px;
}

body.contentspage  div#contents div#contentsmain {
	margin-top: 143px;
}

.contentspage div#contents div#contentsmain {
	margin-top: 141px;
	margin-left: 34px;
}

body#concept div#contents div#contentsmain h1.concept {
	width: 481px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/concept_headline.gif) no-repeat;
}

body#concept div#contents div#contentsmain h1.access {
	margin-top: 15px;
	width: 481px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/access_headline.gif) no-repeat;
}

body#concept div#contents div#contentsmain h1.contact {
	margin-top: 20px;
	width: 481px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/contact_headline.gif) no-repeat;
}

body#concept div#contents div#contentsmain h1.contact {
	margin-top: 20px;
	width: 481px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/contact_headline.gif) no-repeat;
}

body#termofuse div#contents div#contentsmain h1 {
	width: 481px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/tou_headline.gif) no-repeat;
}

body#dloglist div#contents div#contentsmain h1 {
	width: 481px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/dloglist_headline.gif) no-repeat;
}

body#dlogdetail div#contents div#contentsmain h1 {
	width: 481px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/dlogdetail_headline.gif) no-repeat;
}

body#whatsnew div#contents div#contentsmain h1 {
	width: 481px;
	height: 20px;
	text-indent: -10000px;
	background: url(../images/whatsnew_headline.gif) no-repeat;
}

body#concept div#contents div#contentsmain p.conceptbody {
	width: 481px;
	height: 467px;
	text-indent: -10000px;
	background: url(../images/concept_body.gif) no-repeat;
}

body#concept div#contents div#contentsmain img {
	padding: 0;
	margin: 0;
	border-left: 1px solid #959595;
	border-bottom: 1px solid #959595;
	border-right: 1px solid #959595;
}

body#whatsnew div#contents div#contentsmain div.detail,
body#dlogdetail div#contents div#contentsmain div.detail,
body#dloglist div#contents div#contentsmain div.detail {
	position: static;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 19px 12px 20px 0px;
	width: 467px;
}

body#whatsnew div#contents div#contentsmain div.detail,
body#dloglist div#contents div#contentsmain div.detail {
	padding: 19px 12px 0 0;
}

body#whatsnew #contents #contentsmain .detail hr,
body#dlogdetail #contents #contentsmain .detail hr,
body#dloglist #contents #contentsmain hr .detail {
	margin-left: 12px;
}

#whatsnew #contents #contentsmain .detail .detailhead,
#dlogdetail #contents #contentsmain .detail .detailhead,
#dloglist #contents #contentsmain .detail .detailhead {
	clear:both;
	/*margin-bottom: 20px;*/
}

#whatsnew #contents #contentsmain .detail .detailhead .dloginfo,
#dlogdetail #contents #contentsmain .detail .detailhead .dloginfo,
#dloglist #contents #contentsmain .detail .detailhead .dloginfo {
	width: 150px;
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
}

#dlogdetail #contents #contentsmain .detail .detailhead .dloginfo .dlogid,
#dloglist #contents #contentsmain .detail .detailhead .dloginfo .dlogid {
	width: 79px;
	background-color: #1bb6ce;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	padding-right: 6px;
}

#dlogdetail #contents #contentsmain .detail .detailhead .dloginfo .dlogid-long,
#dloglist #contents #contentsmain .detail .detailhead .dloginfo .dlogid-long {
	width: 150px;
	background-color: #1bb6ce;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	padding-right: 6px;
}

#whatsnew #contents #contentsmain .detail .detailhead .dloginfo .dlogdate,
#dlogdetail #contents #contentsmain .detail .detailhead .dloginfo .dlogdate,
#dloglist #contents #contentsmain .detail .detailhead .dloginfo .dlogdate {
	font-size: 11px;
	font-weight: bold;
	margin-top: 7px;
	margin-left: 12px;
}

#whatsnew #contents #contentsmain .detail .detailhead .dloginfo .dlogdate {
	margin-top: 0px;
	margin-left: 12px;
}

#whatsnew #contents #contentsmain .detail .detailhead .dloginfo .dlogdate .day,
#dlogdetail #contents #contentsmain .detail .detailhead .dloginfo .dlogdate .day,
#dloglist #contents #contentsmain .detail .detailhead .dloginfo .dlogdate .day {
	color: #002b58;
}
#whatsnew #contents #contentsmain .detail .detailhead .dloginfo .dlogimage,
#dlogdetail #contents #contentsmain .detail .detailhead .dloginfo .dlogimage,
#dloglist #contents #contentsmain .detail .detailhead .dloginfo .dlogimage {
	min-height: 20px;
	margin-top: 5px;
	margin-left: 12px;
}

#whatsnew #contents #contentsmain .detail .detailhead .dlogheadline,
#dlogdetail #contents #contentsmain .detail .detailhead .dlogheadline,
#dloglist #contents #contentsmain .detail .detailhead .dlogheadline {
	float: right;
	width: 290px;
	margin-left: 2px;
}

#whatsnew #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle,
#dlogdetail #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle,
#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle {
/*	margin-left: 10px;*/
}

#dlogdetail #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle .name,
#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle .name {
	display: block;
	color: #002b58;
	font-weight: bold;
	margin-bottom: 3px;
}
#whatsnew #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle .title,
#dlogdetail #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle .title,
#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle .title {
	display: block;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4em;
}

#whatsnew #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle .title {
	padding-bottom: 5px;
	border-bottom: 1px dotted #1bb6ce;
	margin-bottom: 10px;
}

#dlogdetail #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle .explain,
#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogtitle .explain {
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px dotted #1bb6ce;
	margin-bottom: 10px;
}

#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogdescription {
	margin-bottom: 8px;
}

#whatsnew #contents #contentsmain .detail .detailhead .dlogheadline .dlogdescription {
	margin-bottom: 15px;
}

#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogmore {
	margin-bottom: 30px;
}

#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogmore a:link,
#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogmore a:visited {
	color: #002b58;
	background: url(../images/arrow.gif) no-repeat 0 center;
	padding-left: 10px;
	text-decoration: underline;
}
#dloglist #contents #contentsmain .detail .detailhead .dlogheadline .dlogmore a:hover {
	color: #1bb6ce;
	text-decoration: underline;
}

#dloglist #container #contents #contentsmain .detail .detailbody {
	margin-bottom: 40px;
	margin-left: 12px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .dlogdescription {
	color: #333;
	float: right;
	width: 290px;
	margin-bottom: 20px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .dlogdescription-noimage {
	clear: both;
	color: #333;
	width: 455px;
	margin-left: 12px;
	margin-bottom: 20px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent {
	clear: both;
	margin-bottom: 20px;
	margin-left: 12px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .dlog-archive {
	clear: both;
	margin: 10px 0px 10px 12px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .dlog-archive .image-box {
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #bababa;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .dlog-archive .image-box-last {
	display: block;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .archive img {
	float: left;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent h2 {
	color: #5c5c5c;
	line-height: 1.4em;
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	padding: 0px 0px 2px 0px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent p,
#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent table tr th,
#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent table tr td {
	color: #5c5c5c;
	font-size: 12px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent table tr th {
	font-weight: normal;
	padding-right: 8px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent ul#linklist li {
	clear: both;
	background: url(../images/arrow.gif) no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent ul#linklist li a:link,
#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent ul#linklist li a:visited {
	color: #002b58;
	text-decoration: underline;
}

#dlogdetail #container #contents #contentsmain .detail .detailbody .bodycontent ul#linklist li a:hover {
	color: #1bb6ce;
	text-decoration: underline;
}

#toumain {
	width: 449px;
	padding: 30px 15px;
	margin: 0;
	border-left: 1px solid #959595;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

#toumain h2 {
	font-size: 12px;
	font-weight: bold;
	color: #002b58;
}

#toumain ul,
#toumain ol {
	margin-left: 7px;
}

#toumain ul li,
#toumain ol li {
	line-height: 1.4em;
	margin: auto;
	padding: auto;
	margin-left: 5px;
	padding: 5px 3px;
	list-style-position: outside;
}

#toumain ol li.circlechr,
#toumain ol li.blancket {
	list-style-type: none;
}

#toumain p {
	margin: 15px 0px;
}

#toumain ol li {
	list-style-type:decimal;
}

#toumain ul li {
	list-style-type:disc;
}
#whatsnew #container #contents #contentsmain .detail .totop {
	float: right;
	margin-top: 15px;
}
#dloglist #container #contents #contentsmain .detail .totop {
	float: right;
}

#whatsnew #container #contents #contentsmain .detail .totop a:link,
#whatsnew #container #contents #contentsmain .detail .totop a:visited ,
#dloglist #container #contents #contentsmain .detail .totop a:link,
#dloglist #container #contents #contentsmain .detail .totop a:visited {
	background: url(../images/totop_arrow.gif) no-repeat right center;
	color: #002b58;
	padding-right: 10px;
}

#whatsnew #container #contents #contentsmain .detail .totop a:hover,
#dloglist #container #contents #contentsmain .detail .totop a:hover,
#whatsnew #container #contents #contentsmain .detail .pagenation .pagenation-left:hover,
#whatsnew #container #contents #contentsmain .detail .pagenation .pagenation-right:hover,
#dloglist #container #contents #contentsmain .detail .pagenation a.pagenation-left:hover,
#dloglist #container #contents #contentsmain .detail .pagenation a.pagenation-right:hover {
	color: #1bb6ce;
}

#whatsnew #container #contents #contentsmain .detail .pagenation,
#dloglist #container #contents #contentsmain .detail .pagenation {
	clear: both;
	padding-top: 5px;
	padding-bottom: 30px;
}

#whatsnew #container #contents #contentsmain .detail .pagenation .pagenation-left,
#dloglist #container #contents #contentsmain .detail .pagenation .pagenation-left {
	width: 200px;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	background: url(../images/left_arrow.gif) no-repeat 0 center;
}

#whatsnew #container #contents #contentsmain .detail .pagenation .pagenation-right,
#dloglist #container #contents #contentsmain .detail .pagenation .pagenation-right {
	width: 200px;
	float: right;
	text-align: right;
	padding-right: 10px;
	background: url(../images/right_arrow.gif) no-repeat right center;
}

#whatsnew #container #contents #contentsmain .detail .pagenation .pagenation-left,
#whatsnew #container #contents #contentsmain .detail .pagenation .pagenation-right,
#dloglist #container #contents #contentsmain .detail .pagenation .pagenation-left,
#dloglist #container #contents #contentsmain .detail .pagenation .pagenation-right {
	color: #002b58;
}

.hilight {
	color: #1bb6ce !important;
	font-weight: bold;
}

.red {
	color: #CC0000 !important;
	font-weight: bold;
}

.linktel {
	color: #333;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 5px;
}