@charset "UTF-8";


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

/* ボックスの左右に確保する余白 */
.box1, .boxA, .box2-inner, .box3-inner, .box3, .box4, .box6-inner
	{padding-left: 10px;
	padding-right: 10px}


/* サイト名 */
.site h1 a	{color: #83a4a8;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 30px;
	font-family: 'Paytone One', sans-serif;
	font-weight: normal}


/* ナビゲーション */
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 10px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #008b8b}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* コンテンツ */
.content h1	{margin-top: 60px;
	margin-bottom: 20px;
	font-size: 38px}
	
.content p	{margin-top: 0;
	margin-bottom: 10px}

.content li	{margin-top: 0;
	margin-bottom: 1px;
	font-size: 14px}

.content img	{max-width: 100%;
	height: auto}


/* 要目の小見出し */
.yomoku h2	{
	margin-top: 40px;
	padding-left: 10px;
	border-left: solid 10px #649b56;
	font-weight: bold;
	font-size: 24px;
	color: #649b56;
}

/* コンテンツの上部小見出し */
.content1 h2	{
	margin-top: 0px;
	padding-left: 10px;
	border-bottom: solid 1px #808080;
	font-weight: normal;
	font-size: 22px;
	color: #000000;
}

/* コンテンツの小見出し */
.content h2	{
	margin-top: 40px;
	padding-left: 10px;
	border-bottom: solid 1px #808080;
	font-weight: normal;
	font-size: 22px;
	color: #000000;
}

.content h3	{
	margin-top: 20px;
	font-weight: bold;
	font-size: 16px;
}


/* 閲覧 */

table.brwsr11 { 
    font-size: 14px; 
    margin: 0 auto; 
    border-collapse: separate; 
    border-spacing: 0px;
	align: left;
} 

table.brwsr11 th { 
    padding: 4px; 
    vertical-align: middle; 
    text-align: center; 
    border-bottom: 1px solid #CCC; 
    color: #fff;
} 

table.brwsr11 td { 
    padding: 4px; 
    vertical-align: middle; 
    text-align: center; 
    border-bottom: 1px solid #CCC;
	 
} 

table.brwsr11 th.r11 { 
    width: 30%; 
	border-left: 1px solid #649b56;
    border-right: 1px solid #649b56; 
    background: #fff;
	color: #000000;
} 

table.brwsr11 th.r12, 
table.brwsr11 td.r12 { 
    width: 70%; 
    border-left: 0px solid #649b56; 
    border-right: 1px solid #649b56;
	text-align: left;
    background: #fff;
	color: #000000;
} 
 
table.brwsr11 th.r12, 
table.brwsr11 th.r13{ 
    text-align: center; 
} 

table.brwsr11 th.r13, 
table.brwsr11 td.r13{ 
    width: 100%; 
	border-left: 1px solid #CCC;
    border-right: 1px solid #CCC; 
    background: #649b56;
	text-align: left;
	color: #fff;
} 


/* テーブル */

table.brwsr1 { 
    font-size: 14px; 
    margin: 0 auto; 
    border-collapse: separate; 
    border-spacing: 0px; 
} 

table.brwsr1 th { 
    padding: 4px; 
    vertical-align: middle; 
    text-align: center; 
    border-bottom: 1px solid #CCC; 
    color: #fff; 
} 

table.brwsr1 td { 
    padding: 4px; 
    vertical-align: middle; 
    text-align: center; 
    border-bottom: 1px solid #CCC; 
    font-size: 14px; 
} 

table.brwsr1 th.r1 { 
    width: 25%; 
	border-left: 1px solid #CCC;
    border-right: 0px solid #CCC; 
    background: #649b56; 
} 

table.brwsr1 th.r2, 
table.brwsr1 td.r2 { 
    width: 8%; 
    border-left: 0px solid #CCC; 
    border-right: 1px solid #CCC; 
    background: #fff; 
	font-size: 16px; 
} 	 
 
table.brwsr1 th.r2, 
table.brwsr1 th.r3,
table.brwsr1 th.r4, 
table.brwsr1 th.r5,
{ 
    text-align: center; 
} 

