body {
	margin: 2px 0 0;
	font-size: 90%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align:center;
	background:#EFF1F3;
}

#pankuzulist{
	background:url(/img/common/bg_home.gif) 8px center no-repeat;
	padding-left:28px;
	font-size:93%;
	margin:0 auto 7px auto;
	width:920px;
	text-align:left;
}

/*
===== 1: CLEARFIX ==========================================
*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}


/* リンク */
a{ text-decoration: none;}
a:link{ color: #0A50A1;}
a:hover { text-decoration:underline; color:#FF6600;}
a:visited { color: #1487DC;}
a:active { color: #0A50A1;}



img{ border: none;}

h1,h2,h3,h4,h5,h6, dl { margin: 0;}

.clear { clear:both;} 


/* IEでの表示回避 */
#navi, .con, #side, #main
{
	zoom: 100%;
}



/* ---------------------------------------------------------
　ヘッダ
 --------------------------------------------------------- */
/*#header {
	background:url(../image/header_02.gif) repeat-x left top;
	height:52px;
	position:relative;
	z-index:0;
}
#header h1 {
	position:absolute;
	z-index:1;
	width:200px;
	height:45px;
	padding:7px 0 0 30px;
	left:0;
	top:0;
	background:url(../image/header_01.gif) no-repeat 0 0;
}


#header h2{
	position:relative;
	height:40px;
	margin-left:200px;
	padding-top:10px;
	text-align:center;
	background:url(../image/header_03.gif) no-repeat right top;
}

#header_top{
	background:url(../image/header_top.gif) no-repeat right;
	height:95px;
	position:relative;
	z-index:0;
}

#header_top h1 {
	position:absolute;
	z-index:1;
	width:107px;
	height:45px;
	left: 47px;
	top: 26px;
}
#header_top h1 a{display:block; width:200px; height:45px;}
#header_top h1 a span{ display:none!important;}
 ------------------------------------ */
html, body,
div#header h1,
div#header p,
div#header dl, div#header dt, div#header dd,
div#header ol, div#header ul, div#header li,
div#footer p,
div#footer dl, div#footer dt, div#footer dd,
div#footer ol, div#footer ul, div#footer li
 {
	margin: 0;
	padding: 0;
}
div#header li,
div#footer li {
	list-style: none;
}
div#header img,
div#footer img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}

div#header{
	width: 946px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
div#header #logo {
	padding: 19px 0 16px 16px;
	width: 110px;
	height: 45px;
}
div#header ul.utitity {
	position: absolute;
	left: 733px;
	top: 7px;
	width: 210px;
	text-align: right;
	font-size: 1px;
}
div#header ul.utitity li {
	display: inline;
	padding-left: 10px;
}
div#header ul.utitity-font {
	position: absolute;
	left: 780px;
	top: 34px;
	font-size: 1px;
	width: 162px;
	
}
div#header ul.utitity-font li {
	float: left;
}
div#header ul.utitity-font li.font-title {
	padding: 5px 10px 0 0;
}
div#header li.font-small a {
	display: block;
	width: 31px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/common/btn_fontsize_small_on.gif) left top no-repeat;
}
div#header li.font-middle a {
	display: block;
	width: 30px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/common/btn_fontsize_middle.gif) left top no-repeat;
}
div#header li.font-large a {
	display: block;
	width: 31px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/common/btn_fontsize_large.gif) left top no-repeat;
}
div#header ul.navi li {
	float: left;
}
div#header .main-image {
	margin-bottom: 20px;
	vertical-align:bottom;
}

