@charset "UTF-8";

body {font-size:10pt; font-family:sans-serif; margin:0; padding:0; min-width:760px; color:#000; line-height: 1.5; }

h1{font-size:1.6em;}
h2{font-size:1.4em;}

h3{ margin:2em 0 1em; font-size:1.2em; color:#003399; border-top:4px solid #e4ded2; padding-top:0; padding-left: 3px; }
h3.blu{ margin:2em 0 1em; font-size:1.2em; color:white; background-image: url(../common_img/bg_h3_blu.gif); background-repeat: repeat-x; border-top:4px solid #e4ded2; padding-top:0; padding-left: 5px; }
h3.ora{ margin:2em 0 1em; font-size:1.2em; color:white; background-image: url(../common_img/bg_h3_ora.gif); background-repeat: repeat-x; border-top:4px solid #e4ded2; padding-top:0; padding-left: 5px; }
h3.gre{ margin:2em 0 1em; font-size:1.2em; color:white; background-image: url(../common_img/bg_h3_gre.gif); background-repeat: repeat-x; border-top:4px solid #e4ded2; padding-top:0; padding-left: 5px; }
h3.vio{ margin:2em 0 1em; font-size:1.2em; color:white; background-image: url(../common_img/bg_h3_vio.gif); background-repeat: repeat-x; border-top:4px solid #e4ded2; padding-top:0; padding-left: 5px; }

h3.boxblu{ font-size:1.2em; color:white; background-image: url(../common_img/bg_h3_blu.gif); background-repeat: repeat-x; margin: 0 0 1em; border-top:4px solid #e4ded2; padding-top:0; padding-left: 5px; }
h3.boxora{ font-size:1.2em; color:white; background-image: url(../common_img/bg_h3_ora.gif); background-repeat: repeat-x; margin: 0 0 1em; border-top:4px solid #e4ded2; padding-top:0; padding-left: 5px; }
h3.boxgre{ font-size:1.2em; color:white; background-image: url(../common_img/bg_h3_gre.gif); background-repeat: repeat-x; margin: 0 0 1em; border-top:4px solid #e4ded2; padding-top:0; padding-left: 5px; }
h3.boxvio{ font-size:1.2em; color:white; background-image: url(../common_img/bg_h3_vio.gif); background-repeat: repeat-x; margin: 0 0 1em; border-top:4px solid #e4ded2; padding-top:0; padding-left: 5px; }

h4{ margin:1em 0 1em 0; font-size: 1em; padding-left: 5px; }
h4.blu{ margin:1em 0 1em ; font-size: 1em; background-image: url(../common_img/bg_h4_blu.gif); background-repeat: repeat-y; padding-left: 5px; }
h4.ora{ margin:1em 0 1em ; font-size: 1em; background-image: url(../common_img/bg_h4_ora.gif); background-repeat: repeat-y; padding-left: 5px; }
h4.gre{ margin:1em 0 1em ; font-size: 1em; background-image: url(../common_img/bg_h4_gre.gif); background-repeat: repeat-y; padding-left: 5px; }
h4.vio{ margin:1em 0 1em ; font-size: 1em; background-image: url(../common_img/bg_h4_vio.gif); background-repeat: repeat-y; padding-left: 5px; }

p { font-size: 1em; padding-left: 5px; }

a:link{color:#0033cc;background:transparent;}
a:visited{color:#5533cc;background:transparent}
a:hover,a:active{color:#fff;background:#000099;}
img{ border-style:none; border-width: 0; }
a img{border:0px;}
.clear{clear:both;}

/*Layout */

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

#tools{ color: white; display:block; text-align:right; font-size:1em; padding:5px; 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;}

#head{background-color:#012E8B;background-image:url(../common_img/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:0; margin:10px; color:#ffffff; font-size: 2em; font-family: serif; font-weight: bold; line-height:100%; }

#title .jp{font-family:serif;}
#title .jps{font-size:0.8em; font-family:serif;}

#title .cs{font-family:serif;}
#title .css{font-size:0.8em; font-family:serif;}

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

#menu{ margin:1px 0; padding:3px 1px; background-color:#062673; color:#fff; font-size: 1em; font-family: sans-serif; text-align:center; clear:both; }
#menu a{ font-family: sans-serif; font-weight:normal; text-decoration:none; margin-right: 0.1em; margin-bottom: 0.1em; margin-left: 0.1em; padding: 2px; }
#menu a:link, #menu a:visited{ color:#ffffff; font-family: sans-serif; }
#menu a:hover, #menu a:active{ text-decoration:none; color:#062673; font-family: sans-serif; background-color: #9cf; background-image: none; background-repeat: repeat; background-attachment: scroll; }


#mid{margin:0px; padding:0px; position:relative; background-color:#000;}
#middle{background-color:#000;background-repeat:no-repeat;height:161px;position:relative;display:block;margin:0 301px 0 0;padding:0;}
#middle .txt {text-align:right;}
#middle .txt img{margin-top:25px;margin-left:10px;margin-right:10px;}
/*#mainphoto{text-align:center;width:300px;height:161px;background-color:#E1E1E1;float:right;margin:0px 0px 0px 1px;font-size:1em; position:absolute;top:0px;right:0px;}*/

#mainphoto{text-align:center;width:285px;background-color:#E1E1E1;margin:0px 0px 5px 1px;font-size:1em;}
#mainphoto img{margin:4px;}

#main{margin:0px; padding:0px; position:relative;}



#news{margin-right:301px;position:relative;display:block;padding:15px;}
#news h2{ font-size: 1.4em; margin:0; padding:0; background-image:url(../common_img/menu_news_bg.gif); background-repeat:repeat-x; }

#news .box{ background-color: #e4ded2; border:solid 1px #600; margin:0 0 5px; text-align:left; visibility: visible; padding: 5px; }

#news ol { font-size: 1em; margin:0 0 1em 15px; }
#news ol li{ margin-bottom: 5px; padding-left: 5px; list-style-position: outside; }
#news dl { font-size: 1em; margin:0 0 1em 15px; }
#news dd li{ margin-bottom: 5px; padding-left: 5px; list-style-position: outside; }
#news ul{ font-size: 1em; margin:0 0 1em 15px; padding:0 0 0 0; }
#news ul li{ background:url(../common_img/li_head.gif) no-repeat left top; margin-bottom: 0.5em; list-style:none; padding-left:5px; }

#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;}


#search_box{width:285px;margin-top:1px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;background-color:#c8dae1;}
#search_box form{margin:0px;}
#search{margin-left:10px;}

#links{ width:300px; float:right; margin:0 0 0 1px; position:absolute; top:0; right:0; text-align:center; background-color:#fff; padding-left: 15px; }

#links .box{ border:solid 1px #000; margin:0 0 5px; width:285px; text-align:center; visibility: visible; padding-bottom: 5px; }
#links .box h2{margin:0px;padding:0px;margin-top:2px;}

#links .ryojioshirase{ background-image: url(../common_img/bg_h4_ora.gif); background-repeat: repeat-y; margin:5px 0; width:285px; text-align:center; visibility: visible; padding-bottom: 10px; }

#links .box_blu{ background-image: url(../common_img/bg_h4_blu.gif); background-repeat: repeat-y; margin:5px 0; width:285px; text-align:center; visibility: visible; padding-bottom: 5px; }

#links .box_ora{ background-image: url(../common_img/bg_h4_ora.gif); background-repeat: repeat-y; margin:5px 0; width:285px; text-align:center; visibility: visible; padding-bottom: 5px; }

#links .box_gre{ background-image: url(../common_img/bg_h4_gre.gif); background-repeat: repeat-y; margin:5px 0; width:285px; text-align:center; visibility: visible; padding-bottom: 5px; }

#links .box_vio{ background-image: url(../common_img/bg_h4_vio.gif); background-repeat: repeat-y; margin:5px 0; width:285px; text-align:center; visibility: visible; padding-bottom: 5px; }

#links .box_link{ border:solid 1px #09f; margin:5px 0; width:285px; text-align:center; visibility: visible; padding-bottom: 5px; }

#links .tip { background-image: url(../common_img/bg_h4_blu.gif); background-repeat: repeat-y; margin:1px 0 5px; width:285px; text-align:center; visibility: visible; padding-bottom: 5px; }
#links .banner { text-align: center; float:inherit; margin:5px 5px 20px}
#links .banner2 { text-align: center; float:left; margin:5px}

#links ul{margin:0;margin-left:5px;padding:0;text-align:left;}
#links ul li{font-family: sans-serif;background:url(../common_img/goto.gif) no-repeat left top;list-style:none;padding-left:15px;margin:5px 5px 5px 15px;font-size:1em;}

#nonjsmenu{ width:285px; background-color:#ccc; margin-bottom: 5px; padding: 5px; }

#bottom{margin:0px;padding:0px;position:relative;clear:both;}

#footer{ color: gray; font-size: 0.8em; font-family: sans-serif; border-top:1px solid #aaa; text-align:left; width: 285px; margin-top:15px; }
#footer .ftxt{margin:5px;font-size:0.8em;}

/* added090401*/

.box{ background-color: #e4ded2; border:solid 1px #600; margin:0 0 5px; visibility: visible; padding: 5px; }

.twocol	{ width:100%; padding-top: 5px; }
.twocol_l { width:50%; float:left; padding-right: 15px; }
.twocol_r { margin-left:50%; width:auto; padding-left: 15px; }

.box_bunkamailinglist{ background-color: #ffe4e1; border:solid 1px #600; margin:0 0 5px; padding: 5px; }

.banner { text-align: center; float:inherit; margin:5px 5px 20px}
.banner2 { text-align: center; float:left; margin:5px}
.banner_left { text-align: left; margin:5px 5px 20px}

.twocolbanner	{ width: 100%; margin-bottom: 20px; }
.twocolbanner_l { width: 50%; float:left; clear: both; padding-right: 5px; }
.twocolbanner_r { margin-left:50%; width:auto; padding-left: 5px; }

.twocoln	{ width: 100%; }
.twocoln_l { width: 50%; float:left; clear: both; padding-right: 5px; }
.twocoln_r { margin-left:50%; width:auto; padding-left: 5px; }

.twocolbunka	{ width: 100%; margin-bottom: 10px; }
.twocolbunka_l { width: auto; float:left; clear: both; }
.twocolbunka_r { margin-left: auto;}

.twocolbunkamaterial { width: 100%;}
.twocolbunkamaterial_l { width: 130px; float:left; clear: both; }
.twocolbunkamaterial_r { margin-left: 130px; }

.white { background-color: white; width: 90%; }
.beige { background-color: #e4ded2; padding-top: 3px; padding-bottom: 3px; }
.darkgray { color: white; background-color: #333333; padding-top: 3px; padding-bottom: 3px; }
.borderline_under { padding-bottom: 5px; border-bottom: 1px solid black; }
.lightblue { background-color: #9cf; padding-top: 3px; padding-bottom: 3px; }
.lightorange { background-color: #fcc; padding-top: 3px; padding-bottom: 3px; }
.25{ width: 25%; }
.30{ width: 30%; }
.70{ width: 70%; }
.100{ width: 100%; }
.box_r { visibility: visible; float: right; clear: both; margin-left: 10px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.font_red { color: red; }
.font_yellow { color: yellow; }
.font_blue { color: blue; }
.underline { text-decoration: underline; }
.mezera { padding-bottom: 1em; }
.nowrap { white-space: nowrap; }
.valigntopnowrap { vertical-align: top; white-space: nowrap; }
.clearall { clear: both; }
.image_left { float: right; clear: both; padding-right: 20px; }
.image_right{ float: left; clear: both; padding-right: 20px; }
/* Print */
@media print
{
body{font-size:10px;}
}