@charset "Shift_JIS";
/* CSS Document */

body {#ffffff;
margin:0;
pdding:0;}
#wrapper{width:840px;
    margin:0 auto;
	padding:0;
	
}
#header{
	width:840px;
	height:40px;
	background:#ffffff url(../img/title.gif) no-repeat left top;
	text-indent:-9999px;
	margin:8px 0 2px 0;
	padding:0;
	border:0px solid #000;
	
}
#header h1{
	text-indent:-9999px;
	margin:0;}
#container{
	width:840px;
	height:432px;
	background:#ffffff url(../img/main.jpg) no-repeat left top;
	
}
#container .leftcol{
	float:left;
	width:320px;
	margin:16px;
	}
.container{
     /*border-bottom:1px solid #000;*/
     width:840px;
	 /*float:left;
      margin-right:auto;
      margin-left:auto;*/
  margin:0 auto 12px auto;
  padding:0;
  text-align:left;
}
.leftcol p.books {
	margin: 0 0 3px 0;
	padding: 0;
}
.leftcol #newscol {
	clear:both;
	width:230px;
	margin:0 0 0 0;
	font-size:0.8em;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 1px;
	padding-left: 0;  
	
	overflow:hidden;
}
.leftcol #newscol p{
	margin:0 0 6px 0;
	padding:0;
}
	
.leftcol #newscol #newsContent {
	width:230px;
	height:90px;
	margin:6px 0 0 0;
	font-size:0.8em;
	padding: 0;
	border:1px solid red;
}
#container .rightcol{
	float:right;
	width:396px;
	margin-right:0;
	border:0px solid #000;
}
	
/*----Navi-------*/
.rightcol#globalNav{
	float:left;
	width:388px;
	/*height:172px;*/
	height:164px;
	margin:0 6px 0 0;
	padding:0 0 0 0;
	display:inline;
	border:0px solid red;
	background:#fff url(../img/menuback.jpg) no-repeat 0 0;
	
}

 ul#globalNavl{
	 float:left;
	 width:130px;
	height:164px;
	list-style-type:none;
	margin:12px 0 0 12px;
	padding:0;
	display:inline;
	border:0px solid red;
}
#globalNavl li{
	float:left;
	width:30px;
	list-style-type:none;
	
	
}
#globalNavl li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:164px;
	padding-top:164px;
	background-image:url(../img/menu1.gif);
	color:#000;
	text-indent:-9999px;
	border:0px solid red;
}

#nav01 a{background-position:0 0;}
#nav02 a{background-position:-30px 0;}
#nav03 a{background-position:-60px 0;}
#nav04 a{background-position:-90px 0;}


#nav01 a:hover{background-position:0px -164px;}
#nav02 a:hover{background-position:-30px -164px;}
#nav03 a:hover{background-position:-60px -164px;}
#nav04 a:hover{background-position:-90px -164px;}



ul#globalNavc{
	float:left;
	 width:186px;
	height:164px;
	list-style-type:none;
	margin:12px 0 0 0;
	padding:0;
	display:inline;
	border:0px solid red;
}
#globalNavc li{
	float:left;
	width:30px;
	list-style-type:none;
	
	
}
#globalNavc li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:164px;
	padding-top:164px;
	background-image:url(../img/menu2.gif);
	color:#000;
	text-indent:-9999px;
	border:0px solid red;
}

#nav11 a{background-position:0 0;}
#nav12 a{background-position:-30px 0;}
#nav13 a{background-position:-60px 0;}
#nav14 a{background-position:-90px 0;}
#nav15 a{background-position:-120px 0;}
#nav16 a{background-position:-150px 0;}

#nav11 a:hover{background-position:0 -164px;}
#nav12 a:hover{background-position:-30px -164px;}
#nav13 a:hover{background-position:-60px -164px;}
#nav14 a:hover{background-position:-90px -164px;}
#nav15 a:hover{background-position:-120px -164px;}
#nav16 a:hover{background-position:-150px -164px;}



ul#globalNavr{
	float:left;
	 width:68px;
	height:168px;
	list-style-type:none;
	margin:12px 0 0 0;
	padding:0;
	display:inline;
	border:0px solid red;
}
#globalNavr li{
	float:left;
	width:30px;
	list-style-type:none;
	
	
}
#globalNavr li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:164px;
	padding-top:164px;
	background-image:url(../img/menu3.gif);
	color:#000;
	text-indent:-9999px;
	border:0px solid red;
}

#nav21 a{background-position:0 0;}
#nav22 a{background-position:-30px 0;}

#nav21 a:hover{background-position:0 -164px;}
#nav22 a:hover{background-position:-30px -164px;}

#container .rightcol .subcolumn{
	float:right;
    margin:0 16px 0 9px;
    padding:0 0 0 0;
	border:0px solid red;
}
#container .rightcol .subcolumn1{
	float:right;
    margin:5px 16px 0 9px;
    padding:0 0 0 0;
	border:0px solid red;
}
#container .rightcol .subcolumn2{
	float:right;
    margin:0 16px 0 9px;
    padding:0 0 0 0;
	border:0px solid red;
}


