@charset "shift_jis";

/*  Site Name: 
    Description: レイアウトスタイル
    Date: 2017年00月00日
    Author: 
*/

/*
===== CONTENTS ===========================================

	1: container　【全体】
	2: header【タイトル、メニュー、ぱんくず】
	3: visual_img　【メイン画像】
	4: wrapper,contents,cont
	5: left sub_menu　
	6: whatsnew
	7: cont
	8: OPEN CLOSE 解説はこちらのボタン
	9: newbook 【新刊】
	10: footer
	11:フォームボタン
	12:「スマホサイトへ」リンク（横幅可変）

==========================================================
*/


/*
==========================================================
	1: container
==========================================================
*/
#container {
	margin: 0 auto;
	width: 980px;
	background: #FFFFFF;
}
/*
==========================================================
	2: header　タイトル、メニュー、ぱんくず
==========================================================
*/
#header  {
	width: 980px;
	height: 100px; 
	text-indent: -999px;
		background: url(../images/header_h1.gif) 
	
}

/*パンくず*/
.path {
	width: 960px;
	height: 40px;
	background: url(../images/header_path_bg.gif) repeat-x;
	display: block;
	padding: 0px 0px 0px 10px;	
}
.path li {
	display: inline;
	line-height: 40px;
	float: left;
	color: #FFF;
	padding-right: 5px;
}
.path li a,
.path li.link {
	background: url(../images/topicpath.gif) no-repeat right center;
	clear: left;
	padding-right: 15px;color: #FFF;
}


/*★サブページ用sub_header_h1★*/
#header_sub  {
	width: 980px;
	height: 145px;
}



/*
==========================================================
	3: トップ部分【VISUAL_IMG　メインの画像】
==========================================================
*/

#visual_img {
	width: 700px;
	height: 240px;
	text-indent: -999px;
	background: url(../images/visual_img.gif) no-repeat;
}

/*
==========================================================
	4: wrapper,left,contents, トップとサブ共通
==========================================================
*/

#wrapper {
	width: 940px;
	margin: 10px 0px;
	padding: 0px 20px;
}

#contents {
	width: 700px;
	float: right;
	margin-bottom: 20px;
}

#left {
	width: 220px;
	float: left;
}


/*
==========================================================
	5: left sub_menu
==========================================================
*/

ul#menu {
	margin: 0;
	padding: 0;
	width: 160px;
	list-style: none;
}

#menu a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 220px;
	height: 40px;
	background-image: url(../images/side_menu.jpg);
	position:relative;
}

/*HOME*/
#menu a.homu {
	background-position: 0px 560px;
}
#menu a:hover.homu {
	background-position: 220px 560px;
}
#menu a.homu_o {
	background-position: 220px 560px;
}

/*生活中心教育とは*/
#menu a.menu1 {
	background-position: 0px 520px;
}
#menu a:hover.menu1 {
	background-position: 220px 520px;
}
#menu a.menu1_o {
	background-position: 220px 520px;
}

/*会長あいさつ*/
#menu a.menu2 {
	background-position: 0px 480px;
}
#menu a:hover.menu2 {
	background-position: 220px 480px;
}
#menu a.menu2_o {
	background-position: 220px 480px;
}

/*基本理念*/
#menu a.menu3 {
	background-position: 0px 440px;
}
#menu a:hover.menu3 {
	background-position: 220px 440px;
}
#menu a.menu3_o {
	background-position: 220px 440px;
}

/*お知らせ*/
#menu a.menu4 {
	background-position: 0px 400px;
	}
#menu a:hover.menu4 {
	background-position: 220px 400px;
}
#menu a.menu4_o {
	background-position: 220px 400px;
}

/*会員会則*/
#menu a.menu5 {
	background-position: 0px 360px;
}
#menu a:hover.menu5 {
	background-position: 220px 360px;
}
#menu a.menu5_o {
	background-position: 220px 360px;
}

/*研究会開催*/
#menu a.menu6 {
	background-position: 0px 320px;
	}
