@charset "euc-jp";

/*---------css¥«¥Æ¥´¥ê
¢§base
¢§link
¢§other

¢§wrapper
¢§head-navi
   subnavi
   head-navi
¢§wrapper2
¢§leftBox
   navi
   bana
   addres , search
¢§rightBox
¢§footer
-------------------*/	


/* ¢§¢§base¢§¢§
---------------------------------------------*/

body {
	background: #fff;
	font-family: "¥á¥¤¥ê¥ª","Meiryo","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:75%;
	line-height:1.5;
	color:#666;
	}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address,table,th,td,div,form,input,button {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ul,ol,li {list-style-type: none;}
address {font-style:normal;}
img, embed {border:none; vertical-align:top}
hr {display:none;}
a {text-decoration:none; overflow:hidden;}	


/* ¢§¢§link¢§¢§
---------------------------------------------*/

a {color: #09c;}
a:visited {color: #09c;}
a:hover {color: #9cf;}

/* ¢§¢§other¢§¢§
---------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear{
	clear:both;
}
.left {float:left;}
.right {float:right;}




/*¢§¢§wrapper¢§¢§
---------------------------------------------*/
#wrapper{
	width:900px;
	margin:0 auto 25px;
	text-align:left;
}


/*¢§¢§header¢§¢§
---------------------------------------------*/
#header {
	width:898px;
	height:100px;
	background:url(../img/back_img.jpg) no-repeat bottom;
	border:#CCCCCC solid 1px;
	}
	
h1 {
	background:url(../img/rogo_img.jpg) 0 0 no-repeat;
	width:150px;
	height:85px;
	text-indent:-9999px;
	margin:5px 10px 5px 15px;
	}	
	
	
    /* subnavi
---------------------------------------------*/

#subnaviBox{
	text-align:right;
	margin:15px 15px 10px 0;		
	} 

#subnaviBox a{
	color:#666;		
	} 
#subnaviBox a:hover{
	color:#999;		
	} 

#subnaviBox ul#subnavi li#sub {
	text-align:left;
	float:right;		
	display:block;
	background:url(../img/ico_01.jpg) no-repeat 0 2px;
	padding-left:15px;
	margin-right:5px;
	font-size:13px;
	} 
	
	
    /* head-navi
---------------------------------------------*/	
#headRight {
	width:723px;
	}
	
#head-navi ul {
	margin-right:15px;
	}

#head-navi ul li {
	float:left;
	margin-left:1px;
	font-size:15px;
	font-weight:bold;		
	}
	
#head-navi ul li a {
	color:#fff;
	display:block;
	background:url(../img/navi0.jpg) no-repeat 0 0;
	width:139px;
	height:29px;
	padding-top:3px;
	text-align:center;	
	} 

#head-navi ul li a:hover,
#head-navi ul li a.act {
	color:#9cf;
	} 
 
 
/*¢§¢§wrapper2¢§¢§
---------------------------------------------*/

#kakomiBox {
	width:898px;
	background:url(../img/back_img.jpg) no-repeat bottom;
	border:#CCCCCC solid 1px;
	margin:10px 0 10px 0;
	}
	
/* ¢§¢§leftBox¢§¢§
---------------------------------------------*/	

#leftBox {
	float:left;
	width:160px;
	padding:20px 0 10px 20px;
	}
	
#leftBox ul li a {
	color:#666;	
	} 

#leftBox ul li a:hover,
#leftBox ul li a.act {	
	color:#999;	
	} 	

.leftblockContent {
	background: url(http://www.igakuren.com/themes/igakuren/common/img/search.jpg) 46px 25px no-repeat;
}

    /* navi
---------------------------------------------*/	

#naviBox{
	margin-bottom:15px;	
	} 

#naviBox ul li{
	margin-bottom:5px;
	font-size:15px;
	font-weight:bold;		
	} 

#naviBox ul li#navi01 a,
#naviBox ul li#navi02 a,
#naviBox ul li#navi03 a,
#naviBox ul li#navi04 a,
#naviBox ul li#navi05 a,
#naviBox ul li#navi06 a, 
#naviBox ul li#navi07 a {
	display:block;	
	width:146px;
	height:27px;
	padding:3px 0 0 14px;	
	} 

