@charset "Shift_JIS";
/* 画面表示用 */
@media screen	{body	{background-image : url(../image/back_1.png);
			margin:0;
			padding:0}
		}

/* 印刷用 */
@media print	{body	{background-color:#ffffff;
			margin:0;
			padding:0}
		}

a:link		{color:#0000cd}

a:visited	{color:#006699}

a:hover		{color:#ffd700}

a:focus		{color:#f08080}

a:active	{color:#ff0000}
 
/* コンテナ */
div#container	{background-color : #ffffff;
		width: 760px;
		margin-left: auto;
		margin-right: auto;
		border-left: 2px #c0c0c0 solid;
		border-right: 2px #c0c0c0 solid}

img.icon	{vertical-align:middle;
		padding-bottom:5px;
		margin-right:5px}
 
/* ヘッダー */
div#header	{background-color: #ffffff;
		background-image: url(../image/header_5.jpg);
		background-repeat : no-repeat;
        	padding: 3px 20px 20px}
 
div#header h1	{margin: 0}
 
div#header p	{color: #444444;
		font-size: 0.75em;
		margin-top: 10px}

/* パンくずリスト */
p#bread		{background-color:#f5f5f5;
		line-height:18px;
		font-size: 0.75em;
		color:#000066;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left:10px;
		margin-right:10px;
		padding-left:5px}

p#bread a	{color:#1e90ff;
		text-decoration:none}

/* メニュー */
ul#menu		{font-size:0.75em;
		margin-top:0;
		margin-right:10px;
		margin-left:0;
		padding-left:0;
		text-align:right}

ul#menu li	{list-style-type:none;
		display:inline}

ul#menu li a	{text-decoration:none;
		border-left:solid 1px #808080;
 		padding:3px 10px;
		color:#6c272d}

ul#menu li a:hover	{color:#ffd700}

ul#menu li.menulast a	{border-right:solid 1px #005087}

/* グローバルナビ */
ul#gnavi	{font-size: 0.75em;
		margin-top: 0;
		margin-bottom: 0px;
		margin-left: 0;
		padding-left: 0;
		height: 50px;
		background-color: #005087}
 
ul#gnavi li	{list-style-type: none;
		float: left}
 
ul#gnavi li a	{display: block;
		width: 152px;
		line-height: 50px;
		text-decoration: none;
		text-indent: -100px;
		color: #ffffff;
		background-color: #333333;
		overflow:hidden}

a.gnavi01	{background-image:url(../image/rollover_1.png)}

a:hover.gnavi01	{background-position:left bottom}

a.gnavi02	{background-image:url(../image/rollover_2.png)}

a:hover.gnavi02	{background-position:left bottom}

a.gnavi03	{background-image:url(../image/rollover_3.png)}

a:hover.gnavi03	{background-position:left bottom}

a.gnavi04	{background-image:url(../image/rollover_4.png)}

a:hover.gnavi04	{background-position:left bottom}

a.gnavi05	{background-image:url(../image/rollover_5.png)}

a:hover.gnavi05	{background-position:left bottom}

 
/* コンテンツ */
div#content	{width: 700px;
		margin-left: auto;
		margin-right: auto}

div#content h2	{background-color: #014471;
		font-size: 1em;
		color: #ffffff}

div#content h3	{background-color: #ffffff;
		font-size: 0.875em;
		line-height: 22px;
		padding-left: 26px;
		margin-top: 30px;
		margin-bottom: 0
		margin-left:26px;
		margin-right:26px}

div#content p	{font-size: 0.75em;
		line-height: 1.6;
		margin-top: 10px;
		margin-left: 12px;
		margin-right: 12px}


div#window	{width:680px;
		text-align:center;
		margin-top:10px;}


div#box1	{width:680px;
		background-color:#ffffff;
		margin:10px;
		clear:both}

div#box2	{width:240px; 
		height:330px; 
		background-color:#f5f5f5;
		background-image:url(../image/whats_new.png);
		background-repeat:no-repeat;
		margin-right:1px;
		margin-bottom:10px;
		float:left}

div#box3	{width:240px;
		height:330px; 
		background-color:#f5f5f5;
		background-image:url(../image/topics.png);
		background-repeat:no-repeat;
		margin-right:7px;
		margin-bottom:10px;
		float:left}

div.textbox	{height:294px;
		margin-top:36px;
		overflow-y:scroll}

div.textbox p	{font-size: 0.75em;
		padding:5px 5px}

div#box4	{width:188px;
		height:290px;
		background-color:#ffffff;
		border:1px #666666 dotted;
		padding-top:5px;
		padding-left:1px;
		padding-right:1px;
		float:left}

