/* Base setting */
* {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
html {
	overflow scroll;
}
body {
 behavior: url("common/js/csshover.htc");
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
input {
	padding-top: 2px;
}
ul,
ol {
	list-style-type: none;
}
li img {
	vertical-align: bottom;
}




/*───────────────────────
 header
───────────────────────*/
#head-wrap {
}
#head-wrap #head_contents {
 width: 958px;
 margin: 0 auto;
 position: relative;
}

#head-wrap #head-left {
 float: left;
	width: 600px;
}
#head-wrap #head-left img {
 float: left;
}
#head-wrap #head-left .form {
 float: right;
	padding-top: 35px;
}
#head-wrap #head-left input {
	vertical-align: middle;
}
#head-wrap #head-left form #search {
 width: 120px;
}
#head-wrap #head-right {
 position: absolute;
	top: 2px;
	right: 0;
	text-align: right;
}
#head-wrap #head-right div {
 margin-top: 15px;
}
#head-wrap #head-right ul li {
	display: inline;
	margin-right: 10px;
}
#head-wrap ul li a.icon1 {
 background:url(../common/img/icon_sitemap.gif) no-repeat left center;
	padding-left: 13px;
}
#head-wrap ul li a.icon2 {
 background:url(../common/img/icon_link.gif) no-repeat left center;
	padding-left: 18px;
}
#head-wrap ul li a.icon3 {
 background:url(../common/img/icon_policy.gif) no-repeat left center;
	padding-left: 15px;
}
#head-wrap ul li a {
 text-decoration: none;
	font-weight: bold;
	color: #666666;
}
#head-wrap ul li a:hover {
 text-decoration: underline;
}


/* global navigation
───────────────────────*/
#gnavi {
	height: 45px;
}

#gnavi ul {
	width: 958px;
	margin: 0 auto;
	background: url(../common/img/gnavi_bg.gif) repeat-x;
}

#gnavi ul li {
 float: left;
 color: #FFFFFF;
 background: url(../common/img/gnevi_line.gif) no-repeat right top;
}
#gnavi ul li ul li {
 padding-right: 0;
}
#gnavi ul li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#gnavi ul li a {
	background:url(../common/img/gnevi_line.gif) no-repeat right top;
}
#gnavi ul li p,
#gnavi ul li a {
	font-weight: bold;
	padding: 15px 16px 15px 18px;
}
#gnavi ul li.line1:hover {
 background:url(../common/img/line1.gif) no-repeat 8px 8px;
}
#gnavi li.line2:hover div {
 background:url(../common/img/line2.gif) no-repeat 8px 8px;
}
#gnavi ul li.line3:hover div {
 background:url(../common/img/line3.gif) no-repeat 8px 8px;
}
#gnavi ul li.line4:hover div {
 background:url(../common/img/line4.gif) no-repeat 8px 8px;
}
#gnavi ul li.line5:hover div {
 background:url(../common/img/line5.gif) no-repeat 8px 8px;
}
#gnavi ul li.line6:hover div {
 background:url(../common/img/line6.gif) no-repeat 8px 8px;
}
#gnavi ul li.line7:hover {
 background:url(../common/img/line1.gif) no-repeat 8px 8px;
}
#gnavi ul li.line1,
#gnavi ul li.line2 div,
#gnavi ul li.line3 div,
#gnavi ul li.line4 div,
#gnavi ul li.line5 div,
#gnavi ul li.line6 div,
#gnavi ul li.line7 {
 background: url(../common/img/line0.gif) no-repeat 8px 8px;
}

#gnavi ul li.line7 a {
 background:  none;
}

/* pilldown */
#gnavi ul li {
	position: relative;
}
#gnavi li a {
	background: #DAF5EE;
	color: #000;
	padding: 0px;
}
#gnavi ul li.sfHover a {
	background: #DAF5EE;
	color: #666666;
}
#gnavi ul li:hover ul a, 
#gnavi ul li.sfHover ul a {
	background: #DAF5EE;
	color: #666666;
}
#gnavi ul li:hover ul a:hover, 
#gnavi ul li.sfHover ul a:hover {
	background-color: #71D4FD;
	color: #FFFFFF;	
}
#gnavi ul ul {
	background: #DAF5EE;
	margin-top: 3px;
	width: 185px;
	position: absolute;
	top: -999em;
	left: -1px;
	z-index: 100;
}
#gnavi ul li:hover ul,
#gnavi ul li.sfHover ul {
	top: 40px;
}
#gnavi ul ul li {
	border: 0;
	float: none;
}
#gnavi ul ul a {
	width: 185px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	white-space: nowrap;
	font-weight: normal;
	padding: 3px 10px;
}
#gnavi ul ul a:hover {
	background-color: #71D4FD;
	color: #FFFFFF;
}

#gnavi ul li.line4 ul,
#gnavi ul li.line4 ul a {
 width: 257px;
}
*html #gnavi ul li.line4 ul,
*html #gnavi ul li.line4 ul a {
 width: 280px;
}
#gnavi ul li.line5 ul,
#gnavi ul li.line5 ul a {
 width: 120px;
}
*html #gnavi ul li.line5 ul,
*html #gnavi ul li.line5 ul a {
 width: 143px;
}
#gnavi ul li.line6 ul,
#gnavi ul li.line6 ul a {
 width: 120px;
}
*html #gnavi ul li.line6 ul,
*html #gnavi ul li.line6 ul a {
 width: 143px;
}
#gnavi ul li.line7 ul,
#gnavi ul li.line7 ul a {
 width: 100px;
}
*html #gnavi ul li.line7 ul,
*html #gnavi ul li.line7 ul a {
 width: 123px;
}



/*───────────────────────
 mainarea
───────────────────────*/
#mainarea {
	width: 780px;
	margin: 0 auto;
	padding-top: 20px;
}

#mainareafree {
	padding: 0 20px 0 0;
}

#mainbody {
}

#mainbodyindex {
	width: 68%;
	float: left;
}

#leftarea {
	margin: 0 0 0 20px;
}

#rightarea {
	margin: 0 0 0 70%;
}

/*####plagin####
-----------------------------------------------------------------------------------*/
#plagin dt{
	width: 120px;
	float: left;
}

#plagin dd{
	margin: 0 0 0 94px;
	font-size: 0.7em;
	line-height: 120%;
}

/*####btn####
-----------------------------------------------------------------------------------*/
p.btn a {
	width: auto;
	padding: 0.3em 10px 0.2em 18px;
	background: url('../image/btn_back.gif') no-repeat left center;
	color: #36C;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 1px solid #999;
}

p.btn a:hover {
	background: #36C url('../image/btn_back.gif') no-repeat left center;
	color: #FFF;
}


/*####pagetop####
-----------------------------------------------------------------------------------*/
#pagetop {
	margin: 0 0 2.4em 0;
	text-align: right;
}

/*───────────────────────
 copyright
───────────────────────*/
#footer {
 clear: both;
 width: 958px;
 margin: auto;
 background-color: #3366CC;
}

#copyright {
 margin: 20px auto 0;
 padding: 5px 15px;
 background-color: #3366CC;
 color: #FFFFFF;
}