/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
  margin: 0;
  padding: 0;
}

body {
  background: #FFFFFF url(/images/admin/img01.gif) repeat-x;
  font: normal small Arial, Helvetica, sans-serif;
  color: #999999;
}

form {
}

fieldset {
  border: none;
}

legend {
  display: none;
}

h1, h2, h3 {
  margin: 0;
  color: #11A6D4;
}

h2 {
  margin-bottom: .5em;
  font-size: 1.8em;
}

h3 {
  margin-bottom: 1em;
  font-size: 1em;
}

p, blockquote, ul, ol {
  margin-bottom: 1.5em;
  line-height: 1.8em;
}

p {
}

blockquote {
}

ul {
  margin-left: 2em;
  list-style: square;
}

ul li {
}

ol {
  margin-left: 2em;
  list-style: lower-roman;
}

ol li {
}

a {
  color: #EA672E;
}

a:hover {
  text-decoration: none;
  color: #11A6D4;
}

img {
  border: none;
}

/* Boxed Style */

.boxed {
  margin-bottom: 1em;
  background: #F7F7F7 url(/images/admin/img07.gif) repeat-x;
  border: 1px solid #CCCCCC;
}

.boxed_notitle {
  margin-bottom: 1em;
  background: #F7F7F7;
  border: 1px solid #CCCCCC;
}

.boxed_notitle .title {
  height: 30px;
  padding: 11px 0 0 11px;
  background: #333333;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #FFFFFF;
}
.boxed_notitle .iframe_content {
  padding: 5px;
}
.boxed .title {
  height: 29px;
  padding: 11px 0 0 27px;
  background: url(/images/admin/img08.gif) no-repeat 10px 50%;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #FFFFFF;
}

.boxed .content {
  padding: 5px;
}

/* Header */

#header {
  width: 900px;
  height: 70px;
  margin: 0 auto;
  background: url(/images/admin/img02.gif) no-repeat;
}

/* Header > Logo */

#logo {
  float: left;
  padding: 8px 0 0 0;
}

#logo h1 {
  text-transform: uppercase;
  font-size: 2em;
}

#logo h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: 1.2em;
}

#logo a {
  text-decoration: none;
  color: #FFFFFF;
}

/* Header > Top Menu */

#topmenu {
  text-align: right;
  float: right;
}

#topmenu ul {
  margin: 0;
  padding: 5px 0 0 0;
  list-style: none;
  line-height: normal;
}

#topmenu li {
  display: inline
}

#topmenu a {
  display: block;
  float: left;
  margin: 0 0 0 20px;
  padding: 0 0 0 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: x-small;
  font-weight: bold;
  color: #FFFFFF;
}

#topmenu a:hover {
  text-decoration: underline
}

#topmenu1 {
  background: url(/images/admin/img03.gif) no-repeat left center;
}

#topmenu2 {
  background: url(/images/admin/img04.gif) no-repeat left center;
}

#topmenu3 {
  background: url(/images/admin/img05.gif) no-repeat left center;
}

#topmenu_sub {
  color: #FFF;
  font-size: large;
  margin-top: 0px;
  float: right;
}

#topmenu_name {
  color: #FFF;
  font-size: middle;
  margin-top: 0px;
  clear: both;
}

/* Menu */

#menu {
  width: 900px;
  height: 40px;
  margin: 0 auto;
}

#menu ul {
  margin: 0;
  list-style: none;
  line-height: normal;
}

#menu li {
  display: inline;
}

#menu a {
  display: block;
  float: left;
  height: 26px;
  padding: 14px 18px 0 20px;
  background: url(/images/admin/img06.gif) no-repeat;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}

#menu a:hover {
  text-decoration: underline;
  background: url(/images/admin/menu_bg.jpg) repeat-x;
}

#menu .first a {
  padding-left: 0;
  background: none;
  padding-left: 20px;
}

#menu .first a:hover {
  text-decoration: underline;
  background: url(/images/admin/menu_bg.jpg) repeat-x;
  padding-left: 20px;
}


#menu p{
  display: block;
  float: left;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  height: 26px;
  padding: 10px 18px 0 20px;
}


/* Content */

#content {
  width: 900px;
  margin: 0 auto;
  padding: 20px 0;
}

/* Content > Main */

