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




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

Default Set

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

body {
    margin:0;
    padding:0;
    border:0;
    outline:0;
	line-height: 1.5;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background-color:#fff;
}

.center{
	text-align:center;
	margin: 0 auto;
}
/**/
a:link{color:#0e5ec2; text-decoration:underline;}
a:hover{color:#19B4F5; text-decoration:underline;}
/**/

#contents .pagetop{
	clear:both;
	width:680px;
	margin:20px auto;
	text-align:right;
}
#contents .pagetop a:link{color:#000; text-decoration:none;}
#contents .pagetop a:hover{color:#000; text-decoration:none;}

a img{
	border:none;
}


.red{
	color:#cf0439;
}
.bold{
	color:#000;
	font-weight:bold;
}
.redbold{
	color:#cf0439;
	font-weight:bold;
}
.green{
	color:#127f09;
}
strong{
	font-weight:bold;
}	

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{display:inline-block;}

/* hides from IE-mac \*/
*html .clearfix{height:1%}
.clearfix{display:block;}
/* End hide from IE-mac */

.clear{
clear:both;
}


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

formset

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


select, input, textarea, button { 
     vertical-align:middle; 
     font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; 
     position:relative; 
     margin: 0 4px 2px 0;
     *margin-right:3px; 
     top:-1px;  
}

input { 
     height: 24px; 
     line-height: 24px; 
}

button, input[type="button"] {
     overflow:visible; 
     height:20px;
     padding:0 3px;
}

select { 
     height: 20px; 
     line-height: 20px;
}

input[type="checkbox"],
input[type="radio"] { 
     border:none; 
     top:-2px;
     top:0\9;
     margin-right:2px; 
     margin-right: 0\9; 
}


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

header

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

#headbarArea{
	background-color:#0e5ec2;
	padding:3px;
}

#headbarArea #headbar{
	width:1000px;
	margin:0 auto;
}
#headArea{
	width:1000px;
	margin:0 auto;
}
#headArea h1 img{
	float:left;
	margin:20px 20px 20px 0;
}
#headArea #headright{
	float:right;
	width:600px;
}

/*　検索　*/

#searchArea{
	float:right;
	width:200px;
}


/*　文字サイズ変更　*/

#fontChange{
	float:right;
	width:140px;
	height:24px;
	padding:0;
	margin:0;
}
#fontChange img#ttl{
	float:left;
	margin-top:5px;
}
#fontChange ul{
	float:right;
	height:24px;
	padding:0;
	margin:0;
}
#fontChange ul li{
	display: inline-block;
	margin:0px;
	vertical-align:middle;
	width:35px;
}
#japanese-fontchange #fontChange ul li:first-child{
	background-image: url(/img/btn_txtnormal_off.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#japanese-fontchange #fontChange ul li:last-child{
	background-image: url(/img/btn_txtbig_off.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#japanese-fontchange #fontChange ul li:first-child.active{
	background-image: url(/img/btn_txtnormal_on.png);
}
#japanese-fontchange #fontChange ul li:last-child.active{
	background-image: url(/img/btn_txtbig_on.png);
}

/*English*/
#english-fontchange #fontChange ul li:first-child{
	background-image: url(/img/btn_e-txtnormal_off.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#english-fontchange #fontChange ul li:last-child{
	background-image: url(/img/btn_e-txtbig_off.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#english-fontchange #fontChange ul li:first-child.active{
	background-image: url(/img/btn_e-txtnormal_on.png);
}
#english-fontchange #fontChange ul li:last-child.active{
	background-image: url(/img/btn_e-txtbig_on.png);
}
/* 言語選択ボタン　*/

ul#lang{
	float:right;
	display:block;
	height:28px;
	padding-left:10px;
}
ul#lang li{
	float:left;
	display:block;
}

/* ヘッダーのテキストメニュー */

