@charset "utf-8";

/* import
---------------------------------------------*/

@import "reset.css";

html { overflow-y: scroll; }

html, body{
		height:	100%;
		margin:	0px;
}

body {  
    height: 100%;  
    margin: 0;  
    padding: 0;
    background-color:#FFFFFF;
} 

/* basic
---------------------------------------------*/

body,h1,h2,h3,h4,h5,p,li,dt,dd,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","ＭＳ Ｐゴシック", "MS P Gothic", "Osaka" , "Arial", "Helvetica",sans-serif;
	font-size:90%;
	color:#000;
	line-height:1.5em;
	text-align: left;
}

p a{
	color:#e34283;
}

p a:hover{
	color:#009ec5;
}

img {border:none;}

li a,table a {
	color:#e34283;
}

li a:hover,table a:hover {
	color:#009ec5;
}


.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

.f-left{
	float:left;
}

.f-right{
	float:right;
}


/* item*/
.item-960 {
	width:960px;
	margin:0 auto;
}

.item-700 {
	width:700px;
	margin:0 auto;
}

.item-730 {
	width:730px;
	margin:0 auto;
}

.item-210 {
	width:210px;
	margin:0 auto;
}

.item-510 {
	width:510px;
	margin:0 auto;
}

/* margin*/
.mbtm-5 {margin-bottom:5px;}
.mbtm-10 {margin-bottom:10px;}
.mbtm-20 {margin-bottom:20px;}
.mtop-15 {margin-top:15px !important;}
.mtop-35 {margin-top:35px !important;}
.mright-50 {margin-right:50px !important;}
.ptop-15 {padding-top:15px !important;}


/* IE8 */
html>/**/body a img{
    display /*\**/:inline-block\9;
    zoom /*\**/: 1\9;
}
 
/* 新旧Firefox */
a img, x:-moz-any-link { background:url(img/spacer.gif) no-repeat;}
a img, x:-moz-any-link, x:default { background:url(img/spacer.gif) no-repeat;}



/* container
---------------------------------------------*/
#container {
	border-top:solid #000 5px;
}


/* header
---------------------------------------------*/
#header {
	width:960px;
	height:140px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

h1 {
	text-align:left;
	padding:35px 0 0 0;
}

#btn-about {
	width:535px;
	position:absolute;
	top:35px;
	right:0;
}

/* tabnav
---------------------------------------------*/
#tabnav {
	width:960px;
	margin:0 auto 20px;
	text-align:left;
	overflow:hidden;
}

.tab-01 {border-bottom:solid 10px #87c300;}
.tab-02 {border-bottom:solid 10px #e9528e;}
.tab-03 {border-bottom:solid 10px #ff8800;}

#tabnav ul > *:first-child + * + * + * + * {
}

#tabnav li {
    float:left;
    margin-right:9px;
}

#tabnav ul > *:first-child + * + * {
    margin-right:0px;
}


#tabnav li:last-child{
    margin-right:0px;
}


/* contents
---------------------------------------------*/
#contents {
	width:960px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

p {
	color:#333;
}

p.r-text{
	text-align:right;
}

span.red{
	color:#e34283;
}

h4 {
	color:#00b4e0;
	font-size:110%;
	margin:0 0 15px 0;
	padding:35px 0 0 0;
}

h4 a,h4a:hover {
	color:#00b4e0;
}

h5 {
	font-size:100%;
	margin:10px 0;
}

/* list
---------------------------------------------*/
ul.list {
	list-style:disc;
	margin:0 0 0 15px;
	overflow:hidden;
}

.list li {
	margin:0 0 0.8em 0;
}

.pdfico li {
	background:url(../img/pdficon_small.png) no-repeat;
	min-height:16px;
	padding:0 0 0 23px;
}


ul.td-list {
	list-style:disc;
	margin:0 0 0 15px;
}

.td-list li {
	margin:0.2em 0;
	font-size:100%;
	
}

p.pdfico {
	background:url(../img/pdficon_small.png) no-repeat;
	min-height:16px;
	padding:0 0 0 23px;
}


