/* --------------------
body and container
-------------------- */

body {
	font-family: "MS UI Gothic", "\004D\0053\0020\0055\0049\0020\0047\006F\0074\0068\0069\0063", "MS PGothic", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif;
	text-align: center;
	background: url("../img/bg.gif") repeat-y center;
	font-size: small;
	}

#container {
	text-align: left;
	width: 772px;
	margin: 0 auto;
	clear: both;
	}

/* --------------------
head
-------------------- */
#head {
	width: 772px;
	height: 65px;
	background: url("../img/headbg.gif") repeat-x;
	}

#logo a {
	display: block;
	float: left;
	width: 114px;
	height: 54px;
	background: url("../img/logo.gif") no-repeat 0 0;; margin-left:0; margin-right:0; margin-top:7px; margin-bottom:0
	}

#banner {
	float: right;
	margin: 4px 20px 0 0;
	width: 468px;
	height: 60px;
	}

/* --------------------
footpath
-------------------- */
#footpath {
	clear: both;
	padding: 5px 10px;
	}

#visual {
	width: 772px;
	height: 80px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#wrap {
	width: 770px;
	margin: 1px;
	background: url("../img/wrapbg.gif") repeat-y;
	}
#wrapflow {
	width: 770px;
	margin: 1px;
	}

/* --------------------
body
-------------------- */
#body {
	float: right;
	width: 609px;
	overflow: hidden;
	}

#bodyFlow {
	float: right;
	width: 770px;
	overflow: hidden;
	margin-top:20px;

	}

#contents {
	padding: 0 19px 40px 19px;
}

#title {
    margin-bottom:20px;
}


/* --------------------
Main Foot
-------------------- */
#main_foot{
	width:604px;
	margin-bottom:4px;
}

#body.nomenu #main_foot{
	width:775px;
	margin-bottom:4px;
}

a#btn_back{
	float:right;
	display:block;
	width:48px;
	height:21px;
	margin:0px 5px;
	background:url(../img/btn_back.gif);
}

a#btn_back:hover{
	background:url(../img/btn_back_over.gif);
}

a#btn_pagetop{
	float:right;
	display:block;
	width:155px;
	height:21px;
	margin:0px 5px;
	background:url(../img/btn_pagetop.gif);
}

a#btn_pagetop:hover{
	background:url(../img/btn_pagetop_over.gif);
}

a#btn_sectop {
	float:right;
	display:block;
	width:207px;
	height:21px;
	margin:0px 5px;
	background:url(../img/btn_sectop.gif) 0px 0px;
	
}

a#btn_sectop:hover {
	background-position: 0px -21px;
}


/* --------------------
menu
-------------------- */
#menu {
	float: left;
	width: 160px;
	}

/* ----- top menu ----- */

/*#menu #topmenu {
	border-top: 2px solid #000;
	}*/

#menu #topmenu a {
	display: block;
	width: 160px;
	height: 50px;
	}

/* ----- special menu ----- */
#menu #specialmenu {
	padding-bottom: 8px;
	}

#menu #specialmenu a {
	display: block;
	width: 147px;
	margin: 8px auto 0 6px;
	}

/* ----- main menu ----- */

#menu #mainmenu {
	border-bottom: 2px solid #000;
	}

#menu #mainmenu li {
	display: inline;
	}

#menu #mainmenu a {
	display: block;
	color: #333;
	text-decoration: none;
	}

#menu #mainmenu a:hover {
	color: #000;
	text-decoration: none;
	}

#menu #mainmenu a.menu1,
#menu #mainmenu a.menu1sel {
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

#menu #mainmenu a.menu2,
#menu #mainmenu a.menu2sel {
	width: 125px;
	padding: 6px 5px 6px 30px;
	}

/* ----- sub menu ----- */

#menu #submenu {
	margin-top: 8px;
	border-bottom: 1px solid #999;
	}

#menu #submenu li {
	display: inline;
	}

