html {
    /*	background-image: url("../img/admin/bg.gif"); */
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
}

body {

    font-size:0.8em;
    line-height:1.8em;

}

#container {
    margin:auto;
    width:100%;
    min-width:1000px;
    text-align:left;
    padding:0;
    background-color:#fff;
    margin-bottom:30px;

}

#header {
    width:100%;
    min-width:800px;
    background-color:#fff;
    height:70px;
}

#header img.logo {
}


#welcome {
    float:right;
    color:#6C6C6C;
    margin-top:30px;
    margin-right:25px;
}
/*
#menu {
    width:100%;
    min-width:800px;
    background-image:url("../img/admin/menu_bg.gif");
    background-repeat:repeat-x;
    height:97px;
    padding-top:22px;
}*/

#menu {
    width: 100%;
    min-width: 800px;
    background-image: url(../img/admin/menu_bg.gif);
    background-repeat: repeat-x;
    height: 90px;
}

#menu img.padding {
    padding-left:10px;
}

#menu img {
}

#content {
    min-height:300px;
    padding:15px 20px 10px 20px;
}

#list_table table {
    clear:both;
    border-top:1px solid #666;
    border-right:1px solid #666;

}

#list_table th {

    background-color:#eee;
    font-size:inherit;
    text-align:center;
    border-left:1px solid #666;
    border-bottom:1px solid #666;
    padding:4px;

}

#list_table th.direct {

    background-color:#FFE8DD;

}

#list_table td {

    border-left:1px solid #666;
    border-bottom:1px solid #666;
    padding:4px;
    background-color:#fff;

}

#list_table td.number {

    text-align:right;

}


.middle {
    vertical-align: middle;
    padding:4px;
}


h2 {
    font-weight:bold;

}

h3 {

    background-image:url(../img/admin/title2.gif);
    background-repeat:no-repeat;
    padding-top:3px;
    height:23px;
    text-indent:10px;
    font-weight:bold;
    margin:0 0 10px 0;
    color:#555;
}

h4 {
    border-bottom: 1px solid #ccc;
    font-weight:bold;
    margin:10px 0;
    padding:2px 0;
    width:780px;
    color:#555;
}

p {

    margin:10px 0;

}

div.actions {

    margin:10px 0;

}

div.actions li {

    display:inline;

}

div.actions a {

    margin-right:10px;

}


#footer {
    font-size:.9em;
    padding:10px 20px 10px 0;
    text-align:right;

}

#footer span.recom{
    color:#666;
}

form th {
    vertical-align: top;
    padding:4px;
}

form td {
    vertical-align: top;
    padding:4px;
}


form label {

    display:block;

}

form input[type=text] {

    width:350px;

}


form input[type=password] {

    width:200px;

}

form input.minimum {

    width:50px;
}

form input.short {

    width:120px;
}

form input.medium {

    width:200px;
}


form input.long {

    width:450px;
}



form textarea {
    width:450px;
    height:150px;

}

form textarea.big {
    width:450px;
    height:300px;

}


div.submit {
    margin:10px 0;
}

.error-message {
    margin:5px 0;
    background-color:#EFE0A3;
    padding:2px;
    color:#ff0000;
    border:1px dotted #ff0000;
}

#flashMessage {

    color:#cc0000;
    font-weight:bold;
    margin-bottom:5px;
    padding:10px;
    background-color:#FFFFCC;
    min-width:830px;
    max-width:1000px;

}


.active {

    color:#ff0000;

}

a:link {
    color:#364BA0;
}

a:visited {
    color:#364BA0;
}

a:hover {
    color:#cc3300;
}


.mag_textarea {
    width:500px;
    height:450px;
}

td label {

    display:inline;

}

.profile_left {
    float:left;
    margin-right:10px;
}

.profile_right td {
    width:450px;
}

textarea.large {
    width:500px;
    height:450px;
}

.bold {
    font-weight:bold;
}

.admin_layout {
    width:100%;
}

.admin_left {
    width:219px;
}

