@charset "UTF-8";

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

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
	font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333;
}


a:link,a:visited{
	color:#333;
	text-decoration:none;
	font:12px/1.7 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	overflow:hidden;
	outline:none;
	/***text-decoration: underline;**/
}
a:hover{
	color:#ffcc66;
	text-decoration: underline;
	overflow:hidden;
	outline:none;
	}
a:active, a:focus {
	outline:0;
	overflow:hidden;
	outline:none;
}
img{
	border:0;
	overflow:hidden;
	outline:none;
}

/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul,#header2, #mainNav2, #wrapper2{
	margin:0 auto;
	width:877px;
	clear:both;
}

#sidebar{
	float:left;
	width:233px;
	padding:25px 0 50px;
}

#main{
	float:right;
	width:627px;
	padding:25px 0 50px;
}

/*******************************
トップ画像
*******************************/

#mainImg {
    float:right;
	width:628px;
	height:328px;
	padding:0px 0 0px;
}

#mainImg div {
	display:none;
	position:absolute;
	left:0;
	top:0;
}	

/********************************
/* ナビボタン
********************************/
#image-navigation {
  width:626px;
  height:315px;
}
#image-navigation li {
  float:left;
  list-style-type:none;
  margin:10px 7px 0 0;
}

#image-navigation li a {
  display:block;
  z-index:5;
  width:20px;
  height:20px;
}

#image-navigation .navi {
  position:absolute;
  margin:0 0 0 464px;
  width:165px;
  height:20px;
}

#image-navigation .navi li.lap {
  position: relative;
  margin:10px -30px 0 0;
}

#image-navigation .navi li.lap2 {
  position: relative;
  z-index:3;
  margin:10px 0 0 -27px;
}


#image-navigation .navi-image {
 position:absolute;
 width:626px;
 height:270px;
}

#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }

/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:70px;file:///Users/isecdesign3/Desktop/isec/index7.html#
/* background:#fff url(../images/wall.jpg) repeat-x 0 0; */
}

#header{
	position:relative;
	height:0px;
}

#headerWrap2{
height:190px;
background:#fff url(../images/wall2.jpg) repeat-x 0 0;
}

#header2{
position:relative;
height:190px;
}

#header h1,#header h2,#header p{
	position:absolute;
	top:80px;
	font-size:10px;
	font-weight:normal;
	line-height:22px;
	width: 217px;
}

#header2 h2,#header p{
position:absolute;
top:26px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

#header2 h1{
padding-top:5px;
font-size:10px;
font-weight:normal;
}

/* スローガン */
#header h1{
	top:5px;
	left:0px;
	color:#555;
}

/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
position:absolute;
top:30px;
height:45px;
background:url(../images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav li{
text-indent: -5000px;
float:left;
}

ul#mainNav a{
display: block;
width: 175px;
height: 45px;
background:url(../images/mainNav1.jpg) no-repeat 0 0;
}

ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -45px;}
ul#mainNav li.menu-item-2 a{background-image:url(../images/mainNav2.jpg);}
ul#mainNav li.menu-item-3 a{background-image:url(../images/mainNav3.jpg);}
ul#mainNav li.menu-item-4 a{background-image:url(../images/mainNav4.jpg);}
ul#mainNav li.menu-item-5 a{background-image:url(../images/mainNav5.jpg);}


/************************************
/* 下層ページナビゲーション
************************************/
ul#mainNav2{
position:absolute;
top:147px;
height:45px;
background:url(../images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav2 li{
text-indent: -5000px;
float:left;
}

ul#mainNav2 a{
display: block;
width: 176px;
height: 45px;
background:url(../images/mainNav1.jpg) no-repeat 0 0;
}

