/**********************************************************************
ファイル名 ： css [ base.css ]
作成日     ： 09.03.17
機能名     ： 基本構成用（レイアウト）
**********************************************************************/


/*------------------------------------------------------
 body
------------------------------------------------------*/
body{
	margin:0;
	padding:0;
}
body#normal,
body#normal_noline{
	background-color:#CCEBF6;
	background-image:url(../img/bg_body.gif);
	background-repeat:repeat-y;
	min-width:1300px;
}
body#split{
	background-color:#E5FFE5;
	background-image:url(../img/bg_body.gif);
	background-repeat:repeat-y;
	min-width:1300px;
	text-align: center;
}

body#white{
	background-color:#FFFFFF;
	min-width:1300px;
}
body#pop_none{
	background-color:#FFFFFF;
	margin:15px;
}
body#pop{
	background-color:#CCEBF6;
	background-image:url(../img/bg_bodyPop.gif);
	background-repeat:repeat-y;
}
body#redirect{
	background-color:#FFFFFF;
	margin:15px;
}

/*------------------------------------------------------
 other
------------------------------------------------------*/
.clear{
	clear:both;
	font-size:1px;
}
h1,h2,h3,p,div,span{
	font-family:'ＭＳ ゴシック';
	text-align: center;
}
img{
	border:none;
}



/*------------------------------------------------------
 form
------------------------------------------------------*/
form{
	margin:0;
}
.fm-search{
	font-size:12px;
	width:134px;
}
.fm_margin{
	margin:0 0 0 9px;
}
.fm-name{
	font-size:12px;
	width:131px;
}
.fm-select{
	font-size:12px;
}
.fm-textarea{
	font-size:12px;
}
.fm_icon_require01{
	margin:0 0 -3px 12px;
}
.fm_icon_require02{
	margin:0 0 -3px 6px;
}

/*------------------------------------------------------
 redirect
------------------------------------------------------*/
#redirectArea{
	display:none;
}

/*------------------------------------------------------
 header
------------------------------------------------------*/
#headerArea{
	background-color:#E5FFE5;

}
#headerArea .base{
	background-color:#FFFFFF;
	width:766px;
	padding: 3px 0 0 0;
}
#headerArea .block01{
	height: 64px;
	margin: 0px;
	padding: 0px;
	background-image:url(../img/hdr_bg02.gif);
	background-repeat:no-repeat;
}
#headerArea .block01 .link{
	margin: 16px 0 12px 132px;
}

#headerArea .block01 .hdr_txt{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#headerArea .block01 .input_text{
	width: 116px;
	font-size:12px;
	border: 1px #7f9db9 solid;
}

#headerArea .link{
	margin: 5px 0 0 268px;
}
#headerArea .link a{
	font-size:10px;
	display:block;
	white-space:nowrap;
	background-image:url(../img/hd_icon.gif);
	background-repeat:no-repeat;
	background-position:0 -0.1em;
	padding:3px 8px 3px 11px;
	margin:0 2px 0 0;
}

#headerArea .tokiolink{
	width     : 677px;
	height    : 34px;
	padding   : 10px 0 0 0;
	text-align: right;
}


#headerArea .tokiolink a{
	margin   : 0px 5px 4px 0;
	padding  : 0 0 0 10px;
	font-size:12px;
	color    : #222;
	text-align : right;
	background-image   :url(../img/cmn_icon_www.gif);
	background-repeat  :no-repeat;
	background-position:left center;
}

/* link */
#headerArea .block01 .hdr_txt a:link   { color:#FFFFFF; text-decoration:none; }
#headerArea .block01 .hdr_txt a:visited{ color:#FFFFFF; text-decoration:none; }
#headerArea .block01 .hdr_txt a:hover  { color:#FFFFFF; text-decoration:underline; }
#headerArea .block01 .hdr_txt a:active { color:#FFFFFF; text-decoration:underline; }

#headerArea .tokiolink a:link    { color: #222; text-decoration: none; }
#headerArea .tokiolink a:visited { color: #222; text-decoration: none; }
#headerArea .tokiolink a:hover   { color: #222; text-decoration: underline; }
#headerArea .tokiolink a:active  { color: #222; text-decoration: underline; }


