@charset "utf-8";
/* CSS Document */


/* -- body -- */

body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}


/* -- bold -- */

.b {font-weight: bold;}


/* -- hover -- */

a:hover img	{
	opacity:0.5;
	filter:alpha(opacity=50);
}


/* -- margin adjustment -- */

.mt0 { margin-top:0 !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.mr0 { margin-right:0 !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.ml0 { margin-left:0 !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; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }

.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}

/* -- disc -- */

ul.disc {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.disc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	background:url(../images/ico_disc.gif) no-repeat 0px 7px;
}
p.disc {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	background:url(../images/ico_disc.gif) no-repeat 0px 7px;
}
ul.anchorlink {
	margin: 20px 0px;
	padding: 0px;
	list-style:none;
}
ul.anchorlink li {
	margin: 0px 0px 3px 5px;
	padding: 0px 0px 0px 13px;
	background:url(../images/ico_anchorlink2.gif) no-repeat 0px 5px;
	font-weight:bold;
}
ul.anchorlink2 {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.anchorlink2 li {
	margin: 0px 15px 0px 10px;
	padding: 0px 0px 0px 13px;
	background:url(../images/ico_anchorlink2.gif) no-repeat 0px 5px;
	font-weight:bold;
	float:left;
}


/* -- asterisk -- */

dl.ast20 {
	width:90%;
}
dt.ast20 {
	float:left;
	width:20px;
	clear:both;
}
dd.ast20 {
	margin-left:20px;
}

dt.ast27 {
	float:left;
	width:27px;
	clear:both;
}
dd.ast27 {
	margin-left:27px;
}

/* -- title font -- */

.font12 { font-size:12px }
.font18 { font-size:18px }


/* -- pagetop -- */

/* for bottom */
div.pagetop{
	margin:20px 0 10px auto;
	width:76px;
	height:10px;
	float:right;
}

/* for middle */
div.pagetop2{
	margin:0 0 30px auto;
	width:76px;
	height:10px;
	float:right;
}


/* -- attention -- */

div.attention {
	width: 80%;
	margin: 0 auto;
	border:2px solid #EB8585;
	background-color:#FEEDDE;
	padding:0.8em 10px;
	text-align:center;
}


/* -- pageHeader -- */

#pageHeader { margin-bottom: 30px; }

#pageHeader #headerTitle {
	margin-bottom: 10px;
	background: url(../images/bg_title.png) no-repeat center bottom;
	text-align: left;
	overflow: hidden;
	height: 70px;
}

#pageHeader #headerTitle h1.title { float:left; }

#pageHeader #headerTitle h1 img.titleThumbImg { padding:0 0 0 15px; margin-bottom:5px; }

#pageHeader #headerTitle h1 span {
	float:left;
	display:block;
	margin:0 0 0 10px;
	width:600px;
	height:60px;
}

#pageHeader #headerTitle h1 img.titleThumbImg { width:auto; }

#pageHeader #headerTitle .headerLink a {
  display:block;
  width:100%;
  height:100%;
  }
 
  
	

@media (max-width: 640px){

  /* -- asterisk -- */
  
  dl.ast20 { width:100%; }
  dt.ast27 { width:30px; }
  dd.ast27 { margin-left:30px; }
  
  
  /* -- attention -- */
  
  div.attention { width: 90%; }
  
  /* -- pageHeader -- */
  
  #pageHeader #headerTitle h1 img.titleThumbImg {
	float:left;
	display:block;
	width:50px;
	height:50px;
	padding:5px 0 0 0;
}

#pageHeader #headerTitle { height:auto; }

#pageHeader #headerTitle table div {
	margin-left:3px;
	margin-bottom:2px;
	color:#45678E;
}

/*#pageHeader .infolink {
	width: 100%;
	text-align: center;
	font-size:15px;
}

#pageHeader .infolink a { display: inline-block; }*/

#pageHeader #headerTitle { background:none; }

#pageHeader #headerTitle h1.title {
	width:100%;
	padding:0 0 2px 0;
}

#pageHeader #headerTitle table {
	width:100%;
	border-bottom:#D0D0D0 2px solid;
}

#pageHeader #headerTitle table td:first-of-type { width:50px; }

#headerTitle .titleText img { display:none; }

#headerTitle .titleText div { display:block; }

/*#headerTitle div.titleText div:first-of-type { margin-bottom:0.1em; }

#headerTitle div.titleText div span:not(:first-of-type) { vertical-align:baseline !important; }

#headerTitle div.titleText div:nth-of-type(2) { line-height:120%; }

#headerTitle div.titleText div:nth-of-type(2) span {
	vertical-align:baseline !important;
	display:inline-block !important;
}

#headerTitle div.titleText div span:first-of-type { display:block; }*/

#pageHeader #headerTitle table td:first-of-type {
	  width:30%;
	  max-width:60px;
  }
  
  #pageHeader #headerTitle h1 img.titleThumbImg {
	  height:auto;
	  width:100%;
	  float:none;
  }
 
  #pageHeader #headerTitle .title a {
	  padding:0;
  }

  h2#subTitle { display:none !important; }
	
  /* -- pagetop -- */
  
  /* for bottom */
  div.pagetop{
	  margin-bottom:10px;
  }
  
  /* for middle */
  div.pagetop2{
	  margin-bottom:30px;
  }

}