table.brwsr1 th.r3, 
table.brwsr1 td.r3 { 
    width: 8%; 
    border-left: 0px solid #CCC; 
    border-right: 1px solid #CCC; 
    background: #fff;
	font-size: 16px;
} 

table.brwsr1 th.r4, 
table.brwsr1 td.r4 { 
    width: 8%; 
    border-left: 1px solid #CCC; 
    border-right: 0px solid #CCC; 
    background: #649b56;
}     

table.brwsr1 th.r5, 
table.brwsr1 th.r5 { 
    width: 8%; 
	border-left: 1px solid #CCC;
    border-right: 0px solid #CCC; 
    background: #649b56;
} 


table.brwsr1 th.r6, 
table.brwsr1 td.r6{ 
    width: 25%; 
    border-left: 1px solid #CCC; 
    border-right: 1px solid #CCC; 
    background: #fff;
	text-align: left; 
} 

table.brwsr1 th.r7, 
table.brwsr1 td.r7{ 
	width: 57%; 
    border-left: 0px solid #CCC; 
    border-right: 1px solid #CCC; 
    background: #fff; 
	text-align: left; 
} 

table.brwsr1 th.r8, 
table.brwsr1 td.r8{ 
    width: 100%; 
	border-left: 0px solid #CCC;
    border-right: 0px solid #CCC; 
    background: #fff;
	text-align: left 
} 


table.brwsr1 th.r9, 
table.brwsr1 td.r9 { 
    width: 100%; 
    border-left: 1px solid #CCC; 
    border-right: 1px solid #CCC; 
    background: #686663;
	color: #fff;
} 

table.brwsr1 th.r10, 
table.brwsr1 td.r10{ 
	width: 57%; 
    border-left: 1px solid #CCC; 
    border-right: 1px solid #CCC; 
    background: #649b56; 
	text-align: center; 
} 


/* SNSのシェアボタン */
.share	{margin-top: 40px}

.share ul	{margin: 0;
	padding: 0;
	list-style: none}

.share li a	{display: block;
	padding: 10px 5px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-decoration: none}

