*	{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}

html {
	font: 10px/1.7 "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
  }

br.clear	{
	clear: both;
	visibility: hidden;
	line-height: 0px;	/* IE6 */
}


.blue_list_span {
	display: block;
	margin-top: -5px;
	margin-left: -5px;
}
.blue_list_ul {
	margin-bottom: 40px;
  }

body > #container	{ height: auto; }

div#container	{
	margin: 0px auto;
	position: relative;
}

@media screen and (min-width: 650px) {
div#container	{
	background: #FFF url(../../../img/head_bg.png) repeat-x;
	background-size: 100%;
}
}

@media screen and (max-width: 650px) {
	div#container	{
		background: #FFF url(../../../img/head_bg2.png) repeat-x;
		background-size: 100%;
	}
	}

div#contents	{
	width: fit-content;
	margin: 0px auto;
	text-align: left;	/* IE6�ȑO�̃Z���^�����O-���������񂹂ɖ߂� */
}

div#header	{
	height: 150px;
	margin-bottom: 5px;
	position: relative;
}

div#header_in	{
	color: #FFF;
	position: absolute;
	top: 30px;
	right: 0;
}

@media screen and (max-width: 650px) {
div#header_in {
	right: 2%;
  }
}

div#home	{
	width: 195px;
	height: 40px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

div#home a span	{ display: none; }

div#header_bottom	{
	position: absolute;
	width: 790px;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #AAA;
	bottom: 25px;
	right: 0;
}

div#side_bar	{
	float: left;
	margin-right: 25px;
}

@media screen and (min-width: 650px) {
div#inc_side_body	{
	width: 795px;
	float: right;
}
}

@media screen and (max-width: 650px) {
div#inc_side_body	{
	width: 100%;
	float: right;
}
}

div.textbox	{
	border: 1px solid black;
}

div#footer	{
	height: 50px;
	line-height: 50px;
	background-color: #ddd;
	margin-top: 20px;
}

div#footer_body	{
	text-align: center;
}


/* �w�b�_�[���j���[ */
div#header_in ul	{
	background: #FFF;
	list-style: none;
}

div#header_in ul li	{
	float: left;
	margin-left: 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

div#header_in ul li a	{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

div#header_in ul li a:hover	{
	text-decoration: underline;
}

/* �T�C�h�o�[ */

div.side_menu ul	{
	list-style: none;
	padding-bottom: 10px;
}

div.side_menu li.title1	{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	padding-left: 30px;
	background-color: #19c825;
	border-radius: 20px 20px 0 0;
}

div.side_menu li.title2	{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	padding-left: 30px;
	background-color: #19c825;
	border-radius: 20px 20px 0 0;
}

div.side_menu li.title3	{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	padding-left: 30px;
	background-color: #19c825;
	border-radius: 20px 20px 0 0;
}

div.side_menu li.title4	{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	padding-left: 30px;
	background-color: #19c825;
	border-radius: 20px 20px 0 0;
}

div.side_menu li.title5	{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	padding-left: 30px;
	background-color: #19c825;
	border-radius: 20px 20px 0 0;
}

div.side_menu li.title6	{
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 15px;
	color: #000;
	padding-left: 30px;
	background-color: #19c825;
	border-radius: 20px 20px 0 0;
}

div.side_menu li	{
	line-height: 30px;
	height: 30px;
	margin-bottom: 5px;
}

div.side_menu ul li a {
	background: url(../../../img/icon5.png) no-repeat;
	padding-left: 30px;
	font-weight: bold;
	color: #0055ff;
	text-decoration: none;
	background-size: 20px;
	background-position: center left;
	background-position-x: 5px;
  }

  div.side_menu ul li a:hover {
	background: url(../../../img/icon4.png) no-repeat -200px -180px;
	color: #900;
	padding-left: 30px;
	font-weight: bold;
	text-decoration: none;
	background-size: 20px;
	background-position: center left;
	background-position-x: 5px;
  }

/* ���O�C���e�[�u�� */

table.login_table	{
	width: 500px;
	margin: 20px auto;
	border: 1px solid #CCC;
}

table.login_table th	{
	width: 100px;
	font-size: 14px;
}

table.login_table td input	{
	border: 1px solid #CCC;
	padding: 3px;
	font-size: 14px;
	width: 320px;
}

/* ���O�C�����A �p���������X�g */
div.topics	{
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #444;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #19c825;
	border-radius: 20px 20px 0 0;
}

div.topics span	{
    color: #000;
    font-weight: bold;
    font-size: 1.1em;
}

/* �C���t�H���[�V���� */
div.topics_info {
	background-image: url(../../../img/info.png);
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 30px;
	margin-bottom: 10px;
	margin-left: 5px;
  }

div.topics_info span {
	padding-left: 30px;
}

