@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


html,

body,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

div,

p,

pre,

address,

blockquote,

ul,

ol,

dl,

dt,

dd,

form,

fieldset {

	display: block;

	text-align: inherit;

	line-height: inherit;

	text-indent: 0;

}

body {

	background-image:url(../img/background.gif);

	background-repeat: repeat-y;

	background-position: center;
	
	text-align: center;
	
	color: #666666;

	margin-bottom: 33px;

	font-family: "Tahoma", "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Osaka", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif;
}


img {
	border: none;
}



a {

	color: #187274;

	text-decoration: underline;

}



a:link {
	color: #666666;

	text-decoration: none;
}



a:visited {

	color: #555555;

	text-decoration: none;
}



a:focus,

a:hover,

a:active {

	color: #666666;

	text-decoration: underline !important;

}


div.container {
	
	margin: 0 auto;

	width: 800px;
	
	text-align: left;

	font-size: 12px;

}


div.global-header-area {

	padding-right: 15px;

}



div.global-header-area h1 {
	background-image: url(../img/head_img_ci.jpg);
	background-position: right;
	background-repeat: no-repeat;

}


div.global-header-area h1 a {

	display: block;

	width: 99px;

}


div.global-header-area h1 a img{

}


div.global-header-area h1 img{

}


div.utility-area {

	margin-top: 8px;
	
	float: right;
	
}


div.utility-area ul li {

	float: left;

	list-style-type: none;

	padding-top: 7px;
	
}


div.utility-area ul li {

	float: left;

	list-style-type: none;

	padding-top: 7px;
	
}


div.utility-area ul li a {

	display: block;	
}


div.utility-area ul li form {

	padding-left: 15px;

	padding-right: 15px;

	float: left;

}


div.utility-area ul li form input {

	display: block;
	
	float: left;
	
}


div.utility-area ul li form input.search-field {

	width: 120px;
	margin-right: 5px;
	
}


div.utility-area ul li.fontsize-selector {

	border: 1px solid #CCCCCC;
	width: 129px;
	height: 25px;
	padding: 0;
	
}
div.utility-area ul li.fontsize-selector p {

	float: left;
	
	padding: 7px 9px 6px 3px;
	
}


div.utility-area ul li.fontsize-selector ul li {

	padding: 4px 4px 0 0;
	
}


div.utility-area ul li.fontsize-selector ul li img {

	cursor: pointer;
	
}



div.global-navigation {

	clear: both;

	height: 36px;
	
	padding-top: 15px;
}


div.global-navigation ul {

	list-style-type: none;

}


div.global-navigation ul li {
	float: left;

}


div.global-navigation ul li a {

	display: block;

}

div.global-navigation ul li img {

	display: block;

}


/* =========== footer area =========== */
div.footer-area {
	clear: both;

	font-size: 83%;

	padding:50px 15px 0;
	
}


/* === for IE6 ==== */
*html div.footer-area {

	padding:0px 15px 0;

	margin-top: 50px;

}


/* === for IE7 ==== */
*+html div.footer-area {

	padding:0px 15px 0;

	margin-top: 50px;

}


div.footer-area div.page-top {
	
	width: 770px;

	height: 28px;

	background-image: url(../img/page_top_back.gif);

}


div.footer-area div.page-top a {
	
	position: relative;

	left: 656px;

	top: 7px;

	width: 96px;

	display: block;

}


div.footer-area ul.foot-mainmenu, 

div.footer-area ul.foot-utility, 

div.footer-area ul.foot-info {

	clear: both;

	list-style-type: none;

}

div.footer-area ul.foot-mainmenu {

	border-bottom: 1px solid #363636;

	padding-bottom: 1.5em;

	padding-top: 30px;
}


div.footer-area ul.foot-utility {

	border-top: 1px solid #000000;

	padding-top: 5px;

}


div.footer-area ul.foot-info {

	clear: both;

	list-style-type: none;

	padding-top: 10px;

}


div.footer-area ul.foot-mainmenu li, 

div.footer-area ul.foot-utility li, 

div.footer-area ul.foot-info li {

	float: left;

}


div.footer-area ul.foot-mainmenu li a, 

div.footer-area ul.foot-info li a {
	padding-right: 5px;

	display: block;

}


div.footer-area ul.foot-mainmenu li a {

	border-left: 1px solid #666666;

	padding-left: 5px;

}


div.footer-area ul.foot-mainmenu li a:focus,

div.footer-area ul.foot-mainmenu li a:hover,

div.footer-area ul.foot-mainmenu li a:active {

	color: #4479C3;

}


div.footer-area ul.foot-mainmenu li a.first-mainmenu {

	border: none;

	padding-left: 0;

}


div.footer-area ul.foot-info li a {

	background-image: url(../img/list_type_allow01.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-right: 15px;

	padding-left: 9px;
}


div.footer-area address {

	float: right;

	padding-top: 1px;

	position: relative;

	left: 1px;
}

div.header-pankuzu {

	height: 25px;
	
	border-style: solid;
	
	border-color: #EAEAEA;
	
	border-width: 0px 0px 1px 0px;
	
	background-color: #F7F7F7;
	
	margin-top: 10px;
	
	margin-right: 15px;
	
	margin-bottom: 20px;
	
	margin-left: 15px;

}

div.header-pankuzu ul {

	padding-top: 7px;

	padding-left: 7px;

	padding-right: 7px;
	
	list-style-type: none;

}

div.header-pankuzu ul li {
	display: block;	
	float: left;	
}

div.header-pankuzu ul li a:link,
div.header-pankuzu ul li a:active,
div.header-pankuzu ul li a:visited {
	
	color: #2C7CC3;
	text-decoration: none;

}

div.header-pankuzu ul li a:hover {
	
	color: #2C7CC3;
	text-decoration: underline !important;

}
 
div.header-pankuzu ul li a {
	vertical-align: text-bottom;
}

div.header-pankuzu ul li img {
	vertical-align: 0.07em;
}

/* google search layout */
div.google_search {
	margin-top: 30px;
	margin-left: 20px;
}

/* page top link */
div.arrow-gotop{

	clear: both;

	padding-top: 20px;

	padding-left: 470px;

	}

div.arrow-gotop-s{

	clear: both;

	padding-top: 20px;

	padding-left: 470px;

	}

div.arrow-gotop-w {

	clear: both;

	padding-top: 20px;

	padding-left: 630px;

	}

/* key visual area */
div.topimg-area h2 {
	padding-bottom: 20px;
}

div.topimg-area p{
	padding-bottom: 20px;
}

div.topimg-area p img{
	vertical-align: middle;
}

div.version-secured-area {
position: relative;
}

div.version-secured-area p{
position: absolute;
	top: 0;
	left: 120px;	
}

/* =========== for IE6 =========== */
*html div.container {

	padding-left: 1px;

}


/* =========== for IE7 =========== */
*+html div.container {

	padding-left: 1px;

}

/* =========== for accessibility issue =========== */
.accessibility-hidden {

	position: absolute;

	left: 0;

	top: 0;

	overflow: hidden;

	width: 0;

	height: 0;

	font-size: 0;

	color: #fff;

	background: #fff;
	
	border: none;
	clear: both;
}



p a:link,
p a:active,
p a:visited {
	color: #2C7CC3;
}