/* ---------------------------------------------------------
　フッタ
 --------------------------------------------------------- 
#footer {
	border-top: solid 1px #505050;
	padding: 5px;
	clear:both;
	text-align: right;
}

#footer p{
margin:0;
float:left;
text-align:left;
}

#footer a {
background:url(../image/icn_arrow_sm.gif) no-repeat 0 50%;
padding:0 0 0 15px;
}
*/
div#footer{
	background: #0077BD url(/img/common/bg_footer.gif) left top repeat-x;
	padding-top: 12px;
	clear: both;
}
div#footer div.footer-inner {
	width: 946px;
	height:125px;
	margin: 0 auto;
}
div#footer ul.footer-banner {
	width: 810px;
	margin: 0 auto 31px;
}
div#footer ul.footer-banner li {
	width: 270px;
	text-align: center;
	float: left;
	font-size: 11px;
}
div#footer ul.footer-banner li a {
	text-decoration: underline;
}
div#footer ul.footer-banner li a:link {
	text-decoration: underline;
}
div#footer ul.footer-banner li a:hover {
	text-decoration: none;
}

div#footer ul.footer-link {
	height: 23px;
	width: 400px;
	float: left;
	font-size: 1px;
}
div#footer ul.footer-link li {
	display: inline;
	padding: 0 20px;
}	
div#footer p {
	float: right;
	text-align: right;
	line-height: 11px;
}
div#footer p img {
	vertical-align: top;
}
	

/* ---------------------------------------------------------
　ナビゲーション
 --------------------------------------------------------- */
#navi {
	background: #B3E2EE;
	padding: 5px 0;
	height:30px;
	text-align: center;
	white-space:nowrap;
}

#navi:after{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#navi ul {
	margin: 0 2px 0 5px;
	padding: 0;
	list-style: none;
}

#navi ul li {
	float: left;
	width:95px;
	margin-right:2px;
}
#navi ul li a{ display:block; width:95px; height:25px;}

#navi li.rside{ margin-right:0!important;}

#navi01, #navi02, #navi03, #navi04, #navi05, #navi06, #navi07, #navi08
{
	height:25px;
	background:#DBF0FC url(../image/navi_bg.gif) repeat-x 0 0;
	border:solid 1px #A2A4A6;
}

#navi01-on, #navi02-on, #navi03-on, #navi04-on, #navi05-on, #navi06-on, #navi07-on, #navi08-on
{
	height:27px;
}



/* ---------------------------------------------------------
　メインコンテンツ
 --------------------------------------------------------- */
#contents{
	font-size: 100%;
	text-align: center;
	/*background: url(/img/common/bg_existing_contents.gif) left top repeat-x;*/
	background: url(/img/common/bg_contents.gif) left top repeat-x;
	width: 100%;
}

.main-image {
	width:946px;
	margin:0 auto 20px;
	vertical-align:bottom;
}

#pan{
	padding: 10px 15px 30px;
	width: 946px;
	margin: 0 auto;
	clear: both;
}


#main {
	float:right;
	width:600px;
	padding:15px 15px 15px 15px;
	line-height:1.5;
	background:#FFF;
	border: 1px solid #CCCCCC;
}
div.contents-wide #main {
	width: 674px;
}
	

#side{
	float:left;
	width:226px;
	padding:0 0 10px 0;
	line-height:1.6;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"MS PGothic",Sans-Serif!important;}
#wrapper, 

#wrap{
	width: 880px;
	position:relative;
	padding-bottom:3em;
	margin: 0 auto;
	text-align: left;
}
div.contents-wide #wrapper,
div.contents-wide #wrap {
	width: 946px;
}
#wrapper:after , 

#wrap:after{
	content: ".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}


/* 3カラム用 */
#main_cont {
width:435px;
line-height:1.5;
}

#extra {
float:right;
width:148px;
text-align:right;
}

/* 内部フォントサイズ */

#pan, #side { font-size: 90%; }




/* 個人情報欄 */
#individual{
	width:175px;
	float:left;
}

#individual a {
	display:block;
	padding:0.7em 5px 0.7em 24px;
	background: url(../image/icn_arrow02.gif) no-repeat 6px center;
	border: solid 1px #409D27;
	color:#000;

}