#menu a:hover.menu6 {
	background-position: 220px 320px;
}
#menu a.menu6_o {
	background-position: 220px 320px;
	}

/*機関紙*/
#menu a.menu7 {
	background-position: 0px 280px;
}
#menu a:hover.menu7 {
	background-position: 220px 280px;
}
#menu a.menu7_o {
	background-position: 220px 280px;
}

/*書籍等紹介*/
#menu a.menu8 {
	background-position: 0px 240px;
}
#menu a:hover.menu8 {
	background-position: 220px 240px;
}
#menu a.menu8_o {
	background-position: 220px 240px;
}

/*アーカイブ*/
#menu a.menu9 {
	background-position: 0px 200px;
}
#menu a:hover.menu9 {
	background-position: 220px 200px;
}
#menu a.menu9_o {
	background-position: 220px 200px;
}

/*各地研究会*/
#menu a.menu10 {
	background-position: 0px 160px;
}
#menu a:hover.menu10 {
	background-position: 220px 160px;
}
#menu a.menu10_o {
	background-position: 220px 160px;
}

/*入会*/
#menu a.menu11 {
	background-position: 0px 120px;
}
#menu a:hover.menu11 {
	background-position: 220px 120px;
}
#menu a.menu11_o {
	background-position: 220px 120px;
}

/*（削除202512）会員フォーラム*/

/*生活単元学習実践集*/
#menu a.menu12 {
	background-position: 0px 600px;
}
#menu a:hover.menu12 {
	background-position: 220px 600px;
}
#menu a.menu12_o {
	background-position: 220px 600px;
}
/*Newマーク(生活単元学習実践集)*/
#menu a.menu12::after,
#menu a.menu12_o::after,#menu a.menu13::after,
#menu a.menu13_o::after
{
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 10px;
    width: 33px;
    text-indent: 0;
    padding: 5px 1px;
    line-height: 1;
    text-align: center;
    content: "NEW";
    color: white;
    background-color: coral;
    display: block;
    border-radius: 10px;
    position: absolute;
    left: 5px;
    bottom: 10px;
}

/*お問い合わせ*/
#menu a.menu13 {
	background-position: 0px 0px;
}
#menu a:hover.menu13 {
	background-position: 220px 0px;
}
#menu a.menu13_o {
	background-position: 220px 0px;
}

/*お問い合わせ*/
#menu a.menu14 {
	background-position: 0px 40px;
}
#menu a:hover.menu14 {
	background-position: 220px 40px;
}
#menu a.menu14_o {
	background-position: 220px 40px;
}



/*
==========================================================
	6: whatsnew
==========================================================
*/
#contents .new {
	margin: 20px 10px 30px 0px;
}


/*===== whats's new お知らせ =====*/
#contents .new dl.list1 {
	line-height: 1.5em;
	margin-left: 10px;
    max-height:700px;
    overflow:auto;
}

#contents .new dl.list1 dt {
	background: url(../images/arrow.gif) no-repeat 4px;
	text-indent: 1.9em;
	float: left;	
}
#contents .new dl.list1 dd {
	
	padding-left: 9em;
	padding-bottom: 15px;
}
#contents .new .title{
    margin-left:-1em;
}
#contents .new .notice{/*注目2*/
    /*position: relative;*/
    background-color: #FFFFDD;
    padding-top:5px;
    margin-bottom:10px;
}
#contents .new .notice .title{
    font-weight:bold;
}
#contents .new .notice dt span{
    padding:3px 10px;
    color:#ffffff;
    background-color:#BBCC00;
    font-size:12px;
    font-weight: bold;
}

/*
==========================================================
	7: cont
==========================================================
*/
/*　★.contはトップとサブ共通　*/
#contents .cont {
    width:700px;
}



/* CONT中TEXT（番号リスト）*/
.sub_list1  {
	padding: 0 0 1em 1.5em;
	list-style-position: outside;
}

.sub_list1 li{
	list-style: decimal;
	margin-bottom: 0.5em;	
}