.admin_left {
    padding-right:10px;
    vertical-align:top;
}

.admin_right {
    vertical-align:top;
}


.admin_right .summary {
    width:780px;
    height:147px;
    background-image:url(../img/admin/top_summary_bg.gif);
    background-repeat: no-repeat;
}

.admin_right .top_left_black {
    width:370px;
    height:126px;
    padding:10px 7px 10px 13px;
    float:left;
}

.admin_right .top_left_up {
    width:100%;
    margin-bottom: 5px;
    padding:0px 0;
}

.admin_right .top_left_up .welcome {
    font-weight:bold;
    color:#fff;
    padding-top:4px;
    padding-left:5px;
}


.admin_right .red {
    color:#ff0000;
    padding-left:5px;
    padding-top:10px;
}


.admin_right .top_left_up img{
    margin:4px 0 4px 1px;
}

.admin_right .top_left_down {
    padding:5px 5px 0 5px;
}

.admin_right .top_left_down li {
    line-height:1;
    margin-bottom:7px;
    float:left;
    width:160px;
}

.admin_left div.left_ranking {
    background-color:#e8e7e7;
    width:244px;
}

.admin_left div.left_ranking .title {
    width:196px;
    height:25px;
    padding-left:48px;
    padding-top:15px;
    background-image:url(../img/admin/ranking/rank_header.gif);
    background-repeat:no-repeat;
    font-weight:bold;
    color:#555;
}


.admin_left .site_ranking_menu {
    padding-right:12px;
    padding-top:4px;
    padding-bottom:4px;
    font-size:8pt;
    text-align:right;
}

.clear {
    clear:left;
}


.right {
    text-align:right;
}

/* -------------- site_ranking --------------- */

.admin_left .site_ranking {
    background-color:#e8e8e8;
    padding-bottom:10px;
    background-image:url(../img/admin/ranking/rank_footer.gif);
    background-repeat:no-repeat;
    background-position:bottom center;
}

.admin_left .site_ranking li {
    padding-left:40px;
    padding-right:5px;
    padding-top:4px;
    margin:auto;
    width:177px;
    height:55px;
    background-color: #fff;
    margin-bottom:5px;
    font-size:8pt;
}

.admin_left .site_ranking li .genre {
    width:100px;
    font-size:8pt;
    color:#437CFF;
    font-weight: bold;
}

.admin_left .site_ranking li .pv {
    width:75px;
    font-size:8pt;
    text-align:right;
}

.admin_left .site_ranking li.rank_1 .genre,
.admin_left .site_ranking li.rank_2 .genre,
.admin_left .site_ranking li.rank_3 .genre,
.admin_left .site_ranking li.rank_1 .pv,
.admin_left .site_ranking li.rank_2 .pv,
.admin_left .site_ranking li.rank_3 .pv
{
    color:#fff;
}

.admin_left .site_ranking li.rank_1 a,
.admin_left .site_ranking li.rank_2 a,
.admin_left .site_ranking li.rank_3 a
{
    color:#fff;
}


.admin_left .site_ranking li table {
    margin-top:7px;
}