/* table
---------------------------------------------*/
table.ts01,table.ts02 {
	width:100%;
}

.ts01 caption {
	text-align:left;
	font-weight:bold;
	padding:0 0 5px 0;
}

.ts01 th,.ts01 td,.ts02 th,.ts02 td {
	vertical-align: top;
	border:solid #afbac9 1px;
	padding:10px;
	text-align:left;
	color:#333;
	min-width:6em;
}

.ts01 th {
	white-space: nowrap;
	background-color:#edf0f3;
}

.ts02 th[scope="col"] {
	white-space: nowrap;
	background-color:#edf0f3;
}

.ts02 th[scope="row"] {
	white-space: nowrap;
	font-weight:normal;
}

/* accordion-list
---------------------------------------------*/

dl.accordion {
	width:100%;
	overflow:hidden;
}
.accordion dt {
	cursor:pointer;
}

.list01 dt {
	background:#00b4e0;
	color:#FFF;
	line-height:1.0;
	text-align: left;
	font-size:100%;
	padding:7px;
	border-bottom:solid #fff 5px;
}

.list01 dd {
	font-size:100%;
	padding:20px 0;
}

.accordion dd {
	display: none;
	margin:0;
}

.accordion dd.open{
	display: block;
}


/* con-tit
---------------------------------------------*/
.con-tit {
	border-top:solid #00b4e0 3px;
	border-bottom:solid #00b4e0 3px;
	position: relative;
	height:37px;
	margin:0;
}

h2 {
	line-height:1.0;
	color:#00b4e0;
	font-size:16px;
	position: absolute;
	top: 50%;
	margin: -0.5em 0 0 0;
	text-indent:5px;
}

ul.pankuzu {
	margin:0;
	padding:0;
	text-align:right;
	position: absolute;
	top: 14px;
	*top: 13px;
	top: 13px\9;
	right:0;
}

.pankuzu li {
	font-size:10px;
	float:left;
	padding:0 0.5em 0 0;;
	margin:0;
	line-height:1.0;
}

.pankuzu li a {
	padding:0;
	margin:0;
	color:#00b4e0;
	text-decoration:none;
	line-height:1.0;
}
.pankuzu li a:hover {
	text-decoration: underline;
}


/* side-menu
---------------------------------------------*/
ul#side-menu {
	width:210px;
	background:url(../img/about_side_tit.gif) no-repeat;
	padding:43px 0 0 0;
}

#side-menu li{
	font-size:12px;
	line-height:1.0;
	border-bottom:solid #000 1px;
	text-indent:10px;
	background-color:#fff;
}

#side-menu li.vbpdf{
	border-bottom: none;
	text-indent:0;
	background-color:#fff;
}

#side-menu li a{
	display:block;
	padding:1.5em 0 1.4em;
	text-decoration:none;
	color:#000;
}

#side-menu li.vbpdf a{
	padding:15px 0 0 0;
}

#side-menu li.vbpdf a:hover{
	background-color: transparent;
}

#side-menu li.btnon{
	background-color:#e0f8ff;
}

#side-menu li a:hover{
	background-color:#e0f8ff;
}

.fixed{
  position: fixed;
  top: 0px;

}



/*footer
-----------------------------------------------------*/

#footer {
	border-top:solid #ccc 1px;
	margin:50px 0 0 0;
	padding:15px 0 80px 0;
	text-align:center;
}

#footer ul {
	text-align:left;
	font-size:90%;
	float:left;
}

#footer li {
	display:inline;
	border-right:solid #666 1px;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}

#footer li a {
	color:#333;
	text-decoration:none;
}

#footer li a:hover {
	color:#00b4e0;
	text-decoration: underline;
}

#footer p.copyright {
	text-align:right;
	float:right;
	padding:5px 0 0 0;
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 0px;
	right:50px;
}
#back-top a {
	width: 70px;
	display: block;
}
/* arrow icon (span tag) */
#back-top span {
	width: 70px;
	height: 35px;
	display: block;
	margin-bottom: 0px;
	background:url(../img/gotop.png) no-repeat center center;
}