@charset   "UTF-8";
/*-----------------------------------------------------------------------------------------
 標準スタイル
*/
/* マージン、パディングのリセット*/
*{
	margin:0; padding:0; border-width:0px;
	font-family : Verdana,Helvetica,Arial,ヒラギノ角ゴProW3,Osaka,"MS Pゴシック",sans-serif;
	font-size : 16px;
}
/* レスポンシブWEBデザイン */
@media screen and (max-width:991px) {
*{
	font-size : 15px;
}
}
@media screen and (max-width:767px) {
*{
	font-size : 14px;
}
}/* 標準タグの設定 */
body{
	margin : 0px auto;
	text-align : center;
  background-image : url(img/body.png);
}
h1{
	line-height:1.3;
	font-size : 118%;
	color: blue;
	font-weight: bold;
	margin : 3px 3px 3px 1%;
	background-image: url(img/header1.gif);
	background-repeat: repeat-y;
	padding : 3px 3px 3px 15px;
}
h2{
	line-height : 1.3;
	font-size : 115%;
	color : blue;
	font-weight : bold;
	margin : 3px 3px 3px 2%;
	background-image : url(img/header2.gif);
	background-repeat : repeat-y;
	padding : 3px 3px 3px 15px;
}
h3{
	line-height : 1.3;
	font-size : 112%;
	color : blue;
	font-weight : bold;
	margin : 3px 3px 3px 3%;
	background-image : url(img/header3.gif);
	background-repeat : repeat-y;
	padding : 3px 3px 3px 15px;
}
h4{
	line-height : 1.3;
	font-size : 109%;
	color : blue;
	font-weight : bold;
	margin : 3px 3px 3px 7%;
	padding : 3px 3px 3px 15px;
}
h5{
	line-height : 1.3;
	color : blue;
	font-size : 106%;
	font-weight : bold;
	margin : 3px 3px 3px 7%;
	padding : 3px 3px 3px 15px;
}
h6{
	line-height : 1.3;
	color : blue;
	font-size : 103%;
	font-weight : bold;
	margin : 3px 3px 3px 9%;
	padding : 3px 3px 3px 15px;
}
p{
	margin-left : 8%;
	padding : 3px 3px 3px 15px;
}
blockquote{
	margin: 3px 3px 3px 10%;
	font-style: italic;
	text-indent: 1em;
	padding : 3px;
}
img{
	border : 0px;
	margin : 0px;
	padding : 0px;
	max-width: 95%;
}
ul,ol{
	margin : 3px 0px 3px 10%;
	line-height : 1.2;
}
li{
	padding : 3px;
}
dl{
	margin : 3px 0px 3px 8%;
	line-height : 1.3;
}
dt{
	font-weight : bold;
	padding : 3px;
}
dd{
	margin-left : 2em;
	padding : 3px;
}
/* レスポンシブWEBデザイン */
@media screen and (max-width:991px) {
p,li,dd,blockquote{
	line-height : 19px;
}
}
@media screen and (max-width:767px) {
p,li,dd,blockquote{
	line-height : 18px;
}
}
a:link{
	color : blue;
}
a:visited{
	color : blue;
}
a:hover{
	font-weight : bold;
}
/* 標準の表 */
table{
	margin-left : auto;
	margin-right : auto;
	border-collapse : collapse;border-spacing : 0px;
	empty-cells : show;
	width : 80%;
	table-layout : auto;
}
td{
  padding : 5px;
}
/* 均等割り付けの表　*/
table.hyou_fixed{
	margin : auto;
	text-align : center;
	font-weight: normal;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
  padding : 5px;
}
/* テーブルの幅 */
table.w75{
  width : 75%;
}
table.w50{
  width : 50%;
}
td.w15{
	width : 15%;
}
/* ページレイアウトの設定*/
#container{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  width : 80%;
  background-image : url(img/container.png);
  background-repeat : repeat;
  padding-top : 10px;
}
/* レスポンシブWEBデザイン */
@media screen and (max-width:991px) {
#container{
	width : 95%;
}
}
@media screen and (max-width:767px) {
#container{
	width : 98%;
}
}
#content{
  clear : both;
  text-align : left;
  padding : 5px 10px 5px 5px;
}
/* 左袖 */
#left{
	width : 21%;
	float : left;
	margin-top : 30px;
}
@media screen and (max-width:767px) {
#left{
	display : none;
}
}
/* 本文 */
#middle{
	float : left;
	width : 78%;
  margin-right : 1%;
}
@media screen and (max-width:767px) {
#middle{
	float : none;
	width : 100%;
}
}
#content{
  clear : both;
  text-align : left;
  padding : 5px 10px 5px 5px;
}
#header{
	margin-bottom : 3px;
	margin-top : 5px;
}
/* メニューの定義 */
#logo{
  float : left;
  text-align : center; /* なぜか必要*/
  width : 9%;
  padding-left : 1%;
}
/* グローバルメニューの定義*/
#g_menu{
	color : blue;
	width : 80%;
	float : left;
	text-align : center;
	height : 10%;
	margin-bottom : 5px;
	background-image : url(img/menubk.png);
	padding-bottom : 5px;
	margin-left : auto;
	margin-right : auto;
}
#g_menu p{
	margin-top : 5px;
	font-weight : bold;
	text-align : left;
}
#g_menu ul{
	margin-top : 10px;
	margin-left : 9%;
	list-style-type : none;
}
#g_menu li{
	background-color : white;
	float : left;
	width : 8em;
	padding : 3px;
	border-left : 2px solid silver;
	border-bottom : 1px solid gray;
}
#g_menu a{
	color : blue;
}
#g_menu li.activelink a,#g_menu a:hover{
	font-weight : bold;
}
/*ローカルメニューの定義*/
#l_menu{
	background-image : url(img/menubk.png);
	width : 90%;
	margin-bottom : 15px;
}
#l_menu p{
	margin : 5px 0px 5px 10px;
	color : blue;
	font-weight : bold;
