@charset "utf-8";
/*
########################################################
  Naming rules
########################################################

全体コンテナ         #container (body要素の直下)
ヘッダー             #header (ヘッダー)
フッター             #footer (フッター)
コンテンツ           #contents (コンテンツ) 
汎用コンテナ         #unitBlock
入れ子コンテナ       #unitBlockIn
入れ子コンテナ2      #unitBlockBox 
第1汎用コンテナ      #alphaBlock 
第2汎用コンテナ      #betaBlock 
第3汎用コンテナ      #gammaBlock 
第4汎用コンテナ      #deltaBlock 
第5汎用コンテナ      #zetaBlock 
ポップアップコンテナ #popupBlock 
パンくずナビ         #topicPath
ヘッダーナビ         #headerNavi
グローバルナビ       #globalNavi
ローカルナビ         #localNavi
フッターナビ         #footerNavi
見出し1              #title
見出し2              .headline 
見出し3              .crosshead 
見出し4              .subheading 
見出し5              .index 
見出し6              .subindex 
要約                 .description
コピーライト         .copy
キャプション         .caption
挿入句               .note
ページ内リンク       .pageAnchor
ページ上部へリンク   .toTop 
外部へのリンク       .external

########################################################
*/



/*
########################################################
  common style
########################################################
*/

*{
	margin:0;
	padding:0;
	color:#333333;
	font-size:100%;
	/*font-family:"ＭＳ Ｐゴシック",osaka,Verdana,Helvetica,sans-serif;*/
	text-align:left;
}

body{
	font-family:"ＭＳ Ｐゴシック",osaka,Verdana,Helvetica,sans-serif;
	font-size: 80%;
	line-height:1.4em;
	background-color: #fff;
}

img{
	border:0;
}

li{
	list-style-type:none;
}

h1{
	padding:16px 0 0px 0;
}

.displayOn{
	display : block;
}

.displayOff{
	display : none;
}

.borderNone{
	border:none !important;
}

.bgNone{
	background:none !important;
}

.caption{
	font-size: 90%;
	color:#666666;
	line-height:1.4em;
}

.caption75{
	font-size: 75%;
	line-height:1.4em;
}

.caption100{
	font-size: 100%;
	line-height:1.4em;
}

/*
########################################################
  Header style
########################################################
*/

div#header{
	text-align:center;
	background:url(../images/bg_header.gif) repeat-x left top;
	height:106px;
}

div#headerIn{
	width:960px;
	margin:0 auto;
	position:relative;
}

div#headerIn ul#headerNavi{
	position:absolute;
	left:0;
	top:67px;
}

div#headerIn ul#headerNavi li{
	float:left;
}

div#headerIn div#unitBlockSearch{
	position:absolute;
	top:0;
	right:0;
	width:290px;
	height:39px;
	background:url(../images/bg_header_search.gif) no-repeat top left;
}

div#headerIn div#unitBlockSearch ul{
	margin:8px 0 0 6px;
}

div#headerIn div#unitBlockSearch ul li{
	float:left;
	margin:0 0px 0 0;
}

div#headerIn div#unitBlockSearch ul li img{
	margin:2px 0 0 0;
}
	

div#headerIn div#unitBlockSearch ul li input{
	margin:0 4px 0 0px;
	width:120px;
}

div#headerIn img#Btnform{
	position:absolute;
	top:0;
	right:295px;
}
	
/*
########################################################
  Footer style
########################################################
*/

div#footer{
	clear:both;
	margin:10px 0 40px 0;
	text-align:center;
}

div#footerIn{
	margin:0 auto;
	background:url(../images/bg_footer.gif) no-repeat left top;
	height:52px;
	width:960px;
	position:relative;
}

div#footerIn ul{
	background:url(../images/lline_footer.gif) no-repeat left top;
	float:left;
	margin:20px 0 0 0 ;
}

div#footerIn ul li{
	background:url(../images/lline_footer.gif) no-repeat right top;
	padding:4px 15px 0;
	height:22px;
	float:left;
}

/* 新規追加　footer  */
div#footerIn02{
	height:25px;
	width:960px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 1px solid #D5D5D5;
}

div#footerIn02 ul{
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

div#footerIn02 ul li{
	padding:2px 10px 0;
	height:16px;
	float:left;
}

div#footerIn img#copyright{
	float:right;
	margin:20px 0 0 0 ;
}

/*
########################################################
  Contents style
########################################################
*/

div#contents{
	border-top:1px solid #96A2A7;
	background:url(../images/bg_contents.gif) repeat-x left top;
	text-align:center;
}

div#contentsIn{
	width:960px;
	margin:0 auto;
	background-color:#FFFFFF;
	zoom:100%;
}

div#contentsBox{
	width:100%;
	padding:10px 0 0 0 ;
	background:url(../images/bg_main.gif) repeat-x left top;
}

div#contentsIn:after {   
	content: "";
	display: block;
	clear: both;
}

div#unitBlockMain{
	background: url(../images/bg_left.gif) repeat-y left top;
	zoom:100%;
}

div#unitBlockMain:after {   
	content: "";
	display: block;
	clear: both;
}

