@charset "UTF-8";

/* header */
#head { position: relative; z-index: 500; width: 100%; height: 80px; /* margin-bottom: 10px; */ background: #fff; border-bottom: 2px solid #ccc; }

#head .logo { float: left; z-index: 9999; margin: 17px 10px; margin-right: 0px; }
#head .logo .top-logo { display: block; width: 240px; height: 46px; text-indent: -200000px; background: url("/image/logo.png") no-repeat 0px 0px; background-size: 240px; }

#head .panel_create { float: right; z-index: 9999; margin: 25px 20px 0px 0px; cursor: pointer; }
#head .panel_create img { width: 25px; height: 25px; padding: 3px; border-radius: 5px; background: #fff; }
/* //header */
/* footer */
#foot { position: relative; z-index: 500; width: 100%; height: 92px; /* margin-top: 10px; */ padding: 5px 0px; background: #999; text-align: center; overflow: hidden; }

#foot ul.foot_list { list-style: none; margin: 0px; padding: 5px 0px; user-select: none; }
#foot ul.foot_list li { display: inline-block; padding: 0px 5px; font-size: 0.8em; vertical-align: top; color: #fff; }
#foot ul.foot_list li a { color: #fff; font-size: 1em; }

#foot .foot_det { display: block; padding: 5px 0px; font-size: 0.9em; line-height: 14px; color: #444; }
#foot .foot_det span { color: #ddd; font-weight: bold; }
	/* main_footer */
.footer_box { z-index: 500; width: 100%; margin-top: 20px; margin-bottom:10px; box-sizing: border-box; overflow: hidden; }
.footer_box .foot_logo { float: left; margin-left: 4%; z-index: 9999; overflow: hidden; }
.footer_box .foot_logo .footer_logo { display: block; width: 150px; height: 32px; text-indent: -200000px; background: url(/image/logo.png) no-repeat 0px -45px; background-size: 200px; }
.footer_box .foot_select { float: right; margin-top: 3px; margin-right: 4%;}
	/* //main_footer */
/* //footer */
/* common_article */
#wrapper { position: relative; }
#article { position: relative; width: 100%; min-height: 400px; }
#article #content { position: relative; display: block; width: 100%; padding: 10px 10px; box-sizing: border-box; border-collapse: collapse; }
#article #content .contentbox { width: 100%; }
legend, hr, caption { visibillity: hidden; width: 0px; height: 0px; font-size: 0px; line-height: 0px; }
table, th, td { padding: 0px; border-spacing: 0px; border-collapse: collapse; }
ul, ol { margin: 0px; padding: 0px; }
.clear_line { clear: both; }
/* //common_article */
/* location */
#article #location_area { position: relative; display: block; width: 100%; padding: 10px 0px; border-bottom: 1px solid #ddd; overflow: hidden; }
#article #location_area .loca { float: right; margin-right: 30px; font-size: 0.8em; }
#article #location_area .loca a { color: #888; }
#article #location_area .loca span { font-weight: bold; color: #666; }
#article #location_area .loca .loca_ico { margin-top: -5px; }
/* //location */
/* content_area */
#content .contentbox .content_title { width: 100%; padding: 10px 0px; border-bottom: 1px solid #ddd; }
#content .contentbox .content_title h1 { font-size: 1.6em; font-weight: normal; letter-spacing: -0.09em; color: #444; }

