@charset "utf-8";

/* CSS Document */

@media(max-width:810px) {
#box_header, #box_nav, #box_middle_br, #box_middle_tr, #box_middle_tl, #box_footer {
	padding: 0px 0.2em;
	box-sizing: content-box;
}
#box_header{
}
#box_header_title{
	background-image:url(../images/design/head-pc01b.png);
	background-position:78% bottom;
	background-repeat:no-repeat;
	height: 150px;
	color:white;
	background-color: #004BCF;
}
#main{
	/*margin-right: 1em; */
}
h1.head-title {
	position: relative;
	top: 20px;
	margin-left: 15px;
	text-shadow: 2px 2px 2px #36f;
	font-size: xx-large;
	overflow: hidden;
	line-height: 100%;
	padding:0.2em 0;
}
.head-subtitle {
	position: relative;
	top: 20px;
	margin-left: 15px;
	max-height: 3em;
	text-shadow: 1px 1px 0px #36f;
	font-size: small;
	overflow: hidden;
}

.homeTitle{
	margin-top: 10px;
	margin-left: 10px;
	line-height: 100%;
}

#box_middle_tr, #box_middle_tl {
	display: flex;
	flex-direction: column;
}
#box_middle_br {
	display: flex;
	flex-direction: column-reverse;
}
#box_menu {
	font-size: small;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.box_mini{
	min-width: 14em;
	flex:1;
	border-right: solid 4px #70BAFF;
} 
#aside_shortcut{
	width:96%;
	margin-left:auto; 
 	margin-right: auto;
}
#gads-top {
width: 480px;
margin: 0 auto 1em auto;
/*background-color: gray;*/
}
.gads-top {
width: 468px;
height: 60px;
}
#gads-bottom {
width: 480px;
margin: 2em auto 1em auto;
}
.gads-bottom {
width: 468px;
height: 240px;
}
}
/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
@media(min-width:811px) and (max-width:1023px) {
#box_header, #box_nav, #box_middle_br, #box_middle_tr, #box_middle_tl, #box_footer {
	box-sizing: border-box;
	width: 790px;
	border-left:solid 4px white;
	border-right: solid 4px white;
}
#box_header_title{
	background-image:url(../images/design/head-pc01b.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	height: 150px;
	color:white;
	background-color: #004BCF;
}
#main{
	margin-right: 1em; 
}
h1.head-title {
	position: relative;
	top: 40px;
	margin-left: 15px;
	text-shadow: 3px 3px 3px #36f;
	font-size: 26pt;
}
.head-subtitle {
	position: relative;
	top: 40px;
	margin-left: 15px;
	font-size: 11pt;
}
.homeTitle {
	position: absolute;
	left:5px;
	top:25px;
	margin-bottom: 200px;
	font-size: small;
	padding: 4px;
}
.homeTitle a:link {
	text-decoration: underline;
	color: #ffffbb;
}
.homeTitle a:visited {
	text-decoration: none;
	color: #ffffbb;
}
.homeTitle a:hover {
	text-decoration: underline;
	color: #ff88cc;
}

#box_middle_tr, #box_middle_tl {
	display: flex;
	flex-direction: column;
}
#box_middle_br {
	display: flex;
	flex-direction: column-reverse;
}
#box_menu {
	font-size: small;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.box_mini{
	min-width: 14em;   
	flex:1;
	border-right: solid 4px #70BAFF;
} 
#aside_shortcut{
	/*width:100%;*/
	margin-left:2em;
	margin-right: 2em;
}
#gads-top {
width: 740px;
margin: 0 auto 1em auto;
padding: 0;
/*background-color: gray;*/
}
.gads-top {
width: 728px;
height: 90px;
}
#gads-bottom {
width: 740px;
margin: 2em auto 1em auto;
}
.gads-bottom {
width: 728px;
height: 480px;
}

}
/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
@media(min-width:1024px) {
#box_header, #box_nav, #box_middle_br, #box_middle_tr, #box_middle_tl, #box_footer {
	box-sizing: border-box;
	width: 1000px;
	border-left: solid 4px white;
	border-right: solid 4px white;
}
#box_header_title{
	background-image:url(../images/design/head-pc01b.png);
	background-position: bottom right;
	background-repeat:no-repeat;
	height: 150px;
	color:white;
	background-color: #004BCF;
}
#box_middle_br, #box_middle_tr{
	display: flex;
	flex-direction:row-reverse;
}
#box_middle_tl{
	display: flex;
	flex-direction:row;
}

#box_menu {
	width: 210px;
	font-size: small;
}
#box_middle_br > #box_menu,
#box_middle_tr > #box_menu{
	border-right: solid 4px #70BAFF;
}
#box_middle_tl > #box_menu{
	border-left: solid 4px #70BAFF;
}
#box_contents {
	flex:1;
	padding-left:0.5em;
}
#main{
	margin-right: 1em; 
}
#box_footer {
	clear: both;
}
h1.head-title {
	position: relative;
	top:30px;
	margin-left:20px;
	text-shadow: 3px 3px 3px #36f;
	font-size: 32pt;
	letter-spacing: 0.1em;
}
.head-subtitle {
	position: relative;
	top:30px;
	margin-left: 20px;
	font-size: 11pt;
	letter-spacing: 0.1em;
}
.homeTitle {
	position: absolute;
	left: 580px;
	top:108px;
	margin-bottom: 200px;
	font-size: small;
	padding: 4px;
}
.homeTitle a:link {
	text-decoration: underline;
	color: #ffffbb;
}
.homeTitle a:visited {
	text-decoration: underline;
	color: #ffffbb;
}
.homeTitle a:hover {
	text-decoration: underline;
	color: #ff88cc;
}