div#unitBlockMain div#unitBlockMainLeft{
	float:left;
	width:200px;
}

div#unitBlockMain div#unitBlockBoxMainLeft{
	padding:0 0 0 10px;	
}

div#unitBlockMain div#unitBlockBoxMainLeft ul#localNavi{
	margin:0;
/*	margin:0 0 15px 0;*/
	width:auto;
}

div#unitBlockMain div#unitBlockBoxMainLeft ul#localNavi li img{
	vertical-align:bottom;
}

div#unitBlockMain div#unitBlockBoxMainLeft p.bnArea{
	margin:0 0 15px 8px;
}

div#unitBlockMain div#unitBlockMainRight{
	width:730px;
	padding:0 15px 0 0 ;
	float:right;
}

dl#breadcrumbs{
	width:100%;
	float:left;
	font-size:85%;
	margin:0 0 10px 0;
}

html* dl#breadcrumbs{
	font-size:85%;
}

dl#breadcrumbs dd{
	width:auto;
	float:left;
	margin:0 5px 5px 0;
}

dl#breadcrumbs dd span{
	color:#CCCCCC;
	margin:0 3px;
}

div#unitBlockMain div#unitBlockBoxMain{
	clear:both;
}

div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain h2{
	padding:0 0 10px 0;
	margin:0 0 7px 0;
	border-bottom:#ee0011 solid 3px;
}

div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain h3{
	margin:30px 0 18px 0;
}

div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain h3.h3undline{
	margin:30px 0 18px 0;
	padding:0 10px 10px 10px;
	border-bottom:#9a9a9a 1px solid;
}

div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .contBlock{
	padding:0 10px;
}

p.pageTop{
	font-size:80%;
	*+font-size:80%;
	text-align:right;
	margin:15px 0 0 0;
}

p.pageTop img{
	margin:0 3px 0 0;
}


/*
########################################################
  list style
########################################################
*/
div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain ul.numList li{
	list-style:decimal inside !important;
	line-height:1.7em;
}

div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain ul.discList li{
	list-style:disc inside !important;
	line-height:1.7em;
}

.bgshadow{
	background:url(../images/img_shadow.gif) no-repeat;
	width:180px;
	height:6px;
	margin-bottom:10px;
}

/*
########################################################
  arrow
########################################################
*/
.icoarrow{
	background:url(../images/ico/ico_arrow.gif) no-repeat 0 8px;
	padding-left:10px;
}

/*
########################################################
  atention
########################################################
*/
div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .atention{
	border:#D5D5D5 1px solid;
	padding:18px 0 18px 30px;
	margin-bottom:20px;
}

div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .privBoard{
	width:650px;
	background:url(../images/dotline.gif) bottom repeat-x;
	margin-bottom:15px;
	padding:0 0 15px 0;
}

div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .atention img{
	float:left;
}

div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .atentionBox{
	float:left;
}

/*
########################################################
  margin - padding
########################################################
*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml65 {margin-left:65px !important;}
.ml110 {margin-left:110px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb130 {margin-bottom:130px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

/*
########################################################
  color
########################################################
*/

.col666 {
	color:#666666;
}

.colB12525 {
	color:#B12525;
}

/*
########################################################
  .align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

/*
########################################################
  .float
########################################################
*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}

.clearfix:after {   
	content: "";
	display: block;
	clear: both;
}

.clearfix{
	zoom: 100%; 
}

/*
########################################################
  .cursor
########################################################
*/

.cursorN{
	cursor:default;
}

.cursorP{
	cursor: pointer;
}


/*
########################################################
  .link
########################################################
*/

a,
a:visited{
	color:#54718D;
	/*color:#CC0000;*/
	text-decoration:underline;
}

a:hover,
a:active{
	color:#CC0000;
	/*color:#003366;*/
	text-decoration:underline;
}

p.pageTop a,
p.pageTop a:visited,
dl#breadcrumbs a,
dl#breadcrumbs a:visited,
div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .contBlock a,
div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .contBlock a:visited{
	color:#54718D;
	text-decoration:underline;
}

p.pageTop a:hover,
p.pageTop a:active,
dl#breadcrumbs a:hover,
dl#breadcrumbs a:active,
div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .contBlock a:hover,
div#unitBlockMain div#unitBlockMainRight div#unitBlockBoxMain .contBlock a:active{
	color:#CC0000;
	text-decoration:underline;
}


/*
########################################################
  .txt
########################################################
*/

.fontS{
	font-size:85%;
}

.fontSM{
	font-size:100%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:120%;
}

.bold{
	font-weight:bold;
}
#footer #footerIn02 .link01 {
	position: absolute;
	top: 8px;
	left: 16px;
}
#footer #footerIn02 .link02 {
	position: absolute;
	left: 175px;
	top: 6px;
	width: 135px;
}
#footer #footerIn02 .link03 {
	position: absolute;
	left: 323px;
	top: 6px;
	width: 170px;
}
#footer #footerIn02 .link04 {
	position: absolute;
	left: 507px;
	top: 6px;
	width: 120px;
}