#content .contentbox .content_area { width: 100%; padding: 20px 0px; }
#content .contentbox .content_area h4 { padding: 10px 0px; font-size: 1.2em; font-weight: bold; color: #555; }
#content .contentbox .content_area .h4_list { margin-bottom: 20px }
#content .contentbox .content_area .h4_list img { width: 100% }
#content .contentbox .content_area ul { margin-left: 15px; padding: 0px; }
#content .contentbox .content_area table { width: 100%; margin-bottom: 20px }
#content .contentbox .content_area table .g_tit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#content .contentbox .content_area table .g_tit a { float: left; max-width: 90%; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#content .contentbox .content_area dl { padding-bottom: 10px; }
#content .contentbox .content_area dl dt { font-size: 1em; font-weight: bold; }
#content .contentbox .content_area dl dd { font-size: 0.95em; }
/* //content_area */
/* content_common*/
#page ul.page { width: 100%; margin: 0px !important; padding: 0px !important; text-align:center; }
#page ul.page li { display: inline-block;  padding: 0px 4px !important; }
#page ul.page li.on { display: inline-block; padding: 0px 4px !important; font-weight: bold; text-decoration: underline; }
#page ul.page li.btn { display: inline-block; padding: 0px 4px !important; }
#page ul.page li img:hover { cursor: pointer; }
.box_cont2 #search_btn:hover { cursor: pointer; }
.qna_box { margin:0px !important; }
/* //content_common*/


/* M_MAIN */
.index_img { width: 100%; position: relative; }
.index_img img { width: 100%; position: relative; min-height: 200px; }
.index_img .m_visual_text { margin: 3% 4%; position: absolute; top: 0%; font-size: 13px; font-weight: bold; color: #333; user-select: none; }
.index_img .m_visual_text p{ padding-bottom:10px; font-size:40px; font-weight:bold; color:#000; line-height:40px; }
.index_img .m_visual_text span{ font-size:40px; font-weight:bold; color:#125aac; }

.index_content .noticebox { display: inline-block; width: 100%; margin: 15px 0px; }
.index_content .noticebox .notice_tit { padding-bottom: 5px; border-bottom: 2px solid #555; overflow: hidden; }
.index_content .noticebox .notice_tit span { font-size: 1.1em; font-weight: bold; color: #222; }
.index_content .noticebox .notice_tit a { float: right; font-size: 0.9em; font-weight: bold; color: #555; }

.index_content .noticebox .notice_list { font-size: 0.95em; }
.index_content .noticebox .notice_list .notice_table { display: block; width: 100%; }
.index_content .noticebox .notice_list .notice_table tbody { display: block; }
.index_content .noticebox .notice_list .notice_table tbody tr { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; }
.index_content .noticebox .notice_list .notice_table tbody td { display: inline-block; padding: 5px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #ddd; box-sizing: border-box; }

.index_content .index_banner { display: inline-block; width: 100%; margin: 15px 0px; }
.index_content .index_banner .index_smart { width: 100%; margin: 10px 0px; }
.index_content .index_banner .index_smart img { width: 100%; }
.index_content .index_banner .index_mbanner { width: 100%; margin: 10px 0px; }
.index_content .index_banner .index_mbanner img { display: block; width: 100%; margin: 10px auto; border: 1px solid lightgray; box-sizing: border-box; }
/* //M_MAIN */

/* M010100 */
.content_img img { width: 100%; }
/* //M010100 */

/* M010600 */
.dotted-gradient {
	/* background-image: linear-gradient(to right, #888 40%, rgba(255, 255, 255, 0) 20%); */
	background: linear-gradient(to right, #bbb, #bbb) top / 6px 1px repeat-x; 
	width: 80%; margin: 5px auto 0px; padding-top: 5px;
}
/* //M010600 */

/* M010700 */
.map { margin: 10px; }
.map dl dt, .map dl dd { font-size: 0.9em !important; }
.map dl dt { float: left; width: 50px; color: #125aac; }
.map dl dd { clear: both; display: table-cell; }
/* //M010700 */

/* //M020300 */
ul.h4_list.family { margin-right: 15px; }
ul.h4_list.family li { margin-bottom: 10px; }
/* //M020300 */

/* M030100 */
.g_tit img { margin-top: 1px; margin-left: 3px; }
.g_tit br { clear: both; }
.g_tit .sub_crt { display: inline-block; margin-top: 5px; font-size:0.9em; font-weight: 300; }
/* //M030100 */

/* M030500 */
.none_data { text-align: center; }
.none_data span { display: block; padding: 10px; }
/* //M030500 */