@charset "shift_jis";

/* 000.	Format
----------------------------------------------- */
body	{font-family:Arial,san-serif; color:#4c4c4c; margin:0; padding:0; font-size:12px;}

form,input,p,ul,li,dl,ol,
dd,dt,h1,h2,h3,h4,h5,h6	{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,li,th,td		{font-size:12px; line-height:1.5;}
img,a img				{border:0;}
ul						{margin:0; padding:0; list-style-type:none;}

a:link					{color:#f27f03; text-decoration:underline;}
a:visited				{color:#f27f03; text-decoration:underline;}
a:hover					{color:#ee0000; text-decoration:underline;}
a:active				{color:#f67733; text-decoration:underline;}

.clear{clear:both;}
.allclear	{clear: both; height:0px; display: block; font-size: 0px; line-height: 0px;}
.clfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clfix 		{display:inline-block;}		/*for ie7*/

.mb01{margin-bottom:10px;}
.mb02{margin-bottom:18px;}
p.text{margin-bottom:18px; line-height:19px; margin-left:4px;}

.center{text-align:center; display:block;}

img.left{float:left; margin-right:12px;}
img.right{float:right; margin-left:18px; margin-bottom:18px;}

.tsml{font-size:10px;}

/* 001.	Contents
----------------------------------------------- */
div.container				{width:900px; margin:0 auto; padding:0;}
div#hd						{width:100%; height:74px; background:#75AEE4 url(../image/bk-body.gif) top repeat-x; color:#ffffff; border-bottom:1px solid #bbd;}
div#hd-contents				{width:860px;  margin:0 auto;}
div#footer-bk				{width:100%; background:url(../image/bk-footer.gif) repeat-x; height:97px; margin:0 auto; text-align:center; border-top:4px solid #ccc; clear:both;}

div#content-block			{ width:860px; padding:0 20px;	margin:0 auto; background:url(../image/bk-bottom.gif) repeat-x left bottom;}
div#content-block #subnavi	{float:left; width:164px;}
div#content-block #contents	{float:right; width:672px;}
div#content-block #contents2{width:672px; margin: 0 auto;}
h2 img						{margin-bottom:8px;}
p#pankuzu					{font-size:10px; margin:0 0 13px 0; color:#527A96;}
p#pankuzu a					{color:#527A96; text-decoration:none;}
p#pankuzu a:hover			{color:#527A96; text-decoration:underline;}

p.pagetop			{clear:both; color:#3080CA; text-align:right; font-size:10px; padding:0 2px 0 0; margin:10px 0 24px 0;}
p.pagetop a		{text-decoration:underline; color:#3080CA;}
p.pagetop a:hover	{text-decoration:none; color:#3080CA;}

table.common{border-collapse:collapse; border:1px solid #999; width:100%; clear:both; margin-bottom:6px;}
table.common th{background-color:#eee; padding:5px 8px; border:1px solid #999;}
table.common td{background-color:#fff; padding:5px 8px; border:1px solid #999;}

ul.pagenavi{ height:18px; margin:0 0 10px 5px;}
ul.pagenavi li{float:left; border-left:1px solid #999;}
ul.pagenavi li.last{border-right:1px solid #999;}
ul.pagenavi li a{display:block; padding:0px 10px;}
ul.pagenavi li a:link,
ul.pagenavi li a:visited{background-color:#fff;}
ul.pagenavi li a:hover{background-color:#def;}

dl.pagenavi{ margin:0 auto 18px auto; text-align:center; height:18px;}
dl.pagenavi dt{color:#227;}
dl.pagenavi dt,
dl.pagenavi dd{float:left; border-left:1px solid #999; padding:0 10px;}
dl.pagenavi dd.last{border-right:1px solid #999;}



/* 002.	Header
----------------------------------------------- */
div#hd .logo			{float:left; width:292px; margin:18px 0 0 2px; padding:0;}
div#hd .logo img		{margin:0 0 7px 0;}
div#hd .logo img.en	{margin:0 0 0 2px;}
div#hd .txt			{float:right; padding:10px 2px 0 0; margin:0; text-align:right;}
div#hd .txt ul			{margin:0 0 19px 0; padding:0 0 0 0; height:15px; width:440px;}
div#hd .txt ul li		{font-size:10px; display:inline; line-height:18px;}
div#hd .txt ul li a		{color:#ffffff; text-decoration:none;}
div#hd .txt ul li a:hover{color:#ffffff; text-decoration:underline;}
div#hd .txt ul li strong	{font-family:Myriad Pro,Arial,Osaka; vertical-align:bottom; margin:1px 3px 0 12px; font-size:12px; font-weight:bold; padding:2px 0 0 0;}
div#hd .txt h1			{color:#E3EFFA; font-size:12px; font-weight:normal;}


/* 003 Global Navigation(Top)
----------------------------------------------- */
#gnavi			{background:#527A96; width:100%; height:40px; margin:0 auto 12px auto;}

div#gnavi			{background:#527A96; width:100%; height:40px; margin:0 auto 12px auto;}
/*div#gnavi img		{vertical-align:bottom;}
div#gnavi ul		{padding:0 0 0 20px; width:880px; margin:0 auto; background:url(image/bk-gnavi.gif) repeat-x top;}
div#gnavi ul li		{display:inline; padding:0; margin:0; height:40px;}*/

@media all{
	.navmenu{padding:0 0 0 20px; width:880px; height:40px; margin:0 auto; background:url('../image/bk-gnavi.gif') repeat-x top;}
	.navmenu > li{float:left;}
	
	.navmenu a{display:block; text-decoration:none;}
	
	.pullmenu{display:none; position:absolute;}
	.pullmenu li{width:143px; border:1px solid #aaa; border-top:0; background:#fff;}
	.pullmenu a{width:138px; padding:3px 0 3px 5px;}
	.pullmenu a:link,
	.pullmenu a:visited	{color:#FF7000; text-decoration:none;}
	.pullmenu li a:hover{width:135px; border-left:3px solid #f27f03;}
	
	.navmenu li:hover > .pullmenu{display:block;}
	.navmenu ul.parent_hover{display:block;}
	
	.navmenu span{display:block;}
	.endmenu{clear:left;}
	.navmenu ul ul{left:99%;}
}


/* 004 Global Navigation(Sub)
----------------------------------------------- */
div#content-block #subnavi h4				{font-size:12px; line-height:18px; font-weight:bold; color:#000000; padding:4px 0;}
div#content-block #subnavi p{margin-bottom:4px;}

div#content-block #subnavi img.heading	{margin-bottom:4px;}
div#content-block #subnavi ul				{margin:0px 0 15px 0; width:164px;}
div#content-block #subnavi ul li		{line-height:26px; background:url(../image/icon-list.gif) no-repeat 2px 7px; padding:0 0 0 22px; border-bottom:dotted 1px #B2B2B2;}
div#content-block #subnavi li.last	{border-bottom:none;}

div#content-block #subnavi li.no	{background:none;}

div#content-block #subnavi ul li ul	{margin:0 0 0 0px; padding:0; width:95%;}
div#content-block #subnavi ul li ul.sidehide li	{background:none; padding:0;}

div#content-block #subnavi div.box	{width:144px; background:#C2DFEF; padding:8px 10px;}
div#content-block #subnavi div.box input{width:134px; margin-bottom:7px;}
div#content-block #subnavi div.box input.btn	{width:138px; height:27px; margin:0;}


/* 005.	Footer
----------------------------------------------- */
#bottom				{clear:both; color:#555555; font-size:10px; text-align:right; display:block; padding:22px 0 0 0; margin:0; width:860px; padding:0 0 15px 0px; margin:0;}
#bottom a			{color:#555555; text-decoration:underline;}
#bottom a:hover		{color:#f67733; text-decoration:underline;}

#footer-bk #footer					{
	width:860px;
	height:81px;
	margin:0 auto;
	padding:16px 20px 0 20px;
	background:url(../image/footer-logo.gif) no-repeat 580px 40px #a8caea;
	text-align:left;
}
#footer-bk #footer address			{font-style:normal; color:#2e5c7c; line-height:18px; width:370px; float:left;}
#footer-bk #footer p				{
	float:right;
	color:#2e5c7c;
	margin:0;
	font-size:10px;
	font-weight:bold;
	font-family:Myriad Pro,Arial,Osaka;
}
#footer a:link,
#footer a:visited{color:#036;}
#footer a:hover{color:#f40;}
#footer a:active{color:#f00;}