.backBT {
	position: relative;
	padding: 8px;
	padding-left: 23px;
	margin-top: 3em;
	border-top: #D4D2D2 solid 1px;
}
p.backBT:before {
	content: url(../images/backBT.png);
	position: absolute;
	top: 8px;
	left: 0;
	margin-top: 2px;
}
.new_box dt a {
	position: relative;
	padding-left: 20px;
}
.new_box dt a:before {
	content: url(../images/linkarrow_s.png);
	position: absolute;
	top: 8px;
	left: 5px;
}
.new_box dt a {
	line-height: 1.2em;
	float: left;
	display: inline-block;
	width: 67%;
	background-color: #cce6dd;
	padding: 8px 8px 8px 24px;
	margin-bottom: .6em;
	border: #cce6dd solid 1px
}

.new_box dt a:hover {
	background-color: #F2F9F6;
	border: #cce6dd solid 1px
}

.new_box dt img {
	width: 30%;
	height: auto;
	border: #DFDFDF solid 1px;
	margin-left: 3%;
	float: right;
}
.new_box dd {
	padding: 1em 0;
	margin: 0 0;
	border-bottom: #DFDFDF solid 1px;
}
/*-----------------------------------------------*/
.attention_box dt a, .web_support_box dt a {
	display: block;
	position: relative;
	padding-left: 20px;
	line-height: 1.2em;
	background-color: #cce6dd;
	padding: 8px 8px 8px 24px;
	margin-bottom: .6em;
	border: #cce6dd solid 1px
}
.attention_box dt a:hover, .web_support_box dt a:hover {background-color: #F2F9F6;
border: #cce6dd solid 1px;}



.attention_box dt a:before, .web_support_box dt a:before {
	content: url(../images/linkarrow_s.png);
	position: absolute;
	top: 8px;
	left: 5px;
}
/*------------------------------------------------*/
.whatsnew_box dt:before {
	content: "●";
	color: #ffaa00;
	font-size: 20px;
	line-height: 1px;
}
/*------------------------------------------------*/
/*////見出し/////////*/
.h1title {
	clear: both;
	background: #00a5a0;
	position: relative;
	padding: 5px 10px;
	margin: 0.5em 0;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: #05605d solid 3px;
}
h1 {
	clear: both;
	background: #00a5a0;
	position: relative;
	padding: 5px 10px;
	margin: 0.5em 0;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: #05605d solid 3px;
}
.linkbt li {
	margin: 10px;
	background-color: #daeceb;
}
/*////コンテンツBOX/////////*/
.web_support_box, .web_support_box, .mail_box, .whatsnew_box {
	margin-top: 1em;
}
.new_box {
	background-color: #FFFFFF;
	border-top: #2961d2 solid 10px;
	border-left: #2961d2 solid 5px;
}
.new_box h2 a, .attention_box h2 a, .web_support_box h2 a, .mail_box h2 a, .whatsnew_box h2 a {
	display: block;
	padding: 5px 0 0 50px;
	height: 46px;
}
.new_box h2, .attention_box h2, .web_support_box h2, .mail_box h2, .whatsnew_box h2 {
	position: relative;
	height: 46px;
}
.new_box h2 a{
	background-color: #D4DDF5;
}
.attention_box h2 a{
	background-color: #F4CAD5;
}
.web_support_box h2 a{
	background-color: #DDEDFA;
}
.mail_box h2 a{
	background-color: #FEEECC;
}
.whatsnew_box h2 a{
	background-color: #D9F1F1;
}
.new_box h2 a:hover{
	background-color: #EAEEFA;
}
.attention_box h2 a:hover{
	background-color: #FCF1F4;
}
.web_support_box h2 a:hover{
	background-color: #F6FAFD;
}
.mail_box h2 a:hover{
	background-color: #FFFBF2;
}
.whatsnew_box h2 a:hover{
	background-color: #F5FBFB;
}
.new_box h2:before, .attention_box h2:before, .web_support_box h2:before, .mail_box h2:before, .whatsnew_box h2:before {
	position: absolute;
	top: 7px;
	left: 7px;
	line-height: 1px;
	cursor: pointer;
	cursor: hand;
}
.new_box h2:before {
	content: url(../images/new.gif);
}
.attention_box h2:before {
	content: url(../images/chumoku_icon.gif);
}
.web_support_box h2:before {
	content: url(../images/kaiinicon.gif);
}
.mail_box h2:before {
	content: url(../images/mailicon.gif);
}
.whatsnew_box h2:before {
	content: url(../images/wnicon.gif);
}
.new_box h2:after, .attention_box h2:after, .web_support_box h2:after, .mail_box h2:after, .whatsnew_box h2:after {
	content: url(../images/top_h2_arrow.png);
	position: absolute;
	top: 12px;
	right: 20px;
	line-height: 1px;
	cursor: pointer;
	cursor: hand;
}
.new_box h2, .attention_box h2, .web_support_box h2, .web_support_box h2, .mail_box h2, .whatsnew_box h2 {
	font-size: 20px;
}
.new_box, .attention_box {
	margin-top: 1em;
}
.attention_box dl, .web_support_box dl, .whatsnew_box dl {
	padding: 1em;
}
.new_box dl {
	padding: 1em 1em 0;
}
.attention_box {
	background-color: #FFFFFF;
	border-top: #cc0033 solid 10px;
	border-left: #cc0033 solid 5px;
}
.web_support_box {
	background-color: #FFFFFF;
	border-top: #54abea solid 10px;
	border-left: #54abea solid 5px;
}
.mail_box {
	background-color: #FFFFFF;
	border-top: #ffaa00 solid 10px;
	border-left: #ffaa00 solid 5px;
	overflow: hidden;
}
.pd20 {
	padding: 20px;
}
.whatsnew_box {
	background-color: #FFFFFF;
	border-top: #3fbebe solid 10px;
	border-left: #3fbebe solid 5px;
}
#ssl {
	display: none;
}
#ssl_bottom {
	padding-top: 2em;
	display: block;
	clear: both;
}
#ssl_bottom img {
	float: left;
	margin-right: 15px;
}
#ssl_bottom p {
	overflow: hidden;
}

