@charset "utf-8";

/* base
---------------------------------------------------------------------------*/
body, div, p, dl, dt, dd {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}
img {
	border:0;
}
p {
	line-height:1.4;
	margin:1em 5px;
}

p#top{
	color:#30C}
#new{
	color:#F00}

.new{
	color:#F00}


body {
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-color:#FFF;
	color:#333;
//	font-size:12px;
	font-size:80%;
	background: #fafafa;	
}
html>/**/body {
//	font-size:12px;
	font-size:80%;
	background: #fafafa;
}
* + html body {
	font-family:"メイリオ","Meiryo";
}
a:link {
	color:#005A84;
	text-decoration:none;
}
a:hover {
	color:#669999;
	text-decoration:underline;
}
a:visited {
	color:#005A84;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ヘッダー
---------------------------------------------------------------------------*/
#header {
	background-color: #E3F2FC;
	max-width: 1280px;
	min-width: 900px;
	margin: 0 auto;
	height: 125px;

	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
	-moz-box-shadow: 10px 0px 10px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.1);
	-o-box-shadow: 10px 0px 10px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 10px 0px 10px 10px rgba(0,0,0,0.1);		
}
#logo {
	float:left;
	width:620px;/* sidenav項目増えたら縮小 width:580px; */
	height:52px;
}
#jstlogo {
	float: right;
	text-align: right;
	margin-bottom: 10px;
	width: 160px;
	margin-right: 15px;
	margin-top: 10px;
}

.subtitle {
	color:#01445F;
	font-weight:bold;
}
.c_letter {
	color:#D8A501;
}

#sidenav {
	float:right;
	text-align:right;
}
#sidenav li {
	float:left;
	padding:0 1em;
	border-right:1px solid #CCC;
}
#sidenav li.end {
	padding-right:0;
	border-right:none;
}



/* グローバルナビ
---------------------------------------------------------------------------*/
#globalnav {
	margin: 0 auto 10px;
	max-width: 1280px;
	min-width: 900px;
	height: 50px;
	text-align: center;
	clear: both;
	border: solid 1px #ccc;
	border-right: 1px solid #000;
	background: url(../images/menu_back2.gif) repeat-x right top;	
}
#globalnav li {
	float: left;
	width: 20%;
	height: 50px;
	font-size: 120%;
	font-weight: bold;
	white-space: nowrap;
	display: block;
	line-height: 50px;
	border-left: 1px solid #000;
	margin-left: -2px;	
}
#globalnav li:last-child {
	border-right: none;
}
#globalnav li:first-child {
	border-left: none;
}


#globalnav li a{
	color: #FFF;
	display:block;
	height:50px;
}
#globalnav li a:hover{
	background:url(../images/menu_on2.gif) repeat-x right top;
	text-decoration: none;
}


/* パンくず
---------------------------------------------------------------------------*/
#breadcrumb {
	margin:10px auto -10px auto;
	padding:0;
	 max-width:1280px; 
     min-width:900px; 
}



/* コンテナ
---------------------------------------------------------------------------*/
#container {
	max-width:1280px; 
	min-width:900px; 
	background-color:#FFF;
	margin:30px auto;
	padding-left: 10px;
	padding-right: 10px;
}

h1 a{
	display: block;
	text-indent: -9999px;
	width: 700px;
	height: 125px;
	background-image: url(../images/h1.gif);
	overflow: hidden;
}

#header .subtitle {
	display: none;
}

/* メインコンテンツ 
---------------------------------------------------------------------------*/
#contents_area{ 
 /*font-size:0.75em; */
	line-height:130%; 
	border-left-color:#0082C4;
	min-width: 900px;
	max-width: 1280px;
	margin: 0 auto;
	background: #FFF;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
	-moz-box-shadow: 10px 0px 10px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.1);
	-o-box-shadow: 10px 0px 10px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 10px 0px 10px 10px rgba(0,0,0,0.1);	
}

#side_area1{ 
 width:220px; 
 float:left; 
 line-height:180%; 
 padding-right:10px; 
}

#side_area1 li a{ 
 display:block;
 font-weight:bold;
 text-decoration: none;
 padding: 1em;
 height: 2.5em;
}

#side_area1 a:hover {
 color: #005A84;
}

#side_area1 li {
background: url(../images/bk_ban.gif) repeat-x left bottom;
border: 1px solid #ccc;
line-height: 1.3em;
margin-bottom:5px;
}

#side_area1 li#k01 { 
 border-bottom:2px solid #FF0000;
 line-height: 2.5em;
}

#side_area1 li#k01 a:hover{
 background-color: #FFD9D9;
}

#side_area1 li#k03 { 
 border-bottom:2px solid #FFFF00;
 margin-bottom:5px;
 line-height: 2.5em;
}
#side_area1 li#k03 a:hover{ 
 background-color: #FFFFDD;
 
}

#side_area1 li#k04 { 
 border-bottom:2px solid #FF99CC;
 margin-bottom:5px;
 line-height: 2.5em;
}
#side_area1 li#k04 a:hover{ 
 background-color: #FFF0F7;
}

