@charset "utf-8";

#wrap-s{
  width:740px;
  margin: 0;
  padding:0;
}

/*++++++↓PC用タイトルバー↓++++++*/
.m-title{
  width:720px;
  text-align:center;
  background:#333333;
  font-size:14px;
  font-weight:normal;
  color:#ffffff;
  padding:10px;
  margin-top:10px;
}

/*++++++↓スマホ用タイトルバー↓++++++*/
.sp-m-title{
  width:720px;
  text-align:center;
  background:#DA08BB;
  font-size:14px;
  font-weight:normal;
  color:#ffffff;
  padding:10px;
  margin-top:10px;
}

/*++++++↓パン屑リスト↓++++++*/

/* --- リストエリア --- */
ol.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}

/*++++++++　一番上のエリア　+++++++*/
.content-001{
  width:730px;
  margin:20px 0 0 0;
  height:auto;
  clear: both;

}

/*++++++++　一番上のエリアの高さ800pxの場合　+++++++*/
.content-001-800{
  width:730px;
  margin:20px 0 0 0;
  height:auto;
  clear: both;

}

/*++++++++　2番目のエリア　+++++++*/
.content-002{
  width:740px;
  margin-top:40px;
  margin-bottom:10px;
}

/*++++++++　3番目のエリア ※登録ボタンエリア　+++++++*/
.content-003{
  width:740px;
  margin-top:20px;
  margin-bottom:10px;
}


/*++++++++　一番上のエリア　※イベント用特設ｂバナーのみ　+++++++*/
.content-001-event{
  width:740px;
  margin:20px 0 20px 0;
}

.content-001-event2{
  width:740px;
  text-align: center;
  margin:20px 0 50px 0;
}

/*++++++++インデックスタグ　※項目入力のエリア+++++++*/

.content-003a{
  width:700px;
}

.content-003b{
  width:658px;
  margin-top:0px;
  border:1px solid #aaa;
  background-color:#f2f2f2;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 15px;
  padding-bottom: 20px;
  margin-bottom:10px;
}

/*+++グループ順の枠+++*/
.content-003c{
  width:658px;
  margin-top:0px;
  border-top: 1px solid #aaa;
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  border-right:1px solid #aaa;
  background-color:#f2f2f2;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 15px;
  padding-bottom: 20px;
  margin-bottom:10px;
}

/*+++++　ボタンエリア　+++++*/
.botan-eria{
  width:700px;
  height:100px;
  padding:10px;
}

/*+++++++　図解エリア　+++++++*/
.m-navi-box{
  width:220px;
  margin-left:480px;
  padding:20px;
  background-color:#F5FFDC;
  text-align:center;
  border:1px solid #999999;
}

/*+++++++　図解エリア　※右ナビ専用　+++++++*/
.m-navi-box2{
  width:220px;
  margin-left:380px;
  padding:20px;
  background-color:#F5FFDC;
  text-align:center;
  border:1px solid #999999;
}