.column{
	width:840px;
	margin:9px 0 0 0;
	}
.column .leftcolumn{
	float:left;
     width:630px;
	 margin:4px 0 4px 0;
}
.column .leftcolumn p{
	float:left;
     width:207px;
	 margin:2px 2px 2px 0;
}
.column .leftcolumn p .right{
	float:left;
     width:207px;
	 margin:4px 0 4px 0;
}
.column .rightcolumn{
	float:left;
     width:207px;
	 margin:24px 0 4px 0;
}

.bottommenu{
	clear:both;
	text-align:right;
  width:840px;
  /*font-size: 0.8em;
  line-height: 1.2em ;*/
  
}
.bottommenu .bottomnav{
  font-size: 0.8em;
  line-height: 1.2em ;
}
.bottommenu .bottomnav a{font-size: 0.8em; line-height: 1.2em ;text-decoration: none;color:#000000;}
.bottommenu .bottomnav a:visited { text-decoration: none;color:#E60000;}
.bottommenu .bottomnav a:active { text-decoration: none;color:#003366;}
.bottommenu .bottomnav a:hover { text-decoration: none; color:#FF0000;}
	
/*-------------Font---------------*/
.small   { font-size: 0.9em; line-height: 1em; }
.xsmall   { font-size: 0.8em; line-height: 1em; }
.xxsmall   { font-size: 0.6em; line-height: 1em; }
.medium   { font-size: 1em; line-height: 1.3em; }
.normal   { font-size: 1.1em; line-height: 1.2em; }
.middle   { font-size: 1.2em; line-height: 1.3em ;}
.big   { font-size: 1.4em; line-height: 1.5em ;}
.large   { font-size: 1.6em; line-height: 1.7em ;}


.ibox{
border:1px solid black;
width:198px;
margin-bottom:12px;
padding:3px;
}
p {}
.subcopy{font-size: 24px; line-height: 28px ;color:#333399;}
.headline01{font-size: 24px; line-height: 28px ;color:#333399;}
.headline02{font-size: 28px; line-height: 28px; }
.headline_books{font-size: 18px; line-height: 24px; }
.small_consult{font-size: 12px; line-height: 14px ;color:#ffffff;}
a,area {outline:0px none transparent;}
img.news {outline:0px none transparent;}
a:link { font-size: 10pt; line-height: 18px ;text-decoration: none;color:#3333CC;}
a:visited { font-size: 10pt; line-height: 18px ; text-decoration: none;color:#660033;}
a:active { font-size: 10pt; line-height: 18px ; text-decoration: none;color:#003366;}
a:hover { font-size: 10pt; line-height: 18px ; text-decoration: none; color:#CC3399;}
td { font-size: 10pt; line-height: 18px;}
table{border-spacing:0px 0px
  border-collapse:collapse;
}
#top_box1{
  float:left;
  width:336px;
}
#top_box2{
  float:left;
/*margin-top:102px;*/
  margin-top:90px;
  margin-left:96px;
}
#announce{
border:1px solid #000;
margin:6px 0 6px 0;
padding:6px;

}
#announce .name{
text-align:right;
}
.subcol{
  width:198px;
  border:1px solid #000000;
  margin:6px 0 0 0;
  padding:3px 3px 3px 3px;
  font-size:0.9em;
}
.new a:link {font-size: 10px; line-height: 12px ;text-decoration: none;color:#990066;}
.new a:visited { font-size: 10px; line-height: 12px ; text-decoration: none;color:#660033;}
.new a:active { font-size: 10px; line-height: 12px ; text-decoration: none;color:#003366;}
.new a:hover { font-size: 10px; line-height: 12px ; text-decoration: none; color:#CC3399;}
.right{text-align:right;
  width:840px;}
.rightpos{text-align:right;
  width:536px;}
.right a{font-size: 0.8em; line-height: 1.2em ;text-decoration: none;color:#000000;}
.right a:visited { font-size: 0.8em; line-height: 1.2em ; text-decoration: none;color:#003366;}
.right a:active { font-size: 0.8em; line-height: 1.2em ; text-decoration: none;color:#E60000;}
.right a:hover { font-size: 0.8em; line-height: 1.2em ; text-decoration: none; color:#FF0000;}


/* ---------------?ｽ鞫?-------------------------------- */
.boso .backgreen {
     background-color:#90D2AB;
	 padding:3px 3px;
	 margin-right:auto;
	 margin-left:auto;
	 margin-top:2px;
	 margin-bottom:2px;
	 width:210px;
	 text-align:center;
}
.boso .copy {font-size: 1.4em; line-height: 1.5em;}
.boso .num {
     float:left;
     font-size: 1.6em; line-height: 1.7em;
}
/* ---------------History-------------------------------- */
.history p{
margin:0;
padding:2px 0 12px 6px;
   
}
/* ---------------Consult-------------------------------- */
.consult #leftcol{
	float:left;
	width:208px;
	margin-right:9px;
}
.consult #leftcol p.sub{
	width:100%;
	margin-top:12px;
}
.mail{
	width:515px;
	margin-top:12px;
	padding:0 0 0 0;
	border:0px solid red;
	
}
.mail a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:105px;
	padding-top:105px;
	/*height:100%;
	width:0 !important;
	width /**//*:137px;*/
	/*padding-right:137px;*/
	background-image:url(../consult/img/mail.gif);
	color:#000;
	text-indent:-9999px;
	
}
.mail a{background-position:0 0;}

.mail a:hover{background-position:0 -105px;}


.mailsub{
	width:207px;
	margin-top:12px;
	padding:0 0 0 0;
	border:0px solid red;
	
}
.mailsub a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:104px;
	padding-top:104px;
	/*height:100%;
	width:0 !important;
	width /**//*:137px;*/
	/*padding-right:137px;*/
	background-image:url(../consult/img/mail_s.gif);
	color:#000;
	text-indent:-9999px;
	
}
.mailsub a{background-position:0 0;}

.mailsub a:hover{background-position:0 -105px;}


.consult #maincol{
	float:left;
	width:616px;
	border:0px solid #000;
}
.consult #bottomcol{
	clear:both;
	float:left;
	width:840px;
	border:0px solid #000;
}

.consult .big{
font-size: 1.5em; 
line-height: 1.5em;
font-weight:bold; 
padding-left:4px;  
}
.consult .normal{
display:block;
padding-left:4px;
}
.consult .small{
display:block;
padding-left:2px;
}
.consult .hall1{
clear:both;
float:left;
width:300px;
margin:0 3px 0 0;
padding:0;
   
}
.consult .hall2{

float:left;
width:300px;
margin:0;
padding:0;
   
} 	
/* ---------------問い合わせ-------------------------------- */
.branchleft{
	float:left;
	width:240px;
	margin: 6px 6px 6px 60px;
	
}
.branchright{
	float:left;
	width:240px;
	margin: 6px 12px 6px 12px;
	
}
dt.mark{
	font-size:1.1em;
	padding-left:12px;
	margin-bottom:6px;
	background:#fff url(../inquire/img/mark.gif) no-repeat 0 2px;
	color:#004098;
}
dd.mark{
	font-size:1.3em;
	margin-left:12px;
	margin-bottom:9px;
	padding-left:0px;
}

/* ---------------Guide-------------------------------- */
#recruit table{
   border-style:none;
   background-color:#000000;
}
#recruit td{
   border-style:none;
   background-color:#FEFAFA;
   padding:0.5em 0.5em;
   text-align:left;
}
/* ---------------つれづれ日記-------------------------------- */ 
.diary .contents{
		font-size:1.2em;
		line-height:1.6em;
}
				 }
p.diary{
	margin:0 0 6px 0;
	padding:0;
	
}
em.diary{
	margin:0 0 6px 0;
	padding:0;
}
.italic{
	font-style:italic;
	font-size:1.1em;
	margin:0;
}
.space1em{
	padding-top:1em;
}
/* ---------------マウド-------------------------------- */  
.maudo #subtitle{
    font-size:1.4em;
	font-weight:bold;
	color:#990066;
	border:1px solid #990066;
	padding:6px 4px 6px 8px;
	margin-bottom:6px;

} 
.maudo .story{
    font-size:1.4em;
	font-weight:bold;
	color:#990066;
	padding:2px 4px 6px 0;
	margin-bottom:6px;

}  	 	
/* ---------------?ｽﾆ系?ｽ}-------------------------------- */  
	  
.headline01{font-size: 24px; line-height: 28px ;color:#333399;}
.headline011{font-size: 24px; line-height: 24px ;color:#333399;}
.headline02{font-size: 28px; line-height: 28px; }
.headline03{font-size: 18px; line-height: 21px ;color:#333399;}
.headline04{font-size: 21px; line-height: 24px ;}


/* ---------------?ｽ?ｽﾐ包ｿｽ-------------------------------- */ 

.subtitle01{font-size: 1.2em; font-weight:bold;line-height: 18px ;color:#cc3300;}


/* ---------------Footer-------------------------------- */ 

#footer{
clear:both;
background:#fff url(../img/copyright.gif) no-repeat center top;
height:11px;
}

 	   	  
/* ---------------FONT-------------------------------- */
.xsmall{ font-size: 0.8em; line-height: 1.2em; }
.small { font-size: 0.9em; line-height: 1.2em; }
.normal { font-size: 1.1em; line-height: 1.4em; }
.medium { font-size: 1.2em; line-height: 1.5em; }
.middle { font-size: 1.3em; line-height: 1.4em; }
.big   { font-size: 1.6em; line-height: 1.8em; }
.large   { font-size: 1.8em; line-height: 1.2em ;color:#0000ff;}
.xlarge{ font-size: 1.8em; line-height: 1.8em;}
.bold   { font-weight: bold;}
.maroon { color:#990066; }
.blue {color:#0000ff;}
.darkblue{color:#333399;}
.red{color:#FF3300;}
.addresscopy{
	margin-left:4px;
	display:block;
}
.gothic{font-family:"ＭＳ Ｐゴシック","Osaka",sans-self;
	
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*-------------Huck---------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac ?*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */