@charset "utf-8";
/* CSS Document */
img{
	border: none;
}
html,body {margin:0;padding:0;height:auto !important; height:100%;min-height:100%;font-family:arial,sans-serif;font-size:14px;color:#333333; background:transparent; }

h1, h2, h3, h4, h5{color:#585858;font-weight:bold;}
h1 {font-size:24px; color:#262626; margin:0; padding:0;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:15px;}
h5 {font-size:12px;margin:0; padding:0;}

form, input,ul, li,p {margin:0; padding:0;}
input {border:none;background:none;}
ul, li{list-style:none;}

p{font-size:14px;padding:5px 0;color:#333;}

a{
	color: #0066C0;
	text-decoration: none;
}

a:hover{
	color: #E47911;
	text-decoration: underline;
}

#container {margin:0 auto;width:100%; height:auto !important; height:100%;min-height:100%; }
.content_all{ width:963px; margin:0 auto; height:auto;  padding-left:37px;}

#header{float:left;height:auto; width:100%; border-top: solid 5px #006; background:#fff;
	border-bottom: solid 1px #ccc;
}
#header_v2 {height:auto; width:100%;}

#header .content_all {padding-top:14px; height:110px;}
	#header .header-left,
	#header .header-right{height:auto; width:auto;height:auto; float:left; background:transparent;}
	#header .header-left{ padding-top:10px;}
	#header .header-right { float:right;}
		.header-right span{display:block;color:#5e6061; padding-bottom:6px;}
		.header-right .welcome{color:#333; font-size:14px; padding-bottom:8px; text-align: right;}
		.header-right .links a{ color:#0066C0; font-size:13px; padding-top:1px;}
		.header-right .links a:hover{color:#E47911;}
		.header-right .links a.my-account{padding-left:25px; background:url(../images/user_icon.png) no-repeat 3px; margin-right: 10px;}
		.header-right .links a.logout{padding-left:25px; background:url(../images/logout_icon.png) no-repeat 4px;}
		.header-right .links a.new-message{background:url(layout/new-message.png) no-repeat top left; padding-left:25px;color:#f90000; font-weight:bold;}
		.header-right .links a.new-message:hover{color:#f90000;}
		.header-right .time-ip{color:#333; font-size:10px; padding-top:5px; text-align: right;}

#menu_row{
	float:left;
	height:35px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	z-index:2;
	border-bottom: solid 1px #CCC;
}
/*-----------------▲ 2021/07/08 menu ▲-----------------*/
/* メニュー全体 */
#menu_v2 {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 2;
}

/* Gridレイアウト：左メニュー / 右側ボタン */
ul.topnav {
    display: grid;
    grid-template-columns: auto auto; /* 左メニュー / 右ボタン */
    align-items: center;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    background-color: white;
    column-gap: 10px;
}

/* 左側メニュー横並び */
ul.topnav .menu-left {
    display: flex;
    gap: 0;
}

/* 親メニューアイテム */
ul.topnav .menu-left > li {
    position: relative; /* サブメニューの絶対位置基準 */
}

ul.topnav .menu-left > li > a {
    display: block;
    padding: 14px 16px;
    text-decoration: none;
    color: black;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
}

/* 最後の親メニューに右ボーダー */
ul.topnav .menu-left > li:last-child > a {
    border-right: 1px solid red;
}

/* 親メニュー ホバー・アクティブ */
ul.topnav .menu-left > li > a:hover,
ul.topnav .menu-left > li > a.active {
    background-color: navajowhite;
}

/* 右側ボタン */
ul.topnav .menu-right {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

ul.topnav .menu-right li a {
    border: 1px solid black;
    border-radius: 5px;
    padding: 3px 8px;
    text-decoration: none;
    color: black;
    transition: all 0.3s ease;
}

ul.topnav .menu-right li a:hover {
    background-color: #aeaeae;
    color: white;
}

/* サブメニュー（親とは別スタイル） */
ul.topnav .menu-left li .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    background: rgba(22, 32, 51, 0.68);
    min-width: 220px;       /* 幅を広め */
    padding: 5px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1000;
    border-radius: 4px;      /* 角を少し丸く */
}

/* サブメニュー表示 */
ul.topnav .menu-left li:hover > .submenu {
    display: block;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/* サブメニューリンク（枠線なし・文字小さめ） */
ul.topnav .menu-left li .submenu li a {
    display: block;
    padding: 10px 16px;
    font-size: 13px;        /* 文字小さめ */
    text-decoration: none;
    color: black;
    color: white;
    border: none;
    background: none;
}

/* サブメニューリンク ホバー時 */
ul.topnav .menu-left li .submenu li a:hover {
  /*  background-color: rgba(76, 166, 76, 0.1); !* 薄緑 *!*/
    background: rgba(22, 32, 51, 0.68);
}








/*-----------------▼ 2021/07/08 menu ▼-----------------*/

#menu_row .search{ float:right; width:157px; height:21px;background:url(layout/search-bg.gif) no-repeat center left; padding:13px 0 14px 20px;}
	.search .search-text{width:118px; height:15px; color:#828383; font-size:11px; padding-right:9px; }
	.search .search-submit{width:23px; height:20px; color:#8fcedc; font-size:11px; font-weight:bold;background:url(layout/search-submit.jpg) no-repeat bottom left; }
	.search .search-submit:hover{color:#55e0ff;}

#content { float:left;height:auto; width:100%; clear:left;}
#content .content_all{padding:15px 0 15px 37px;height:auto; }
#content .content_all .content-outer{ margin:15px 0px;}
#content .content_all .content-inner{ width:920px; padding:15px 20px 20px; float:left;border:1px solid #ccc; border-radius: 5px;}
#content .content_all .content-inner .title_border{ width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:5px; float:left; }


#content .content-outer-small{ background:#f3f3f3 url(layout/content-bottom-small-bg.jpg) no-repeat bottom center; border:1px solid #dfdfdf; float:left; margin:15px 0px;}
#content .content-inner-small{ width:650px; background:url(layout/content-top-small-bg.jpg) no-repeat top center; padding:15px 20px; float:left;border:1px solid #aaa; }
#content .content-inner-small .title_border-small{ width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:5px; float:left; }

/*footer*/
#footer {position:relative;width:100%; bottom:0;}

#footer .content_all {height:52px;width:960px; font-size:11px; color:#505050;}
#footer .content_all .footer_left{width:auto; font-family:Arial, Helvetica, sans-serif;   padding-top:18px; text-align:center;}
	#footer .footer_right{float:right;width:auto; padding-top:18px;}
	#footer .footer_right ul{float:left;height:15px; padding:0; margin:0;}
	#footer .footer_right ul li {display:inline; background:url(layout/footer-selector.jpg) no-repeat right;padding:0; margin:0;}
		#footer .footer_right ul li.last{ background:none;}
	
	
	
.checkbox { width:25%;float:left;font-size:10px;line-height:10px;}

/*=====2014.04.03追記分=====*/
#copy_right{
	text-align: center;
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
}
/*テーブルデザイン*/
.content-inner table th {
	color: #000;
	padding: 8px 15px;
	background: #eee;
	background:-moz-linear-gradient(#eee, #ddd 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
	font-weight: bold;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(255,255,255,0.9);
	box-shadow:  2px 2px 1px rgba(0,0,0,0.1), 0px 1px 1px rgba(255,255,255,0.3) inset;
}

.content-inner table th a{
	 color: #005AAA !important;
 }

.content-inner table th a:hover{
	color: #E47911 !important;
}

.content-inner table th:first-child {
	border-left:1px solid #aaa;
}
.content-inner table th:last-child {
	border-right:1px solid #aaa;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.content-inner table tr td {
	padding: 8px 15px;
	text-align: center;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
	font-size: 14px;
	height: 30px;
}
.content-inner table tr td:first-child,tr .order_date {
	border-left: 1px solid #aaa;
	padding-left: 0;
	padding-right: 0;
}
.content-inner table tr td:last-child, tr .order_date {
	border-right: 1px solid #aaa;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.content-inner table tr {
	background: #fff;
}
.content-inner table tr:nth-child(2n+1) {
	background: #f5f5f5;
}
.content-inner table tr:last-child td {
	border-bottom:1px solid #aaa;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

.content-inner table tr:hover {
	background: #bbd4ee;
}

.title_border{
	margin-bottom: 20px !important;
}



.new_icon{
	background: #c70000;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 1px 2px;
	margin-left: 10px;
}

.pending{
	color: #c70000 !important;
	font-weight: bold;
	background: none !important;
	position: relative;
}

.pending:before{
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url(layout/clock_icon.png) no-repeat;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	position: absolute;
	top: 2px;
	left: 0;
}
table td.quickaction li a.view span span,table td.quickaction li a.view span,
table td.quickaction li a.edit span{
	background: none !important;
}


/*---------2018/09/14 namekata-----------------*/

.content_all,#content .content_all{
	padding-left: 0;
}

.content_all{
	position: relative;
}

h1{
	font-family: 'Corporate Logo';
}

/*----ヘッダー----*/
#header{
	background: #8fc1d8;
    padding: 0;
    text-align: center;
	border-top-color: #4592b6;
}
.header-left a{
	display: block;
	width: 100%;
}
.header-left a img{
	display: inline-block;
}
.header-left span{
	display: block;
	margin-top: 15px;
	color: #FFFFFF;
}
.header-right{
	position: absolute;
	right: 0;
	top: 50%;
}


.header-right .welcome,.header-right .links a{
	color: #FFFFFF;
}

/*----メニュー----*/
#menu_row{
	box-shadow: 2px 1px #5555;
}

.sf-menu > li:last-child{
	position: absolute;
	right: 0;
}
.sf-menu li a, .sf-menu li {
	height: 37px;
}

/*-----------------▲ 2021/07/08 ▲-----------------*/

#header_v2 {
	position: relative;
	/*vmin: ビューポートの幅または高さの最小値*/
	height: 10vmin;
	margin-bottom: 10px;
}

/*コンテンツ*/
.container-item{
	width: 75%;
	border-top: 1px solid black;
	padding: 10px;
}
.container-item:last-child{
	border-bottom: 1px solid black;
}
.container-item-img{
	overflow: hidden;
}
.container-item-img img{
	display: block;
	height: auto;
	max-width: 100%;
	margin-bottom: 10px;
}
.container-item-img p{
	display: block;
	height: auto;
	max-width: 100%;
}

/* header右側 */
.rank_box{
	content: "";
	display: block;
	position: absolute;
	top: 1.5em;
	right: 1em;
	bottom: 3em;
	left: 80%;
	background: rgba(0,0,0,.6)center / 5px 5px;
	color: #fff;
	font-size: 1.2rem;
	/*line-height: 1;*/
	font-family: "Dosis", sans-serif;
	letter-spacing: .05em;
	text-align: center;
	overflow: hidden;
	height: 75px;
}

.rank {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
.rank > p {
	color: white;
	font-size: 1.2rem;
}
.title_border_v2{
	margin-top: 10px;
}

/*-----------------▼ 2021/07/08 ▼-----------------*/