@charset "utf-8";

*{
	margin:0;
	padding:0;
}

html{
	overflow-y:scroll;
}

body{
	border-color:#e31f26;
	border-style:solid;
	border-width:5px 0 3px 0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif,"SimHei";
	/*font-family:"ＭＳ Ｐゴシック", "MS PGothic",sans-serif;*/
	font-size:75%;
}

img{
	border:none;
	vertical-align:top;
}

a{
	vertical-align: baseline; 
	color:#039;
}
a:link{
	color:#039
}
a:visited{
	color:#039;
}
a:hover{
	color:#039;
	text-decoration:none;
}
a:active{
	color:#039;
}



/* -------------------- headerArea -------------------- */
#headerArea{
	clear:both;
	font-size:85%;
	margin-bottom:15px;
	position:relative;
	zoom:100%;
}
#headerArea:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

/* -----  ----- */
#siteLogo{
	float:left;
	width:300px;
}

/* -----  ----- */
#headerNavi{
	position:absolute;
	top:10px;
	right:0;
}

#headerNavi ul{
	list-style:none;
	text-align:right;
}
#headerNavi ul:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

#headerNavi li{
	float:left;
}

#headerNavi a{
	background:url(../images/arrow_s.gif) left center no-repeat;
	margin-left:10px;
	padding-left:12px;
	white-space:nowrap;
}

/* -----  ----- */
#searchArea{
	position:absolute;
	top:30px;
	right:0;
}

#searchArea input{
	float:left;
	background:url("http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif") no-repeat;
}

.textForm{
	width:120px;
	line-height:1.2em;
	height:1.2em;
}




/* -------------------- globalNaviArea -------------------- */
#globalNaviArea{
	clear:both;
}

#globalNaviArea ul{
	list-style:none;
	width:100%;
	zoom:100%;
}
#globalNaviArea ul:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

#globalNaviArea li{
	float:left;
	text-align:center;
}

#globalNaviArea a{
}



/* -------------------- bodyArea -------------------- */
#bodyArea{
	background:url(../images/bg_gra.jpg) left top repeat-x;
	clear:both;
	zoom:100%;
}
#bodyArea:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}



/* -------------------- bodyArea -------------------- */
#pankuzuArea{
	background:#cccccc;
	border-top:1px solid #D1D1D1;
	font-size:85%;
	zoom:100%;
}

#pankuzuArea p{
	padding:5px 5px 4px 5px;
}



/* -------------------- footerArea -------------------- */
#footerArea{
	background:#eff0f2;
	border-top:1px solid #ceced0;
	clear:both;
	font-size:85%;
	margin-top:20px;
	zoom:100%;
}

/* -----  ----- */
#footerNavi{
	float:left;
	padding:18px 0 18px 15px;
	width:260px;
}
#footerNavi:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

#footerNavi ul{
	list-style:none;
	text-align:right;
}
#footerNavi ul:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}


#footerNavi li{
	float:left;
}

#footerNavi a{
	background:url(../images/arrow_s.gif) left center no-repeat;
	margin-right:10px;
	padding-left:12px;
}

/* -----  ----- */
#copyright{
	float:right;
	line-height:1.4em;
	padding:10px 0 10px 0;
	text-align:right;
	width:465px;
}



/* -------------------- other -------------------- */


.w{
	margin:0 auto;
	width:740px;
}

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

.bgside{
	background:url(../images/bg_sidemenu.gif) left top repeat-y;
}

/**/
.caution{
	color:red;
}

.strong{
	font-weight:bold;
}

/**/
.tSmall{
	font-size:85%;
}

.tLarge{
	font-size:125%;
}

/**/
.para .tCenter{
	text-align:center;
}

.para .tLeft{
	text-align:left;
}

.para .tRight{
	text-align:right;
}

/**/
.fNone{
	float:none;
}

.fLeft{
	float:left;
}

.fRight{
	float:right;
}

.para .imgLeft{
	float:left;
	margin:0 10px 10px 0;
}

.para .imgRight{
	float:right;
	margin:0 0 10px 10px;
}

.para .imgCenter{
	clear:both;
	text-align:center;
	margin:0 0 10px 0;
	zoom:100%;
}
.para .imgCenter:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.para .imgLeft,
.para .imgRight,
.para .imgCenter{
	font-size:85%;
}

.para .imgLeft p,
.para .imgRight p,
.para .imgCenter p{
	margin-bottom:0;
}

/**/
.clear{
	clear:both;
	zoom:100%;
}

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


.hidden{
	overflow:hidden;
	position:absolute;
	width:0px;
	height:0px;
	top:-1000px;
	left:-1000px;
}

.changeImage{}