#main {
  float: left;
  width: 660px;
}

/* Content > Main > Example */

#example {

}

/* Content > Main > Welcome */

#welcome {
  margin: 0 0 3em 0;
  padding: 10px 0 1.5em 0;
  border-bottom: 1px solid #CCCCCC;
}

/* Content > Sidebar */

#sidebar {
  float: right;
  width: 220px;
}

/* Content > Sidebar > Login */

#login {
}

#login label {
  display: block;
}

#login #inputtext1, #login #inputtext2 {
  width: 180px;
  margin-bottom: .5em;
  padding: 2px 5px;
  border: 1px solid #CCCCCC;
  font: normal small Arial, Helvetica, sans-serif;
  color: #999999;
}

#login #inputsubmit1 {
  float: right;
  width: 60px;
  margin-right: 7px;
  border: 1px solid #CCCCCC;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF;
  font: normal small Arial, Helvetica, sans-serif;
}

#login p {
  margin: 0;
  padding-top: .2em;
  font-size: x-small;
}

/* Content > Sidebar > Updates*/

#updates {
  height: 460px;
}

#updates ul {
  margin: 0;
  list-style: none;
}

#updates li {
  margin-bottom: 1em;
}

#updates h3 {
  margin: 0;
  padding: 0 0 0 10px;
  background: url(/images/admin/img09.gif) no-repeat left center;
  font-size: x-small;
}

#updates p {
  margin: 0;
  padding: 0 0 0 10px;
  line-height: normal;
  font-size: .85em;
}

#updates a {
  text-decoration: none;
}

/* Content > Sidebar > Partners*/

#partners {
}

/* Footer */

#footer {
  clear: both;
  width: 900px;
  margin: 0 auto 2em auto;
  background: #F7F7F7 url(/images/admin/img07.gif) repeat-x;
  border: 1px solid #CCCCCC;
}

/* Footer > Legal */

#legal {
  margin: 0;
  padding: 8px;
  text-align: center;
  color: #FFFFFF;
}

#legal a {
  font-weight: bold;
  color: #FFFFFF;
}

/* Footer > Links */

#links {
  margin: 0;
  padding: 10px;
  text-align: center;
}


#adminlist .td_left {
    border-bottom: 1px dotted #2a2a2a;
    padding-left: 2px;
    font-size: 12px;
    color: #4a4a4a;
    line-height: 20px;
    text-align: left;
}

#adminlist .td_center {
    border-bottom: 1px dotted #2a2a2a;
    padding-left: 2px;
    font-size: 12px;
    color: #4a4a4a;
    line-height: 20px;
    text-align: center;
}

#adminlist table {
    width: 95%;
    border: none;
    margin: auto;
    background-color: #f6f6f6;
    white-space: nowrap;
}

#adminlist .scroll {
    width: auto;
    border: none;
    margin: auto;
    background-color: #f6f6f6;
}

#adminlist td {
    border-bottom: 1px dotted #2a2a2a;
    padding-right: 2px;
    font-size: 12px;
    color: #4a4a4a;
    line-height: 20px;
    text-align: right;
}

#adminlist th {
    padding-right: 5px;
    padding-left: 5px;
    background-color: #888888;
    border-bottom: 1px dotted #4a4a4a;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #7f7f7f;
    font-size: 12px;
    font-weight: lighter;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

#adminlist a {
    color: #009595;
    text-decoration: none;
}

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

#adminsearch .td_right {
    border-bottom: 1px dotted #e6e6d9;
    border-right: 1px solid #e6e6d9;
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    text-align: left;
    background-color: #FFFFE1;
}

#adminsearch table {
    width: 95%;
    border: none;
    margin: auto;
}

#adminsearch td {
    border-bottom: 1px dotted #e6e6d9;
    border-right: 1px solid #e6e6d9;
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    text-align: left;
    background-color: #FFFFE1;
}

#adminsearch th {
    background-color: #b8860b;
    border-bottom: 1px dotted #d1adae;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #d1adae;
    font-size: 12px;
    font-weight: lighter;
    color: #FFF;
    line-height: 20px;
    text-align: center;
}

#adminadd table {
    width: 95%;
    border: none;
    margin: auto;
}

#adminadd td {
    border-bottom: 1px dotted #e6e6d9;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    text-align: left;
}