.sub_list_selfbullet li{/*自分で箇条書きのしるしを入れる*/
    list-style:none;
    text-indent:-1.5em;
}

/*箇条書き模様なし*/
.list_nobllet li{ list-style: none;}

/*
==========================================================
	8: オープン　解説はこちらのボタン
==========================================================
*/
.open {
	cursor: pointer;
	width: 100px;
	margin: 0px auto 10px;
	background: #C30;
	text-align: center;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

.close{
	display: none;
	cursor: pointer;
	width: 100px;
	margin: 0px auto 10px;
	background: #069;
	text-align: center;
	padding: 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}

/*解説のボックス*/
#slideBox{
	display: none;
	width: 700px;
	background: #FFF;
}
/*解説の内側の入れ子*/
.activities{
	position: relative;
	width: 700px;
}

/*長い文を開いて見て閉じる*/
.open a {
	display: block;
	overflow: hidden;
	width: 100px;
	color: #FFF;
	
} 
.open a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*とじる*/
.close a {
	display: block;
	overflow: hidden;
	width: 100px;
	color: #FFF;

} 
.close a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}






/*
==========================================================
	9: newbook　新刊号
==========================================================
*/
.iframe_newbook{
    width:220px;
    border:none;
    height:800px;
}

/*iframe内*/
.new_book {
	width: 208px;
	background: #FFC;
	border: 2px solid #F90;
	padding: 4px 3px 0px 5px;
}
.new_book p {
	/*margin: 0 0 0.5em;*/
	line-height: 1.0em;
	font-size: 11px;
}
.new_book_ttl {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1.0em;
	margin-bottom: 4px;	
}
.new_book_author{
    margin-top:0px;
    text-align: center;
}
.new_book .img{
    position:relative;
    text-align: center;
    z-index:0;
}
.new_book .img img{
	height: 120px;
	margin: 0px auto 5px auto;

}
.new_book .img .newmark{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	position: absolute;
	width: 3em;
	background-color: orangered;
	font-size: 11px;
	color: white;
	left: 45px;
	top: 105px;
	z-index: 99;
	text-align: center;
	border: 1px orange solid;
	border-radius: 10px;
}

/*
==========================================================
	10: footer
==========================================================
*/
#footer {
	width: 980px;
	height: 120px;
}




/*
==========================================================
	11: フォームボタン
==========================================================
*/
.foum {
	margin: 4em auto 0px;
	height: 80px;
	width: 300px;
}
.foum .foum_btn a {
	display: block;
	overflow: hidden;
	height: 80px;
	width: 300px;
	background: url(../nyukai/images/foum_btn_u.jpg) no-repeat;
	text-indent: -9999px;
} 
.foum .foum_btn a:hover {
	background: url(../nyukai/images/foum_btn_o.jpg) no-repeat;
}

/*ボタン風枠*/
.button_like{
    display: inline-block;
    line-height:2em;
    border:1px #008000 solid;
    padding-right:10px;
    padding-left:10px;
    background: linear-gradient(#eeffee,#ccffcc);
    text-indent: 0;
    transform:translate(0,0.5em);
    font-weight:bold;
}
.button_like:hover{
    opacity:0.7;
}

/*
==========================================================
	12: 「スマホサイトへ」リンク
==========================================================
*/
.path li.link_to_sp{
	float:right;
}
.path li.link_to_sp a{
	background:none;
}
@media screen and (max-device-width:480px){
.path li.link_to_sp{
	position:fixed;
	top:3px;
	right:0;
	display:block;
	float:none;
	width:500px;
	height:130px;
	z-index:999;
}
.path li.link_to_sp a{
position:relative;
	padding:0;
	display:block;
	color:#333;
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	font-size: 36px;
	border-radius: 10px;
	border: 3px solid #afafaf;
	font-weight: bold;
	line-height: 120px;
	text-decoration: none;
	background-image:url("../images/spbtnbg.jpg");
	background-repeat:repeat-x;
	background-color:#EEE;
	z-index:9999;
}

}/*end @media*/