.admin_left .site_ranking li.rank_1 {
    background-image: url(../img/admin/ranking/1.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_2 {
    background-image: url(../img/admin/ranking/2.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_3 {
    background-image: url(../img/admin/ranking/3.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_4 {
    background-image: url(../img/admin/ranking/4.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_5 {
    background-image: url(../img/admin/ranking/5.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_6 {
    background-image: url(../img/admin/ranking/6.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_7 {
    background-image: url(../img/admin/ranking/7.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_8 {
    background-image: url(../img/admin/ranking/8.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_9 {
    background-image: url(../img/admin/ranking/9.gif);
    background-repeat: no-repeat;
}

.admin_left .site_ranking li.rank_10 {
    background-image: url(../img/admin/ranking/10.gif);
    background-repeat: no-repeat;
}



/* -------------- top ------------------- */

.top .top_right_up {
    width:370px;
    height:126px;
    padding-left:15px;
    padding-top:10px;
    float:left;
}


.top .access_summary {
    font-size:8pt;
    border-collapse: separate;
    border-spacing:2px;
    color:#4B36C1;
    margin-top:5px;
    margin-left:5px;
}

.top .access_summary th {
    border-collapse: separate;
    border-spacing:2px;
    padding-left:2px;
    padding-right:2px;
    background-color: #e1e1e1;
}

.top .access_summary th.th_left {
    width:90px;
}

.top .access_summary th.th_right {
    width:100px;
}



.top .access_summary td {
    width:60px;
    text-align:right;
    border-spacing:2px;
    border-collapse: separate;
    background-color: #fff;
}

.top .access_summary td.left {
    padding-right:10px;
}

.top .top_right_up .detail {
    text-align:right;
    color:#5e6fb3;
    font-size:.9em;
    padding-right:21px;

}

.top .padding_left {
    padding-left:15px;
}

.top .seo_comment {
    padding:4px;
    margin:7px;
    font-size:8pt;
    line-height:12pt;
    background-color:#FBF4C8;
    border:1px solid #ccc;
    height:93px;
}


.top .title {
    text-align:left;
    padding-left:8px;
    padding-top:5px;
    height:27px;
    font-weight:bold;
    color:#555;
}

/* ------------- top banner ----------- */

.topBanners div.banner_list {
    width:630px;
    text-align:center;
    background-color:#eee;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom: 10px;
    float:left;

}

.topBanners  div.news_body {
    width:630px;
    text-align:center;
    background-color:#ccc;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom: 10px;
}

.topBanners .banner_list p {
    font-weight:bold;
    color:#FF793B;
}

.topBanners .banner_list li {

    margin: 0;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 3px;
    border: 1px solid #888;
    cursor: move;
    display:block;
    float:left;

}

.topBanners ul {
    width:630px;
    min-height:100px;
}

.topBanners .banner_list span.handle {
    cursor: move;
}

.topBanners .banner_list .up {
    background-color: #FFDAE9;
}

.topBanners .banner_list .down {
    background-color: #FFDAE9;
}


.topBanners #order_loading {
    color:#ff0000;
}

.notes {
    color:#999;
}

/* ------------- facebook banner ----------- */

.facebookBanners div.banner_list {
    width:530px;
    text-align:center;
    background-color:#eee;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom: 10px;
    float:left;

}

.facebookBanners  div.news_body {
    width:530px;
    text-align:center;
    background-color:#ccc;
    border:1px solid #ccc;
    padding:10px;
    margin-bottom: 10px;
}

.facebookBanners .banner_list p {
    font-weight:bold;
    color:#FF793B;
}

.facebookBanners .banner_list li {

    margin: 0;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 3px;
    border: 1px solid #888;
    cursor: move;
    display:block;
    float:left;

}

.facebookBanners ul {
    width:530px;
    min-height:100px;
}

.facebookBanners .banner_list span.handle {
    cursor: move;
}

.facebookBanners .banner_list .up {
    background-color: #FFDAE9;
}

.facebookBanners .banner_list .down {
    background-color: #FFDAE9;
}


.facebookBanners #order_loading {
    color:#ff0000;
}

/* --------- 予約カレンダー設定 ----------- */
.rplan_calendar {
    text-align:center;
    padding-bottom:20px;
    width:750px;
}
.rplan_calendar table {
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    margin:auto;
}

.rplan_calendar table th{
    text-align:center;
    padding:2px;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:100px;
}
.rplan_calendar table td{
    text-align:left;
    padding:2px;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#eee;
    width:100px;
    text-align:center;
}

.rplan_calendar table td.selected{
    background-color:#FFDECC;
}

.rplan_calendar table td div{
    font-weight:bold;
}

.rplan_calendar span.ym{
    font-weight:bold;
}


/* -----------　EC設定 ---------- */
.tax_box {
    margin:5px 0;
    background-color:#E9FFDA;
    padding:5px;
    color:#ff0000;
    border:1px dotted #ff0000;
}



/* -------- デザインテンプレート設定 --------- */

.design_template {
    width:810px;
}

.design_template span img {
    /*	padding:4px;*/
}


.design_template table.lower td,
.design_template div#color td {
    padding:4px;
    text-align:center;
}

.design_template table.lower td img,
.design_template div#color td img {
    padding-bottom:4px;
}

.design_template h3 {
    font-weight: bold;
    background-color: #e8e7e7;
    padding-bottom:3px;
    border-radius: 3px;
    background-image: none;
}

.design_template #presentImage img {
    padding-bottom:15px;
}

/* ------- ラジオボタン、チェックボックスの余白 ---------- */
label {
    margin-left:5px;
}


/* --------- EC ------------- */
#list_table th.ec_th {
    vertical-align:top;
    width:120px;
}

#list_table td.ec_td {
    width:500px;
}



/* ------------- コンテンツ表示順変更 ------------ */

ul.content_order li {

    margin: 0;
    margin-bottom: 5px;
    padding: 6px;
    border: 1px solid #888;
    cursor: move;
    background-color: #FFDAE9;
}

ul.content_order {
    width:630px;
}


/* ------------- フッタバナー表示順変更 ------------ */

div.banner_order {
    width:850px;
    background-color:#eee;
    border:1px solid #ccc;
    padding:10px;
    text-align:center;
}

div.banner_order span {
    margin:0;
    padding:0;
}

div.banner_order img {
    cursor: move;
    padding:0 10px 10px 10px;
    margin:0;
}

/* ----------- オンライン決済についての注意書き ---------- */

div.payment_notice2 a {
    font-weight:bold;
    color:#ff0000;
}


div.payment_notice {
    border:4px solid #ccc;
    padding:14px;
    width:880px;
    margin-bottom:20px;
}


div.payment_notice div.download {
    margin-bottom:10px;
}


div.payment_notice table.price_list {
    border-left:1px solid #666;
    border-top:1px solid #666;
    margin-bottom:10px;
}

div.payment_notice table.price_list th,
div.payment_notice table.price_list td {
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    padding:6px;
}

div.payment_notice table.price_list th {
    font-weight:bold;
    font-size:.9em;
}

div.payment_notice table.price_list td {
    text-align:right;
}

div.payment_notice div.img {
    margin:10px 0;
}

div.payment_notice div.img img {
    margin-right:10px;
}

div.payment_notice div.img_payment {
    margin-bottom:10px;
    text-align:center;
}

div.payment_notice span.about {
    font-weight:bold;
    color:#ff0000;
}



table {
    border-collapse:collapse;
    border-spacing:0;
}

th, td  {
    margin:0;
    padding:0;
    vertical-align:top;
}

/* ------------- サイドバナー表示順変更 ------------ */

ul.sideBanner_order li {
    padding:10px;
    margin: 0;
    margin-bottom: 5px;
    border: 1px solid #888;
    cursor: move;
    background-color: #FFDAE9;
    text-align:center;
    width:220px;
}

ul.sideBanner_order {
    width:240px;
}

/* ------------ サイト基本設定 ------------ */

div.config_wrapper{
    clear:left;
    background-color:#eee;
    width:750px;
    padding:10px;
}

ul.config_tab {
    padding-left:10px;
}

ul.config_tab li {
    float:left;
    padding:0;
    padding-right:8px;
    height:22px;
}


/* ---------- 資料請求 ------------- */

#material form div.s_left, #material form div.s_right{
    float:left;
    width:150px;
    text-align:right;
}

#material form div.s_left input, #material form div.s_right input {
    width:100px;
}

#material form .zip {
    width:40px;
}


#material form .short {
    width:200px;
}

#material form .medium {
    width:350px;
}


#material form textarea.small {
    width:400px;
    height:60px;
}

#material span.req {
    color:#ff0000;
}

#uploader {
    width:730px;
    text-align:center;
}


div.paging {
    width:730px;
}

#list_table td.err_row {
    background-color:#ffc6c9;
}



