@charset "UTF-8";

html, body {
	height: 100%;
}

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:0.9em;
	min-width:760px;
	color:#000;
}

div,h1,h2,h3,h4,h5,p{border:none;margin:0em;padding:0em;}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.1em;color:#555;}
h4{font-size:1em;}
h5{font-size:1em;color:#ff0000}
p{font-size:1em;}
a:link{color:#0033cc;background:transparent;}
a:visited{color:#5533cc;background:transparent;}
a:hover,a:active{color:#fff;background:#000099;}
img{border-style:none;}
a img{border:0px;}
.clear{clear:both;}

#container {
	width:98%;
	margin:0px auto;
    position: relative;
    height: 100%;
	min-height: 100%;
}
body > #container {height: auto;}

/* ???C?A?E?g?pID /// Layout */

#contents {
	padding-bottom: 20px;
}

#header{background-color:transparent;padding:0px;margin:0px;min-width:450px;}

#tools{display:block;text-align:right;font-size:0.8em;padding:5px;color:#A3BCD3;background-color:#1580D8;border-bottom:1px solid #ffffff;}
#tools a:link,#tools a:visited{ text-decoration:none;color:#fff;}
#tools a:hover,#tools a:active{ text-decoration:none;background:#fff;color:#003366;}
#tools a.skip:link,#tools a.skip:visited{ text-decoration:none;color:#BBBBBB;}
#tools a.skip:hover,#tools a.skip:active{ text-decoration:none;background:#BBBBBB;color:#FFFFFF;}
#tools form{margin:0px; padding:0px;}

#head{background-color:#012E8B;background-image:url("image/title_bg.jpg"); background-repeat:repeat-x;padding:0px;margin:0px;}

#flag{float:left;position:relative;text-align:left;padding:0px;margin:0px;margin-left:10px;margin-top:1.5em;}

#title{float:left;position:relative;text-align:left;padding:0px;margin:10px;color:#ffffff;line-height:100%;}
#title .jp{font-family:"ＭＳ Ｐ明朝", 細明朝, リュウミンL, serif;}
#title .en{font-family:Times New Roman, Times, serif;font-size:0.6em;}
#title .ar{font-size:0.6em;font-family:"arbic transparent", 細明朝, リュウミンL, serif;}

#hp{display:block;text-align:right;font-size:0.8em;padding:10px;color:#A3BCD3;}
#hp .h_photo{margin:0px;padding:0px;margin-top:3px;}
#hp .h_photo img{margin:3px;}

#menu{margin:1px 0px 1px 0px;padding:1px;background-color:#062673;color:#fff;text-align:center;line-height:140%;clear:both;}
#menu a{font-size:0.8em;font-weight:bold;margin:0px 0.3em 0.4em 0.3em;text-decoration:none;padding:3px;}
#menu a:link, #menu a:visited{color:#FFFFFF;}
#menu a:hover, #menu a:active{text-decoration:none;background:#A1CAF2;color:#062673;}

#news{
width:100%; float:left; margin-right:-283px;
}
#news .news {margin-right:290px;}

#news .box1{
	width: 30%;
	margin: 10px 20px 10px 0;
	float: left;
	}
#news .box1 h3{
	margin: 0 0 1em 0;
	background: #FF6464;
	padding: 5px 15px;
	color: #FFF;
}
#news .box1 p{
	margin: 0.5em 15px 0.5em 30px;
}

#news .box2{
	width: 30%;
	margin: 10px 20px 10px 0;
	float: left;
}
#news .box2 h3{
	margin: 0 0 1em 0;
	background: #00cc99;
	padding: 5px 15px;
	color: #FFF;
}
#news .box2 p{
	margin: 0.5em 15px 0.5em 30px;
}

#news .box3{
	width: 30%;
	margin: 10px 0px 10px 0;
	float: left;
}
#news .box3 h3{
	margin: 0 0 1em 0;
	background: #FF9900;
	padding: 5px 15px;
	color: #FFF;
}
#news .box3 p{
	margin: 0.5em 15px 0.5em 30px;
}

