@charset "shift_jis";
/**************************************

ベースのCSS
TOPとCONTENTSページ

**************************************/

body {
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	line-height:180%;
	background-color: #ffffff;
	background:url(../images/bg_mainhead_line.jpg) repeat-x;
}
#WrapBox {
	margin: 0px;
	padding:0px;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	position: relative;
}
#swf {
	width: 760px;
	height:410px;
	position: relative;
}

/* 6BOX */
#Contents6_01_BG {
	background:url(../images/bg_6contents_01.jpg);
	margin-top:14px;
}
#Contents6_01 {
	width: 760px;
}
#Contents6BOX {
	display:inline;
	width:236px;
	margin-left:13px;
	float:left;
}
#Contents6_02_BG {
	background:url(../images/bg_6contents_02.jpg) repeat-y;
	margin-top:14px;
}
#Contents6_02 {
	width: 760px;
}

/* NEWS */
#NewsBox {
	display:inline;
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:557px;
}

/* バナー */
#BannerBox {
	display:inline;
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:145px;
}
#BannerBox a img {
	margin-top:10px;
	border:solid 1px #CCC;
}
/* head */
#head {
	background:url(../images/bg_mainhead_01.jpg) no-repeat;
	height:60px;
	font-size: 90%;
	line-height:100%;
	margin: 0px;
	padding:0px;
	width: 760px;
	position: relative;
}
#head ul {
	padding-top:45px;
}
#head ul li {
	background:url(../images/listmark_redyajirushi.jpg) 0 50% no-repeat;
	float: right;
	margin-right: 10px;
}
#head ul li a {
	padding-left:17px;
}

/* Gnavi */
#Gnavi {
	background:url(../images/bg_gnavi.jpg);
	height:53px;
	margin: 0px;
	padding:0px;
	width: 760px;
	position: relative;
}
#Gnavi ul {
	width: 760px;
}
#Gnavi ul li {
	float: left;
	margin-right: 2px;
}
#Gnavi ul li.end {
	float: left;
	margin-right: 0px;
}
#Gnavi ul li a {
	height: 53px;
	width: 125px;
	display: block;
}


/* 6Contents_link */
#Boxlink {
	font-size: 90%;
	line-height:180%;
	margin-top:5px;
	margin-left:12px;
	margin-right:5px;
}
#Boxlink ul li.gr {
	list-style:url(../images/listmark_gryajirushi.jpg);
}
#Boxlink ul li.bl {
	list-style:url(../images/listmark_blyajirushi.jpg);
}
#Boxlink ul li.pa {
	list-style:url(../images/listmark_payajirushi.jpg);
}
#Boxlink ul li.pi {
	list-style:url(../images/listmark_piyajirushi.jpg);
}
#Boxlink ul li.red2 {
	list-style:url(../images/listmark_red2yajirushi.jpg);
}
#Boxlink ul li.ye {
	list-style:url(../images/listmark_yeyajirushi.jpg);
}
#Boxlink ul {
	padding-left:10px;
}

/* WhatsnewBox */

#WhatsnewBox dl {
	width:557px;
	position:relative;
	padding-top:10px;
	padding-bottom:30px;
}
#WhatsnewBox dt {
	position: absolute;
	left: 5px;
	width: 50px;
	padding-top:0px;
	padding-top:4px;
	width:50px;
}
html>/**/body #WhatsnewBox dt {
	padding-top:3px;
}
/* end */
body:first-of-type #WhatsnewBox dt {
	padding-top:3px;
}

/* whatsnewbox */
#WhatsnewBox dd {
	padding-left: 50px;
	border-bottom: dotted 1px #333333;
	line-height:180%;
	border-bottom:1px dotted #666666;
	padding-left:50px;
	width:507px;
}

/* foot */
#foot {
	background:url(../images/bg_foot.jpg) repeat-x;
	height:28px;
	position:relative;
}
#footBox {
	height:28px;
	width:760px;
	margin-right: auto;
	margin-left: auto;
}
#foot #contentsBT {
	font-size:65%;
	line-height:100%;
	padding:2px 20px;
}

/* トップへ戻る */
#topBT {
	text-align: right;
	font-size: 80%;
	margin-right: 10px;
	margin-left: 10px;
}

.copy {
	width:760px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 85%;
}
#foot #contentsBT ul li {
	border-left:dotted 1px #FFF;
	float: left;
	margin-right: 10px;
	height:1em;
	margin-top:8px;
}
#foot #contentsBT ul li a {
	line-height:1em;
	color: #ffffff;
	text-decoration: none;
	padding-left:2px;
}
/* Link Color */

a:link {
	color: #0959a8;
	text-decoration: underline;
}
a:visited {
	color: #003dbd;
	text-decoration: underline;
}
a:hover {
	color: #72759b;
	text-decoration: underline;
}
a:active {
	color: #ffffff;
	text-decoration: underline;
}
#foot #topBT a {
	font-size:85%;
	color: #ffffff;
	text-decoration: none;
}
#foot #topBT a:hover {
	color: #ffffff;
	text-decoration: underline;
}
/**************************************

Float Clear

**************************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}