ul#mainNav2 li.current_page_item a,ul#mainNav2 li.current-menu-item a,ul#mainNav2 li a:hover{background-position:0 -45px;}
ul#mainNav2 li.menu-item-2 a{background-image:url(../images/mainNav2.jpg);}
ul#mainNav2 li.menu-item-3 a{background-image:url(../images/mainNav3.jpg);}
ul#mainNav2 li.menu-item-4 a{background-image:url(../images/mainNav4.jpg);}
ul#mainNav2 li.menu-item-5 a{background-image:url(../images/mainNav5.jpg);}	



/*******************************
/* メイン
*******************************/

h3.heading{
	clear:both;
	padding-left:30px;
	line-height:51px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	background:url(../images/headingBg.png) no-repeat 0 0;
	margin-top: 32px;
}

h6.heading{
clear:both;
padding-left:30px;
line-height:51px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(../images/headingBg2.png) no-repeat 0 0;
}

.article{
border:0;
margin:0 0 10px 0;
padding: 0;
background:none;
border:0px solid #dcdcdc;
}

.special_edition{
clear:both;
padding:10px 10px 20px 0px;
}

.article_cell{
clear:both;
padding:15px 0 50px;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 10px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}

.last{border-bottom:none;}

.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#996633;
}

.article h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#996633;
}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.article p{
	padding:0 10px 0 10px;
}

.picture{
width:193px;
float:left;
text-align:center;
background-color:#ffffff;
border-top:1px solid #eaeaea;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #eaeaea;
padding:5px 0 5px 0;
margin:5px 0 0 5px;
}

.picture:hover{
background-color:#fffaef;
}

.word{
margin:6px 25px 15px 25px;
word-break: break-all;
}


/*******************************
/* サイトバー学年
*******************************/
#sidebar h2{
clear:both;
padding-left:10px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(../images/sidebar/common_00.jpg) no-repeat 0 0;
}

ul.gakunen_info{
overflow:hidden;
padding:0 0 10px 17px;
border:0px solid #dcdcdc;
margin-bottom:0000px;
}

ul.gakunen_info li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #999999;
}

ul.gakunen_info a:link,ul.gakunen_info a:visited{
display: block;
padding-left:15px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(../images/gakunen_b.jpg) no-repeat 0 50%;
}

ul.gakunen_info a:hover, ul.gakunen_info li.current_page_item a, ul.gakunen_info li.current-menu-item a{color:#66cc99;}

ul.gakunen_info li.last{border-bottom:none;}

#sidebar p{
	margin-bottom:18px;
}

#sidebar p#p2{
	margin-bottom:20px;
}

#sidebar p#p3{
	margin-bottom:8px;
}

/*******************************
/* サイトバー ジャンル		
*******************************/
#sidebar h3{
clear:both;
padding-left:10px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(../images/sidebar/elementary_school_00.jpg) no-repeat 0 0;
}

ul.genre_info{
overflow:hidden;
padding:0 0 10px 17px;
border:0px solid #dcdcdc;
margin-bottom:0000px;
}

ul.genre_info li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #999999;
}

ul.genre_info a:link,ul.genre_info a:visited{
display: block;
padding-left:15px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(../images/genre_b.jpg) no-repeat 0 50%;
}

ul.genre_info a:hover, ul.genre_info li.current_page_item a, ul.genre_info li.current-menu-item a{color:#ff6666;}

ul.genre_info li.last{border-bottom:none;}

/*******************************
/* サイト商品で選ぶ		
*******************************/
#sidebar h4{
clear:both;
padding-left:10px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(../images/sidebar/school_00.jpg) no-repeat 0 0;
}

ul.goods_info{
overflow:hidden;
padding:0 0 10px 17px;
border:0px solid #dcdcdc;
margin-bottom:0000px;
}

ul.goods_info li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #999999;
}

ul.goods_info a:link,ul.goods_info a:visited{
display: block;
padding-left:15px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(../images/goods_b.jpg) no-repeat 0 50%;
}

