/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}
a,address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	text-decoration: none;
}
ol,ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}



/* ユニバーサルセレクタ */

* {
color:#333333;

}


/* レイアウト */

body{
background-image:url(../img/back.gif);
}


div#contents	{
width:760px;
margin: 20px auto;
background-color:#fff;
padding:20px;
border:1px #ccc solid;
}




div#header	{
margin: 0px 0px 12px 0px;
}

div#wrapper{

}

div#wrapper div#main	{
width:440px;
float:left;
margin:10px;

}

div#wrapper div#side	{
width:300px;
float:right;
}

div#footer{
clear:both;
margin:20px 4px 0px;
}


/* ナビゲーション1 */
.navi{
width:;
height:40px;
clear:both;
}

.navi li{
text-indent:-9999px;
margin-left:2px;
display:block;
width:150px;
height:40px;
float:left;
}



.navi li a{
display:block;
width:150px;
height:40px;
}

.navi_news { 
background: url(../img/css_sprite.gif) 0 0;
} 

.navi_news a { 
background: url(../img/css_sprite.gif) 0 -40px;
} 

.navi_news a:hover{ 
background: url(../img/css_sprite.gif) 0 0;
} 


.navi_service { 
background: url(../img/css_sprite.gif) -150px 0;
} 


.navi_service a { 
background: url(../img/css_sprite.gif) -150px -40px;
} 

.navi_service a:hover{ 
background: url(../img/css_sprite.gif) -150px 0;
} 

.navi_study { 
background: url(../img/css_sprite.gif) -300px 0;
}

.navi_study a { 
background: url(../img/css_sprite.gif) -300px -40px;
} 

.navi_study a:hover{ 
background: url(../img/css_sprite.gif) -300px 0;
} 

.navi_group { 
background: url(../img/css_sprite.gif) -450px 0;
}

.navi_group a { 
background: url(../img/css_sprite.gif) -450px -40px;
} 

.navi_group a:hover{ 
background: url(../img/css_sprite.gif) -450px 0;
}

.navi_aboutus { 
background: url(../img/css_sprite.gif) -600px 0;
}

.navi_aboutus a { 
background: url(../img/css_sprite.gif) -600px -40px;
} 

.navi_aboutus a:hover{ 
background: url(../img/css_sprite.gif) -600px 0;
}


/* ナビゲーション2 */
.navi2{
width:150px;
float:right;
}

.navi2 li{
text-indent:-9999px;
margin-right:1px;
}

.navi2 li a{

}


.navi_faq { 
background: url(../img/css_sprite.gif) -5px -80px;
display:block;
width:150px;
height:30px;
}

.navi_faq a { 
background: url(../img/css_sprite.gif) -155px -80px;
display:block;
width:150px;
height:30px;
} 

.navi_faq a:hover{ 
background: url(../img/css_sprite.gif) -5px -80px;
display:block;
width:150px;
height:30px;
}

.navi_ask { 
background: url(../img/css_sprite.gif) -5px -110px;
display:block;
width:150px;
height:30px;
}

.navi_ask a { 
background: url(../img/css_sprite.gif) -155px -110px;
display:block;
width:150px;
height:30px;
} 

.navi_ask a:hover{ 
background: url(../img/css_sprite.gif) -5px -110px;
display:block;
width:150px;
height:30px;
}

.navi_sitemap { 
background: url(../img/css_sprite.gif) -5px -140px;
display:block;
width:150px;
height:30px;
}

.navi_sitemap a { 
background: url(../img/css_sprite.gif) -155px -140px;
display:block;
width:150px;
height:30px;
} 

.navi_sitemap a:hover{ 
background: url(../img/css_sprite.gif) -5px -140px;
display:block;
width:150px;
height:30px;
}

.navi_supporter { 
background: url(../img/css_sprite.gif) -600px -80px;
display:block;
width:150px;
height:40px;
}

.navi_supporter a { 
background: url(../img/css_sprite.gif) -600px -120px;
display:block;
width:150px;
height:40px;
} 

.navi_supporter a:hover{ 
background: url(../img/css_sprite.gif) -600px -80px;
display:block;
width:150px;
height:40px;
}


/* ナビゲーション3 */
.navi3{
padding: 20px 0px 40px 50px;
}

.navi3 h3{

font-size:1.1em;
line-height:2em;
font-weight:bold;
color:#666;
}

div.navi3 li {
font-size: 0.8em;
line-height:2em;
border-bottom:1px dashed #ccc;
padding-top:0.5em;
color:#00ccff;
}



.navi3 li a:hover{
color:#00ccff;
}



/* 各パーツ side */
div.syokai{
height:150px ;
border:1px #cccccc solid;
background:#fff;
margin:4px;
padding:6px;
font-size: 0.8em;
line-height:1.3em;
}

div.syokai h2{
padding:6px;
font-size:1.2em;
line-height:1.6em;
font-weight:bold;
color:#666;
}

div.syokai h2:hover{
padding:6px;
font-size:1.2em;
line-height:1.6em;
font-weight:bold;
color:#00ccff;
}


div.syokai img{
float:left;
margin:6px;

}

div.syokai p{
padding:4px;
}



div.syokai a{
display: block;
color:#00CCFF;
}

/* 各パーツ main */

div.kakomi{
border:1px #cccccc solid;
background:#fff;
margin:20px 0px;
padding:10px;

}



div.kakomi h3{
padding:4px 0px;
font-weight:bold;
color:#666;
}

div.kakomi li{
font-size: 0.8em;
line-height:2em;
border-bottom:1px dashed #ccc;
padding-top:0.5em;

}

.kakomi a:hover{
color:#00ccff;
}


/* 各パーツ header */

h1{
text-indent:-9999px;
}


/* 文字 */

div#header p{
font-size: 1em;
font-weight:bold;
line-height:160%;
color:#333;
}

div#main p{
font-size: 1em;
line-height:160%;
}


div#main h2{
margin:6px 0px 20px;
font-size:2em;
color:#666;
}


div#main h3{
margin:6px 0px 20px;
font-size:1.2em;
color:#666;
font-weight:bold;
}

address{
border-top:1px #cccccc solid;
font-size:0.6em;
margin-top:0px;
padding:6px;
}


p.clear{
clear:both;
}


/* 画像 */

.imgright {
float:right;
}


div#header img{
float: left;
margin:4px;
}


div#main img{
float: left;
margin:4px 12px 4px 0px;
border:1px #ccc;
}