.share-fb	{background-color: #3b5998}

.share li a:hover	{opacity: 0.8}

.share ul:after	{content: "";
	display: block;
	clear: both}

.share li	{
    display: block;
    margin-left: auto; 
    margin-right: auto;
	width: 33.3333%}


/* 送付メニュー */
.send	{margin-top: 10px;
	padding: 20px;
	}


.send ul	{margin: 0;
	padding: 0;
	list-style: none}

.send li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.send ul:after	{content: "";
	display: block;
	clear: both}

.send li	{float: left;
	width: 33.333%}

.send img	{max-width: 100%;
	height: auto;
	border: none}


/* 関連記事メニュー */
.kanren	{margin-top: 40px;
	padding: 20px;
	background-color: #d4f7ca}

.kanren h1	{margin-top: 0;
	margin-bottom: 5px;
	color: #727224;
	font-size: 20px;
	font-weight: normal}

.kanren ul	{margin: 0;
	padding: 0;
	list-style: none}

.kanren li a	{display: block;
	padding: 5px;
	color: #2288bb;
	font-size: 14px;
	text-decoration: none}

.kanren li a:hover	{text-decoration: underline}

.kanren ul:after	{content: "";
	display: block;
	clear: both}

.kanren li	{float: left;
	width: 25%}

.kanren img	{max-width: 100%;
	height: auto;
	border: none}

/* 関連記事メニュー 2*/
.kanren2	{margin-top: 10px;
	padding: 20px;
	background-color: }

.kanren2 h1	{margin-top: 0;
	margin-bottom: 5px;
	color: #727224;
	font-size: 20px;
	font-weight: normal}

.kanren2 ul	{margin: 0;
	padding: 0;
	list-style: none}

.kanren2 li a	{display: block;
	padding: 5px;
	color: #2288bb;
	font-size: 16px;
	text-decoration: none}

.kanren2 li a:hover	{text-decoration: underline}

.kanren2 ul:after	{content: "";
	display: block;
	clear: both}

.kanren2 li	{float: left;
	width: 50%}

.kanren2 img	{max-width: 100%;
	height: auto;
	border: none}

/* サイドメニュー */
.sidemenu	{margin-bottom: 30px}

.sidemenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.sidemenu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.sidemenu li a:hover	{background-color: #eeeeee}

.sidemenu h2		{margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: dotted 2px #a6a6a6;
	color: #666666;
	font-size: 18px}

.sidemenu i	{margin-right: 5px;
	color: #888888}


/* ボタンセクション */
.button	{margin-bottom: 30px}

.button ul	{margin: 0;
	padding: 0;
	list-style: none}

.button li a	{display: block;
	margin-bottom: 10px;
	padding: 0;
	color: #000000;
	font-size: 14px;
	text-decoration: none} 


.button h1	{margin-top: 0;
	margin-bottom: 10px;
	color: #666666;
	font-size: 18px}

.button img	{width: 300px;
	height: auto;
	border: none;
	vertical-align: bottom}

.button .text	{padding: 5px 10px;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff}

.button a	{position: relative}

.button .text	{position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

/* FBメニュー */
.note ul	{margin: 0;
	padding: 0;
	list-style: none}

.note li a	{display: block;
	padding: 5px;
	color: #2288bb;
	font-size: 14px;
	text-decoration: none}

.note li a:hover	{background-color: #eeeeee}

.note li a img	{border: none}

.note h1	{margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 18px}

.note a:after	{content: "";
	display: block;
	clear: both}

.note img	{float: left;
	width: 60px}

.note .text	{float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px}

.note span	{display: block;
	color: #666666;
	font-size: 12px}



/* 分野・科目メニュー */
.list ul	{margin: 0;
	padding: 0;
	list-style: none}

.list li a	{display: block;
	padding: 5px;
	border-bottom: dotted 1px #a6a6a6;
	color: #2288bb;
	font-size: 14px;
	text-decoration: none}

.list li a:hover	{background-color: #eeeeee}

.list li a img	{border: none}

.list h1	{margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: dotted 2px #a6a6a6;
	color: #666666;
	font-size: 18px}

.list a:after	{content: "";
	display: block;
	clear: both}

.list img	{float: left;
	width: 60px}

.list .text	{float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px}

.list span	{display: block;
	color: #666666;
	font-size: 12px}


/* コピーライト */
.copyright p	{margin: 0;
	color: #565554;
	font-size: 14px}


/* BOX2,6をバーの形にする */
.box2	{background-color: #649b56}


/* ボックスの上下の間隔 */
.box1-1	{padding-top: 15px;
	padding-bottom: 10px}

.box1-2	{padding-top: 15px;
	padding-bottom: 10px}

.box4	{padding-top: 40px;
	padding-bottom: 30px}

.box5	{padding-top: 40px;
	padding-bottom: 30px}

.box6	{padding-top: 15px;
	padding-bottom: 15px}



/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 3px;
	font-size: 11px}

/* サイト名と記事のタイトル */
.site h1	{font-size: 20px}

.content h1	{font-size: 24px}

/* ボックスの上下の間隔 */
.box1	{padding-top: 4px;
	padding-bottom: 4px}

.box4	{padding-top: 25px}

/* SNSのシェアボタン */
.share span	{display: inline-block;
	text-indent: -9999px}

/* 関連記事メニュー */
.kanren	{padding: 10px}

.kanren li	{width: 50%}

.kanren li:nth-child(3)	{clear:both}

}



/* ########### 600px以上～767px以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {


/* BOX5-1とBOX5-2を横に並べる設定 */
.box5:after	{content: "";
	display: block;
	clear: both}

.box5-1	{float: left;
	width: 50%}

.box5-2	{float: left;
	width: 50%}

/* BOX5-1とBOX5-2の左右の間隔 */
.box5-1	{padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box5-2	{padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

}




/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* BOX1-1とBOX1-2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1-1	{float: left;
	width: auto}

.box1-2	{float: right;
	width: auto}



/* BOX4とBOX5の左右の間隔 */
.box4	{padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

}



/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {

/* 全体の横幅を固定 */
.boxA, .boxB, .box2-inner, .box3-inner, .box6-inner
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}

}