ul.goods_info a:hover, ul.goods_info li.current_page_item a, ul.goods_info li.current-menu-item a{color:#ff9999;}

ul.goods_info li.last{border-bottom:none;}

/*******************************
/* サイト素材で選ぶ	 最後の項目ー	
*******************************/
#sidebar h5{
	clear:both;
	padding-left:10px;
	line-height:33px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	background-image: url(../images/sidebar/item_00.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.sozai_info{
	overflow:hidden;
	border:0px solid #dcdcdc;
	margin-bottom:5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 17px;
}

ul.sozai_info li{
	line-height:0;
	margin-right:10px;
	border-bottom:1px dashed #999999;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

ul.sozai_info a:link,ul.sozai_info a:visited{
	display: block;
	padding-left:15px;
	line-height:normal;
	text-decoration:none;
	color:#313131;
	background-image: url(../images/genre_k.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.sozai_info a:hover, ul.sozai_info li.current_page_item a, ul.sozai_info li.current-menu-item a{
	color:#ffcc66;
}

ul.sozai_info li.last{border-bottom:none;}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
background:#ffffff;
}

#footer ul{
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 10px;
}

#footer li a{
text-decoration:none;
color:#000000;
}

#footer li a:hover{color:#dadada;}

p#copy_logo{
padding:5px 0 5px;
text-align:center;
color:#000000;
font-size:10px;
}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#000000;
font-size:10px;
}

.box{
	float: left;
	width: 180px;
	margin: 10px 25px 8px 0;
	line-height: 1.3;
}

.boxlast{
	float: left;
	width: 180px;
	margin: 10px 0px 0px 0px;
	line-height: 1.3;
}

.box_img{
padding: 0px 10px 10px 0px;
}


/*******************************
/* マージン
*******************************/
.mT00{margin-top:0px;}
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT06{margin-top:6px;}
.mT07{margin-top:7px;}
.mT08{margin-top:8px;}
.mT09{margin-top:9px;}
.mT10{margin-top:10px;}
.mT13{margin-top:13px;}
.mT14{margin-top:14px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT32{margin-top:32px;}
.mT45{margin-top:45px;}
.mT85{margin-top:85px;}
.mT95{margin-top:95px;}
.mT198{margin-top:198px;}

.mR00{margin-right:0px;}
.mR01{margin-right:1px;}
.mR02{margin-right:2px;}
.mR03{margin-right:3px;}
.mR05{margin-right:5px;}
.mR06{margin-right:6px;}
.mR07{margin-right:7px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}

.mL00{margin-left:0px;}
.mL01{margin-left:1px;}
.mL02{margin-left:2px;}
.mL03{margin-left:3px;}
.mL04{margin-left:4px;}
.mL05{margin-left:5px;}
.mL06{margin-left:6px;}
.mL07{margin-left:7px;}
.mL08{margin-left:8px;}
.mL10{margin-left:10px;}
.mL11{margin-left:11px;}
.mL12{margin-left:12px;}
.mL15{margin-left:15px;}
.mL18{margin-left:18px;}
.mL20{margin-left:20px;}
.mL22{margin-left:22px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL35{margin-left:35px;}
.mL40{margin-left:40px;}
.mL45{margin-left:45px;}
.mL60{margin-left:60px;}
.mL80{margin-left:80px;}
.mL90{margin-left:90px;}
.mL95{margin-left:95px;}
.mL120{margin-left:120px;}
.mL150{margin-left:150px;}
.mL200{margin-left:200px;}
.mL280{margin-left:280px;}

.mB00{margin-bottom:0px;}
.mB01{margin-bottom:1px;}
.mB02{margin-bottom:2px;}
.mB03{margin-bottom:3px ;}
.mB05{margin-bottom:5px;}
.mB06{margin-bottom:6px;}
.mB07{margin-bottom:7px;}
.mB08{margin-bottom:8px;}
.mB10{margin-bottom:10px;}
.mB12{margin-bottom:12px;}
.mB15{margin-bottom:15px;}
.mB18{margin-bottom:18px;}
.mB20{margin-bottom:20px;}
.mB22{margin-bottom:22px;}
.mB30{margin-bottom:30px;}