ul.ad		{list-style-type:none;
		margin:0;
		padding:10px 5px}

ul.ad li	{list-style-type:none;
		width:178px;
		font-size: 0.75em;
		margin-top:5px}

ul.ad a		{display:block;
		width:178px;
		height:65px;
		text-indent:-9999px;
		overflow:hidden;
		padding-top : 0;
		padding-bottom:0}

a.button1	{background-image:url(../image/bar_1_a.png)}

a:hover.button1	{background-position:left bottom}

a.button2	{background-image:url(../image/bar_2_a.png)}

a:hover.button2	{background-position:left bottom}

a.button3	{background-image:url(../image/bar_3_a.png)}

a:hover.button3	{background-position:left bottom}

a.button4	{background-image:url(../image/bar_4_a.png)}

a:hover.button4	{background-position:left bottom}

div#box5	{width:680px;
		height:20px;
		background-color:#ffffe0;
		margin-top:10px;
		clear:both}


div#content2	{width: 700px;
		margin-left: auto;
		margin-right: auto}

p.page1 a	{background-image:url(../image/bar_3-2.png);
		display:block;
		width:145px;
		line-height:25px;
		margin-left: auto;
		margin-right: 5px;
		margin-bottom:10px;
		float:left}

p.page1 a:hover	{background-image:url(../image/bar_3-2-h.png);}

p.page1 img	{border:none}

p.page2 a	{background-image:url(../image/bar_5.png);
		display:block;
		width:145px;
		line-height:50px;
		margin-left: 15px;
		margin-right: 5px;
		margin-bottom:10px;
		float:left}

p.page2 a:hover	{background-image:url(../image/bar_5-h.png);}

p.page2 img	{border:none}

p.page3 a	{background-image:url(../image/bar_4.png);
		display:block;
		width:145px;
		line-height:50px;
		margin-left: 15px;
		margin-right: 5px;
		margin-bottom:10px;
		float:left}

p.page3 a:hover	{background-image:url(../image/bar_4-h.png);}

p.page3 img	{border:none}

p.page4 a	{background-image:url(../image/bar_2.png);
		display:block;
		width:145px;
		line-height:50px;
		margin-left: 15px;
		margin-right: 5px;
		margin-bottom:10px;
		float:left}

p.page4 a:hover	{background-image:url(../image/bar_2-h.png);}

p.page4 img	{border:none}

div#content3	{width: 564px;
		float: right;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px}
 
div#content3 h2	{background-color: #014471;
		font-size: 0.875em;
		color: #ffffff;
		line-height: 28px;
		padding-left: 6px;
		margin-top: 10px;
		margin-bottom: 0}
 
div#content3 h3	{background-color: #e0e0e0;
		font-size: 0.875em;
		line-height: 23px;
		padding-left: 30px;
		margin-top: 30px;
		margin-bottom: 0}
 
div#content3 p	{font-size: 0.75em;
		line-height: 1.6;
		margin-top: 10px}


/* サイドバー */
div#sidebar	{background-color:#f5f5f5;
		width: 150px;
		float: left;
		margin-top: 5px;
		margin-left:5px}

ul.sidemenu	{font-size: 0.75em;
		margin-top:30px;
		margin-bottom:30px;
		line-height: 0;
		padding-left: 5px;
		padding-right: 5px}

ul.sidemenu li		{list-style-type: none}

ul.sidemenu li a	{display: block;
			line-height: 30px;
			text-decoration: none;
			color: #ffffff;
			background-color: #696969;
			border-bottom: solid 1px #ffffff;
			padding-left: 10px}

ul.sidemenu li a:hover		{background-color: #006666}

ul.sidemenu ul			{margin:0;
				padding:0}

ul.sidemenu ul li a		{background-image:url(../image/submenu_back_4.png);
				background-color:#ffffff;
				color:#002f2f;
				border-bottom:solid 1px #d3d3d3;
				line-height :35px;
				padding-left:20px}

ul.sidemenu ul li a:hover	{background-color:#ffd700}


/* フッター */
div#footer	{color: #ffffff;
		background-image:url(../image/footer_1.png);
		width:760px;
		vertical-align: bottom;
		line-height:50px;
		border-top:inset 1px #c0c0c0;
		margin-top:5px;
		margin-bottom:0px;
		padding-top:0px;
		text-decoration: none;
		text-indent: -9999px;
		overflow:hidden;
		clear:both}

address	{font-size: 0.75em;
		font-style: normal;
		text-align: center}