#headArea #headright ul#headnav{
	display:block;
	float:right;
	margin:5px 0;
}
#headArea #headright ul#headnav li{
	display: inline;
	padding-left:10px;
	margin-right:10px;
	background:#fff url(../img/arrow_headmenu.png) no-repeat 0 5px;
	font-size:0.7em;
}
#headArea #headright ul#headnav li a:link{color:#000; text-decoration:none;}
#headArea #headright ul#headnav li a:hover{color:#ccc; text-decoration:none;}

/* ヘッダーの〇〇の方へメニュー */

#headArea #headright ul#head-for{
	display:block;
	float:right;
	margin:5px 0;
}
#headArea #headright ul#head-for li{
	float:right;
}

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

nav

***********************************/
#mainmenuArea{
	background:transparent url(../img/m_bg.png) repeat-x bottom;
}
nav{
	clear:both;
	width:1000px;
	margin:20px auto 0 auto;
	position: relative;
}
nav ul{
	display:block;
	margin:0;
        padding:0;
}
nav ul li a{
	display:inline;
	float:left;
}


/*　subnav　*/
nav ul ul.subnav{
	background-color: #333;
	color:#fff;
	display: none;
	top:42px;
    width:125px;
	z-index:100;
}

nav ul ul.subnav li a {
   line-height: 35px; 
   text-align: left; 
   text-indent: 5px;
   text-decoration:none;
   color:#fff;
   font-size:0.8em;
   padding:5px;
   width:115px;
   display:block;
}
nav ul ul.subnav li a:hover {
   background-color: #666; 
   color: #fff;
   width:115px;
}

nav ul ul.snav-size1{
        position: absolute;
	left:125px;
}
nav ul ul.snav-size2{
        position: absolute;
	left:875px;
}
nav ul ul.snav-size3{
        position: absolute;
	left:750px;
}

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

pankuzu

***********************************/
#pankuzu{
	width:1000px;
	margin:0 auto;
	font-size:0.7em;
	padding:5px 0;
}


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

mainImg

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

#mainImg{
	text-align:center;
	clear:both;
	background:#fff url(../img/about/ttlimg.jpg) no-repeat center 0;
}
#mainImg #pagettlArea{
	width:1000px;
	height:243px;
	margin:0 auto;
	position:relative;
}
#mainImg #pagettlArea #pagettl{
	width:230px;
	height:135px;
	text-align:center;
	font-size:22px;
	color:#fff;
	background-color:#034bb9;
	position:absolute;
	bottom:0;
	left:0;
	padding:0px 10px 0 10px;
}
#mainImg #pagettlArea #pagettl h2{
	line-height:1.2;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	width:230px;
	height:135px;
}

/* 〇〇の方へ pagettl-for */

#mainImg-blue{
	text-align:center;
	clear:both;
	background:#fff url(../img/bg_pagettl.png) no-repeat center 0;
	margin-bottom:30px;
}
#mainImg-blue #pagettlArea-blue{
	width:1000px;
	height:70px;
	padding-top:40px;
	margin:0 auto;
	text-align:left;
	font-size:24px;
	color:#fff;
}

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

mainArea

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

#mainArea{
	clear:both;
}
#mainArea-blue{
	clear:both;
}



#main{
	width:1000px;
	margin:0 auto;
}

#main-news{
	width:1000px;
	margin:0 auto;
}


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

leftside

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

#leftside{
	width:250px;
	float:left;
	margin-bottom:30px;
}
#mainArea #leftside .sidenav ul{
	margin-bottom:20px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

/* 〇〇の方へ　*/
#mainArea-blue #leftside .sidenav ul{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}


#leftside .sidenav ul li{
	display:block;
	border-bottom:1px solid #ccc;
	padding:10px;
}
#leftside .sidenav ul li a{
	padding-left:20px;
	background:#fff url(../img/arrow_sidenav.png) no-repeat 0 5px;
	font-size:0.8em;
	display:block;
}
#leftside .sidenav ul li a:link{
	color:#000;
	text-decoration:none;
}
#leftside .sidenav ul li a:hover{
	text-decoration:none;
	color:#707070;
}