#menu #submenu a {
	display: block;
	width: 160px;
	border-top: 1px solid #999;
	background-position: 0 0;
	text-decoration: none;
	}

#menu #submenu a.subsectop {
	color: #333;
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

#menu #submenu a.subsitemap {
	color: #333;
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

#menu #submenu a:hover {
	color: #000;
	background-position: 0 -25px;
	text-decoration: none;
	}
#menu #submenu a.subsitemapsel {
	color: #333;
	width: 135px;
	padding: 6px 5px 6px 20px;
	}


#menu #submenu a.subsitemap a:hover {
	color: #000;
	width: 135px;
	padding: 6px 5px 6px 20px;
	}

#menu #submenu a.subsectop a:hover {
	height: 25px;
	}

/* ----- related services, contents, link ----- */

#menu #related_link {
	margin: 8px auto 8px 6px;
	width: 146px;
	border: 1px solid #aaa;
	}

#menu #relatedservices {
	margin: 8px auto 0 6px;
	width: 146px;
	border: 1px solid #aaa;
	}

#menu #relatedcontents {
	margin: 8px auto 8px 6px;
	width: 146px;
	border: 1px solid #aaa;
	}

#menu #related_link dt,
#menu #relatedservices dt,
#menu #relatedcontents dt {
	width: 146px;
	height: 25px;
	}

#menu #related_link dd,
#menu #relatedservices dd,
#menu #relatedcontents dd {
	display: inline;
	}

#menu #related_link dd a,
#menu #relatedservices dd a,
#menu #relatedcontents dd a {
	display: block;
	padding: 4px 5px;
	color: #333;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	}

#menu #related_link dd a:hover,
#menu #relatedservices dd a:hover,
#menu #relatedcontents dd a:hover {
	color: #f80;
	text-decoration: none;
	background: #eee;
	}

#menu .bannar li { margin: 8px auto 8px 6px; }

#menu .2bannar {
	margin:8px auto 8px;
	width: 160px;
}


/* --------------------
foot
-------------------- */
#foot {
	width: 770px;
	margin: 0 1px 20px 1px;
	border-top: 1px solid #5a5a5a;
	}

#foot #footL {
	width: 300px;
	float: left;
	padding: 11px 0 0 15px;
	}

#foot #footR {
	width: 303px;
	float: right;
	padding: 11px 28px 0 0;
	}

#foot #footL li {
	display: inline;
	}

#foot a.footNiftytop {
	display: block;
	width: 89px;
	height: 17px;
	float: left;
	background: url("../img/footniftop.gif") 0 0;
	}

#foot a.footSignup {
	display: block;
	width: 89px;
	height: 17px;
	float: left;
	background: url("../img/footsignup.gif") 0 0;
	margin-left:15px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	background-repeat: no-repeat;
	}

#foot .footPolicy {
	margin-right: 30px;
	text-align:right;
	font-size: x-small;
	}

#foot a.footCopyright {
	display: block;
	width: 188px;
	height: 12px;
	background: url("../img/footcopy.gif") 0 0; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:0;
	}
#footerT{
  padding:5px;
  font-size:80%;
  text-align:center;
  border-top:1px solid #5a5a5a;
	}
#footer{
	clear:both;
	text-align:center;
	width: 770px;
	margin: 0 1px 20px 1px;
	border-top: 1px solid #5a5a5a;
	}

#footer a{
	vertical-align:middle;
	border:0;
	}
#footer p.footerL{
	float:left;
	width:210px;
	text-align:left;
	margin:0;
	padding:8px 0 0 10px;
	}

#footer address{
	text-align:right;
	width:500px;
	float:right;
	padding: 11px 28px 10px 0;
	font-style:normal;
	font-size:smaller;
	word-spacing:1px;
	}

/* --------------------
tokusyohou_add_20091116
-------------------- */
.tokusyohou ul {
	margin-top: 10px;
	list-style: none;
	text-align:center;
}
.tokusyohou ul li a{
	background-image: url(../img/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: 2px 0.3333em;
	padding-left: 15px;
}