/* --------------- tooltip ---------------- */

div.tooltip {
    width:191px;
}

div.tooltip div.h {
    height:30px;
    background-image:url(/img/admin_new/tip_header.png);
    background-repeat:no-repeat;
}

div.tooltip div.b {
    background-image:url(/img/admin_new/tip_bg.gif);
    color:#fff;
    padding:0 10px;
    font-size:.9em;
    font-weight:bold;
}

div.tooltip div.b a {
    color:#fff;
}

div.tooltip div.b a:hover {
    color:#cc0000;
}


div.tooltip div.f {
    height:10px;
    background-image:url(/img/admin_new/tip_footer.png);
    background-repeat:no-repeat;
}


/* --------------- hint ---------------- */

div.hint {
    width:191px;
}

div.hint div.h {
    height:30px;
    background-image:url(/img/admin_new/tip_header.png);
    background-repeat:no-repeat;
}

div.hint div.b {
    background-image:url(/img/admin_new/tip_bg.gif);
    color:#fff;
    padding:0 10px;
    font-size:.9em;
    font-weight:bold;
}

div.hint div.b a {
    color:#fff;
}

div.hint div.b a:hover {
    color:#cc0000;
}


div.hint div.f {
    height:10px;
    background-image:url(/img/admin_new/tip_footer.png);
    background-repeat:no-repeat;
}