#news .box4{
	width: 45%;
	margin: 10px 20px 10px 0;
	float: left;
}
#news .box4 h3{
	margin: 0 0 1em 0;
	background: #CC00FF;
	padding: 5px 15px;
	color: #FFF;
}
#news .box4 p{
	margin: 0.5em 15px 0.5em 30px;
}

#news .box5{
	width: 45%;
	margin: 10px 0px 10px 0;
	float: left;
}
#news .box5 h3{
	margin: 0 0 1em 0;
	background: #9966FF;
	padding: 5px 15px;
	color: #FFF;
}
#news .box5 p{
	margin: 0.5em 15px 0.5em 30px;
}
#news .clear {clear: both;}
#news .clear hr {display:none;} 

#news h2.news{margin:0px;padding:0px;background-image:url("image/menu_news_bg.gif");background-repeat:repeat-x;}
#news h3{margin:0em 0px 3px 0px;font-size:1em;}
#news h4{margin:0px 0px 0px 15px;font-size:1em;}
#news h5{margin:0px 0px 1em 20px;font-size:0.9em}
#news p{margin:0px 0px 1em 15px;font-size:0.9em;color:#333333;}
#news dt{margin-left: 0;padding-left:0px;}
#news dt dd{margin-left: 60px; font-size:0.9em;}
#news ol{margin:0px 0px 1em 40px;padding-left:0px;}
#news ol li{font-size:0.9em;}
#news ul{margin:0px;margin-left:5px;margin-bottom:1em;padding:0;}
#news ul li{font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background:url("Images/common_img/li_head.gif") no-repeat left top;
	list-style:none;padding-left:5px;margin:2px;margin-left:15px;}
#news ul.tlink li{margin-bottom:0.7em;}

#text_link h2{margin:3px;margin-bottom:6px; color:#3366CC;font-size:1em;background-image:none;}
#text_link h2 a{color:#3366CC;}
#text_link h2 a:hover, #text_link h2 a:active{background-color:#3366CC;color:#ffffff;}

#mainphoto{
	text-align:center;
	background-color:#E1E1E1;
	font-size:11px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 1px;
}
#mainphoto img{margin:4px;}

#links{width:283px; float:left;}
#links .box{border:1px solid #000;margin:0px;margin-top:15px;margin-bottom:5px;}
#links .box h2{margin:0px;padding:0px;margin-top:2px;}
#links .banner{float:left;margin:5px;margin-left:15px;}
#links ul{margin:0;margin-left:5px;padding:0;text-align:left;}
#links ul li{font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;background:url("Images/common_img/list_bs.gif") no-repeat left top;list-style:none;padding-left:10px;margin:5px;margin-left:15px;font-size:0.9em;}

#links .box2{border:1px solid #000;margin:0px;margin-top:2em;margin-bottom:5px;text-align:left;}
#links h3{margin:0em 0px 0.5em 0px;font-size:1em;}
#links h4{margin:0px 0px 0.5em 5px;font-size:1em;}
#links h5{margin:0px 0px 0px 10px;font-size:0.9em}
#links p{margin:0px 0px 1.5em 15px;font-size:0.9em}

#footer{border-top:dotted 1px #aaa;width:283px;text-align:left;color:#555;margin-top:15px;}
#footer .ftxt{margin:5px;font-size:0.8em;}

#bottom{width:100%; clear:left;}

#footer_navy { 
position: relative; bottom: 0;padding: 3px 15px; background-color: #0f2350; display: block; color: #fff; font-size: 0.75em;
} 
#footer_navy .copy { 
float: left 
} 
#footer_navy .access { 
text-align: right 
} 
#footer_navy a:link { 
color: #fff; text-decoration: none 
} 
#footer_navy a:visited { 
color: #fff; text-decoration: none 
} 
#footer_navy a:hover { 
background-color: #fff; color: #0f2350; text-decoration: none 
} 
#footer_navy a:active { 
background-color: #fff; color: #0f2350; text-decoration: none 
} 

/* ?v?????g?p /// Print */
@media print{
body{font-size:10px;}
}