#aside_shortcut{
	/*width:100%;*/
	margin-left:2em;
	margin-right: 2em;
}
#gads-top {
width: 740px;
margin: 0 auto 1em auto;
padding: 0;
/*background-color: gray;*/
}
.gads-top {
width: 728px;
height: 90px;
}
#gads-bottom {
width: 740px;
margin: 2em auto 1em auto;
}
.gads-bottom {
width: 728px;
height: 480px;
}
}
/* ----------------------------------------------------------------------------------------------- */
/* --- 共通 -------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
body{
	margin-bottom:300px;
	background-color:darkgray;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', meiryo, '游ゴシック  Medium', sans-serif;
	overflow-wrap:break-word;
	word-wrap: break-word;
	}

#box_header{
	border-top: white solid 6px;
	border-bottom: white solid 2px;
	background-color: white;
}
#box_middle_br, #box_middle_tr, #box_middle_tl{
	background-color: white;
	padding-bottom: 1em;
}
#box_footer{
	background-color: white;
}
#box_footer .mes{
	display: block;
	text-align:left;
	font-size:small;
	padding:5px 10px;
	border-top:3px solid #C30;
	border-bottom:2px dashed #36f;
	line-height:140%;
}
#box_footer small{
	display: block;
	color:#C30;
	text-align:center;
	padding:0.5em 0.5em 0.5em 0px;
	line-height: 140%;
}
#box_contents{
background-color: white;
padding-bottom: 2em;
border-bottom: solid 4px #70BAFF;
}

#box_menu{
background-color:white;
border-bottom: solid 4px #70BAFF;
}
#box_menu ul{
    list-style-position: inside;
    margin-left:0.5em;
}

#box_contents img{
	max-width: calc(100% - 1.0em);
	height:auto;
}
#box_nav{
	display: block;
	background-color: white;
	padding-bottom: 1em;
}
.clearfix {display: inline-table;}
.clearfix:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#pdt{
	float: right;
	background-color: white;
	text-align: right;
	font-style: italic;
	padding:0px 1em;
	color:hotpink;
}
#nav_main{
	float:left;
	padding:0px 1em;
	background-color: white;

}
#nav_main ol li {
  display: inline;
  list-style-type: none;
}
#nav_main ol li:after {
  content: ">";
  margin-left: 0.5em;
}
#nav_main ol li a{
	text-decoration: none;
	padding:4px;
}
#nav_main ol li a:hover{
	background-color: #009080;
	color: white;
}
#pdt time{
	font-style: italic;
	margin-left: 0.2em;
}
/* --------------------------------------------- */
/* #box_menu-left -------------------------- */
/* --------------------------------------------- */
.box_mini{
}
.box_mini img{
	margin: 0em;
	padding: 0em;
}
.box_mini_title{
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding:0.5em;
	margin-bottom: 0.5em;
	border-top:  solid 6px #FF50C0;
	border-bottom: Solid 4px #FFC8F0;
	background-color: #FFF0FA;
}
.box_mini_contents{
	padding:0.5em;
	margin-bottom:1.0em;
}
.box_mini_menu {
	margin-left: auto;
	margin-right: auto;
}
.box_mini_pdt{
	text-align: center;
}
.box_mini_pdt time{
	font-style: italic;
}
.box_mini_counter{
	text-align: center;
	margin:0.8em 0px;
}
.box_mini_gsearch{
	text-align: center;
	padding-left: 0.5em;
}
ul.box_mini_menu,
dl.box_mini_menu{
	list-style: none;
	padding-left: 0.5em;
}
ul.box_mini_menu li{
	margin-bottom:1em;
	line-height: 130%;
	font-weight: bold;
}
dl.box_mini_menu dt{
	font-weight: bold;
}
dl.box_mini_menu dd{
	margin-bottom: 1em;
	text-indent: 1em;
}

ul.box_mini_menu li:before,
dl.box_mini_menu dt:before{
	content: url(../images/design/listmark01_org.png);
	padding-right: 0.2em;
}
ul.box_mini_menu li.mark_mail:before{
	content:url(../images/design/listmark01_pik.png);
}
ul.box_mini_menu li.mark_mail address{
display: inline;
font-style: normal;
margin-left: -4px;
}
ul.box_mini_menu li.mark_out:before{
	content:url(../images/design/listmark01_ble.png);
}
ul.box_mini_menu a,
dl.box_mini_menu a{
	text-decoration: none;
	display: inline-block;
	width:90%;
}
ul.box_mini_menu a:hover,
dl.box_mini_menu a:hover{
	text-decoration: underline;
}
.box_mini_manager{
	text-align: center;
	margin-top:1.5em;
}
.box_mini_rss ul{
	margin: 0px;
	padding: 0px;
}
.box_mini_rss li{
	list-style-type: none;
	text-align: center;
	width:90%;
	margin:0.8em 0px;
}
.box_mini_rss li a{
	display: inline-block;
}
.box_mini_rss li a:hover{
	background-color: lightcyan;
}

.box_mini_rss img{
}

/* --------------------------------------------------------------  */
/* Google Ads Responsive------------------------------------  */
/* --------------------------------------------------------------  */
.gads_bottom  { width: 320px; height: 100px; }
/*
@media(min-width: 500px) { .gads_bottom { width: 468px; height: 60px; } }
@media(min-width: 800px) { .gads_bottom  { width: 728px; height: 90px; } }　
*/