@charset 'utf-8';

* {
	margin:0px;
	padding: 0px;
	line-height:120%;
	font-style: normal;
	font-size:13px;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
}

/* -- 共通 -- */

body {
background-color:#EEEEEE;
background-image: url("../image/.gif");
background-repeat: repeat ;
text-align: center;
}
p ,li ,dt ,dd ,a ,th ,td{
color:#333333;
font-size:small;
_font-size:x-small;
line-height:140%;
margin:0px 0px 0px 0px;
}

a:link, a:visited {
color: #3333CC;
text-decoration: underline;
}
a:active, a:hover {
color: #0066FF;
text-decoration: none;
}

em ,strong{
font-weight: bold;
font-size:small;
_font-size:x-small;
}

hr{
height: 0px;  
border: 0px;  
border-top: 1px solid #999;  
}

hr.hrbase{
margin:0px 0px 10px 0px;
width:820px;
margin-left:auto;
margin-right:auto;

}

img{
border-style:none;
}

/* -- ヘッダ -- */

#head{
width:840px;
height:90px;
position:relative;
background-image: url("../image/back.gif");
background-repeat: repeat-y ;
text-align: left;
}

#head img {
margin:0px 0px 0px 10px;
float:left;
}

#head p.lead{
color:#00CC00;
font-size:10px;
margin:0px 10px 5px 10px;
clear:left;
font-weight: bold;
line-height:1em;
}

#head ul.topicpath{
height:20px;
margin:0px 10px 0px 10px;
background: url(../image/topicpath_back.gif) ;
background-repeat: repeat-x ;
background-position: left top;
text-align: right;
}
#head ul.topicpath li{
padding:0px 0px 0px 0px;
display:inline;
list-style-type:none;
}
#head ul.topicpath li a{
padding:0px 10px 0px 0px;
background:url(../image/topicpath.gif) no-repeat right center;
}

#head #reference{
position:absolute; top:5px; right:10px
}

#wrap{
position:relative;
width:840px;
margin-left:auto;
margin-right:auto;
padding:0px 0px 0px 0px;
background-image: url("../image/back.gif");
background-repeat: repeat-y ;
background-color: #FFFFFF;
text-align: left;
}


/* -- ボディ -- */

/* -- メニュー -- */

#mainmenu {
float:left;
width:200px;
_width:220px;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
text-align: left;
}

#mainmenu ul { 
width:200px;
margin: 0 0 0 0px; 
padding :0;
}

#mainmenu li { 
list-style-type : none;
padding :0px; 
margin:0px;
}

#mainmenu li.menutop a{
display:block;
height:31px;
_height:40px;
width:100%;
background: url(../image/menu_button.gif) no-repeat;
background-position: left top;
text-decoration:none;
font-size:16px;
color:#333333;
padding:9px 0px 0px 24px;
}
#mainmenu li.menutop a:hover {
background:url(../image/menu_button.gif) no-repeat;
background-position: left bottom;
color:#00CC00;
}

#mainmenu li.menubooks a{
display:block;
height:31px;
_height:40px;
width:100%;
background: url(../image/menu_button.gif) no-repeat;
background-position: left top;
text-decoration:none;
font-size:16px;
color:#333333;
padding:9px 0px 0px 24px;
}
#mainmenu li.menubooks a:hover {
background:url(../image/menu_button.gif) no-repeat;
background-position: left bottom;
color:#00CC00;
}

#mainmenu li.menuseminar a{
display:block;
height:31px;
_height:40px;
width:100%;
background: url(../image/menu_button.gif) no-repeat;
background-position: left top;
text-decoration:none;
font-size:16px;
color:#333333;
padding:9px 0px 0px 24px;
}
#mainmenu li.menuseminar a:hover {
background:url(../image/menu_button.gif) no-repeat;
background-position: left bottom;
color:#00CC00;
}
#mainmenu li.menukikaku a{
display:block;
height:31px;
_height:40px;
width:100%;
background: url(../image/menu_button.gif) no-repeat;
background-position: left top;
text-decoration:none;
font-size:16px;
color:#333333;
padding:9px 0px 0px 24px;
}
#mainmenu li.menukikaku a:hover {
background:url(../image/menu_button.gif) no-repeat;
background-position: left bottom;
color:#00CC00;
}
#mainmenu li.menucolumn a{
display:block;
height:31px;
_height:40px;
width:100%;
background: url(../image/menu_button.gif) no-repeat;
background-position: left top;
text-decoration:none;
font-size:16px;
color:#333333;
padding:9px 0px 0px 24px;
}
#mainmenu li.menucolumn a:hover {
background:url(../image/menu_button.gif) no-repeat;
background-position: left bottom;
color:#00CC00;
}
#mainmenu li.menucompany a{
display:block;
height:31px;
_height:40px;
width:100%;
background: url(../image/menu_button.gif) no-repeat;
background-position: left top;
text-decoration:none;
font-size:16px;
color:#333333;
padding:9px 0px 0px 24px;
}
#mainmenu li.menucompany a:hover {
background:url(../image/menu_button.gif) no-repeat;
background-position: left bottom;
color:#00CC00;
}

address {
width:190px;
_width:200px;
background-color:#B0D6B0;
background-image: url("../image/address.jpg");
background-repeat: no-repeat ;
margin:10px 0px 10px 0px;
padding:5px;
color:#ffff99;
font-size:13px;
}

#mainmenu a img.banner{
margin:5px 0px 5px 0px;
height:40px;
width:200px;
}

/* -- 検索 -- */
#srchBox
{
width:198px;
_width:200px;
margin: 10px 0px 10px 0px;
color:#000000;
text-align:left;
border: solid #dddddd;
border-width:1px;
}
#srchBox *
{
margin:0px 0px 0px 0px;
padding:0px;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:6px;
}
#srchBox #srchInput
{
width:128px;
_width:120px;
}
#srchBox #srchBtn
{
width:40px;
}

#srchBox ul
{
margin-top:6px;
margin-bottom:6px;
text-align:left;
width:80%;
}
#srchBox li
{
list-style-type:none;
display:block;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 6px;
text-align:center;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}

/* -- メイン -- */

#main{
float:left;
text-align: left;
}

#main .right{
text-align:right;
margin-left:auto;
}

.red{
color:#ff0000;
font-weight:bold;
}


/* -- フッタ -- */

#foot{
position:relative;
width:840px;
height:80px;
clear:both;
background-image: url("../image/back.gif");
background-repeat: repeat-y ;
}
#foot p.note{
margin-bottom:5px;
margin-left : auto ;
margin-right : auto ;
text-align:center;
width:100%;
font-size:10px;
}

