body { background-color:#ffffff; }
body,td { font-size:10pt; text-decoration:none; text-align:left; }

h1 { font-size:0.8em; font-weight:normal; text-align:center; margin:0.5em; }

#map-title { background-color: #eee; text-align: center; margin-top: 10px !important; padding: 5px !important; border: 1px solid #999; }
.clear { clear:both: }

.moreinfo { text-align: center; }

div.mainbox { max-width:960px; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
table.maintable { max-width:960px; width:100%; border-collapse:collapse; border:0px; }
table.maintable tr td { padding:0px; margin:0px;}

div.table_listbox { width:99%; border:0px; display:table; }
div.table_listbox_td { display:table-cell; }

.category-title { margin: 0; padding: 5px; font-size: 1.1em; font-weight: normal; }
.category-list { margin:0; padding:0; clear:left; overflow:hidden; }
.category-list dt { float:left; margin:0; padding:0; min-width:60px; }
.category-list dd { float:left; margin:0; padding:0; max-width:740px; width:100%; }

#top-category-list { list-style:none; margin:0; padding:10px; }
#top-job-category-list { list-style:none; margin:0; padding:10px; }
#sm-nav-btn { display:none; }
#sm-nav-area .main_left_menu_box { display:none; }

.news-title { margin:15px 0 0 0; padding: 5px; font-size: 1.1em; font-weight: normal; }

.main_left_menu_box { width:160px; text-align:left; float:left; }
.main_right_content_box { width:800px; text-align:left; float:left; }

.t_main_right_content_box { width:100%; text-align:left; float:right; margin-left:-160px; }
.t_main_right_content_in { margin-left:160px; }


a:link { color: #000099; text-decoration:none; }
a:visited { color:#000099; text-decoration:none; }
a:hover { background-color:#ffddee; color:#ff0000; text-decoration:underline; }

a.tablink { color:#555555; text-decoration:none; }
a.tablink:link { color: #555555; text-decoration:none; }
a.tablink:visited { color:#555555; text-decoration:none; }
a.tablink:hover { background-color:#ffddee; color:#ff0000; text-decoration:underline; }

td.main a:link { color: #000099; text-decoration:none; }
td.main a:visited  { color:#000099; text-decoration:none; }
td.main a:hover  { background-color:#ffddee; color:#ff0000; text-decoration:underline; }

td.mainlist { font-size:10pt; width:25%; vertical-align:text-top; }
td.mainlist a:link { color: #000099; text-decoration:none; }
td.mainlist a:visited  { color:#000099; text-decoration:none; }
td.mainlist a:hover  { background-color:#ffddee; color:#ff0000; text-decoration:underline; }

td.moreinfo { color: #000099; background-color:#ffffff; text-align:right; text-decoration:none; }
td.moreinfo a:link { color: #000099; background-color:#ffffff; text-align:right; text-decoration:none; }
td.moreinfo a:visited { color:#000099; background-color:#ffffff; text-align:right; text-decoration:none; }
td.moreinfo a:hover { color:#ff0000; background-color:#ffddee; text-align:right; text-decoration:underline; }

td.tablink { background-color:#eeeeee; text-align:center; width:85px; height:20px; white-space:nowrap; }
td.tabspace { background-color:#ffffff; width:15px; height:20px; }

td.leftmenu { width:160px; vertical-align:text-top; margin-top:0px; }
td.rightmenu { width:800px; vertical-align:text-top; margin-top:0px; }

.emphasis {color:#ff0000; font-weight:bold;}
img.time {width:29px; height:12px; border:none; margin:0px 5px;}
img.timeg {width:36px; height:24px; border:none; margin:0px 5px;}
img.pgif {width:10px; height:10px; border:none; margin:0px 3px;}
img.menuicon1 {width:65px; height:80px; border:none;}
img.menuicon2 {width:82px; height:80px; border:none;}

ul.jobrank { line-height:1.2em; padding:1px 3px; margin:2px 3px 2px 15px; list-style-image:URL(/image/common/p.gif); }
ul.shopnews { line-height:1.2em; padding:1px 3px; margin:2px 3px 2px 15px; list-style-image:URL(/image/common/p.gif); }
ul.shopnews li {  }
ul.shopnews li .news-shop { width:200px; display:inline-block; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
/*
ul.shopnews li .news-comment { display: block; padding: 10px; border: 1px dotted #aaa; background-color: #fff; border-radius: 5px; max-height: 3em; }
*/

ul.searchlist { line-height:1.1em; padding:0; margin:0; list-style:none; }
ul.searchlist li { padding: 3px; }
strong.linktitle { font-size:1.1em; font-weight:normal; }
strong.catelink { font-size:1.0em; font-weight:normal; }
/* h2.linktitle { font-size:1.1em; font-weight:normal; margin:0; display:inline; } */
h2.linktitle { background-color: #00a95f; text-align: center; height: 34px; margin: 20px 0 12px 0; color:#fff; }
h3.linktitle { background-color: #00a95f; text-align: center; height: 34px; margin: 20px 0 12px 0; color:#fff; }

h2.catelink { font-size:1.0em; font-weight:normal; margin:0; display:inline; }

.grid { float:left; display:block; width:100%; margin:0; padding:0; }
.grid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.grid > .col { width:100%; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.flexbox img { vertical-align: middle; }

.main_list_ul { margin:0; padding:0; list-style: none; max-width:800px; }
.main_list_ul li.col { margin: 10px 0; padding-bottom: 16px; margin-bottom:16px; border-bottom: 1px dotted #b7b7b7; }
.main_list_inner_box {
    padding: 0 10px;
    height: 100%;
    font-size:0.9em;
}


.main_inner { width:90%; margin:0 auto; }
.main_block_updown_img img {
    display: block;
    margin: 0 auto;
}

.main_block1_box { background-color:#ffffff; padding:30px 0; }
.main_block2_box { background-color:#ffffff; padding:30px 0; }
.tpc_box { background-color:#ffffff; padding:30px 0; }
.pku_box { background-color:#ffffff; padding:30px 0; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
.news_box { background-color:#ffffff; padding:30px 0; }
.news2_box { background-color:#ffffff; padding:30px 0; }
.vmode_box { background-color:#ffffff; padding:30px 0; }
.youtube_box { background-color:#ffffff; padding:30px 0; }
.cover_box { background-color:#ffffff; padding:30px 0; }
.more_box { text-align:center; margin:20px 0; }

.mypage_task_table {
  border-collapse: collapse;
  width: 100%;
}
.mypage_task_table th,
.mypage_task_table  td {
  padding: 10px;
  border: 1px solid #999;
}
.mypage_task_table th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}

#pan_box { text-align: left; margin: 10px 0; padding: 10px; font-size: 1em; background-color: #f3f6f9; color: #666666; }

#mypage img { max-width:100%; width:100%; }
#mypage h1 { padding: 10px; font-size: 2rem; margin: 10px 0; }
#mypage h2 { margin: 0; padding: 0; font-size: 1.2em; font-weight: normal; }
#mypage .ccaption_sub { text-align: left; padding-left: 7px; margin: 15px auto 10px; border-bottom: 1px solid #3079ed; border-left: 10px solid #3079ed; }
#mypage .ccaption_sub h3 { font-size:1.3em; margin:0; padding:5px 0; }

#sm-nav-btn img {
	width: 45px; /* 必要な幅 */
	border: 1px solid; /* 枠線の設定 */
	border-radius: 0.3em;
	background-color:#fff; /* 好きな背景色 */
	margin-top: 5px;
}

@media screen and (max-width:767px) {
	/*　画面サイズが480pxからはここを読み込む　*/
	.mainbox h1 { display:none; }
	#mypage h1 { display:block; }
	.main_left_menu_box { display:none; }
	.t_main_right_content_in { margin-left:0; }
	h2.linktitle { font-size:1.2em; height:auto; }
	#linklistbox .mainbox .table_listbox_td { display:none; }
	#linklistbox .mainbox #login-box { display:block !important; }
	#menu_mid { display:none; }
	#sm-nav-btn { display:block; position: absolute; right: 5px; z-index:2; }
	ul.shopnews li .news-comment {display: block; margin: 0; padding: 5px; background-color: #fff; border: 1px dotted #aaa; border-radius: 3px; }
	
	.top_menu_fixed { position:absolute; }
	.sm-none { display:none; }
	.top_fixed_menu { display:none; }
	.navi_new { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.mainbody_r { margin-left:0 !important; }
	.mainbody_contents { margin-left:0 !important; }
	.main-menu01 { display:none; }
	.at-content-text { overflow: initial !important; }
	#sm-nav-btn { display:block; }
	#sm-nav {
		background-color: #fff !important; /* 好みの背景色 */
		background-image:none;
	}
	#sm-nav .span { 
		display:block;
		color:#fff;
		font-size:16px;
	}
	#sm-nav > ul {
		width:100%;
	}
	#sm-nav ul.at_listmenu {
		position:relative;
	}
	#sm-nav ul.at_listmenu li {
		width:100%;
	}
	#sm-nav ul.at_listmenu ul {
		position:relative;
		left: 0;
	}
	#sm-nav > ul > li {
		padding:10px 5px;
	}
	#sm-nav > ul > li > a {
		background:none;
		height:auto;
	}
	.grid-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-sm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-sm-4 > .col {
		width:25%;
		float:left;
	}
	.flexbox-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 > .col {
		width:50%;
	}
	.flexbox-sm-3 > .col {
		width:33%;
	}
	.flexbox-sm-4 > .col {
		width:25%;
	}
	.flexbox-sm-5 > .col {
		width:20%;
	}
	.flexbox-sm-6 > .col {
		width:16.6%;
	}

	.mypage_task_table {
		border-top: 1px solid #999;
	}
	.mypage_task_table td {
		display: block;
		text-align: center;
	}
	.mypage_task_table th {
		display: block;
		border-top: none;
		border-bottom: none;
		width: 100%;
	}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.grid-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-mm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-mm-5 > .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 > .col {
		width:50%;
	}
	.flexbox-mm-3 > .col {
		width:33%;
	}
	.flexbox-mm-4 > .col {
		width:25%;
	}
	.flexbox-mm-5 > .col {
		width:20%;
	}
	.flexbox-mm-6 > .col {
		width:16.6%;
	}
	.at-content-text { overflow: initial !important; }
}
@media print,screen and (min-width:1024px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
	.grid-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 > .col {
		width:33%;
		float:left;
	}
	.grid-wm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 > .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 > .col {
		width:16.6%;
		float:left;
	}
	.grid-wm-7 > .col {
		width:14%;
		float:left;
	}
	.flexbox-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 > .col {
		width:50%;
	}
	.flexbox-wm-3 > .col {
		width:33%;
	}
	.flexbox-wm-4 > .col {
		width:25%;
	}
	.flexbox-wm-5 > .col {
		width:20%;
	}
	.flexbox-wm-6 > .col {
		width:16.6%;
	}
	.flexbox-wm-7 > .col {
		width:14%;
	}
}
/* media print用
-------------------------------------------------------------------------------------- */
@media print {
	/*　プリント用にサイズを設定する　*/
        body { min-width:1050px; margin: 0 auto; }
}