ul.topicpath {
	width:946px;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	_height:1%;
	margin:0 auto 7px auto;
	font-size:93%;
}
ul.topicpath li {
	float: left;
	background: url(/img/common/bg_topicpath.gif) 8px center no-repeat;
	padding-left: 20px;
}
ul.topicpath li.path-home {
	padding-left: 28px;
	background: url(/img/common/bg_home.gif) 8px center no-repeat;
}
ul.topicpath li a {
	text-decoration: underline;
}
ul.topicpath li a:link{ text-decoration: underline;}
ul.topicpath li a:hover { text-decoration: none;}


/* ---------------------------------------------------------
　サイドメニュー
 --------------------------------------------------------- */
#side p {margin: 0 0 6px;}
#side h3 {
	font-size: 100%;
	background: url(../image/side_head.gif) no-repeat top center #B3E2EE;
	padding: 5px 0;
	text-align: center;
}

/* メニューリンク */
#side ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
/*
#side ul li {
	margin-bottom:3px;
	padding:0;
	text-align:center;
	font-size: 110%;
	width:175px;
}
#side ul li a {
	border: solid 1px #BCBEBF;
	padding:5px;
	background: url(../image/bnavi_off.gif) repeat-x center #F2FAFC;
	color:#000;
	display:block;
}

#side ul.secondary { margin-top:12px;}
#side ul.secondary a{
	display:block;
	border: solid 1px #BCBEBF;
	background:url(../image/boxlink_g.gif) repeat-x center;
}
*/

/*sub navigation*/
#side .snav{
	background:url(/img/common/sub_navbg.gif);
	overflow:hidden;
	_zoom:1;
	margin-bottom:18px;}

#side .snav ul li{
	background:url(/img/common/sub_navline.gif) no-repeat 0 bottom;
	padding-bottom:2px;}
#side .snav ul li ul li{
	background:none;
	padding-bottom:0px;}
#side .snav ul li a{
	color: #0077BD;
	display:block;
	overflow:hidden;
	padding:5px 0 5px 40px;
	text-decoration:none;
	background: url(/img/common/bg_suv.gif) left center no-repeat;}
#side .snav ul li a:hover,
#side .snav ul li a.on{
	background: url(/img/common/bg_suvon.gif) left center no-repeat;}
#side .snav ul li ul li a{
	padding:1px 0 1px 25px;
	background:none;
	_zoom:1;}
#side .snav ul li ul li a:hover,
#side .snav ul li ul li a.on{
	background: url(/img/common/bg_suvon_s.gif) left center no-repeat;}
#side .snav ul li ul li a span{
	padding-left:15px;
	background: url(/img/common/btn_arrow_s.gif) left center no-repeat;}
#side .snav ul li.end{
	background:url(/img/common/sub_navbot.gif) no-repeat 0 bottom;
	padding-bottom: 9px;}
#side .snav ul li.end a{
	padding:0;
	margin-bottom:0px;}
*:first-child+html #side .snav ul li.end a{
	padding:0 0 0 0;
	margin-bottom:0;
	background: url(/img/common/bg_suv.gif) left 0.8em no-repeat;}
*:first-child+html #side .snav ul li.end a.on{
	background: url(/img/common/sub_navbot_on.gif) left bottom no-repeat;}
#side .snav ul li.end a span{
	padding:5px 0 3px 40px;
	display:block;}
#side .snav ul li.end ul li a{
	padding:1px 0 1px 25px !important;
	margin-bottom: 0 !important;
	background:none !important;
	_zoom:1;}
#side .snav ul li.end ul li a:hover,
#side .snav ul li.end ul li a.on{
	background: url(/img/common/bg_suvon_s.gif) left center no-repeat !important;}
#side .snav ul li.end ul li a span{
	padding:0 0 0 15px !important;
	background: url(/img/common/btn_arrow_s.gif) left center no-repeat !important;}





ul.side-banner {
	display:block;
	margin: 0 0 20px 3px !important;
	padding: 5px 5px 0 !important;
	background-color: #DFDFDF;
	width: 210px;
}
ul.side-banner li {
	text-align:center;
	padding-bottom: 5px;
}
ul.side-banner li img {
	vertical-align: bottom;
}

/* 教材ページ用 */
	#s_net {margin:0 0 5px;}