@charset "utf-8";

/*
	File Name   : layout.css
	Author      : Kensuke Takahashi
	Description : 各ブロックのレイアウト
*/




/* Container
----------------------------------------------------------- */
div#container {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	/*　border:1px solid #ddd;　*/
}

/* NewContainer　新規トップを元にした新規フォーマットの本文
----------------------------------------------------------- */

div#newcontainer {
	width: 790px;
	text-align: left;

margin-left:auto;
margin-right:auto;
}


/* NewContent　新規トップを元にした新規フォーマットの本文
----------------------------------------------------------- */

div.newcontent{
padding-top:12px;
margin-top:8px;
width:786px;/* 920-padding12x2-border1x2 894*/
background-color:#fff;
border:1px solid #999;
float:left;

}

div.newcontent h1{
font-size:150%;
margin-bottom:12px;
}

div#newcontainer .pan{
clear:both;
width:100%;
font-size:100%;
margin:6px 0 36px 8px;
color:#708090;
letter-spacing:0.05em;
text-align:left;
}

div#newcontainer .pan a:link{color:steelblue;text-decoration:underline;}
div#newcontainer .pan a:visited{color:lightslategray;text-decoration:underline;}
div#newcontainer .pan a:hover{color:red;text-decoration:underline;}
div#newcontainer .pan span{color:darkorange;font-weight:bold;letter-spacing:0;}

/* Header
----------------------------------------------------------- */
div#header{}
div.header{
/* background-color:red; */
	width:100%;
	float:left;
}

div#header h1 {
	float: left;
	padding: 8px 0 12px 0px ;
	margin:0;
	width:179px;
}

div#header p {
	float: right;
	padding-right: 12px;
	padding-top: 13px;
	color: /*#d1dde5;*/#666;
	font-size: 85%;
}

div#header p a {
	color: /*#d1dde5;*/#666;
	text-decoration: none;
	margin:0;
}

div#header p a:hover {
	text-decoration: underline;
}



div#header h1 img,
div#flash {
	behavior: url(js/iepngfix.htc);
}


/* NEW Header
----------------------------------------------------------- */

div#newheader{
width:774px;
padding:0 0px;

} 


div#newheader h1 {
	float: left;
	padding: 25px 0 20px 0px;
}

div#newheader p {
	float: right;
	margin: 0;
	padding-top: 30px;
	color: #d1dde5;
	font-size: 85%;
}

div#newheader p a {
	color: #d1dde5;
	text-decoration: none;
}

div#newheader p a:hover {
	text-decoration: underline;
}



div#newheader p{
padding-right:0;
}


/* Main
----------------------------------------------------------- */
div#main {
	float: left;
	width: 652px;
	line-height: 1.5;
	margin-bottom: 1em;
}


/* Side
----------------------------------------------------------- */
div#side {
	float: right;
	width: 240px;
	margin-bottom: 1em;
	padding: 5px 5px 0;
	background-color: #f3f3f3;
}

div#side p {
	margin-bottom: 5px;
}

dl#PDFdownload {
	margin-bottom: 5px;
	padding-bottom: 2px;
	border: 1px solid #dfdfdf;
}

dl#PDFdownload dt {
	padding: 5px 0 5px 10px;
}

dl#PDFdownload dd {
	margin-bottom: 3px;
	text-align: center;
}

/* トップバナー */

div#main .topbanner{
width:648px;
height:98px;
margin-left:2px;
margin-top:4px;
margin-bottom:8px;
background-color:#fff;
}

div#main .topbanner img{
float:left;
}


div#main .topbanner a{
display:block;
width:648px;
height:98px;
border:1px solid #ddd;
color:dimgray;
} 


div#main .topbanner a:link{  
text-decoration:underline;
color:dimgray;
} 

div#main .topbanner a:visited{  
text-decoration:underline;
} 

div#main .topbanner a:hover{  
text-decoration:none;
border:1px solid #666;
color:#333;
}  




/* サイドバナー汎用 */

div#side .bannercss{
width:240px;
height:100px;
margin-bottom:5px;
line-height:130%;
background-color:#fff;
}