#leftside .sidebn ul{
	margin-top:20px;
	margin-bottom:20px;
}
#leftside .sidebn ul li{
	display:block;
	margin-bottom:5px;
}



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

rightside

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

#mainArea #rightside{
	width:685px;
	float:right;
	margin:30px 0;
}

/* 〇〇の方へ */
#mainArea-blue #rightside{
	width:685px;
	float:right;
	margin-bottom:30px;
}


h3{
	clear:both;
	font-size:1.5em;
	letter-spacing:0.1em;
	border-left:4px solid #000;
	padding:10px;
	margin-bottom:40px;
}
h4:first-child{
	clear:both;
	background-color:#eaeaea;
	padding:5px 15px;
	margin-bottom:20px;
	border:3px double #ccc;
}
h4 {
	clear:both;
	background-color:#eaeaea;
	padding:5px 15px;
	margin-top:50px;
	margin-bottom:20px;
	border:3px double #ccc;
}
h5:first-child{
	clear:both;
	margin:20px 0;
	padding:0 10px;
	background-color:#e7e5a8;
	border-bottom:1px solid #d3d07f;
	margin-bottom:20px;
}
h5{
	clear:both;
	margin:40px 0 20px 0;
	padding:0 10px;
	background-color:#e7e5a8;
	border-bottom:1px solid #d3d07f;
	margin-bottom:20px;
}
.clear{
	clear:both;
	height:30px;
}
#rightside p{
	margin:10px 0;
	line-height:1.8;
}
section{
	margin-bottom:20px;
}
section p{
	margin:10px 0;
}
img.leftimg{
	float:left;
	margin-right:20px
}
img.rightimg{
	float:right;
	margin-left:20px;
}
p.catch{
	clear:both;
	color:000;
	font-weight:bolder;
	font-size:24px;
	margin:20px 0;
	display:block;
	text-align:center;
}


#rightside .conArea{
	clear:both;
	margin-bottom:40px;
}
#rightside .conArea img{
	margin-bottom:10px;
}
#rightside .con-block-l{
	border-top:3px solid #64A404;
	width:320px;
	float:left;
	font-size:1em;
}
#rightside .con-block-r{
	border-top:3px solid #64A404;
	width:320px;
	float:right;
	font-size:1em;
}

#rightside p.con-ttl{
	display:block;
	padding:10px 0 10px 25px;
	background:#fff url(../img/about/arrow_kategoribox.png) no-repeat 0 12px;
	font-size:1em;
	font-weight:bold;
}
#rightside p.con-ttl a{
	text-decoration:none;
}
#rightside p.con-ttl a:link{
	text-decoration:none;
	color:#000;
}
#rightside p.con-ttl a:hover{
	text-decoration:none;
	color:#000;
}
#rightside p.con-ttl a:vlink{
	text-decoration:none;
	color:#000;
}
#rightside p.con-ttl a:visited{
	text-decoration:none;
	color:#000;
}





/* filelink */

a.file-docx{ 
	background:url(/img/arrow_docx.png) no-repeat left center;
	padding-left:40px;
	line-height:1.8;
	display:block;
}
a.file-doc{ 
	background:url(/img/arrow_doc.png) no-repeat left center;
	padding-left:40px;
	line-height:1.8;
	display:block;
}
a.file-xlsx{ 
	background:url(/img/arrow_xlsx.png) no-repeat left center;
	padding-left:40px;
	line-height:1.8;
	display:block;
}
a.file-xls{ 
	background:url(/img/arrow_xls.png) no-repeat left center;
	padding-left:40px;
	line-height:1.8;
	display:block;
}
a.file-pdf{ 
	background:url(/img/arrow_pdf.png) no-repeat left center;
	padding-left:40px;
	line-height:1.8;
	display:block;
}
a.file-pptx{ 
	background:url(/img/arrow_pptx.png) no-repeat left center;
	padding-left:40px;
	line-height:1.8;
	display:block;
}