font-size : small;
}
/*ローカルナビの定義*/
ul.l_navi_child{
	width : 80%;
	list-style-type : none;
	text-align : center;
	margin-left : 10%;
	border : 2px solid silver;
}
.l_navi_child li{
	color: blue;
	background-color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	border : 1px solid silver;
	margin-top : -1px;
}
.l_navi_child a{
	color : blue;
}
.l_navi_child li.activelink a,.l_navi_child a:hover{
	color : blue;
	font-weight : bold;
}
/* スマートフォン用のローカルナビ */
#l_menu_phone{
	background-image : url(img/menubk.png);
	margin-top : 10px;
}
@media screen and (min-width:767px) {
#l_menu_phone{
	display : none;
}
}
#l_menu_phone ul{
	margin : 5px;
padding : 3px;
}#l_menu_phone li{
	display : inline-block;
background-color : white;
margin : 1px 5px;
padding : 3px 5px;
}
#l_menu_phone li.active{
	color : white;
	font-weight : bold;
background-color : blue;
}
/* ガイドのフッターの定義 */
#m_f_navi{
	list-style-type : none;
	font-size : small;
	text-align : center ;
	text-decoration : none;
	color : blue;
	clear : both;
  margin-left : auto;
  margin-right : auto;
}
#m_f_navi li{
	margin : 5px;
	text-align : center;
  display : inline-block;
}
#m_f_navi a:hover{
	font-weight : bold;
	text-decoration : underline;
}
/* フッターの定義 */
#footer{
	color : blue;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	width : 100%;
	clear : both;
	padding-top : 10px;
}
#footer p{
	clear : both;
	margin : 0px;
}
#footer ul{
	margin-left : auto;
	list-style-type : none;
text-align : center;
margin-right : auto;
}
#footer li{
	background-color : white;
	padding : 3px;
	margin-right : 1%;
display : inline-block;
  margin-top : 3px;
}
/* 独自クラスの定義 */
.hide{
	display : none;
}
.return{
	clear : both;
	font-weight : bold;
	text-align : right;
}
.return a{
	font-size : small;
}
.canvas td{
	font-size : small;
	color : blue;
	padding : 10px 10px 5px 10px;
}
/* センタリングの定義 */
.align_center{
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}
/* 右寄せ */
.align_right{
	text-align : right;
}
/* 垂直位置の設定 */
.align_top{
	vertical-align : top;
}
.align_middle{
	vertical-align : middle;
}
/* 回り込みの指定 */
.float_none{
	clear : both;
}
.float_left{
	float : left;
}
.float_right{
	float : right;
}
/* 幅の指定 */
.width_half{
	width : 50%;
}
.width_quarter{
	width : 25%;
}
/* 水平線　幅80% */
/* 太字 */
bold{
	font-weight:bold;
}
/* 標準段落の指定 */
.notice{
	color : red;
}
/* カラー指定 */
p.header_style{
	color : blue;
}
/* 文字の大きさ */
p.komidashi{
	font-size : small;
}
p.shou_komidashi{
	font-size : x-small;
}
/* 単独オブジェクトのマージン */
.object_margin{
	margin : 5px;
}
/* noteの指定 */
p.note{
	background-color :
	#cccccc;
	margin-top : 3px;
	margin-bottom : 3px;
	padding : 3px;
	position : relative;
	left : 2em;
	width : 75%;
}
p.note::before{
	content: "Note．　";
	color: #000099;
	font-weight: bolder;
}
div#middle p.pagetop{
	margin : 5px 0px 5px 0px;
}
div#middle p.pagetop a{
	background-color : blue;
	text-align : right;
	padding : 3px 10px;
	margin-right : 10%;
	color : white;
}
/* スクリプトのリンク */
.newWindow_link{
	color : blue;
	text-decoration : underline;
	cursor : pointer;
}
.sub_return{
	margin-left : 50%;
	font-size : small;
	font-weight : bold;
	clear : both;
}
.pointer{
	cursor : pointer;
}
.small{
  font-size : x-small;
}
/* GoogleAdsenseSSの定義 */
/* 「ビッグバナー」 */
.adsense_01{
	width: 728px;
	height: 90px;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  clear : both;
}
/* レクタングル（大）」*/
@media screen and (max-width:767px) {
.adsense_01{
	width: 320px;
	height: 100px;
}
}
/* 縦長 */
/* 「ビッグバナー」 */
.adsense_02{
	height: 660px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	clear : both;
  width : 160px;
}


.blue{
  color : blue;
}