@charset "utf-8";



/* ------------------------------------------------ default */

h1,h2,h3,h4,h5,h6,p,ul,ol,li,table,dl,dt,dd,form,input {

	margin: 0px;

	padding: 0px;

	font-size: 100%;

	line-height: 1.4;

}

body {

	font-size: 80%;

	margin: 0px;

	padding: 0px;

	text-align: center;

	background-color: #E8E8E8;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

}

img {

	border: none;

}

a:link {

	text-decoration: underline;

	color: #16387C;

	background-color: inherit;

}

a:visited {

	text-decoration: underline;

	color: #16387C;

	background-color: inherit;

}

a:active {

	text-decoration: underline;

	color: #16387C;

	background-color: inherit;

}

a:hover {

	text-decoration: none;

	color: #CC0033;

	background-color: inherit;

}

ol {

	margin-left: 2em;

}

/* ------------------------------------------------ wrapper */

#wrapper {

	width: 980px;

	margin: 0px auto;

	text-align: left;

	background: #FFFFFF url(../images/header_shadow.jpg) repeat-x left top;

}

#wrapper:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

	line-height: 0;

}



/* ------------------------------------------------ jumpToContent */

.jumpToContent {

	position: absolute;

	z-index: 100;

	top: 0px;

	right: 0px;

	width: 1px;

	height: 1px;

	overflow: hidden;

}



/* ------------------------------------------------ header */

#header{

	width: 940px;

	margin: 0px 25px 0px 15px;

	padding-bottom: 7px;

}

#logo{

	float: left;

	width: 500px;

}

#logo #pic{

	float: left;

}

#logo #pic img{

	margin: 20px 10px 0px 10px;

}

#logo #home{

	margin: 34px 0px 0px 10px;

}

#utility{

	float: right;

	width: 163px;

	margin: 12px 0px 0px 0px;

	text-align: right;

}

#utility p{

	margin-right: 3px;

}

#utility #expansion{

	margin-top: 8px;

}

#utility #expansion p{

	float: left;

}

#utility #expansion li{

	line-height: 0.0;

	font-size: 1%;

	float: left;

	margin-right: 2px;

	list-style: none;

}

#header:after {

    content: "."; 

    display: block; 

    height: 0;

    clear: both; 

    visibility: hidden;

	line-height: 0;

}



/* ------------------------------------------------ pankuzu */

#pankuzu {

	clear: both;

	width: 100%;

	margin-top: 1px;

	padding: 3px 15px;

	background: #ECECED url(../images/pankuzu_top.gif) repeat-x top left;

	margin-bottom:15px;

}

html>body #pankuzu {

	width: 950px;

}



/* ------------------------------------------------ main */

#main {

	clear: both;

	width: 935px;

	margin: 0px 25px 0px 20px;

	padding-bottom: 10px;

}

#main:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

	line-height: 0;

}



/* ------------------------------------------------ contents */

#contents {

	float: right;

    width: 720px;

}

#page_ttl {

	padding: 10px 0px 10px 10px;

	background: url(../images/contents_shadow.jpg) repeat-x left top;

}

#page_ttl h1,

#page_ttl p {

	font-size: 140%;

	font-weight: bold;

	background-color: inherit;

	color: #003366;

}

.ttl_txt {

	margin: 0px 0px 10px 10px;

	font-size: 110%;

	font-weight: bold;

	background-color: inherit;

	color: #003366;

}



/* ------------------------------------------------ gnavi */

#gnavi{

    float: left;

    width: 190px;

	margin-right: 25px;

	text-align: center;

}

#gnavi #primarily{

	margin-bottom: 7px;

}



#gnavi #second {

	width: 168px;

	margin: 0px auto 5px;

	padding: 8px;

	background-color: #B3CBFF;

	color: inherit;

	border: #EEEEEE;

}

#gnavi #second p{

	margin-bottom: 2px;

}

#gnavi_expand {

	background: url(../images/gnavi/sm_bg.jpg) repeat-y left top;

	margin-bottom: 1px;

}

#gnavi_expand ul {

	background: url(../images/gnavi/sm_bottom.jpg) no-repeat left bottom;

	padding-bottom: 5px;

}

#gnavi_expand ul li {

	list-style: none;

	text-align: left;

	margin: 0px 8px;

	padding: 2px 0px;

	border-top: #666666 1px dotted;

}

#gnavi_expand ul li.li_here {

	text-decoration: none;

	color: #000000;

	display: block;

	padding-left: 16px;

	background: #C9E7F6 url(../images/gnavi/gnavi_icon_on.gif) no-repeat 2px 6px;

}