div.top div.top_left {
    width:560px;
    float:left;
}

div.top div.top_right {
    width:400px;
    float:left;
}


.top .topics .topics_h {
    padding-top:9px;
    padding-left:26px;
    width:374px;
    height:31px;
    background-repeat:no-repeat;
    background-image:url(/img/admin_new/topics_bg_h.gif);
}

.top .topics ul.tab li {
    float:left;
    padding-right:8px;
}

.top .topics div#top_info,
.top .topics div#top_news {
    padding:0 26px;
    background-repeat:repeat-y;
    background-image:url(/img/admin_new/topics_bg_b.gif);
}



.top .topics dl dt,
.top .topics dl dd {
    font-size:.9em;
}

.top .topics dl dt {
    font-weight:bold;
}


.top .topics div.detail {
    text-align:right;
    color:#5e6fb3;
    font-size:.9em;
}


.top .topics .topics_f {
    width:400px;
    height:20px;
    background-repeat:no-repeat;
    background-image:url(/img/admin_new/topics_bg_f.gif);
}

.habtm{
    width:700px;
}

.habtm .checkbox {
    float:left;
    padding: 0px 10px 0px 0px;
}


#list_table td .mceToolbar table,
#list_table td .mceToolbar th,
#list_table td .mceToolbar td
{
    margin:0;
    padding:0;
    border:0;
    background-color:#f0f0ee;
}

#list_table td .defaultSkin table.mceLayout td.mceFirst {
    background-color:#f0f0ee;
}


.error_header {

    color:#cc0000;
    font-weight:bold;
    margin-bottom:10px;
    padding:10px;
    background-color:#FFFFCC;
    width:760px;

}



/*--クリアフィックス--*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    font-size:.01em;
    height:0;
    overflow:hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
}



ul.faq {
    margin-bottom:15px;
}

ul.faq li {
    list-style-type:disc;
    list-style-position:inside;
}

div.support_btn {
    margin-bottom:20px;
    width:920px;
    text-align:center;
}

.clearfix {width:100%;}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

#template_swf {
    overflow-x: scroll;
    overflow-y:hidden;
    width:100%;
    white-space:nowrap;
    float:left;
    background:#6a6a6a;
    padding-left:5px;
    padding-right:5px;
}

#template_swf input[type=radio] {
    display: none;
}

#template_swf img {
    cursor: hand; cursor:pointer;
    width:150px;
    height:135px;
    margin:5px 5px 0 0;
}

#template_swf .selected{
    border: solid 5px red;
}

#presentImage, #previewImage{
    width:400px;
}

#presentImage img, #previewImage img{
    width:54%;
}