/* markList */

ul.markList li:first-child{
	margin-top:20px;
	background:url(/img/arrow_sidebn.png) no-repeat 0 center;
	padding-left:20px;
	line-height:1.8;
}
ul.markList li {
	background:url(/img/arrow_sidebn.png) no-repeat 0 center;
	padding-left:20px;
	line-height:1.8;
}
ul.markList li:last-child{
	margin-bottom:20px;
	background:url(/img/arrow_sidebn.png) no-repeat 0 center;
	padding-left:20px;
	line-height:1.8;
}

/*#rightside #pagettl-blue h2{
	line-height:4;
}*/

/* normaltable */
table.normaltable{
	border-collapse:collapse;
	border:1px solid #ccc;
	margin-bottom:20px;
}
table.normaltable td{
	border:1px solid #ccc;
	padding:5px;
}
table.normaltable th{
	border:1px solid #ccc;
	padding:5px;
	background-color:#deeffa;
}

table.normaltable td.tablecell{
	background-color:#deeffa;
	border:1px solid #ccc;
	padding:5px;
}


/* linetable */

table.line{
	border-collapse:collapse;
	margin-bottom:20px;
	width:100%;
}
table.line td{
	border-bottom:1px solid #ccc;
	padding:10px 0;
}
table.line th{
	font-weight:bold;
}


.attentionBox{
	border:3px solid #ccc;
	padding:30px;
}

#rightside .bg-gray{
	background-color:#f9f9f9;
	padding:20px;
	border:1px solid #ccc;
	margin:20px 0;
	display:block;
}

/*#rightside section table.tablelist{
	border-collapse:collapse;
	border:1px solid #ccc;
	margin-bottom:20px;
}
#rightside section table.tablelist td{
	padding:10px;
	border:1px solid #ccc;
}
#rightside section table.tablelist td.item{
	background-color:#B8E6F9;
}
#rightside section table.tablelist td.item2{
	background-color:#efefef;
}

#rightside section .attentionBox{
	border:3px solid #ccc;
	padding:30px;
}*/


/* cabinet-icon */
#mainArea #rightside p cabinet-filesize img{
	display:inline;
}
#mainArea #rightside p img.cabinet-icon{
	display:inline;
}
#mainArea #rightside ul li img{
	display:inline;
}
#mainArea-blue ul li img{
	display:inline;
}


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

footArea

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

#footArea{
	clear:both;
	background-color:#034bb9;
}
#footArea a:link{
	color: #ffffff;
}
#footArea #foot{
	background:#034bb9 url(../img/foot_town.png) no-repeat bottom;
	width:1000px;
	margin:0 auto;
	padding:30px 0 60px 0;
	color:#fff;
	font-size:0.8em;
}
#footArea #foot #footleft{
	float:left;
	width:350px;
}
#footArea #foot #footleft p{
	margin:10px;
	line-height:1.5;
}
#footArea #foot #footright{
	float:right;
	width:600px;
}
#footArea #foot #footright ul{
	width:150px;
	float:left;
}

#footArea #foot #footright ul li{
	padding-left:15px;
	background:#034bb9 url(../img/arrow_footmenu.png) no-repeat 0 3px;
	line-height:1.8;
	font-size:0.8em;
}
#footArea #foot #footright ul li a:link{
	color:#fff;
	text-decoration:none;
}
#footArea #foot #footright ul li a:hover{
	color:#fff;
	text-decoration:underline;
}
#footArea #foot #footright ul li a:visited{
	color:#fff;
	text-decoration:none;
}
#copyArea p{
	display:block;
	font-size:0.8em;
	text-align:center;
	line-height:5;
}