/* �C���t�H���[�V����(�A�N�Z�X) */
div.topics_accs	{
	background: url(../../../img/splite.png) no-repeat -200px -300px;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
}

/* �C���t�H���[�V�����@���X�g */

div.topics_list	{
	margin-bottom: 15px;
	border: 1px solid #AAA;
	padding: 5px;
	background: url(../../../img/glowbg.gif);
}

div.topics_list dl	{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

div.topics_list dl dt	{
	background-color: #f1f1f1;
	border: 2px solid #FFF;
	padding: 6px 0px 6px 12px;
	font-weight: bold;
	letter-spacing: 1px;
}

div.topics_list dl dd	{
	border-top: 1px solid #AAA;
	padding: 2px 0px;
}

div.topics_list dl dd ul	{
	list-style: none;
}

div.topics_list dl dd ul li	{
	color: #000;
    background: url(../../../img/icon5.png) no-repeat;
    padding-left: 30px;
    background-size: 20px;
    background-position: center;
    background-position-x: 5px;
}

div.topics_list dl dd ul li a	{
	text-decoration: none;
	color: #009;
}

div.topics_list dl dd ul li a:hover	{
	text-decoration: underline;
}

div.topics_list dl dd ul li span	{
	color: #009;
	font-size: 16px;
	padding: 0px 5px;	/* IE5��span�Ƀp�b�f�B���O�������H */
	margin: 0px 5px;	/* IE5��span�Ƀp�b�f�B���O�������H */
}

div.topics_list dl dd ul li span a	{
	font-size: 16px;
}

/* ���̓G���[�@���X�g */

div.error_list	{
	margin-bottom: 15px;
	border: 1px solid #AAA;
	padding: 5px;
	background: url(../../../img/glowbg.gif);
}

div.error_list dl	{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

div.error_list dl dt	{
	background: url(../../../img/icon2.png) no-repeat;
    line-height: 30px;
    padding-left: 35px;
    font-weight: bold;
    color: red;
    letter-spacing: 1px;
    background-size: 25px;
    background-position: center;
    background-position-x: 5px;
}

div.error_list dl dd	{
	border-top: 1px solid #AAA;
	padding: 2px 0px;
}

div.error_list dl dd p	{
	line-height: 35px;
	height: 35px;
	padding-left: 10px;
	font-size: 14px;
	color: red;
}

div.error_list dl dd ul	{
	list-style: none;
}

div.error_list dl dd ul li	{
	color: #900;
    background: url(../../../img/icon4.png) no-repeat;
    padding-left: 35px;
    background-size: 20px;
    background-position: center;
    background-position-x: 10px;
}

div.error_list dl dd ul li a	{
	text-decoration: none;
	color: #009;
}

div.error_list dl dd ul li a:hover	{
	text-decoration: underline;
}

/* �o�^�������@�������X�g */

div.comp_list	{
	margin-bottom: 15px;
	border: 1px solid #AAA;
	padding: 5px;
	background: url(../../../img/glowbg.gif);
}

div.comp_list dl	{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

div.comp_list dl dt {
	background: url(../../../img/icon8.png) no-repeat;
	padding-left: 40px;
	font-weight: bold;
	color: #090;
	letter-spacing: 1px;
	background-size: 35px;
	background-position: center left;
	height: 35px;
	display: flex;
	align-items: center;
  }

div.comp_list dl dd	{
	padding: 10px 0px;
}

div.comp_list dl dd p	{
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	padding-left: 10px;
}

div.comp_list dl dd ul	{
	list-style: none;
}

div.comp_list dl dd ul li {
	color: #090;
	background: url(../../../img/icon3.png) no-repeat;
	padding-left: 35px;
	background-size: 20px;
	background-position: center left;
	background-position-x: 5px;
}

div.comp_list dl dd ul li a	{
	text-decoration: none;
	color: #009;
}

div.comp_list dl dd ul li a:hover	{
	text-decoration: underline;
}

/* ���O�C����ʁ@�D�F���X�g */

div.login_list	{
	margin-bottom: 15px;
	border: 1px solid #AAA;
	padding: 5px;
	background: url(../../../img/glowbg.gif);
}

div.login_list dl	{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

div.login_list dl dt	{
	background: url(../../../img/icon11.png) no-repeat;
    line-height: 30px;
    padding-left: 35px;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
    background-size: 25px;
    background-position: center;
    background-position-x: 5px;
}

div.login_list dl dd	{
	padding: 10px 0px;
}

div.login_list dl dd p	{
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	padding-left: 10px;
}

div.login_list dl dd ul	{
	list-style: none;
}

div.login_list dl dd ul li	{
	color: #090;
	height: 30px;
	line-height: 30px;
	background: url(../../../img/splite.png) no-repeat -200px -151px;
	padding-left: 40px;
}

div.login_list dl dd ul li a	{
	text-decoration: none;
	color: #009;
}

div.login_list dl dd ul li a:hover	{
	text-decoration: underline;
}

/* ���F�B�Љ�A�I�����W�F�̃��X�g */

div.orange_list	{
	margin-bottom: 15px;
	border: 1px solid #AAA;
	padding: 5px;
	background: url(../../../img/glowbg.gif);
}

div.orange_list dl	{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

div.orange_list dl dt	{
    background: url(../../../img/icon10.png) no-repeat;
    line-height: 35px;
    padding-left: 40px;
    font-weight: bold;
    color: #F93;
    letter-spacing: 1px;
    background-size: 35px;
	margin: 15px;
	font-size: 1.2em;
}

div.orange_list dl dd	{
	padding: 10px 0px;
}

div.orange_list dl dd p	{
	line-height: 30px;
	padding-left: 40px;
}

div.orange_list dl dd ul	{
	list-style: none;
}

div.orange_list dl dd ul li	{
	height: 30px;
    line-height: 30px;
    background: url(../../../img/icon7.png) no-repeat;
    padding-left: 40px;
    background-size: 20px;
    background-position-x: 5px !important;
    background-position: center;
}

div.orange_list dl dd ul li a	{
	text-decoration: none;
	color: #009;
}

div.orange_list dl dd ul li a:hover	{
	text-decoration: underline;
}

/* �o�i�[���X�g�A�F�̃��X�g */

div.blue_list	{
	margin-bottom: 15px;
	border: 1px solid #AAA;
	padding: 5px;
	background: url(../../../img/glowbg.gif);
}

div.blue_list dl	{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

div.blue_list dl dt	{
	background: url(../../../img/glowbg.gif) 0px -150px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	font-weight: bold;
	color: #009;
	letter-spacing: 1px;
}

div.blue_list dl dt a	{
    text-decoration: none;
    font-weight: bold;
    color: #0055ff;
}

div.blue_list dl dt a:hover	{
	text-decoration: underline;
}

div.blue_list dl dd	{
	padding: 3px;
	border-top: 1px solid #CCC;
	background-color:#FFFFFF;
}

div.blue_list dl dd p	{
	padding-left: 40px;
}

div.blue_list dl dd ul	{
	list-style: none;
	margin-top: 10px;
}

div.blue_list dl dd ul li	{
	height: 30px;
	line-height: 30px;
	background: url(../../../img/splite.png) no-repeat -200px -211px;
	padding-left: 40px;
    font-weight: bold;
}

div.blue_list dl dd ul li a	{
	text-decoration: none;
	color: #009;
}

div.blue_list dl dd ul li a:hover	{
	text-decoration: underline;
}

/* �C���t�H���[�V�����@�A�N�Z�X���X�g���� */

div.topics_accs_list	{
	margin-bottom: 15px;
	border: 1px solid #AAA;
	padding: 5px;
	background: url(../../../img/glowbg.gif);
}

div.topics_accs_list dl	{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

div.topics_accs_list dl dt	{
	background: url(../../../img/glowbg.gif) 0px -180px;
	border: 2px solid #FFF;
	padding: 6px 0px 6px 12px;
	font-weight: bold;
	letter-spacing: 1px;
}

div.topics_accs_list dl dd	{
	padding: 5px 0px 5px 14px;
}

/* �T�[�`�e�[�u�� */

div.search	{
	background: #777;
	border: 1px solid #AAA;
	padding: 5px;
	margin-bottom: 10px;
}

table.search_table	{
	width: 100%;	/* IE6�ȑO���� */
	color: #000;
	background: #EEE;

}

table.search_table th,
table.search_table td,
table.search_table	{
	border-collapse: collapse;
	border-bottom: 1px solid #999;
}

table.search_table	{
	border: 2px solid #666;
}

table.search_table th	{
	width: 23%;
	line-height: 30px;
	padding-left: 12px;
	background: #DDD;
	letter-spacing: 2px;
	font-weight: bold;
}

table.search_table td	{
	padding-left: 5px;
	line-height: 30px;
}

/* �T�[�`���ʃe�[�u��(�A�N�Z�X) */

div.search_accs	{
	background: url(../../../img/glowbg.gif) 0px -200px;
	border: 1px solid #AAA;
	padding: 5px;
	margin-bottom: 10px;
}

table.search_accs_table	{
	width: 100%;
	background: #FFF;
}

table.search_accs_table th	{
	background: url(../../../img/icon7.png) no-repeat;
	text-indent: 25px;
	font-weight: normal;
	background-size: 20px;
	background-position: center left;
	background-position-x: 5px;
	padding: 5px;
}

table.search_accs_table,
table.search_accs_table th	{
	border-collapse: collapse;
	border: 1px solid #AAA;
}

table.search_accs_table td	{
	height: 30px;
	line-height: 30px;
	text-align: left;
	border: 1px solid #CCC;
	padding: 0 5px;
}

table.search_accs_table td a	{
	color: #009;
	text-decoration: none;
}

table.search_accs_table td a:hover	{
	text-decoration: underline;
	color: #900;
}

table.search_accs_table tr:hover	{
	background: #F5F5F5;
}

/* �T�[�`���ʃe�[�u���@2 */

table.search_accs_table2	{
	width: 100%;
	background: #FFF;
}

table.search_accs_table2 th	{
	width: 19%;
	height: 30px;
	line-height: 30px;
	background: url(../../../img/splite.png) no-repeat -200px -270px;
	text-indent: 30px;
	font-weight: bold;
}

table.search_accs_table2 th.form_type	{
	width: 38%;
	height: 30px;
	line-height: 30px;
	background: url(../../../img/splite.png) no-repeat -200px -270px;
	text-indent: 30px;
	font-weight: bold;
}

table.search_accs_table2,
table.search_accs_table2 th	{
	border-collapse: collapse;
	border: 1px solid #AAA;
}

table.search_accs_table2 td	{
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #CCC;
}

table.search_accs_table2 td a	{
	color: #009;
	text-decoration: none;
}

table.search_accs_table2 td a:hover	{
	text-decoration: underline;
	color: #900;
}

table.search_accs_table2 tr:hover	{
	background: url(../../../img/tr_hover_bg.gif) no-repeat 0px 0px #ededed;
}

/* �T�[�`���ʃe�[�u�� */
div.search_list	{
	background: url(../../../img/glowbg.gif) 0px -250px;
	padding: 5px;
	margin-bottom: 10px;
	color: #666;
}

div.search_list dl	{
}

div.search_list dl dt {
	background: url(../../../img/icon4.png) no-repeat;
	line-height: 30px;
	padding-left: 30px;
	font-size: 12px;
	color: red;
	font-weight: bold;
	background-size: 20px;
	background-position: center left;
	background-position-x: 5px;
  }

div.search_list dl dt span	{
	float: right;
	margin-right: 5px;
}

div.search_list dl dt a	{
	text-decoration: none;
	font-size: 14px;
	color: #009;
}

div.search_list dl dt a:hover	{
	text-decoration: underline;
}

div.search_list dl dd	{
	padding-top: 5px;
}

table.search_list_table	{
	width: 100%;
	background: #FFF;
	width: 100%;
	table-layout: fixed;
}

table.search_list_table th	{
	width: 28%;
	padding: 10px 0px;
	text-indent: 10px;
	vertical-align: top;
	font-weight: bold;
}

table.search_list_table,
table.search_list_table th,
table.search_list_table td	{
	border-collapse: collapse;
	border: 1px solid #DDD;
}

table.search_list_table td	{
	padding: 10px 0px 10px 10px;
}

table.search_list_table th span	{
	color: red;
    font-weight: bold;
    font-size: 1.2em;
}

/* ��795�@�p�ۘg */
div.cc	{
	background: #EEE;
	margin-bottom: 10px;
}

div.cc dl	{
	background: url(../../../img/cc_bottom.gif) no-repeat bottom;
	padding-bottom: 15px;
}

div.cc dt	{
	background: url(../../../img/cc_top.gif) no-repeat top;
	height: 15px;
}	div.cc dt span	{ display: none; }

div.cc dd	{
	background: url(../../../img/cc_body.gif) repeat-y center;
	padding: 5px 10px 0px 10px;
}

/* ��795�@�g */
div.cs	{
	background: #666;
	margin-bottom: 15px;
	padding: 10px;
}

/* ���M�@���Z�b�g�{�^�� */

div.input_single	{
    width: fit-content;
    margin: 0px auto;
}


div.input_box	{
	width: 40%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 10px auto 0 auto;
}

div.input_box_f	{
	width: 310px;
	height: 30px;
	margin: 10px auto 10px auto;
}

input.input_base	{
	padding: 10px;
	background-color: #19c825;
	font: 15px/1.7 "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
	font-weight: bold;
}

input.input_base:hover	{
	cursor: pointer
}

a.input_base	{
	padding: 10px;
	background-color: #19c825;
	font: 15px/1.7 "Noto Sans JP","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Verdana,sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
}

.a_custom {
	display: flex;
	justify-content: space-evenly;
	margin: 0 auto;
}

a.input_base_f	{
	width: 150px;
	height: 30px;
	line-height: 30px;
	background: url(../../../img/splite.png) no-repeat 0px -300px;
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
	margin-right: 5px;
}

div.pager_info p	{
	height: 25px;
}

div.pager_info p span	{
	height: 25px;
	line-height: 25px;
	padding: 0px 10px;
	font-weight: bold;
}


div.pager	{
	padding: 10px 0px 20px 0px;
}

p.pagination	{
	height: 25px;
}

p.pagination span	{
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin-right: 5px;
	border: 1px solid #AAA;;
}

p.pagination span.previous	{
	display: block;
	float: left;
	width: 120px;
	height: 25px;
	line-height: 25px;
	background: #EEE;
}

p.pagination span.previous a	{
	text-decoration: none;
	display: block;
	width: 120px;
	height: 25px;
	color: #000;
}

p.pagination span.next	{
	display: block;
	float: left;
	width: 120px;
	height: 25px;
	line-height: 25px;
	background: #EEE;
}

p.pagination span.next a	{
	text-decoration: none;
	display: block;
	width: 120px;
	height: 25px;
	color: #000;
}

p.pagination span.active	{
	background: #888;
	color: #FFF;
	font-weight: bold;
}

p.pagination span a	{
	text-decoration: none;
	display: block;
	width: 25px;
	height: 25px;
	color: #000;
}

p.pagination span a:hover	{
	background: #666;
	color: #FFF;
	font-weight: bold;
}


/*  */
input	{
	margin-right: 3px;
	padding: 1px;
}
option	{
	padding: 0px 3px;
}

textarea.url	{
	width: 100%;
	height: 2em;
	line-height: 2em;
	text-indent: 5px;
	border: 0;
	border: 1px solid #CCC;
	color: #009;
}

textarea.info_url	{
	width: 600px;
	height: 25px;
	border: 0;
	border: 1px solid #CCC;
	color: #009;
	padding: 3px;
}

textarea.textarea	{
	width: 95%;
	height: 50px;
	color: #000;
	padding: 3px;
}

.search_list_table textarea.textarea, .search_list_table select, .search_list_table input {
	font: 14px/1.7 "Noto Sans JP","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Verdana,sans-serif;
}

.search_table textarea.textarea, .search_table select, .search_table input {
	font: 14px/1.7 "Noto Sans JP","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Verdana,sans-serif;
}


/*
	�lj�
*/

.fee	{ background: #FEE !important; }
.ffe	{ background: #FFE !important; }
.efe	{ background: #EFE !important; }
.eff	{ background: #EFF !important; }
.red	{ color: red !important; }
.bold	{ font-weight: 500; font-size: 14px; }
.bold_ss	{ font-size: 1.3em; font-weight: bold; }
span.num	{ font-size: 14px; color: #000; }
span.num a	{ font-size: 14px; }

.t_right	{ text-align: right !important; }
.t_left		{ text-align: left !important; }
p.right	{ text-align: right; margin-right: 5px; }
.center	{ text-align: center !important; }
.mb5	{ margin-bottom: 5px !important; }
.mb10	{ margin-bottom: 10px !important; }
.i_right input	{ text-align: right; }
.p10	{ padding: 10px; }

span.info	{
	display: block;
	color: #070;
	margin-top: 5px;
	font-size: 10px;
	letter-spacing: 1px;
}

div.in_clip	{
	margin: 10px 10px 5px 0;
	padding: 5px;
	background: #F5F5F5;
	color: #555;
}

div.list_in	{
	padding: 10px;
}

div.list_in div.code_area	{ margin-bottom: 10px; background: #F5F5F5; padding: 5px; }

div.list_in p	{
	line-height: 150%;
}

/* common talbe */

div.common_black	{
	background: #555;
	border: 1px solid #CCC;
	padding: 5px;
}

table.common_table_black	{
	width: 100%;	/* IE6�ȑO���� */
	color: #555;
	background: #EEE;
}

table.common_table_black th,
table.common_table_black td,
table.common_table_black	{
	border-collapse: collapse;
	border: 1px solid #BBB;
}

table.common_table_black	{
	border: 2px solid #FFF;
}

table.common_table_black th	{
	line-height: 30px;
	padding-left: 12px;
	background: #FFF;
}

@media screen and (max-width: 650px) {
table.common_table_black th {
	line-height: 30px;
	padding-left: 0;
	background: #FFF;
	text-align: center;
  }
}



table.common_table_black th.common_info	{
	background: #555;
	color: #EEE;
}

table.common_table_black td	{
	padding: 5px 0;
	padding-left: 5px;
	background: #FFF;
	width: 30%;
	font-weight: 500;
}

table.common_table_black.common_table_black1 td	{
	width: 25%;
}

.common_table_black a {
	font-weight: 500;
	text-decoration: none;
	color: #0069d3;
}

/* pay talbe */

div.pay_list	{
	background: url(../../../img/glowbg.gif) 0 -150px;
	border: 1px solid #CCC;
	padding: 5px;
	margin-bottom: 15px;
}

table.pay_table	{
	width: 100%;	/* IE6�ȑO���� */
}

table.pay_table th,
table.pay_table td,
table.pay_table	{
	border-collapse: collapse;
	border: 1px solid #777;
	vertical-align: top;
}

table.pay_table	{
	border: 2px solid #999;
}

table.pay_table th	{
	line-height: 30px;
	background: #d3d3d3;
	color: #000;
	width: 15%;
	text-align: center;
	font-weight: bold;
}

table.pay_table th a	{
	color: #000;
  font-weight: bold;
}


table.pay_table th.regist	{
	text-align: center;
	background: #d3d3d3;
	color: #000;
}

table.pay_table th.common_info	{
	background: #DDD;
	color: #EEE;
}

table.pay_table td	{
	line-height: 22px;
	padding: 5px 5px 3px;
	background: #F5F5F5;
	color: #555;
}

table.pay_table td label 	{
	color: #070;
}

table.pay_table td input 	{
	color: #700;
}

table.pay_table td input.normal 	{
	color: #000;
}

table.pay_table td a	{
	color: #039;
	text-decoration: none;
}

table.pay_table td a:hover	{
	text-decoration: underline;
}

table.pay_table td div.pay_info	{
	background: #FFF;
	border-bottom: 1px solid #CCC;
	color: #000;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	text-align: center;
}

/* adwares table */

div.as	{
	background: #F5F5F5;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}

div.adwares_list	{
	border: 1px solid #CCC;
	padding: 10px 10px 20px;
	background: #FFF;
	margin-top: 5px;
}

table.adwares_list_table	{
	width: 100%;	/* IE6�ȑO���� */
	color: #555;
	background: #FFF;
}

table.adwares_list_table th,
table.adwares_list_table td,
table.adwares_list_table	{
	border-collapse: collapse;
	border: 1px solid #DDD;
	padding: 3px 5px;
	vertical-align: top;
}

table.adwares_list_table	{

}

table.adwares_list_table th	{
	text-align: right;
	color: #888;
	font-weight: bold;
}

table.adwares_list_table th.list_head	{
	text-align: right;
	color: #000;
	padding: 5px 5px 3px 5px;
	background: #DDD;
}

table.adwares_list_table th.common_info	{

}

table.adwares_list_table td	{
	color: #000;
	font-weight: normal;
}

table.adwares_list_table td a {
	font-weight: bold;
}

table.adwares_list_table th, table.adwares_list_table td {
	padding: 10px 15px;
}

table.search_table th, table.search_table td {
	padding: 10px 15px;
}

.search_table label {
    width: fit-content;
    display: inline-block;
    margin: 0 auto;
}

@media screen and (min-width: 650px) {
.search_table label:nth-child(2) {
	margin: 0 30px;
}
}

/* calendar
---------------------------------------*/
div.calendar	{
	padding: 10px;
}

div.calendar a	{
	color: #039;
	text-decoration: none;
}

div.calendar a:hover	{
	text-decoration: none;
}

div.calendar_go	{
	background: #eee;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	margin: 0 0 10px 0;
}

div.calendar_back	{
	background: #eee;
	line-height: 30px;
	text-align: center;
}

table.calendar	{
	width: 100%;
	margin: 0 0 10px 0;
	table-layout: fixed;
}

table.calendar,
table.calendar th,
table.calendar td	{
	border-collapse: collapse;
	border: 1px solid #CCC;
}

table.calendar th	{
	background: url(../../../img/250grad.gif) repeat-x top;
	color: #555;
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #FFF;
}

table.calendar td	{
	background: url(../../../img/250grad3.gif) no-repeat bottom right;
	line-height: 150%;
	text-align: right;
	padding: 15px 5px 5px 5px;
}

table.calendar th.calendar_day	{
	font-size: 10px;
	color: #555;
}

table.calendar td.tier_cnt	{
	padding: 5px;
	line-height: 125%;
	font-size: 12px;
	color: #888;
}

table.calendar td div.tier_cnt	{
	border-bottom: 1px dashed #AAA;
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
}

table.calendar td.tier_cnt span	{
	color: #000;
	margin: 0 2px 0 0;
}

/* ���� */
table.calendar th.day	{
	background: #DDD;
	color: #000;
}

/* �y�j */
table.calendar th.day_sat	{
	color: blue;
	background: #DDD;
}

/* ���j */
table.calendar th.day_sun	{
	color: red;
	background: #DDD;
}

/* super_user */

div#super_user	{
	position: absolute;
	left: 10px;
	top: 40px;
	z-index: 100;
}

div#super_user ul	{
	list-style: none;
}

div#super_user ul li	{
}

div#super_user ul li a	{
	display: block;
	height: 24px;
	width: 120px;
	background: #FFF;
	color: #000;
	line-height: 24px;
	border: 1px solid #000;
}

div#super_user ul li a:hover	{
	background: #DDD;
	text-decoration: none;
}

tr.validate td div.error_list {
	background:none;
	border:0px;
	margin-bottom:0px;
	padding:0px;
}
tr.validate td {
	background:none repeat scroll 0 0 #FFEEEE !important;
}
tr.validate td div.error_list dl dd	{
	border-top:none;
	padding:0px 0;
}
tr.validate td div.error_list dl dd ul li	{
	background:none;
	color: #F00;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
	border-left: 5px solid red;
	height: 16px;
	line-height: 16px;
}

tr.validate td div.error_list dl {
background:none;
border:0px;
padding:0px;
}

.topics_list2 {
	display: none;
}

textarea.url {
font: 14px/1.7 "Noto Sans JP","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Verdana,sans-serif;
}

.topics.kanri_font {
	color: #000;
}

input[type="text"]{
	width: 60%;
}

.textarea_ori {
	width: 95%;
	height: 100px;
	font: 14px/1.7 "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
}

.iframe_user {
	width: 95%;
	margin-top: 10px;
	height: auto;
  }

.text_bold {
	font-weight: bold;
}

.topics_accs_list input[type="text"], .search_table input[type="text"] {
    width: fit-content;
    text-align: center;
}

.search_list_table label {
	display: block;
}
.comp_list22 input {
	width: fit-content;
	text-align: center;
}
.comp_list.comp_list2 input[type="text"] {
    width: fit-content;
}
.afi_batu_div {
	width: 85%;
	margin: 0 auto;
}
.afi_batu_p {
	color: red;
}
.afi_batu_div p {
	font-weight: bold;
}
.none {
	display: none;
}
.blue_list img, .common_table_black img {
	width: 45%;
}
input[name="zip1"], input[name="zip2"] {
	width: fit-content;
	margin-bottom: 2%;
}
.srank {
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}
.srank_p {
	line-height: 30px;
	background: url(../../../img/icon7.png) no-repeat;
	padding-left: 40px;
	background-size: 20px;
	background-position-x: 5px !important;
	background-position: center;
}
.none_ul li {
	background: none !important;
	padding-left: 0 !important;
}
.none_ul {
  border-top: 1px dashed;
  width: 90%;
  margin: 0 auto;
  margin-top: 1em;
  padding-top: 1em;
}
.tab-1 {
    display: flex;
    flex-wrap: wrap;
	margin-top: 10px;
}

.tab-1 > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background-color: #e9f0f6;
    color: #535353;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.tab-1 > label:hover {
    opacity: .8;
}

.tab-1 input {
    display: none;
}

.tab-1 > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.tab-1 label:has(:checked) {
    background-color: #fff;
    border-color: #2589d0 #f0f0f0 #fff;
    border-style: solid;
    border-width: 4px 1px 1px;
    border-radius: 5px;
    color: #333333;
}

.tab-1 label:has(:checked) + div {
    display: block;
}

div.orange_list dl dd ul.none_ul li {
	height: auto;
}
div.orange_list dl dd p.srank_p_p {
	height: auto;
}
.common_black.mb5 .common_table_black .center.ffe {
  padding: 0;
}
.common_black.mb5.mb566 th {
	padding: 0 !important;
	font-weight: 500;
	text-align: center;
	width: 25%;
}
.common_black.mb5.mb566 td {
	text-align: center;
}

.num.red a {
	color: red;
}



.tab-2 {
    display: flex;
    flex-wrap: wrap;
	margin-top: 10px;
}

.tab-2 > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background-color: #e9f0f6;
    color: #535353;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.tab-2 > label:hover {
    opacity: .8;
}

.tab-2 input {
    display: none;
}

.tab-2 > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.tab-2 label:has(:checked) {
    background-color: #fff;
    border-color: #2589d0 #f0f0f0 #fff;
    border-style: solid;
    border-width: 4px 1px 1px;
    border-radius: 5px;
    color: #333333;
}

.tab-2 label:has(:checked) + div {
    display: block;
}



@media screen and (min-width: 650px) {
.hamburger_menu {
	display: none;
}
.ad_image img {
	width: 50%;
}
div#home a	{
	display: block;
	width: 250px;
	height: 40px;
}
.a_custom {
	width: 40%;
}
.search_list_table2 input {
	width: 60%;
}
.search_accs_table {
	table-layout: fixed;
}
}






@media screen and (max-width: 650px) {
#side_bar {
    width: 100%;
    margin-right: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
}
.hamburger_menu {
	display: none;
	font-size: 30px;
    cursor: pointer;
    padding: 0 3%;
    color: white;
    text-align: left;
    background-color: #000;
    width: fit-content;
	position: relative;
    z-index: 9999;
}
.side_menu {
	position: fixed;
    left: -250px;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    transition: transform 0.4s ease;
    transform: translateX(-250px);
    z-index: 1000;
    overflow-y: auto;
    padding-top: 65px;
}
.side_menu.open {
transform: translateX(250px);
}
.side_menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.side_menu li {
padding: 10px;
border-bottom: 1px solid #ddd;
}
.side_menu li a {
text-decoration: none;
display: block;
color: #333;
}
.side_menu li a:hover {
background-color: #ddd;
}
.hamburger_menu {
display: block;
}
div.topics {
height: auto;
padding: 0 15px;
}
.search_list_table input[type="file"]{
width: 100%;
}
.search_list_table input[type="password"] {
width: 95%;
}
div#header {
height: 190px;
}
p.pagination {
height: 25px;
display: flex;
justify-content: center;
}
table.adwares_list_table, table.search_table {
table-layout: fixed;
width: 100%;
}
div.as, div.cs {
overflow: hidden;
}
.topics_accs_list input[type="text"], .search_table input[type="text"] {
width: 80%;
}
.search_accs.scroll_d {
overflow: scroll;
}
.scroll_d .search_accs_table {
width: 250%;
}
.scroll_d .search_accs_table th, .scroll_d .search_accs_table td {
padding: 10px;
}
.pay_table label {
display: block;
}
.ad_image img {
	width: 100%;
}
.header_home {
background: url(../../../img/logo1.png) no-repeat;
background-size: auto;
background-size: 100%;
}
div#home a {
display: block;
width: 240px;
height: 80px;
}
div#home {
width: fit-content;
height: auto;
position: absolute;
bottom: 0;
left: 20px;
}
.search_list_table2 input {
width: 95%;
}
.search_accs.search_accs_scroll {
overflow: scroll;
}
.search_accs.search_accs_scroll table {
width: 150%;
}
.search_accs.search_accs_scroll table td {
padding: 10px; 
}
table.search_list_table2 th {
width: 40%;
}
.topics_accs_list.topics_accs_list2 input {
width: fit-content;
}
.topics_accs_list.topics_accs_list2 label {
width: 45%;
display: inline-block;
}
.pay_list.pay_list2 {
overflow: scroll;
}
.pay_list.pay_list2 .pay_table {
width: 150%;
}
.pay_custom2_th a {
display: block;
}
.pay_list.pay_list2 .pay_table th {
vertical-align: middle;
}
.pay_list.pay_list2 .pay_table td {
text-align: center;
}
.pay_list.pay_list2 .t_right {
text-align: center !important;
}
table.adwares_list_table th, table.adwares_list_table td {
text-align: center;
}
}


.srank_p_p {
	padding-left: 3em;
}

.rank_up {
	color: red !important;
	font-weight: bold !important;
	font-size: 1.1em !important;
}

.rank_down {
	color: blue !important;
	font-weight: bold !important;
	font-size: 1.1em !important;
}

.rank_stay {
	color: black;
	font-weight: bold;
	font-size: 1.1em;
}

.form_flex_div1 {
	margin-bottom: 1%;
  }
  .form_flex_div1 span.hissu {
	font-size: 1em;
	margin-left: 1%;
	font-weight: 500;
	background-color: red;
	padding: 2px;
	border-radius: 5px;
	color: #fff;
  }
  .form_flex_div1 span.ninni {
	font-size: 1em;
	margin-left: 1%;
	font-weight: 500;
	background-color: #0058ff;
	padding: 2px;
	border-radius: 5px;
	color: #fff;
  }

  
  .modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: flex-start;
	transition: opacity 0.4s ease;
  }
  
.modal-content {
	position: relative;
	margin: 100px auto 0;
	padding: 20px;
	background-color: #fff;
	border-radius: 8px;
	width: 500px;
	text-align: center;
	opacity: 0;
	transform: translateY(-20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
}
.modal.show .modal-content {
	opacity: 1;
	transform: translateY(0);
}
.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
}
.modal-content ul {
	text-align: left;
	margin: 15px auto;
	width: fit-content;
}
.rank_btn {
	border: navajowhite;
	background: none;
	margin-left: 5px;
	color: blue;
	cursor: pointer;
	font: 10px/1.7 "Noto Sans JP","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Verdana,sans-serif;
	font-weight: 500;
	font-size: 1.1em;
	line-height: 1.7;
}

@media screen and (min-width: 650px) {
.ip_only{
	display: none !important;
}
}

.request_form {
margin: 5% 0;
}
.form_flex {
  margin: 2%;
}
.form_flex_div1 span {
  font-size: 12px;
  margin-left: 1%;
}
.form_btn11 {
  font-size: 1.2em;
  padding: 5px 40px;
  margin-left: 2%;
  cursor: pointer;
  border: 1px solid black;
  border-radius: 5px;
  background-color: #19c825;
  font-weight: bold;
}

.listlistliliul li {
	margin: 10px 0;
	border: ;
	border-bottom: 1px solid #b3b3b3;
	padding: 10px 0;
}