/*------------------------------------------------------
 headerPop
------------------------------------------------------*/
#headerPopArea{
	padding:6px 0 0 0;
	background-image:url(../img/bg_headerPop.gif);
	background-repeat:repeat-x;
}
#headerPopArea .base{
	width:660px;
}
#headerPopArea .logo{
	float:left;
}
#headerPopArea .block{
	text-align:right;
	float:right;
}
#headerPopArea .button{
	padding:20px 0 21px 0;
}

/*------------------------------------------------------
 global
------------------------------------------------------*/
#globalArea{
	background-image:url(../img/bg_global.gif);
	padding:10px 0 10px 0;
}

/*------------------------------------------------------
 pankuzu
------------------------------------------------------*/
#pankuzuArea{
	background-color:#E5FFE5;
}
#pankuzuArea .base{
	background-color:#FFFFFF;
	width:766px;
	height:22px;
}
#pankuzuArea .base2{
	width:766px;
	height:60px;
}
#pankuzuArea .base3{
	widtd:766px;
	height:2px
}
#pankuzuArea .text{
	padding:10px 0 0 17px;
	color:#999999;
	font-size:10px;
}
#pankuzuArea .active{
	color:#CCCCCC;
}

/* link */
#pankuzuArea a:link   { color:#086CC2; text-decoration:none; }
#pankuzuArea a:visited{ color:#086CC2; text-decoration:none; }
#pankuzuArea a:hover  { color:#51A5ED; text-decoration:underline; }
#pankuzuArea a:active { color:#51A5ED; text-decoration:underline; }

/*------------------------------------------------------
 txsize ( include <-- #pankuzuArea )
------------------------------------------------------*/
#txsizeArea{
	position:relative;
}
#txsizeArea .position{
	position:absolute;
	top:0px;
	left:580px;
}
#txsizeArea table.link{
	background-color:#EAEAE4;
}
#txsizeArea table.link td{
	padding:5px 0px 5px 5px;
}
#txsizeArea table.link td.text{
	font-size:12px;
	color:#716B6B;
	padding:5px 5px 5px 5px;
}

/*------------------------------------------------------
 ftglobal
------------------------------------------------------*/
#ftglobalArea,
#ftglobalArea02{
	background-color:#F5FBFC;
	background-image:url(../img/bg_contents.gif);
	background-repeat:repeat-y;
}

#ftglobalArea .base{
	width:766px;
	background-image:url(../img/cn_bg.gif);
}
body#normal #ftglobalArea .base{
	background-image:url(../img/cn_bg_normal.gif);
}
body#normal_noline #ftglobalArea .base{
	background-image:url(../img/cn_bg_normal_noline.gif);
}
body#split_map #ftglobalArea .base{
	width:766px;
	background-image:url(../img/cn_bg_map.gif);
}
#ftglobalArea .link{
	padding:0 0 10px 170px;
}

#ftglobalArea .link a{
	font-size:12px;
	display:block;
	padding:0 10px 0 10px;
	border-right:1px solid #086CC2;
}
#ftglobalArea .link a.end{
	border-style:none;
}

#ftglobalArea a:link   { color:#086CC2; text-decoration:none; }
#ftglobalArea a:visited{ color:#086CC2; text-decoration:none; }
#ftglobalArea a:hover  { color:#51A5ED; text-decoration:underline; }
#ftglobalArea a:active { color:#51A5ED; text-decoration:underline; }


	body#white #ftglobalArea02 .base{
		width:766px;
		background-color: #ffffff;
	}

	body#white #ftglobalArea02 .link{
		padding:0 0 10px 60px;
	}

	body#white #ftglobalArea02 .link a{
		font-size:12px;
		padding:0 10px 0 10px;
		border-right:1px solid #086CC2;
	}

	body#white #ftglobalArea02 .link a.end{
		border-style:none;
	}

	#ftglobalArea02 a:link   { color:#086CC2; text-decoration:none; }
	#ftglobalArea02 a:visited{ color:#086CC2; text-decoration:none; }
	#ftglobalArea02 a:hover  { color:#51A5ED; text-decoration:underline; }
	#ftglobalArea02 a:active { color:#51A5ED; text-decoration:underline; }