/*+++++++　項目リスト　++++++*/
.m-navi ul{
  float: left;
  width:210px;
  border:1px solid #888;
  margin:0 20px 0 0;
  background:#FFFFFF;
}
.m-navi li{
  list-style-type: none;
  vertical-align: middle;
  border-bottom:1px dotted #888;
  padding:8px 10px 8px 20px ;
}
.m-navi li:last-child {border:none;}
.m-navi li a{
  display: block;
  color:#333333;
}
.m-navi li a:hover{color: #EA0A65;}
.m-navi .mi{
  padding:10px 5px 0px 20px;
  border:none;
}
.m-navi .nb{border:none;}
.m-navi .nb a{padding-left:10px;}
.m-navi .nb2 a{padding-left:10px;}

/*★スマホとPCが連動している項目はnb-sp*/
.nb-sp {
  background-color: #90FBDC;
}

.m-navi .nb-sp a{
  border: none;
  background-color: #90FBDC;
}

/*一番下*/
.m-navi .nb-sp2 a{
  background-color: #90FBDC;
}




/*+++++++++　各項目の表示順用　テーブル　++++++++++*/

table.type01 {
  border-collapse: collapse;
  line-height: 1.5;
  border: 1px solid #888;
}

table.type01 thead {
  border-right: 1px solid #888;
  border-left: 1px solid #888;
  background: #FFDC73;
}
table.type01 thead th {
  padding: 10px;
  vertical-align: top;
  color: #333;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
table.type01 tbody th {
  width: 250px;
  padding: 10px;
  vertical-align: top;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #ddd;
}
table.type01 td {
  width: 200px;
  padding: 10px;
  vertical-align:middle;
  border-bottom: 1px solid #888;
  text-align:center;
}


/*+++++++++　項目入力用　テーブル（グレー　※楽天、ヤフーの分岐用）+++++++++*/

table.type02{
    width: 700px;
    border-collapse: collapse;
    text-align:center;
    line-height: 1.5;
    border: 1px solid #888;
}

table.type02 th{
    width:200px;
  padding: 5px;
  vertical-align: top;
  color: #333;
  background-color: #ddd;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
 }

table.type02 td{
  width: 500px;
  padding: 5px;
  vertical-align: top;
  border-bottom: 1px solid #888;
 }

/*+++++++++　各項目 入力用　テーブル ※左寄り　+++++++++*/

table.type03 {
  border-collapse: collapse;
  line-height: 1.5;
  border: 1px solid #888;
}
table.type03 thead {
  border-right: 1px solid #888;
  border-left: 1px solid #888;
  background: #FFDC73;
}
table.type03 thead th {
  padding: 10px;
  vertical-align: middle;
  color: #333;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
table.type03 tbody th {
  width: 210px;
  padding: 8px;
  vertical-align: middle;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #FFF2CC;
}
table.type03 td {
  width: 420px;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:40px;
  border-bottom: 1px solid #888;
  background: #fff;
}


/*+++++++++　カテゴリーメニュー専用　テーブル 　+++++++++
★このテーブルの各幅は３パターン必要なので、CSSではなく直書きで制御
*/

table.type03menu {
  border-collapse: collapse;
  line-height: 1.5;
  border: 1px solid #888;
}
table.type03menu  thead {
  border-right: 1px solid #888;
  border-left: 1px solid #888;
  background: #FFDC73;
  vertical-align: middle;
}
table.type03menu  thead th {
  padding: 10px;
  vertical-align: middle;
  color: #333;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
table.type03menu tbody th {
  padding: 10px;
  vertical-align: middle;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #FFF2CC;
}
table.type03menu td {
  vertical-align: middle;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #fff;
}

table.type03catemenu {
  border-collapse: collapse;
  line-height: 1.5;
  border: 1px solid #888;
}
table.type03catemenu  thead {
  border-right: 1px solid #888;
  border-left: 1px solid #888;
  background: #FFDC73;
  vertical-align: middle;
}
table.type03catemenu  thead th {
  padding: 5px;
  vertical-align: middle;
  color: #333;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
table.type03catemenu tbody th {
  padding: 5px;
  vertical-align: middle;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #FFF2CC;
}
table.type03catemenu td {
  vertical-align: middle;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #fff;
}


/*+++++++++　▼太字▼の設定　++++++++*/
.type03-tittle{
  width:600px;
  margin-top:30px;
  margin-bottom:5px;
  margin-left:45px;
  margin-right:50px;
  font-weight:bold;
}

.type04-tittle{
  width:600px;
  margin-top:5px;
  margin-bottom:5px;
  margin-left:5px;
  font-weight:bold;
}

/*+++++++++　各項目 入力用　テーブル ※中央寄り　++++++++*/

table.type03-senter {
  border-collapse: collapse;
  line-height: 1.5;
  border: 1px solid #888;
  margin:auto;
}
table.type03-senter thead {
  border-right: 1px solid #888;
  border-left: 1px solid #888;
  background: #FFDC73;
}
table.type03-senter thead th {
  padding: 8px;
  vertical-align: middle;
  color: #333;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
table.type03-senter tbody th {
  width: 200px;
  padding: 8px;
  vertical-align: middle;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #FFF2CC;
}
table.type03-senter td {
  width: 380px;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:40px;
  vertical-align:middle;
  border-bottom: 1px solid #888;
  background: #fff;
}


/*+++++++++　登録ボタン用テーブル　※1列並びの場合　+++++++++*/

table.botan {
  margin-top:40px;
  text-align:right;
  border-style:none;
}

/*+++++++++　登録ボタン用テーブル 　　+++++++++*/
table.botan2 {
  margin-bottom:10px;
  border-style:none;
  width: 700px;
}

table.botan2 th{
  text-align:right;
  border-style:none;
  padding: 10px 0 10px 0;
}

table.botan2 td{
  width: 200px;
  text-align:right;
  border-style:none;
  padding: 10px 0 10px 0;
}

/*+++++++++　登録ボタン用テーブル ３列バージョン　　+++++++++*/
table.botan2 {
  margin-bottom:10px;
  border-style:none;
  width: 700px;
}

table.botan2 th{
  text-align:right;
  border-style:none;
  padding: 10px 0 10px 0;
}

table.botan2 td{
  width: 200px;
  text-align:center;
  border-style:none;
  padding: 10px 0 10px 0;
}

/*+++++++++　登録ボタン用テーブル 2列バージョン　　+++++++++*/
table.botan2-50 {
  margin-bottom:10px;
  border-style:none;
  width: 700px;
}

table.botan2-50 th{
  text-align:right;
  border-style:none;
  padding: 10px;
}

table.botan2-50 td{
  width: 50%;
    text-align:left;
  border-style:none;
  padding: 10px;
}



/*+++++++++　登録ボタン「この内容で登録する」　+++++++++*/
table.botan3 {
  text-align:right;
  border-style:none;
}

table.botan3 th{
  text-align:right;
  border-style:none;
}

table.botan3 td{
  text-align:right;
  border-style:none;
}

/*++++++++　インデックスのタブ用　テーブル　※ヘッダー用　+++++++*/

table.type04 {
  width: 690px;
  border-collapse: collapse;
  line-height: 1.5;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:none;
  background-color:#CFCFCF;

}

table.type04 th{
  width: 20%;
  border-collapse: collapse;
  line-height: 1.5;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:none;
  background-color:#CFCFCF;
  padding:5px

}

table.type04 td{
  width:20%;
  border-collapse: collapse;
  line-height: 1.5;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:none;
  background-color:#fff;

}

/*++++++++　インデックスのタブ用　大枠テーブル　++++++*/

table.type05 {
  clear: both;
  width: 730px;
  border-collapse: collapse;
  line-height: 1.5;
  border:1px solid #999;
}


/*+++++　ボタンエリア「新しいナビボタンを追加する」++++++*/

table.type06 {
  width: 90%;
  border:none;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  background-color:#FFF2CC;
}

table.type06 th{
  padding:5px  ;
  vertical-align:middle;
  text-align:right;
}

table.type06 td{
  padding:5px;
  vertical-align:middle;
}


/*+++++　ボタンエリア「新しいナビボタンを追加する」 ※タブなし　++++++*/

table.type07 {
  border:none;
  margin-top:30px;
  margin-bottom:30px;
  background-color:#FFF2CC;
  width: 700px;
}

table.type07 th{
  padding:5px  ;
  vertical-align:middle;
  text-align:center;
}

table.type07 td{
  padding:5px;
  vertical-align:middle;
  text-align:left;

}

/*+++++　「編集したグループをお選びください。⇒」　++++++*/

table.type08 {
  border:none;
  margin-top:10px;
  margin-bottom:10px;
  background-color: #BFCFFF;
  clear: both;
  width: 700px;
}

/**/
table.type08 th{
  padding:15px  ;
  text-align:center;
}

table.type08 td{
  padding:15px;
  vertical-align:middle;
}

/*テーブル　中央揃え　サイズフリー*/
table.type09 {
  border:none;
  background-color: #fff;
  clear: both;
}

table.type09 th{
  padding:5px;
  text-align: center;
}


/*テーブル　1個目：右寄り、2個目：左寄り　サイズフリー*/
table.type10 {
  border:none;
  background-color: #fff;
  clear: both;
}

table.type10 th{
  padding:5px;
  text-align: right;
}




table.type010 td{
  padding:5px;
  text-align: left;
}



/*+++++　５列（変則型）バナーのタイトル用　++++++*/

.taitle-bana5 {
  width:600px;
  color:#fff;
  border:none;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  padding-right:5px;
  margin-top:40px;
  margin-bottom:5px;
  background-color:#D96D00;
}

/*+++++　５列（変則型）バナーのタイトル用　大バナー　++++++*/

.taitle-bana6 {
  width:660px;
  color:#fff;
  border:none;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  padding-right:5px;
  margin-top:40px;
  margin-bottom:5px;
  background-color:#4D7AFF;
}

/*+++++　５列（変則型）バナーのタイトル用　小バナー　++++++*/

.taitle-bana7 {
  width:660px;
  color:#fff;
  border:none;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  padding-right:5px;
  margin-top:40px;
  margin-bottom:5px;
  background-color:#FF9673;
}

.title-rakuten {
  width:660px;
  color:#fff;
  border:none;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  padding-right:5px;
  margin-top:10px;
  margin-bottom:5px;
  background-color:#B20000;
}

.title-yahoo {
  width:660px;
  color:#fff;
  border:none;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  padding-right:5px;
  margin-top:30px;
  margin-bottom:5px;
  background-color:#B25900;
}

.title-owncompany {
  width:660px;
  color:#fff;
  border:none;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  padding-right:5px;
  margin-top:30px;
  margin-bottom:5px;
  background-color:#006600;
}

/*+++++　イベント固定バナー　++++++*/
.botan-table01{
  border: 0;
  text-align: center;
}

/*++++++++　イベント固定バナー用の惑枠線　+++++++*/
.content-event-bana{
  width:740px;
  margin:20px 0 0 0;
  padding-top: 10px;
  height:400px;
  border: 1px solid #888;

}

/*++++++++　プルダウンのデザイン　+++++++*/
.ristdesgin{
  padding: 10px;
  background-color: bisque;

}


/*++++++++ フローティングバナーのラップ要素 +++++++*/
#fixed_right_banner
{
    /* 右端の上から20pxの位置に固定表示 */
    position: fixed;
    top: 200px;
    right: 0;
}

/* 画像の共通設定 */
#fixed_right_banner > *
{
    /* 横幅 */
    width: 65px;
}

/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 10px; }

/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;

    /* 透過変更をスムーズにする(任意) */
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
}

/* マウスオーバー時の表現 */
#fixed_right_banner > a:hover
{
    /* 20%透過させる */
    opacity: .8;
}

/* コンテンツに被らないようにするメディアクエリ */
@media (max-width: 760px)
{
    #fixed_right_banner { display: none; }
}
.header-space {
  margin:7px;
}