/* Basic Elements
---------------------------------------- */

body { margin:0; padding:0; font:normal 12px/140% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; background:url(../images/bg_body.gif) center top no-repeat;}
/* Opera 9 */
;;body { font-family:"メイリオ", Meiryo, sans-serif; }
/* Internet Exploer 7 */
*:first-child+html body { font-family:"メイリオ", Meiryo, sans-serif; }
/* Internet Exploer 6 or sooner */
*html body { font-family:"メイリオ", Meiryo, sans-serif; }

p, li { text-align:justify; text-justify:inter-ideograph;}
strong { font-size:1.05em; font-weight:bold;}
em { font-style:normal;}
hr { display:none;}
a:link { color:#003399;}
a:hover { color:#FF3300;}
a:visited { color:#333333;}
a:active { color:#FF3300;}
a:visited:hover { color:#FF3300;}

.img_right { float:right; margin-left:5px;}
.img_left { float:left; margin-right:5px;}
.img_left_flame { margin:0 10px 0 0; padding:2px; font-size:10px; color:#444444; float:left; border:1px solid #CCCCCC;}
.img_right_flame { margin:0 0 0 10px; padding:2px; font-size:10px; color:#444444; float:right; border:1px solid #CCCCCC;}

.small { font-size:10px;}
.red { color:#FF0000;}
.yellow { color:#FFCC00;}
.green { color:#99CC00;}
.orange { color:#FF6600;}
.pink { color:#FF99CC;}
.blue { color:#99CCFF;}
.center { text-align:center;}


/* Layout
---------------------------------------- */

#wrap { width:780px; margin:0 auto;}
#header { width:780px; height:80px; overflow:hidden; display:block;}
#navi { width:780px; height:38px; overflow:hidden; display:block;}
#content { clear:both; width:780px; padding:10px 0;}
#main-index { float:right; width:515px; margin:10px 0; background:url(../images/bg_mainindex.gif) repeat-y; }
#side-index { float:left; width:260px; margin:10px 0;}
#main { float:right; width:600px; padding:10px 0;}
#sidebar { float:left; width:180px; background:url(../images/bg_sidebar.gif) repeat-y;}
#footer { width:780px; padding-bottom:80px; background:url(../images/bg_footer.gif) no-repeat bottom;}


/* Header
---------------------------------------- */
h1 a { width:780px; height:80px; display:block; overflow:hidden; background:url(../images/bg_header.jpg) no-repeat; text-indent:-9999px; outline:none;}

/* Navi
---------------------------------------- */
#navi ul {}
#navi ul li { list-style:none; float:left;}
#navi ul li a { text-indent:-9999px; outline-style:none; }
/* menu_list */
a.home { overflow:hidden; display:block; width:98px; height:38px; background:url(../images/bg_navi.gif) no-repeat; background-position:0 0;}
a.home:hover { background-position:0 -38px;}
a.recent { overflow:hidden; display:block; width:165px; height:38px; background:url(../images/bg_navi.gif) no-repeat; background-position:-98px 0;}
a.recent:hover { background-position:-98px -38px;}
a.raihen { overflow:hidden; display:block; width:169px; height:38px; background:url(../images/bg_navi.gif) no-repeat; background-position:-263px 0;}
a.raihen:hover { background-position:-263px -38px;}
a.dan { overflow:hidden; display:block; width:134px; height:38px; background:url(../images/bg_navi.gif) no-repeat; background-position:-432px 0;}
a.dan:hover { background-position:-432px -38px;}
a.works { overflow:hidden; display:block; width:112px; height:38px; background:url(../images/bg_navi.gif) no-repeat; background-position:-566px 0;}
a.works:hover { background-position:-566px -38px;}
a.prof { overflow:hidden; display:block; width:102px; height:38px; background:url(../images/bg_navi.gif) no-repeat; background-position:-678px 0;}
a.prof:hover { background-position:-678px -38px;}


/* Main
---------------------------------------- */
#fla { width:780px;}
#fla p { margin:0 0 10px 0; padding:0;}

#inner-main-index { width:515px; min-height:205px; background:url(../images/bg_mainindex_bot.gif) left bottom no-repeat;}
#main-index h2 { padding:15px 15px 5px 15px; font-size:1.2em; color:#006600; background:url(../images/bg_maintop_h2.gif) no-repeat;}
#main-index ul { margin:0 10px; padding:10px 0 15px 0; border-top:1px solid #006600;}
#main-index ul li { background:url(../images/listmark.gif) left center no-repeat; margin:0 10px; padding:2px 0 2px 12px;}

#side-index ul { width:260px;}
#side-index ul li { list-style:none; width:260px; height:65px; display:block; overflow:hidden; margin-bottom:5px;}

#main h3 { clear:both; margin:10px 10px 12px 20px; padding:5px; background-color:#333333; color:#FFFFFF; font-weight:bold;}
#main h4 { clear:both; margin:10px 10px 12px 25px; padding:5px 5px 5px 0; border-bottom:1px solid #333333; font-weight:bold;}
#main p { margin:6px 20px 8px 30px; color:#333333;}
#main ul { margin:12px 20px 16px 50px; color:#333333;}
#main ul li { list-style:disc;}
#main ol { margin:10px 20px 20px 50px;}
#main ol li { list-style:lower-greek;}

table.profile { width:570px; margin:10px 0 10px 20px;}
table.profile, table.profile th, table.profile td { border:1px solid #CCCCCC; border-collapse:collapse;}
table.profile th, table.profile td { padding:5px;}
table.profile th { background-color:#CDE1CD; width:100px;}
table.profile td span, table.profile th span { font-size:10px; color:#006600; display:block;}

table.board { width:570px; margin:10px 0 10px 20px;}
table.board, table.board th, table.board td { border:1px solid #CCCCCC; border-collapse:collapse;}
table.board th, table.board td { padding:5px;}
table.board th { background-color:#CDE1CD; width:290px;}
table.board td span { font-size:10px; color:#006600; display:block;}

table.link { width:570px; margin:10px 0 10px 20px;}
table.link, table.link th, table.link td { border:1px solid #CCCCCC; border-collapse:collapse;}
table.link th, table.link td { padding:5px;}
table.link th { background-color:#CDE1CD; width:120px; text-align:center; vertical-align:top;}
table.link td span { font-size:10px; color:#006600; display:block;}

#map { width:570px; height:350px; margin:10px 0 10px 20px; border:1px solid #CCCCCC;}
#orga { width:480px; height:350px; margin:10px 0 10px 65px;}

#aab { width:550px; margin:10px 0 10px 30px;}
table.aab { width:550px;}
table.aab, table.aab th, table.aab td { border:none;}
table.aab tr { border-bottom:1px solid #CCCCCC;}
table.aab th, table.aab td { padding:5px; vertical-align:top;}
table.aab th { width:200px;}
table.aab td span { margin-bottom:5px; font-size:16px; color:#003399; display:block;}

#dan { width:550px; margin:10px 0 10px 35px;}
#dan ul { margin:0 !important;}
#dan ul li { width:174px; list-style:none !important; float:left; margin:0 5px 10px 0; padding:2px 0; border:1px solid #CCCCCC; text-align:center;}
#dan:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#dan { display:inline-block;}
/* Hides from IE-mac \*/
* html#dan { height:1%;}
#dan { display:block;}
/* End hide from IE-mac */

#works { width:554px; margin:10px 0 10px 30px;}
#works ul { margin:0 !important;}
#works ul li { width:270px; list-style:none !important; float:left; margin:10px 5px 10px 0; padding:5px 0 15px 0; border:1px solid #CCCCCC; text-align:center;}
#works:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#works { display:inline-block;}
/* Hides from IE-mac \*/
* html#works { height:1%;}
#works { display:block;}
/* End hide from IE-mac */

/* Sidebar
---------------------------------------- */
#submenu ul { margin:5px 0;}
#submenu ul li { margin:0; border-bottom:1px solid #CCCCCC;}
#submenu ul li a { width:160px; height:23px; display:block; overflow:hidden; margin:0 0 0 10px; padding:7px 0 0 10px; background:url(../images/listmark_side.gif) left center no-repeat;}
#submenu ul li a.pdf { width:150px !important; background:url(../images/pdficon_small.gif) left center no-repeat !important; padding:7px 0 0 20px !important;}

.pagetop { clear:both; }
.pagetop a.go { width:780px; height:30px; overflow:hidden; display:block; text-indent:-999px; background:url(../images/bg_pagetop.gif) no-repeat; outline:none; }

/* Footer
---------------------------------------- */
#footer ul { margin:10px;}
#footer ul li { list-style:none; float:left; display:block; padding:1px 15px; border-right:1px solid #000000;}
#footer p { clear:both; padding:20px 10px 0 10px; font:normal 10px/120% Geneva, Arial, Helvetica, sans-serif; color:#333333;}
address { margin:2px 10px 0 10px; font:normal 10px/120%  Verdana,Geneva, Arial, Helvetica, sans-serif; color:#333333;}

#footer a { padding-bottom:1px;}
#footer a:link, #footer a:visited, #footer a:active { text-decoration:none;}
#footer a:hover, #footer a:visited:hover { text-decoration:none; border-bottom:1px dotted #FF3300;}

.imgbox1 {
	margin:0 8px 0 8px;
	float:left;
}
.imgbox_base {
	padding-left:5px;
}
.cleare {
	clear:both;
}
.red_b a {
	color:#dc143c;
	font-weight:bold;
}