#adminadd th {
    background-color: #333;
    border-bottom: 1px dotted #d1adae;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #d1adae;
    font-size: 12px;
    font-weight: lighter;
    color: #fff;
    line-height: 20px;
    text-align: center;
    width: 200px;
}

#adminadd .limit_field {
    background-color: #ff850b;
    border-bottom: 1px dotted #d1adae;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #d1adae;
    font-size: 12px;
    font-weight: lighter;
    color: #4d2600;
    line-height: 20px;
    text-align: center;
    width: 200px;
}

#adminadd .target_field {
    background-color: #C1C100;
    border-bottom: 1px dotted #d1adae;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #d1adae;
    font-size: 12px;
    font-weight: lighter;
    color: #4d2600;
    line-height: 20px;
    text-align: center;
    width: 200px;
}

#adminview table {
    width: 95%;
    border: none;
    margin: 10px;
}

#adminview td {
    background-color: #F1F5F5;
    border-bottom: 1px dotted #e6e6d9;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    text-align: left;
}

#adminview th {
    background-color: #333;
    border-bottom: 1px dotted #d1adae;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #d1adae;
    font-size: 12px;
    font-weight: lighter;
    color: #fff;
    line-height: 20px;
    text-align: center;
    width: 200px;
}

#adminview .limit_field {
    background-color: #ff850b;
    border-bottom: 1px dotted #d1adae;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #d1adae;
    font-size: 12px;
    font-weight: lighter;
    color: #4d2600;
    line-height: 20px;
    text-align: center;
    width: 200px;
}

#adminview .target_field {
    background-color: #C1C100;
    border-bottom: 1px dotted #d1adae;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #d1adae;
    font-size: 12px;
    font-weight: lighter;
    color: #4d2600;
    line-height: 20px;
    text-align: center;
    width: 200px;
}


.f_Blue
{
    color     : #0099CC;
}

.f_Green
{
    color     : #669900;
}

.f_Gray
{
    color     : #bfbfbf;
}

.f_Red
{
    color   : #FF4B33;
}

.f_Orange
{
    color     : #F39F01;
}

.f_Deep_Orange
{
    color     : #F17400;
}

.f_White
{
    color     : #FFF;
}

.f_Yellow
{
    color     : #F8D766;
}

#links ul {
        list-style-type: none;
        width: 600px;
        text-align: left;
}

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
        padding: 3px;
        background: #F1F5F5;
}

#links li {
        color: #990000;
        display: block;
        font: bold 105% Meiryo , Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
  width: 600px;
}

#links li a:hover {
        background: #ffffcc;
}

#links em {
        color: #333;
        display: block;
        font: normal 95% Meiryo , Helvetica, sans-serif;
        line-height: 125%;
}

#links span {
        color: #125F15;
        font: normal 95% Meiryo , Helvetica, sans-serif;
        line-height: 150%;
}


/* --- ページングエリア --- */
#paging {
  margin: 20px 0;
  padding-left: 15px;
}

#paging_header {
  margin: 0;
  text-align: right;
  padding: 5px 20px 5px 0px;
}

/* --- メニューエリア --- */
#paging ul.nl {
  margin: 0;
  padding: 4px 0; /* メニューのパディング（上下、左右） */
  list-style-type: none;
  text-align: left; /* メニューのセンタリング */
  font-size: 80%; /* メニューの文字サイズ */
}
/* --- メニュー項目 --- */
#paging ul.nl li {
  display: inline;
  margin-right: -1px; /* 項目の右マージン */
}

/* --- リンク --- */
#paging ul.nl li a {
  display: inline-block;
  padding: 4px 8px; /* リンクエリアのパディング（上下、左右） */
  background: #f9f9f9; /* リンクエリアの背景 */
  border: 1px #c0c0c0 solid; /* リンクエリアの境界線 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
#paging ul.nl li a:hover {
  color: #ffffff; /* ポイント時の文字色 */
  background: #004080; /* ポイント時の背景 */
  border: 1px #808080 solid; /* ポイント時の境界線 */
  text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブな項目 --- */
#paging ul.nl li strong {
  display: inline-block;
  padding: 4px 8px; /* 項目のパディング（上下、左右） */
  background: #a9a9a9; /* 項目の背景 */
  border: 1px #808080 solid; /* 項目の境界線 */
  color: #ffffff; /* 項目の文字色 */
}

