@charset "UTF-8";

@font-face {
	font-family:"fontawesome solid";
	font-weight:900;
	font-style:normal;
	font-display:swap;
	src:local("fontawesome solid"),
		url(common/fonts/fa-solid-900.woff2) format("woff2"),
		url(common/fonts/fa-solid-900.woff) format("woff"),
		url(common/fonts/fa-solid-900.ttf) format("truetype")
}


body {
	margin			: 0;
	font-family		: "ヒラギノ角ゴシック",
						Hiragino Kaku Gothic ProN,
						"ヒラギノ角ゴ ProN W3",
						Meiryo UI,
						"メイリオ",
						Meiryo,
						sans-serif;
	font-size		: 14px;
}

body.indexhtml {

	display			: flex;
	flex-direction	: column;
	justify-content : space-between;
}

main {
}


header {
}


footer {
}


#upper_main {
	background-color: #ffffff;

	display			: flex;
	flex-direction	: row;
	justify-content : start;

	min-height		: 740px;
	overflow		: hidden;
}

#upper_main_left {
	width			: calc(100% - 200px);
	display			: flex;
	flex-direction	: column;
	overflow		: hidden;
}

#upper_main_right{
	
	width			: 250px;
	background-color: #eee;
	margin			: 0px;
	padding-top		: 25px;
	padding-left	: 25px;
	padding-right	: 25px;
	border-width	: 0px;
	
	overflow-y		: hidden;
	overflow-x		: hidden;
}

#upper_main li {
/*	list-style-type: disc; */
}

#upper_main a {
	color: blue;
	text-decoration: underline;
}


#upper_main_left_cont {
	width			: 100%;
	height			: 100%;
}

.recently {

	background-color: #ffffff;
}
.past {

	background-color: #ffeedd;
}


#upper_main_left_inner {
	display			: flex;
	flex-direction	: column;
	width			: 100%;
	overflow		: hidden;
}

#upper_main_left_big {
	display			: flex;
	flex-direction	: column;
	align-items		: center;
}


#upper_main_left_1quarter {
	display			: none;
	flex-direction	: column;
	align-items		: center;
}


#upper_main_left_kako {
	display			: none;
	flex-direction	: column;
	align-items		: center;
}

.thunder-image {
	
	border-style	: solid;
	border-width	: 0px;
	margin			: 0 auto;
	margin-top		: 20px;
	margin-bottom	: 10px;
}

#thunder-image-big {
	display			: block;
	width			: 510px;
	height 			: 530px;
}


.thunder-image-1quarter {
	display			: inline-block;
	width			: 250px;
	height 			: 250px;
}


.description1 {
	
	font-size	: 10px;
	width		: 510px;
}


.quarter-line {
	display			: flex;
	flex-direction	: row;
	align-items		: center;
	margin-bottom	: 10px;
}

.quarter-set {
	display			: inline-block;
	margin-left		: 10px;
	margin-right		: 10px;
}

.quarter-title {
	text-align		: center;
	font-size		: 16px;
}


.kako-forms {
	
	margin-top		: 20px;
	margin-bottom	: 20px;
}




#image-title {
	
	display			: block;
	width			: 200px;
	height			: 63px;
	margin			: auto;
}


.menu-item {

	width			: 100%;
	margin			: auto;
	margin-bottom	: 10px;
	
	padding			: 0px;
	
	border-collapse	: collapse;
	border-width	: 1px;
	border-style	: solid;
	border-color	: #999;
}

.menu-item-header {
	
	
	background-color	: #ffffcc;
	
	
	padding				: 2px;
	
	text-align			: center;
}

.menu-item-one {

	padding				: 5px;

	border-collapse		: collapse;
	border-color		: #999999;
	border-style		: solid;
	border-top-width	: 1px;
	border-right-width	: 0px;
	border-bottom-width	: 0px;
	border-left-width	: 0px;
}

#table-mesh {
	
}

#table-mesh tr, #table-mesh td {
	
}

#kangaekata {
	
	font-size		: 13px;
	text-align		: center;
	
}



.thunder-selbox {
	
	width	: 100%;
	height	: 30px;
	border-color		: #999999;
	border-style		: solid;
	border-width		: 1px;

	cursor	: pointer;
	appearance: menulist;
	-moz-appearance: menulist;
	
}

.thunder-selbox::-ms-expand {
                display: block;
}


.link-button {
	
	display			: block;
	width			: 100%;
	margin-bottom	: 10px;
	padding			: 2px;
	cursor			: pointer;
	background-color: #dddddd;
	border-color	: #999999;
	border-style	: solid;
	border-width	: 1px;
}



#kako-button {

	width			: 60px;
	cursor			: pointer;
	background-color: #dddddd;
	border-color	: #999999;
	border-style	: solid;
	border-width	: 1px;
	parring			: auto;
}




#oshirase {
	display			:	block;
	background-color:#ffffee; 
	width			: 100%;
	height           : 68px;
}


#oshirase-iframe {
	width:100%;
	height:68px;
	overflow:hidden;
}


div.setsumei-main {
	
	margin			: auto;
	width			: 600px;
	margin-bottom	: 20px;
	
	font-size		: 16px;
	text-decoration : none;
}

div.setsumei-main table {
	width			: auto;
	color			: #ffffff;
}

div.setsumei-main a[href] {
	color			: #32cd32;
}

div.setsumei-main a[href]:active {
	color			: #FFD700;
}

div.setsumei-main a[href]:visited {
	color			: #ff3333;
}

div.setsu-menu-item {
	margin-bottom	: 10px;
}

div.setsumei-main ul {

	margin-left		: 30px;;
}

div.setsumei-main li {

	list-style		: circle;
}

div.setsumei-main a[href] {

	text-decoration : underline;
}

div.setsumei-main td {

	text-align		: left;
}


div.setsumei-main button {

	color: initial;
	display: initial;
	width: initial;
	padding: initial;
	border: initial;
	background-color: initial;
	
}
div.setsumei-main input {

	color: initial;
	display: initial;
	width: initial;
	padding: initial;
	border: initial;
	background-color: initial;
	
}

.setsumei-main-form {

	display				: inline-block;
	background-color	: #cccccc;
	padding				: 2px;
	text-align			: center;
	color				: black;
	width				: 150px;
}

.link-back {
	height			: 40px;
	line-height		: 40px;
	margin-bottom	: 20px;
}
.link-back-item {
	display			: inline-block;
	vertical-align	: middle;
}


.menu-list > li {
	
	font-size		: 18px;
	margin-bottom	: 10px;
}