#gnavi_expand ul li a {

	text-decoration: none;

	color: #000000;

	display: block;

	padding-left: 16px;

	background: url(../images/gnavi/gnavi_icon_off.gif) no-repeat 2px 3px;

}

#gnavi_expand ul li a:hover {

	color: #006699;

	background: url(../images/gnavi/gnavi_icon_on.gif) no-repeat 2px 3px;

}

#gnavi_expand-b {

	background: url(../images/gnavi/b_bg.jpg) repeat-y left top;

	margin-bottom: 2px;

}

#gnavi_expand-b ul {

	background: url(../images/gnavi/b_bottom.jpg) no-repeat left bottom;

	padding-bottom: 6px;

}

#gnavi_expand-b ul li {

	list-style: none;

	text-align: left;

	margin: 0px 8px;

	padding: 2px 0px;

	border-top: #666666 1px dotted;

}

* html #gnavi_expand-b ul li {

	width: 152px;

} 

#gnavi_expand-b ul li.li_here {

	text-decoration: none;

	color: #000000;

	display: block;

	padding-left: 16px;

	background: #C9E7F6 url(../images/gnavi/gnavi_icon_on.gif) no-repeat 2px 6px;

}

#gnavi_expand-b ul li a {

	text-decoration: none;

	color: #000000;

	display: block;

	padding-left: 16px;

	background: url(../images/gnavi/gnavi_icon_off.gif) no-repeat 2px 3px;

}

#gnavi_expand-b ul li a:hover {

	color: #006699;

	background: url(../images/gnavi/gnavi_icon_on.gif) no-repeat 2px 3px;

}

#gnavi_gray {

	margin: 0px auto 1px auto;

	width: 185px;

}

* html #gnavi_gray ,

*+html #gnavi_gray {

	margin: 0px 0px 1px 2px;

}

#gnavi_gray ul {

	padding-bottom: 5px;

	border-left: #DEDEDE 1px solid;

	border-right: #DEDEDE 1px solid;

	border-bottom: #DEDEDE 1px solid;

}

#gnavi_gray ul li {

	list-style: none;

	text-align: left;

	margin: 0px 8px;

	padding: 2px 0px;

	border-top: #666666 1px dotted;

}

#gnavi_gray ul li.li_here {

	text-decoration: none;

	color: #000000;

	display: block;

	padding-left: 16px;

	background: #C9E7F6 url(../images/gnavi/gnavi_icon_on.gif) no-repeat 2px 6px;

}

#gnavi_gray ul li a {

	text-decoration: none;

	color: #000000;

	display: block;

	padding-left: 16px;

	background: url(../images/gnavi/gnavi_icon_off.gif) no-repeat 2px 3px;

}

#gnavi_gray ul li a:hover {

	color: #006699;

	background: url(../images/gnavi/gnavi_icon_on.gif) no-repeat 2px 3px;

}



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

#footer{

	clear: both;

	width: 980px;

	color: #666666;

	font-size: 86%;

}

.fnavi {

	width: 950px;

	margin: 0px 15px;

	border-top: #CCCCCC 1px solid;

	padding: 5px 0px;

}

.fnavi ul li{

	float: left;

	margin: 0px 10px 5px 0px;

	list-style: none;

	padding-left: 12px;

	background: url(../images/ftr_icon.gif) no-repeat 0px 5px;

}

#fcopy{

	background: url(../images/footer_shadow.jpg) repeat-x left top;

	padding: 15px 15px 0px;

	clear: both;

	width: 100%;

}

html>body #fcopy {

	width: 950px;

}

#fcopy #f_left{

	float: left;

	width: 410px;

}

#fcopy #f_right{

	float: right;

	text-align: right;

	width: 520px;

}

#fcopy p{

	margin-bottom: 10px;

}

#pnavi {

	clear: both;

	margin: 20px 10px 0px 0px;

	height: 1%;

}

.pprev {

	float: left;

	width: 49%;

}

.ptop {

	float: right;

	width: 49%;

	text-align: right;

}

#pnavi:after ,

#fcopy:after {

    content:"."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden;

	line-height:0;

}



/* ------------------------------------------------ printing */

@media print{

/* shared */

body {

	background-color:#ffffff;

}

#header,

#gnavi,

#pnavi,

.ptop,

.fnavi {

	display: none;

}

#header {

	border-bottom: 1px solid #000000;

}

#main {

	width: 100%;

}

#contents {

    float: none;

    width: 98%;

}

#pankuzu {

	background-color: #ffffff;

}

#footer {

	width: 100%;

	margin-top: 10px;

	color: #000000;

}

}