/*------------------------------------------------------
 copyright
------------------------------------------------------*/
#copyrightArea{
	background-color:#1FA5D9;
	background-image:url(../img/bg_copy.gif);
	background-repeat:repeat-x;
}

#copyrightArea .base{
	background-color:#0398D2;
	background-repeat:no-repeat;
	width:766px;
	background-image:url(../img/cp_bg02.gif);
}
body#normal #copyrightArea .base{
	background-color:#0398D2;
	background-repeat:no-repeat;
	width:766px;
	background-image:url(../img/cp_bg01.gif);
}
body#normal_noline #copyrightArea .base{
	background-color:#0398D2;
	background-repeat:no-repeat;
	width:766px;
	background-image:url(../img/cp_bg01_noline.gif);
}
body#split_map #copyrightArea .base{
	background-color:#0398D2;
	background-repeat:no-repeat;
	width:766px;
	background-image:url(../img/cp_bg02_map.gif);
}
#copyrightArea .copy{
	padding:19px 0 0 0;
	float:right;
}
#copyrightArea .link{
	float:left;
	padding:21px 0 12px 8px;
}
#copyrightArea .link a{
	font-size:10px;
	display:block;
	background-image:url(../img/cp_icon.gif);
	background-repeat:no-repeat;
	background-position:0 -0.1em;
	padding:0 8px 0 10px;
}

#copyrightArea a:link   { color:#FFFFFF; text-decoration:none; }
#copyrightArea a:visited{ color:#FFFFFF; text-decoration:none; }
#copyrightArea a:hover  { color:#FFFFFF; text-decoration:underline; }
#copyrightArea a:active { color:#FFFFFF; text-decoration:underline; }

/*------------------------------------------------------
 copyrightPop
------------------------------------------------------*/
#copyrightPopArea{
	background-image:url(../img/bg_copyPop.gif);
	background-repeat:repeat-x;
}
#copyrightPopArea .base{
	background-repeat:no-repeat;
	width:661px;
	background-image:url(../img/cp_bgPop.gif);
}
#copyrightPopArea .copy{
	padding:12px 0 8px 0;
	float:right;
}

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

#footerArea{
	padding: 0 0 20px 0;
	border-top: 1px #ededed solid;
	width:766px;
}

#footerArea .block01{
	height: 40px;
	margin: 2px 0 0 0;
	padding: 0px;
	background-image:url(../img/ftr_bg02.gif);
	background-repeat:no-repeat;
}
#footerArea .block01 .link{
	margin: 10px 0 0 7px;
	font-size: 10px;
	color: #FFFFFF;
}

#footerArea .block01 .link a{
	text-decoration: none;
}

#footerArea .block01 .grouplink{
	margin    : 13px 0 0 0;
	font-size : 12px;
	text-align: right;
}

#footerArea .block01 .grouplink a{
	background-image   :url(/common/img/cmn_icon_www.gif);
	background-repeat  :no-repeat;
	background-position:left top;
	padding: 0 0 0 10px;
	margin : 5px 5px 0 0;
	color  : #222;
}

#footerArea .block01 .copy{
	margin: 15px 0 0 18px;
	font-size: 12px;
	color: #555;
}

/* link */
#footerArea .block01 .link a:link   { color:#FFFFFF; text-decoration:none;}
#footerArea .block01 .link a:visited{ color:#FFFFFF; text-decoration:none;}
#footerArea .block01 .link a:hover  { color:#FFFFFF; text-decoration:underline;}
#footerArea .block01 .link a:active { color:#FFFFFF; text-decoration:underline;}

#footerArea .block01 .grouplink a:link   { color:#555; text-decoration:none;}
#footerArea .block01 .grouplink a:visited{ color:#555; text-decoration:none;}
#footerArea .block01 .grouplink a:hover  { color:#555; text-decoration:underline;}
#footerArea .block01 .grouplink a:active { color:#555; text-decoration:underline;}

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