@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.gif) 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:350px;
	margin-right:16px;
	border:0px solid #000;
}
	
/*----Navi-------*/
.rightcol#globalNav{
	float:left;
	width:348px;
	height:182px;
	margin:0;
	padding:0 0 0 0;
	display:inline;
	border:0px solid red;
	
}
 ul#globalNav{
	 width:350px;
	height:182px;
	list-style-type:none;
	margin:12px 0 0 22px;
	padding:0;
	
	border:0px solid red;
}
#globalNav li{
	float:left;
	width:30px;
	list-style-type:none;
	
	
}
#globalNav li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:172px;
	padding-top:172px;
	background-image:url(../img/menu1.gif);
	color:#000;
	text-indent:-9999px;
	border:0px solid red;
}

#nav01 a{background-position:-2px 0;}
#nav02 a{background-position:-34px 0;}
#nav03 a{background-position:-65px 0;}
#nav04 a{background-position:-96px 0;}
#nav05 a{background-position:-128px 0;}
#nav06 a{background-position:-160px 0;}
#nav07 a{background-position:-191px 0;}
#nav08 a{background-position:-223px 0;}
#nav09 a{background-position:-255px 0;}
#nav10 a{background-position:-286px 0;}
#nav11 a{background-position:-318px 0;}

#nav01 a:hover{background-position:-2px -172px;}
#nav02 a:hover{background-position:-34px -172px;}
#nav03 a:hover{background-position:-65px -172px;}
#nav04 a:hover{background-position:-96px -172px;}
#nav05 a:hover{background-position:-128px -172px;}
#nav06 a:hover{background-position:-160px -172px;}
#nav07 a:hover{background-position:-191px -172px;}
#nav08 a:hover{background-position:-223px -172px;}
#nav09 a:hover{background-position:-255px -172px;}
#nav10 a:hover{background-position:-286px -172px;}
#nav11 a:hover{background-position:-318px -172px;}


#container .rightcol .subcolumn{
	float:right;
    margin:9px 0 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 .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;
   
} 	
/* ---------------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;
}
/* ---------------マウド-------------------------------- */  
.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.4em; }
.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;}

.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 */