div#side .bannercss img{
float:left;
}


div#side .bannercss a{
display:block;
width:238px;
height:98px;
border:1px solid #ddd;
color:dimgray;
} 

div#side .bannercss a p{
float:right;
padding-right:8px;
/* background-color:yellow; */
position:relative;
top:26px;
right:16px;
}


div#side .bannercss a:link{  
text-decoration:underline;
color:dimgray;
} 

div#side .bannercss a:visited{  
text-decoration:underline;
} 

div#side .bannercss a:hover{  
text-decoration:none;
border:1px solid #666;
color:#333;
}  


/* Global navigation
----------------------------------------------------------- */
ul#globalNavi {
	position: absolute;
	top: ;
	left: ;
	width: ;
	height: ;
	background: ;
}

ul#globalNavi li {
	float: left;
}

ul#globalNavi li a {
	display: block;
	float: left;
}

ul#globalNavi li a:hover {
	background-color: transparent;
}

ul#globalNavi li a:hover img {
	visibility: hidden;
}


/* Footer　新規トップのフッタ
----------------------------------------------------------- */
div#footer {
	clear: both;
	padding: 45px 0 20px;
	background: #333 url(../img/common/footer_bg.png) repeat-x 0 0;
}

div#footer img {
	vertical-align: top;
}

div#footer div {
	width: 920px;
	line-height: 1;
	margin: 0 auto;
	text-align: left;
}

div#footer div dl {
	float: left;
	padding: 0 20px 5px 0;
	border-right: 1px solid #616161;
}

div#footer div dl dt {
	margin-bottom: 10px;
}

div#footer div ul {
	float: right;
	width: 485px;
/* background-color:yellow; */
}

div#footer div ul li {
	float: right;
	margin: 0 0 10px 12px;
	padding-left: 8px;
	background: url(../img/common/footer_icon.png) no-repeat 0 0;
}

/* トップフッタメニュー（個人情報等） */

div#footer div span ul{
margin-top:8px;
}

div#footer div span ul li {
font-size:10px;
}

div#footer div span ul li a{
}

div#footer div span ul li a:link{
color:#ddd;
text-decoration:none;
}

div#footer div span ul li a:visited{
color:#ddd;
text-decoration:none;
}

div#footer div span ul li a:hover{
color:#bbb;
text-decoration:none;
}


div#footer div ul li.lastChild {
	margin-left: 0;
}

div#footer div ul li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div#footer div p {
	clear: both;
	margin: 0;
	padding-top: 10px;
	color: #fff;
	font-size: 10px;
	font-family: "Times New Roman", Georgia, Times, serif;
	text-align: center;
}



/* Footer2 新規トップをもとにした新しいフォーマットのフッタ
----------------------------------------------------------- */
div#footer2 {
	clear: both;
	padding: 45px 0 20px;
	background: #333 url(../img/common/footer_bg.png) repeat-x 0 0;
}

div#footer2 img {
	vertical-align: top;
}

div#footer2 div {
	width: 786px;
	line-height: 1;
	margin: 0 auto;
	text-align: left;
}

div#footer2 div dl {
	float: left;
	padding: 0 20px 5px 0;
	border-right: 1px solid #616161;
}

div#footer2 div dl dt {
	margin-bottom: 10px;
}

div#footer2 div ul {
	float: right;
	width: 580px;
padding-top:0px;
}

div#footer2 div ul li {
font-size:85%;
	float: right;
	margin: 0 0 10px 12px;
	padding-left: 8px;
	background: url(../img/common/footer_icon.png) no-repeat 0 0;
}

div#footer2 div ul li.lastChild {
	margin-left: 0;
}

div#footer2 div ul li a:link{color:#ddd;text-decoration:none;}
div#footer2 div ul li a:visited{color:#ddd;text-decoration:none;}
div#footer2 div ul li a:hover{color:#bbb;text-decoration:none;}

div#footer2 div ul li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div#footer2 div p {
	clear: both;
	margin: 0;
	padding-top: 10px;
	color: #fff;
	font-size: 10px;
	font-family: "Times New Roman", Georgia, Times, serif;
	text-align: center;