/*////TB768///////////////////////////////////////////*/
@media (min-width: 768px) {
/*.new_box dl{float: left;
	width: 50%;}
	.attention_box, .web_support_box, .mail_box, .whatsnew_box {clear: both;}*/
.new_box {
	width: 49%;
	float: left;
}
.attention_box {
	width: 49%;
	float: right;
}
.web_support_box {
	width: 49%;
	float: right;
}
.mail_box {
	width: 49%;
	float: right;
}
.whatsnew_box {
	width: 49%;
	float: right;
}
.new_box, .attention_box {
	margin-top: 1em;
}
.web_support_box, .web_support_box, .mail_box, .whatsnew_box {
	margin-top: 1em;
}
}

/*////PC1024///////////////////////////////////////////*/
@media print, screen and (min-width: 1024px) {
#ssl_bottom {
	display: none;
}
#loc_menuBOX {
	float: left;
	width: 190px;
	margin-right: 25px;
	margin-top: .5em;
}
#ssl {
	display: block;
}
nav ul:first-child {
/*margin: 8px 0;*/
}
nav ul {
	margin: 16px 0;
}
nav li a{
	background-color: #ffdd99;
	border-bottom: solid 1px #B0B0B0;
	background-image: url(../images/top_menuicon.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 5px 0 5px 40px;
}
	nav li a:hover{
		background-color: #FFF6E5;
	}
.web_support_box, .web_support_box, .mail_box, .whatsnew_box {
	margin-top: 25px;
}
.new_box {
	width: 370px;
	float: left;
}
.attention_box {
	width: 370px;
	float: right;
}
.web_support_box {
	width: 370px;
	float: right;
}
.mail_box {
	width: 370px;
	float: right;
}
.whatsnew_box {
	width: 370px;
	float: right;
}
}