#side_area1 li#k07 { 
 border-bottom:2px solid #0000FF;
 margin-bottom:5px;
}
#side_area1 li#k07 a:hover{ 
 background-color: #D9D9FF;
}

#side_area1 li#k08 { 
 border-bottom:2px solid #9966FF;
 margin-bottom:5px;
}
#side_area1 li#k08 a:hover{ 
 background-color: #F0E8FF;
}

#side_area2{ 
 width:210px; 
 float:right; 
 background: url(../images/bk_ban.gif) repeat-x left bottom;
 min-height: 50px;
 line-height: 50px;
 border: 1px solid #999;
} 

#side_area2 a{ 
 display:block;
 font-weight:bold;
 padding-left: 30px;
 background: url(../images/icon_h4.gif) no-repeat 10px center;
 text-decoration: none;
}
#side_area2 a:hover{ 
 background-color: #EEE;
 color: #005A84;
}

#maincontents {
	margin-right:230px;
	margin-left:240px;
	position:relative;
}
#maincontents h2 {
	font-size: 140%;
	font-weight: bold;
	padding:1em .5em;
	line-height: 1.5em;
	border:1px solid #999;
	border-bottom: 5px solid #01445F;
	background: #FFF;
	margin-bottom:1em;
	color: #01445F;

-moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.1);
-o-box-shadow:2px 2px 5px 2px rgba(0,0,0,0.1);
-ms-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
}
#maincontents h3 {
	font-size: 120%;
	font-weight: bold;
	padding:.2em .5em;
	line-height: 1.5em;
	border-left:4px solid #01445F;
	background: url(../images/bk_h2.gif) repeat-x left bottom;	
	margin-top:2.5em;
	margin-bottom:1em;
	color: #01445F;
}
#maincontents h4 {
	font-size: 110%;
	font-weight: bold;
	padding:0 0 0 15px;
	line-height: 1.3em;
	margin-top:1em;
	margin-left: 0.5em;
	margin-bottom:.5em;
	background: url(../images/icon_h4.gif) no-repeat left 0.2em;
}

h4#kk01 {
	border-left:1em solid #FF0000;
	background-image: none;
}
h4#kk03 {
	border-left:1em solid #FFFF00;
	background-image: none;
}
h4#kk04 {
	border-left:1em solid #FF99CC;
	background-image: none;
}
h4#kk07 {
	border-left:1em solid #0000FF;
	background-image: none;
}
h4#kk08 {
	border-left:1em solid #9966FF;
	background-image: none;
}

.kkk01 {
	font-size: 110%;
	font-weight: bold;
	padding:0 .4em;
	border-left:1em solid #FF0000;
}
.kkk03 {
	font-size: 110%;
	font-weight: bold;
	padding:0 .4em;
	border-left:1em solid #FFFF00;
}
.kkk04 {
	font-size: 110%;
	font-weight: bold;
	padding:0 .4em;
	border-left:1em solid #FF99CC;
}
.kkk07 {
	font-size: 110%;
	font-weight: bold;
	padding:0 .4em;
	border-left:1em solid #0000FF;
}
.kkk08 {
	font-size: 110%;
	font-weight: bold;
	padding:0 .4em;
	border-left:1em solid #9966FF;
}




#maincontents dl {
	padding:0 .7em;
}
#maincontents dt {
	padding:.7em 0;
	font-weight:bold;
	margin:0 1.5em 0 0;
	float:left;
}
#maincontents dd {
	padding:.7em 0;
	margin:0;
	border-bottom:1px dotted #95A6A6;
}

#maincontents ul {
	margin:1.5em .5em;
}
#maincontents li {
	list-style:disc none inside;
	margin-bottom:.5em;
}
#maincontents li p {
	font-weight:normal;
	margin-left:1em;
	margin-top:0;
}

#maincontents table td {
	padding: 1em;
}

/* 外部リンク */
.externallink a:before {
	content:url(../images/common/externallink.jpg);
	vertical-align:top;
	margin-right:.4em;
	margin-left:.6em;
}
.externallink {
	margin-top:1.5em;
}

.pagetop {
	text-align:right;
	font-size:85%;
	margin:2em 0;
}

.linefeed {
	margin-bottom:3em;
}




/* バナーエリア
---------------------------------------------------------------------------
#sidearea {
	width:250px;
	margin:0 0 auto auto;
}*/
#banner li{
	margin:10px auto;
	text-align:center;
}
#banner li.start {
	margin-top:0;
}



/* フッター
---------------------------------------------------------------------------*/
#footer {
	margin:30px auto 0px auto;
	padding: 5px 10px 20px 10px;
	border-top:1px solid #DDD;
	clear:both;
	 max-width:1280px; 
     min-width:900px; 
}
#footerinner {
	margin:10px auto;
	text-align: center;
	clear:both;
}



/* Print -------------------------------------------------------------------- */
@media print {
	#closer { display:none; }
	#globalnav ul { width:961px; }
	#container { _display: table; }
	#maincontents { display: table-cell; }
	#sidearea { display: table-cell; }
}