#naviBox ul li#navi01 a {background:url(../img/navi01.jpg) no-repeat 0 0;} 
#naviBox ul li#navi02 a {background:url(../img/navi02.jpg) no-repeat 0 0;} 
#naviBox ul li#navi03 a {background:url(../img/navi03.jpg) no-repeat 0 0;} 
#naviBox ul li#navi04 a {background:url(../img/navi04.jpg) no-repeat 0 0;}
#naviBox ul li#navi05 a {background:url(../img/navi05.jpg) no-repeat 0 0;} 
#naviBox ul li#navi06 a {background:url(../img/navi06.jpg) no-repeat 0 0;}   
#naviBox ul li#navi07 a {background:url(../img/navi07.jpg) no-repeat 0 0;}  

#naviBox ul li#navi-in01,
#naviBox ul li#navi-in02 {margin-left:10px;}

#naviBox ul li#navi-in01 a,
#naviBox ul li#navi-in02 a {
	display:block;
	background:url(../img/navi-in.jpg) no-repeat 0 0;
	width:100px;
	height:23px;
	padding:0px 0 0 25px;
	margin-bottom:0;	
	} 

#naviBox ul li#navi-in02 a {margin-bottom:10px;}	


    /* bana
---------------------------------------------*/

#bana ul li{
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;			
	}

#bana ul li#navi07 a {
	display:block;
	background:url(../img/contact_bana.jpg) no-repeat 0 0;
	width:140px;
	height:30px;
	padding:12px 0 0 20px;		
	} 

#bana ul li#navi08 a {
	display:block;
	background:url(../img/blog_bana.jpg) no-repeat 0 0;
	width:140px;
	height:66px;
	padding:10px 0 0 20px;
	line-height:135%;			
	} 

    /* addres , search
---------------------------------------------*/	

#add {margin:20px 0 25px 0;}

#add h4{
	color:#336699;
	font-size:110%;
	}

table.search {margin:15px 0 15px 0;}
table.search a{color:#666;} 
table.search a:hover{color:#999;} 	

/* ¢§¢§rightBox¢§¢§
---------------------------------------------*/		

#rightBox {
	width:690px;
	margin:20px 0 30px 0;
	}

#Box {
	width:668px;
	padding:10px 10px 10px 0;
	}	
		
#textBox {
	margin-top:-3px;
	margin-bottom:30px;
	width:668px;
	border:#CCC solid 1px;
	padding:20px 0 20px 0;
	background:url(../img/back_img.jpg) no-repeat bottom;
	}

#textBox img { margin:7px;} 
#textBox span.mar0 img{ padding-top:5px; margin:-4px 8px 0 10px;} 

#pan { margin:15px 0 5px 0; }

#print{
	width:650px;
	text-align:right;
	padding-top:4px;
	margin-bottom:20px;
	}
	
#print img{
	padding-left:5px;
	margin-top:-4px;	
	}
	
#rightBox .toTop {
	width:650px;
	text-align:right;
	font-size:11px;
	background:url(../img/lin.gif) 0 0 repeat-x;
	padding:8px 10px 0 10px;
	}

#rightBox .toTop a { margin-right:5px; }
#rightBox .toTop img { margin-top:-4px; }

#rightBox p {
	padding:0 25px 15px 25px;
	text-align:left;
	line-height:160%;	
	}
	
#rightBox p.read {
	color:#999;
	font-weight:bold;
	font-size:120%;
	}
	
#rightBox p.under {
	width:618px;
	background:url(../img/lin.gif) repeat-x top;		
	text-align:right;
	padding-top:10px;
	font-size:11px;
	margin-bottom:-20px;
	}
	
#rightBox p.downroad {
	background:url(../img/ico_06.gif) 0 0 no-repeat;		
	padding-left:30px;
	padding-top:3px;
	margin-left:35px;
	font-size:12px;
	}		

#textBox ul{
	margin-left:20px;
	}	

#textBox ul li{
	width:618px;
	padding-bottom:7px;
	margin-bottom:12px;
	background:url(../img/lin.gif) repeat-x;
	background-position:bottom;
	}

#textBox ul li img{
	margin-right:8px;
	margin-top:1px;
	}

#textBox ul li span.listday{
	margin-left:10px;
	font-size:11px;
	}

/* ¢§¢§footer¢§¢§
---------------------------------------------*/			
	
#footer {
	width:900px;
	background:url(../img/footer_img.jpg) 0 0 no-repeat;
	color:#fff;
	padding:5px 0 5px 0;
	font-size:10px;
	}

#footer #subnavi {
	margin:8px 0 0 15px;
	}

#footer #copy {
	text-align:right;
	width:600px;
	margin-right:15px;
	}


#footer p a {
	color:#fff;
	text-decoration:none;
	}

#footer p a:hover {
	color:#99CCFF;
	text-decoration:none;
	}

