@charset "UTF-8";

/* 初期化 */
* {margin:0; padding:0;}

body {color:#333; background-color:#eee; font-size:12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; text-align:center;}
img {border:none;}
a {color:#06c;}
a:hover {color:#f60;}
select option {padding-right:0.5em;}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:normal;}
.cr {clear:both;}

#wrapper {background-color:#fff; border-left:1px solid #666; border-right:1px solid #666; width:900px; margin:0 auto;}

#container {clear:both; width:900px; background:#fff url(../admin_img/submenu_bg.gif) repeat-y; text-align:left;}
#container2 {clear:both; width:900px; text-align:center;}

/*--- ヘッダー ---*/
#header {width:900px; height:60px; background:#4279A4 url(../admin_img/header_bg.gif) no-repeat; text-align:left; margin:0;}
#header h1 {color:#fff; font-size:0; display:none;}
#header ul, #header li {margin:0; padding:0;}
#header ul {position:relative; left:604px; top:20px; width:286px; height:16px; z-index:1; list-style:none; text-align:left;}
#header li {text-indent:-9999px; float:left;}
#top a, #site a, #out a  {display:block; height:16px; text-decoration:none; background-image:url(../admin_img/hnavi_btn.gif); background-repeat:no-repeat;}
#top a {width:104px; background-position:0 0;}
#site a {width:99px; background-position:-104px 0;}
#out a {width:83px; background-position:-203px 0;}

/*--- グローバルナビ ---*/
#gnavi {width:900px; text-align:left; clear:both;}
#gnavi ul, #gnavi li {margin:0; padding:0;}
#gnavi ul {list-style:none;}
#gnavi li {text-indent:-9999px; float:left;}
#gnavi a:link, #gnavi a:visited {height:35px; display:block; text-decoration:none; background-image:url(../admin_img/gnavi.gif); background-repeat: no-repeat;}
#gnavi a:hover {text-decoration:none; background-image:url(../admin_img/gnavi.gif); background-repeat:no-repeat;}
#datamanage a:link, #datamanage a:visited {width:128px; background-position:0 0;}
#datamanage a:hover {background-position:0 -35px;}
#itemmanage a:link, #itemmanage a:visited {width:128px; background-position:-128px 0;}
#itemmanage a:hover {background-position:-128px -35px;}
#ordermanage a:link, #ordermanage a:visited {width:128px; background-position:-256px 0;}
#ordermanage a:hover {background-position:-256px -35px;}
#moneymanage a:link, #moneymanage a:visited {width:128px; background-position:-384px 0;}
#moneymanage a:hover {background-position:-384px -35px;}
#usermanage a:link, #usermanage a:visited {width:128px; background-position:-512px 0;}
#usermanage a:hover {background-position:-512px -35px;}
#portalmanage a:link, #portalmanage a:visited {width:130px; background-position:-640px 0;}
#portalmanage a:hover {background-position:-640px -35px;}
#mailmanage a:link, #mailmanage a:visited {width:130px; background-position:-770px 0;}
#mailmanage a:hover {background-position:-770px -35px;}

/*--- メインコンテンツ ---*/
#main {float:right; width:680px; margin-bottom:50px; padding:20px 20px 0; font-size:12px; color:#333;}
#main h3 {width:680px; font-size:20px; font-weight:bold; color:#333; margin-bottom:40px; padding:10px 0 10px 20px; background:url(../admin_img/pagetit_bg.gif) no-repeat;}
/*
#main table {width:680px; border-left:1px solid #666; border-top:1px solid #666; margin-bottom:20px; font-size:12px; color:#333;}
#main th {color:#fff; background-color:#999; font-weight:normal; white-space:nowrap; text-align:center;}
#main th,#main td {padding:5px; border-bottom:1px solid #666; border-right:1px solid #666;}
*/
.hyou {width:680px; border:1px solid #666; border:1px solid #666; margin-bottom:20px; font-size:12px; color:#333; border-collapse:collapse;}
.hyou2 {width:660px; border:1px solid #666; border:1px solid #666; margin-bottom:20px; font-size:12px; color:#333; border-collapse:collapse;}
.hyou3 {width:500px; border:1px solid #666; border:1px solid #666; margin-bottom:20px; font-size:12px; color:#333; border-collapse:collapse;}
.hyou-smid {background-color:#666; color:#fff; font-size:14px; font-weight:bold;}
.hyou-title {background-color:#CCCCCC;}
.hyou th, .hyou2 th, .hyou3 th {color:#fff; background-color:#999; font-weight:normal; white-space:nowrap; text-align:center;}
.hyou th, .hyou td, .hyou2 th, .hyou2 td, .hyou3 th, .hyou3 td {padding:5px; border:1px solid #666; border:1px solid #666;}
.search-box {width:680px; margin-bottom:20px; padding:10px; font-size:12px; color:#fff; background-color:#777; text-align:center;}
.sort-box {width:680px; margin-bottom:10px; padding-bottom:5px; font-size:12px; border-bottom:1px solid #999;}
.border-non {width:680px; background-color:#eee; margin-bottom:20px; padding:10px; font-size:12px; color:#333;}
.search-box input, .search-box select,
.border-non input, .border-non select {margin: 5px 0;}
.center-box {width:680px; text-align:center;}
/****/
th.cd{width:40px; color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
th.hi{width:85px;color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
th.mk{width:100px;color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
th.dt{width:70px;color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
th.ti{width:280px;color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
th.ca{width:150px;color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
th.pr{width:155px;color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
th.pl{width:95px;color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
th.cnt{width:40px; color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:1px;}
td.cd{width:40px; color:#000; font-size: 12px; font-weight:bold; background-color:#F5DEB3; padding:5px; text-align:center;}
td.hi{width:85px; font-size: 12px; background-color:#F5DEB3; padding:1px;}
td.mk{width:100px; font-size: 12px; background-color:#F5DEB3; padding:1px;}
td.dt{width:70px; font-size: 12px; background-color:#F5DEB3; padding:1px;}
td.ti{width:280px; font-size: 12px; background-color:#F5DEB3; padding:1px;}
td.ca{width:150px; font-size: 12px; background-color:#F5DEB3; padding:1px;}
td.cnt{width:40px; font-size: 12px; background-color:#F5DEB3; padding:5px; text-align:center;}
td.pr{width:155px; font-size: 12px; background-color:#F5DEB3; padding:1px;}
td.pl{width:95px; font-size: 12px; background-color:#F5DEB3; padding:1px;}
td.cnt{width:40px; font-size: 12px; background-color:#F5DEB3; padding:5px; text-align:center;}
td.viewitem{color:#663300; font-size: 12px; font-weight: bold; background-color:#ddd;}
th.name{color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:3px;}
td.name{font-size: 12px; background-color:#F5DEB3; padding:1px;}
th.name_center{color:#fff; font-size: 12px; font-weight: bold; background-color:#cc9966; padding:3px; text-align:center;}
td.name_center{font-size: 12px; background-color:#F5DEB3; padding:1px; text-align:center;}
/****/
#main p {line-height:150%; margin-bottom:1em;}
ul.alert {width:680px; background-color:#F5F5D4; border:1px solid #ECC780; padding:10px; margin:10px 0; list-style:none;}
ul.alert  li {background:url(../img/alert.gif) no-repeat 0 5px; padding-left:12px; line-height:150%;}

/*--- サブメニュー ---*/
#side {width:180px; float:left;}
#side ul {list-style:none; margin:0; padding:0;}
#side li {margin:0; padding:0;}
#side a {padding:10px 0 10px 10px;}
#side a:link, #side a:visited {height:13px; display:block; text-decoration:none; background:url(../admin_img/submenu_btn.gif) no-repeat 0 0;}
#side a:hover {text-decoration:none; background:url(../admin_img/submenu_btn2.gif) no-repeat 0 0;}
#data {width:180px; height:30px; background:url(../admin_img/submenu_datamanage.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px;}
#item {width:180px; height:30px; background:url(../admin_img/submenu_itemmanage.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px;}
#order {width:180px; height:30px; background:url(../admin_img/submenu_ordermanage.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px;}
#money {width:180px; height:30px; background:url(../admin_img/submenu_moneymanage.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px;}
#user {width:180px; height:30px; background:url(../admin_img/submenu_usermanage.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px;}
#portal {width:180px; height:30px; background:url(../admin_img/submenu_portalmanage.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px;}
#mail {width:180px; height:30px; background:url(../admin_img/submenu_mailmanage.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px;}

/*--- フッター ---*/
.pagetop {margin-top:20px 0; text-indent:-9999px;}
.pagetop a {width:94px; height:13px; margin-left:566px; display:block; text-decoration:none; background:url(../admin_img/pagetop.gif) no-repeat 0 0;}
#footer {clear:both; background:#4279A4 url(../admin_img/footer_bg.gif) no-repeat; height:30px;}

/*--- 管理画面TOP ---*/
#topinfo {width:850px; margin:0 25px 50px; padding-top:20px;}
#topinfo h2 {width:850px;}
#menu-box {width:850px; margin-top:20px;}
.menu-boxtd {width:270px; text-align:left; vertical-align:top; color:#333; font-size:12px;}
.topmenu {width:270px; margin-bottom:20px;}
.topmenu h3 {}
.topmenu ul {width:268px; margin:0; padding:0; border:1px solid #999; list-style:none; background-color:#eee;}
.topmenu li {margin:10px; padding-left:13px; background:url(../admin_img/top_list.gif) no-repeat 0 0;}
table#topnew {width:270px; border-left:1px solid #999; border-top:1px solid #999; font-size:12px; margin-bottom:20px;}
table#topnew th {width:50%; background-color:#ddd; padding:5px; text-align:left; border-right:1px solid #999; border-bottom:1px solid #999; font-weight:normal;}
table#topnew td {width:50%; padding:5px; text-align:right; border-right:1px solid #999; border-bottom:1px solid #999;}

/*--- ログイン画面 ---*/
#login {width:420px; margin:80px auto 50px; text-align:left;}
#login h3 {font-size:18px; color:#f60; margin-bottom:10px; margin-left:3px;}
#login table {width:420px; margin:30px auto 50px;}
#login table th {background-color:#666; padding:0;}
#login table td {background-color:#ccc; padding:20px;}
#login table td.coment {padding:0 0 20px; font-size:12px; background-color:#fff;}
#login table td.btn {text-align:center; padding:15px 0; background-color:#fff;}

/* クリアフィックス */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.genrelist li {
  margin: 0px 10px;
  height: auto;
  width: 20%;
  float: left;
}