/* --- リンクしない項目（前へ・次へ） --- */
#paging ul.nl li span {
  display: inline-block;
  padding: 4px 8px; /* 項目のパディング（上下、左右） */
  background: #f9f9f9; /* 項目の背景 */
  border: 1px #c0c0c0 solid; /* 項目の境界線 */
  color: #808080; /* 項目の文字色 */
}

ul, li {
  list-style-type:none;
  padding:0;
  margin:0;
}

#buttons li {
  list-style-type:none;
  display: inline-block;
}

#crumbs {
  border:1px solid #dedede;
  height:2.3em;
}

#crumbs li {
  float:left;
  line-height:2.3em;
  padding-left:.75em;
  color:#777;
}

#crumbs li a {
  display:block;
  padding:0 15px 0 0;
  background:url('/images/admin/crumbs.gif') no-repeat right center;
}
  #crumbs li a:link, #crumbs li a:visited {
  text-decoration:none;
  color:#777;
}
  #crumbs li a:hover, #crumbs li a:focus {
  color:#dd2c0d;
}


#data {
  padding-top: 10px;
}
p.navi {
  margin: 15px;
  height:51px;
}

/* ボタンの画像 */
p.navi a.green{
  display:block;
  width:196px;
  height:51px;
  float:left;
  background-image:url(/images/admin/button_a.gif);
  background-repeat:no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 10.5pt; color: #FFF;
  padding-top: 11px;
  text-decoration:none;
}

p.navi a.green:hover{
  background-image:url(/images/admin/button_a_on.gif);
  padding-top: 14px;
  text-decoration:none;
}

p.navi a.red{
  display:block;
  width:196px;
  height:51px;
  float:left;
  background-image:url(/images/admin/button_b.gif);
  background-repeat:no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 10.5pt; color: #FFF;
  padding-top: 11px;
  text-decoration:none;
}

p.navi a.red:hover{
  background-image:url(/images/admin/button_b_on.gif);
  padding-top: 14px;
  text-decoration:none;
}

p.navi a.gray{
  display:block;
  width:196px;
  height:51px;
  float:left;
  background-image:url(/images/admin/button_x.gif);
  background-repeat:no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 10.5pt; color: #333;
  padding-top: 11px;
  text-decoration:none;
}

p.navi a.gray:hover{
  background-image:url(/images/admin/button_x_on.gif);
  height:51px;
  padding-top: 14px;
  text-decoration:none;
  font-size: 10.5pt; color: #FFF;
}

p.navi a.gray_small{
  display:block;
  width:100px;
  height:30px;
  float:left;
  background-image:url(/images/admin/button_x_small.gif);
  background-repeat:no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 10.5pt; color: #333;
  padding-top: 3px;
  text-decoration:none;
}

p.navi a.gray_small:hover{
  background-image:url(/images/admin/button_x_small_on.gif);
  padding-top: 3px;
  text-decoration:none;
  font-size: 10.5pt; color: #FFF;
}

#logout a.white_small{
  width:120px;
  height:25px;
  background-image:url(/images/admin/white_button.gif);
  background-repeat:no-repeat;
  text-align: center;
  float: none;
  font-weight: bold;
  font-size: 10.5pt; color: #004080;
  text-decoration:none;
  padding: 5px 0 0 0;
}

#logout a.white_small:hover{
  background-image:url(/images/admin/white_button_on.gif);
  float: none;
  text-decoration:none;
  font-size: 10.5pt; color: #555;
}

.clear
{
    clear : both;
}

#imgUpload {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 3em;
    padding: 10px 0 1.5em;
}

.qrCode {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 1em;
    padding: 10px 0 1.5em;
}

iframe{
  position: relative;
  top:0px;left:0px;z-index:0;
}


.boxed .iframe_content {
  padding: 5px;
  height:400px;
  overflow: hidden;   /* スクロール表示 */
}


#touka_image{
position: relative;
top:-400px;left:0px;z-index:1;
height:400px;
width: 100%;
}

.imeon {
  ime-mode: active;   /* 全角モード */
}
.imeoff {
  ime-mode: inactive; /* 半角モード */
}