﻿/*--------
01 レイアウト
02 contents & main
03 ヘッダ・カテゴリーメニュー
04 ハンバーガー
05 ハンバーガーコンテンツ部分枠
06 ハンバーガーコンテンツ部分リスト
07 naviプロフィール・スマホ用
08 フッタ
10 固定の基本　img　form　error　thanksなど
11 h1～aリンク
12 小窓
13 フォント
14 位置関係 centerやleftやclearなど
20 枠や背景
21 テーブル
23 パンくずリスト
24　ピックアップリスト ad
28 Kachix
33 アンケート
34 Google　Yahoo　SNS
50 あんちゃん用
--------*/



* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#renew201808{
 padding-left:10px;
 height:auto;
 width:100%;
 text-align:left;
 color:#FFF;
 margin-bottom:1px;
 background-color:#F30;
 border-radius: 0.5em;/*角の丸み*/
}


/*    ---- 01　レイアウト ------------------------------------   */

body {
 font-family:"メイリオ", Tahoma, Verdana, Arial, sans-serif;
 margin:0;
 padding:0;
 background-color:#FFF;
 color:#333333;
 line-height:170%;
 font-size:16px;
 -webkit-text-size-adjust: 100%;
 text-align:center;
}

#wrap {
 width:100%;
 margin:0 auto;
 padding-top:0;
 padding-bottom:30px;
 text-align:center;
}

#wrap-form {
 width:100%;
 margin:10px;
 background-color:#FFF;
 border:1px solid #C0C0C0;
 text-align:center;
 height:100%;  
 overflow:auto;
}

@media screen and (min-width:780px) {
 #-----------------wrap {width:1024px; margin:0px auto;padding-top:0;}
}

/*    ---- 02 contents & main ------------------------------------   */

#content {
 text-align:center;
 width:100%;
}

#main,#main500,#main600,#main700,#main800,#main900,#main1000 {
 margin:0 auto;
 max-width:780px;
 padding:5px;
 line-height:170%;
 text-align:left;
}

@media screen and (min-width:780px) {
 #content {width:1024px;padding:20px 0;margin:0 auto;}
 #main,#main500,#main600,#main700,#main800,#main900,#main1000 
{width:65%;float:left;font-size:16px;line-height:180%;margin:0 10px 0 20px;}
}

/*    ---- 03 ヘッダ左・右 ------------------------------------   */

#header{
text-align:center;
}

#cat-menu{
height:90px;
width:100%;
text-align:center;
background-color:#336699;
}

#cat-menu a{
display:block;
float:left;
width:50%;
height:40px;
padding-top:8px;
color:#fff;
font-size:14px;
text-decoration:none;
background-color:#336699;
}

#cat-menu a:hover{
background-color:#4382C0;
}

@media screen and (min-width:780px) {
#cat-menu{height:60px;
padding:0 10%;}
#cat-menu a{width:23%;
height:60px;
padding-top:18px;
}
}


















/*    ---- 04 アコーディオン ------------------------------------   */

/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#2f8fcf;
    font-weight: bold;
    background :#a4cbf3;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#85baef;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}

/*    ---- 04 ハンバーガー ------------------------------------   */


header {
 position:fixed;
 padding:10px;　
 background:#66CCFF;
 top:10px;
 right:10px;
 border-radius:0.5em;/*角の丸み*/
}

#nav-drawer {
 position:relative;
 border:2px #FFF solid;
}

.nav-unshown {
 display:none;
}

/*アイコンのスペース*/
#nav-open {
 display:inline-block;
 width:30px;
 height:36px;
 vertical-align:middle;
}

#nav-open span, #nav-open span:before, #nav-open span:after {
 position:absolute;
 display:block;
 height:3px;/*線の太さ*/
 width:30px;/*長さ*/
 border-radius:5px;
 background:#336699;
 color:#ccc;
 font-size:14px;
 content:'Menu';
 cursor:pointer;/*マウスポインターの形*/
}

#nav-open span:before {content:'';}
#nav-open span:before {bottom:-8px;}
#nav-open span:after {bottom:-16px;}

#nav-close {
 display:none;/*はじめは隠しておく*/
 position:fixed;
 top:0;
 right:0;
 z-index:9999;
 width:90%;
 max-width:330px;
 padding-top:10px;
 height:40px;
 color:#fff;
 font-size:24px;
 text-align:center;
 background:#336699;
 opacity:1.0;/*透明度*/
 transition:.3s ease-in-out;/*滑らかに表示*/
}


/*    ---- 05 ハンバーガーコンテンツ部分枠 ------------------------------------   */

/*中身*/
#nav-content {
 padding:70px 5px 5px 5px;
 overflow:auto;	/*はみ出た部分の処理*/
 position:fixed;
 top:0;
 right:0;
 z-index:999;/*最前面に*/
 width:90%;
 max-width:330px;
 height:100%;
 text-align:center;
 background:#66CCFF;
 transition:.3s ease-in-out;/*滑らかに表示*/
 -webkit-transform:translateX(-105%);
 transform:translateX(105%);/*左に隠しておく*/
}

#nav-content000 {
 padding:70px 5px 5px 5px;
 width:330px;
 text-align:center;
 background:#66CCFF;
}

#navi-waku {
 width:98%;
 margin:auto;
 text-align:left;
 background-color:#fff;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {display: block;opacity: .5;}

#nav-input:checked ~ #nav-content {
    -webkit-transform:translateX(0%);
    transform:translateX(0%);/*中身を表示*/
    box-shadow:6px 0 25px rgba(0,0,0,.15);
}

/*    ---- 06 ハンバーガーコンテンツ　リスト部分 ------------------------------------   */

#navicat {
 text-align:center;
}

#navicat img {margin:0;}

#navicat a {
 display:block;
 float:left;
 width:44%;
 height:54px;
 margin:5px;
 padding:7px 1px 5px 1px;
 color:#000;
 font-size:14px;
 line-height:130%;
 text-decoration:none;
 border-radius:0.5em;/*角の丸み*/
 box-shadow:0px 0px 0px 3px #000;
 border:solid 2px #9CF;
 background:#fff;
}

#navicat a:hover {
 color:#336699;
 background-color:#dfefff;
}

#navi-cat-sub {
 padding:5px 0 5px 20px;
 text-align:center;
 margin-top:10px;
 margin-bottom:10px;
 font-size:13px;
}

#navi-cat-sub a {
 line-height:300%;
 margin:15px 20px 15px 5px;
}


.navi-cat-title {
 margin-top:10px;
 margin-bottom:5px;
 padding:10px;
 font-size:18px;
 color:#fff;
 background-color:#000;
}

.navi-cat-subtitle {
 padding:5px 0 5px 25px;
 color:#fff;
 background:url('images/rnavittbg.gif');
}

.navi-cat-list {padding:10px 5px;font-size:14px;color:#800000;}

.navi-cat-list a {
 line-height:300%;
 margin-right:20px;
 padding:1px 10px;;
 text-decoration:none;
 border-bottom:1px #66CCFF dotted;
}

.navi-cat-nonlist {
 padding:15px;
 font-size:14px;
 color:#000;
}

#navi-pc {display:none;}

@media screen and (min-width:780px) {
header {display:none;}
#navi-pc {display:inline-block;width:30%;float:right;margin-top:30px;text-align:left;}
.navi-cat-list a {margin:10px;}
}

/*    ---- 07 naviプロフィール・スマホ用 ------------------------------------   */

.profile-smah {
 margin:10px 2px;
 padding:5px;
 line-height:150%;
 text-align:left;
 border:2px #99CCFF dotted;
}

.profile-smah a{
 font-size:15px;
 text-decoration:none;
}

.profile-smah img{
 float:left;
 margin-right:15px;
 max-height:100px;
 width:auto; 
}

.profile-smah img a{
 border-left:0px #336699 double;
}

.profile-smah_name {
 font-size:18px;
 color:#CC3300;
 font-weight:bold;
}

img .btn_q {
 height:20px;
 width:21px;
}

img .friend_button {
 height:21px;
 width:175px;
}

@media screen and (min-width:780px) {
 .profile-smah {display:none;}
}

/*    ---- 08 フッタ ------------------------------------   */

#footer {
 width:100%;
padding: 40px 0;
color: #000000;
 text-align:left;
 background-color:#F0F0F0;
 font-size:13px;
}

#copyright{
 margin-bottom:60px;
 color:#FFFFFF;
 background-color:#000;
}

@media screen and (min-width:780px) {
 #footer{padding:20px 0;text-align:left;}
 #footer p{padding-left:200px;}
 #copyright{padding:10px 0;margin-bottom:0;}
}


/*    ---- 10　固定の基本 img　form　error　thanksなど ------------------------------------   */

.clearb{clear:both;}
ul li{list-style:none;}

img {
 border:0px;
 max-width:100%; !important;
 height:auto; !important;
}

.img100{
 width:100%;
 height:auto;
}

.img-left {
 float:left;
 margin:0 15px 0 0 !important;
 padding:0 !important;
 border:0 !important;
}

.img-right {
 float:right;
 margin:0 0 0 5px !important;
 padding:0 !important;
 border:0 !important;
}

.waku-im {
 border:1px solid #C9C9C9;
 margin-right:10px;
 padding:20px 10px;
}

/*  アンケートフォームのページで使用  */
.point-pre {
 margin:10px 0;
 padding:10px 0 0 200px;
 line-height:170%;
 height:59px;
 background:url("images/pointpresent.gif");
}

.error {
 padding:20px 0 0 120px;
 height:300px;
 background-repeat:no-repeat;
 background:url("images/mark-errors.gif");
}

.error-s {
 padding:20px 0 0 120px;
 height:140px;
 background-repeat:no-repeat;
 background:url("images/mark-errors.gif");
}

.thanks {
 padding:20px 0 0 120px;
 height:300px;
 background-repeat:no-repeat;
 background:url("images/mark-thankss.gif");
}

.thanks180 {
 padding:20px 0 0 120px;
 height:140px;
 background-repeat:no-repeat;
 background:url("images/mark-thankss.gif");
}

.indexwaku-clear{clear:both;}
.smahon{display:inline;}
.pcon{ display:none;}

@media screen and (min-width:780px) {
 .error {padding:20px 0 0 220px;height:400px;background:url("images/mark-error.gif");}
 .error-s {padding:20px 0 0 220px;height:180px;background:url("images/mark-error.gif");}
 .thanks {padding:20px 0 0 220px;height:400px;background:url("images/mark-thanks.gif");}
 .thanks180 {padding:20px 0 0 220px;height:180px;background:url("images/mark-thanks.gif");}
.smahon{display:none;height:0;}
.pcon{display:inline-block;}
}

/*    ---- 11　h1～aリンク ------------------------------------   */

h1 {
 font-size:20px;
 margin-top:40px;
 background: #336699; /*背景色*/
 padding: 1.2em 0.5em;/*文字周りの余白*/
 color: white;/*文字を白に*/
 border-radius: 0.5em;/*角の丸み*/
 box-shadow: 0px 0px 0px 5px #336699;
 border: dashed 2px #dfefff;
}

h2 {
 font-size:18px;
 margin-top:40px;
 padding: 0.5em 0.5em;
 color: #333;
 background: #dfefff;
 box-shadow: 0px 0px 0px 5px #dfefff;
 border: dashed 1px #96c2fe;
}

h3 {
 font-size:18px;
 margin-top:40px;
	padding-left:8px;
 border-left:5px #369 solid;
 background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

@media screen and (min-width:780px) {
 h1 {font-size:24px;}
 h2 {font-size:20px;}
 h3 {font-size:18px;}
}

.cat-title {
 margin:30px;
 line-height:170%;
 font-size:22px;
 font-weight:bold;
 text-align:center;
 color:#000;
}

.h1member {
 text-align:left;
 padding:50px 10px 30px 50px;
 background:url("images/bg-h1member.gif");
}

.h1ninsho {
 text-align:left;
 padding:30px 10px 30px 50px;
}

a{color:#0066CC;text-decoration:underline;font-weight:normal;}
a:hover {text-decoration:underline;font-weight:normal;color:#CCC;}
a:visited {}


/*    ---- 12　小窓 ------------------------------------   */

#swi-voicewrap {
 width:96%;
 padding:0 8px;
 font-size:14px;
 background-color:#FFF;
 border:1px solid #C0C0C0;
 text-align:left;
 background-color:#fff;
}

#swi-500 {
 width:96%;
 padding:0 8px;
 font-size:14px;
 background-color:#FFF;
 border:1px solid #C0C0C0;
 text-align:left;
 background-color:#fff;
}

#swi-600 {
 width:96%;
 padding:0 8px;
 font-size:14px;
 background-color:#FFF;
 border:1px solid #C0C0C0;
 text-align:left;
 background-color:#fff;
}

#swi-700 {
 width:96%;
 padding:0 8px;
 font-size:14px;
 background-color:#FFF;
 border:1px solid #C0C0C0;
 text-align:left;
 background-color:#fff;
}

@media screen and (min-width:780px) {
 #swi-voicewrap {width:500px;margin:10px auto;padding:20px;}
 #swi-500 {width:500px;margin:10px auto;padding:20px;}
 #swi-600 {width:600px;margin:10px auto;padding:20px;}
 #swi-700 {width:700px;margin:10px auto;padding:20px;}
}

/*    ----　13 フォント関連 -- 50音順 ------------------------------------   */

.bold20 {font-size:20px;font-weight:bold;}
.bold30 {font-size:24px;font-weight:bold;}
.C03 {color:#C0C0C0;}
.fsize18 {font-size:20px;}
.gray18 {font-size:20px;color:#666;font-weight:bold;text-decoration:underline;}

.blueb{color:#3399FF;font-weight:bold;}
.blue20 {color:#3399FF;font-size:20px;font-weight:bold;}
.green {color:#009900;}
.greenb {color:#009900;font-weight:bold;}
.green18 {color:#009900;font-size:20px;font-weight:bold;}

.kogecha {color:#804040;}
.kmF60 {color:#FF6600;font-weight:bold;}

.red {color:#CC3300;}
.font-red {color:#CC3300;}
.red-b {color:#CC3300;font-weight:bold;}
.red20 {color:#CC3300;font-size:20px;font-weight:bold;}
.red30 {color:#CC3300;font-size:24px;font-weight:bold;}
.font-cau1 {color:#CC3300;font-weight:bold;}



@media screen and (min-width:780px) {
.bold30 {font-size:30px;line-height:170%;}
.red30 {font-size:30px;line-height:170%;}
}


/*    ---- 14 位置関係 ------------------------------------   */

.al-center {text-align:center;}
.al-right {text-align:right;}
.al-left {text-align:left;}

.leftmgn10 {margin-left:5px;}
.leftmgn20 {margin-left:8px;}
.leftmgn30 {margin-left:12px;}
.tdmgn10 {padding-left:5px;}
.tdmgn20 {padding-left:8px;}
.tdmgn30 {padding-left:12px;}

@media screen and (min-width:780px) {
.leftmgn10 {margin-left:10px;}
.leftmgn20 {margin-left:20px;}
.leftmgn30 {margin-left:30px;}
.tdmgn10 {padding-left:10px;}
.tdmgn20 {padding-left:20px;}
.tdmgn30 {padding-left:30px;}
}



/*    ---- 20 枠や背景関係 50音順 ------------------------------------   */

.bgc-red {background-color:#800000;}

.waku {
 border:2px #FF8686 solid;
 padding:10px;
 margin:20px 5px;
 background-color:#FFF;
}

.waku-c {
 border:2px #ddd solid;
 color:#666;
 padding:10px;
 margin:10px 20px;
}

.waku-g {
 border:8px double #333;
 padding:10px;
 margin:20px 5px;
 background-color:#F9F9F9;
}

.waku-more {
 border:1px solid #000;
 color:#FF66FF;
 font-weight:bold;
 padding:20px;
 margin:20px 0;
 text-align:center;
 background-color:#333;
}

.waku-more a {
 margin:0 15px;
 font-weight:normal;
 font-size:16px;
 color:#FFF;
 text-decoration:underline;
}

.waku-original {
 padding:10px;
 margin-bottom:10px;
 border:2px solid #CCC;
 background:url("images/bg-infomain.gif");
}

.waku-profile {
 padding:20px 20px 10px 60px;
 margin:20px 0 20px 0;
 border:2px solid #CCC;
 background:url("images/bg-profile.gif");
}

.waku-search {
 margin:15px 0px;
 padding:10px 20px;
 color:#333;
 background-color:#F5F5F5;
 border:1px solid #ccc;
}

.waku-search input[type=text]{width:90%;}

.waku-search br{display:inline;}

.waku-step {
 width:88%;
 padding:10px;
 margin:20px auto;
 border:2px solid #FF8686;
 background-color:#FFF1F1;
}

@media screen and (min-width:780px) {
 .waku {padding:15px;margin:20px;}
 .waku-g {padding:15px;margin:20px;}
 .waku-more {padding:5px;margin:20px;color:#ff3300;}
 .waku-more a {font-size:14px;border:0;}
 .waku-search br{display:none;}
 .waku-search input[type=text]{width:50%;}
}

/*    ---- 21　テーブル関係 ------------------------------------   */

table {
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-collapse:collapse;
 padding:5px;
 text-align:left;
}

table th{
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 padding:15px;
 color:#111;
 text-align:left;
 background-color:#eee;
}

table td{
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 padding:8px;
 color:#666;
}

table td.tmenu {
 background-color:#eee;
}

table td.ffc {
 background-color:#FFFFCC;
}

table td.td369 {
 background-color:#336699;
 color:#ffffff;
}

table td.td800000 {
 background-color:#800000;
 color:#ffffff;
}

table td.tdef {
 background-color:#EFEFEF;
}

table.fff {
 border-top:0px solid #fff;
 border-left:0px solid #fff;
 border-collapse:collapse;
}

table.fff td{
 border-right:0px solid #fff;
 border-bottom:0px solid #fff;
}

/*    ---- 23 パンくずリスト ------------------------------------   */

.breadcb {
 padding-left:10px;
 height:24px;
 width:100%;
 margin-bottom:15px;
 background-color:#F1F1F1;
 border-radius: 0.5em;/*角の丸み*/
}

.breadcb ul {
 margin: 0;
 padding:0px;
 list-style:none;
}

.breadcb li {
 font-size:11px;
 float: left;
 padding:0px;
 margin:0px;
 list-style:none;
}

.breadcb li a{
 text-decoration:none;
}

.breadcb a {
 text-decoration:none;
 padding:5px;
 margin:5px;
}

@media screen and (min-width:780px) {
.breadcb {margin-bottom: 15px;height:24px;}
.breadcb li {font-size:13px;}
}

/*    ---- 24　ピックアップリスト ad　------------------------------------   */

/* ピックアップヘッタ700 */

.pu-mainhead{border:2px #C6EAF9 solid;}

.pu-mainhead ul{
 margin:0;
 padding:5px 0 5px 50px;
 background-image:url('images/bg_pu700at.gif');
 background-repeat:no-repeat;
}

.pu-mainhead li{
 text-align:left;
 padding:3px 0 3px 0;
 margin:0;
}

.pu-mainhead li a {font-size:14px;font-weight:bold;}


/* ピックアップフッタ */

.pu-mainfoot{
 border:2px #C6EAF9 solid;
 margin:10px 0;
}

.pu-mainfoot ul{
 padding:10px 0 10px 50px;
 margin:0;
 background-image:url('images/bg_pu700at.gif');
 background-repeat:no-repeat;
}

.pu-mainfoot li{
 text-align:left;
 padding:2px 0 2px 3px;
 margin:8px;
 border-left:10px #336699 solid;
}

.pu-mainfoot li a {font-size:14px;font-weight:bold;}

@media screen and (min-width:780px) {
.pu-mainhead{margin-top:14px;}
.pu-mainhead ul{padding:20px 0 20px 50px;}
.pu-mainhead li a {font-size:17px;}
.pu-mainfoot{}
.pu-mainfoot ul{padding:0 0 20px 100px;background-image:url('images/bg_pu700t.gif');background-repeat:no-repeat;}
.pu-mainfoot li{padding:20px 0 0;margin:0;border-left:0;}
.pu-mainfoot li a {font-size:17px;}
}


/* ad　フッタ広告枠 */

.mainadl{text-align:center;width:100%;}
.mainadr{text-align:center;width:100%;}


@media screen and (min-width:680px) {
.mainadl{float:left;width:59%;min-height:350px;max-height:auto;padding-top:10px;border:1px #F0F0F0 solid;}
.mainadr{float:right;width:39%;min-height:350px;max-height:auto;text-align:center;padding-top:10px;border:1px #F0F0F0 solid;}
}

/* ad　フッタ広告枠・対策版 */

.maina-dl{text-align:center;width:100%;}
.maina-dr{text-align:center;width:100%;}

@media screen and (min-width:680px) {
.maina-dl{float:left;width:59%;min-height:350px;max-height:auto;padding-top:10px;border:1px #F0F0F0 solid;}
.maina-dr{float:right;width:39%;min-height:350px;max-height:auto;text-align:center;padding-top:10px;border:1px #F0F0F0 solid;}
}


/*    ---- 28　Kachix　----------------------------------------------   */

.kachix-ca {
 margin:60px auto;
 padding:30px 0;
 color:#333;
 text-align:center;
 font-size:20px;
 font-weight:bold;
}


@media screen and (min-width:680px) {
.kachix-ca {font-size:30px;}
}



/*    ---- 34　Google　Yahoo　SNS ------------------------------------   */

.waku-gosence-main {
 text-align:center;
 margin:20px 0px;
}

.waku-social {
 padding:3px;
 text-align:center;
 margin:20px 0;
 border:5px #99CCFF dotted;
 background-color:#FFF;
}

.waku-gad {
 padding:5px 0;
 margin:5px 0;
 text-align:center;
 border:1px #99CCFF solid;
}

.waku-gad img{
 width:90%;
 height:auto;
}



.waku-gad_side {
 padding:10px 0px;
 text-align:center;
 border-width:10px 1px 1px 1px;
 border-color:#6699CC;
 border-style:solid;
}

@media screen and (min-width:780px) {
.waku-social {padding:10px;}
}

/*    ---- 50　ancss ------------------------------------   */

.err_msg {color:#ff0000;}
.email_conf {font-size:24px;font-weight:bold;}

.char_count {font-size:24px;font-weight:bold;}
.char_count_message {font-size:14px;color:#000000;}

.clear_border {border:0px;}
.clear_border_entry {border:0px;table-layout:fixed;text-align:center;vertical-align:bottom;}
.clear_border_width20 {border:0px;table-layout:fixed;vertical-align:bottom;width:20px;}
.clear_border_width40 {border:0px;table-layout:fixed;vertical-align:bottom;width:40px;}
.clear_border_width150 {border:0px;table-layout:fixed;vertical-align:bottom;width:150px;}
.clear_border_width200 {border:0px;table-layout:fixed;vertical-align:bottom;width:200px;}
.clear_border_width250 {border:0px;table-layout:fixed;vertical-align:bottom;width:200px;}
.clear_border_width350 {border:0px;table-layout:fixed;vertical-align:bottom;width:350px;}

.staff_login {
 width:400px;
 margin:0px auto;
 font-size:14px;
 text-align:left;
 padding:20px 25px;
}

.new_icon {
 background-image:url(/images/icon_new.gif);
 background-repeat:no-repeat;
 background-position:left;
 padding:10px 0px 0px 24px;
}

.new_icon2 {
 background-image:url(/images/icon_new2.gif);
 background-repeat:no-repeat;
 background-position:left;
 padding:10px 0px 0px 24px;
}

.new_counter {
 font-size:10pt;
 color:#FD7E00;
 font-weight:bold;
 vertical-align:super;
 background-repeat:no-repeat;
 background-position:left;
 padding:0px 0px 0px 5px;
}

.mail_icon {
 background-image:url(/images/icon_mail.gif);
 background-repeat:no-repeat;
 background-position:left;
 padding:10px 0px 0px 24px;
}

.message1_icon {
 background-image:url(/images/icon_message1.gif);
 background-repeat:no-repeat;
 background-position:left;
 padding:10px 0px 0px 24px;
}

.message2_icon {
 background-image:url(/images/icon_message2.gif);
 background-repeat:no-repeat;
 background-position:left;
 padding:10px 0px 0px 24px;
}

.hidden_icon {
 background-image:url(/images/icon_hidden.gif);
 background-repeat:no-repeat;
 background-position:left;
 font-size:11pt;
 padding:0px 0px 0px 0px;
}

/*--スペース的なもの　ノートのコメントで使用確認--*/
.hidden_icon2 {
 background-image:url(/images/icon_hidden.gif);
 background-repeat:no-repeat;
 background-position:left;
 font-size:11pt;
 padding:10px 0px 0px 24px;
}

label {
 text-align:right;
 padding-right:15px;
}

.accordion_head {cursor:pointer;}

.keyword_color {
 background:yellow;
 color:#000;
}

div.contents_title_bar {
 margin:0em;
}

div.contents_title_bar div.title_bar {
 margin:30px 0 20px 0;
 background-color:#F0F0F0;
 color:#666666;
 border:1px solid #CCC;
 padding:5px 10px;
}

div.contents_title_bar div.left_part {
 text-align:left;
 float:left;
}

div.contents_title_bar div.right_part {
 text-align:right;
}

.editsec {
 margin:30px 0 20px 0;
 color:#666;
 border:1px solid #CCC;
 padding:2px 10px;
 background-color:#F0F0F0;
}

/*    ---- 念のため残す ------------------------------------   */

.waku-puside {
}

.waku-puside ul {
margin:0 0 5px 0;
padding:10px;
border:2px #6699CC solid;
height:90px;
}

.waku-puside li {
padding:5px;
line-height:180%;
font-size:14px;
margin:0px;
}

.waku-puside li a{
text-decoration:underline;
font-weight:bold;
}

.waku-ibestmnote {
 text-align:left;
 height:160px;
 padding:20px 20px 0 40px;
 margin:20px;
 background:url("images/index-best_monitor_note.gif");
}

.waku-im {
 border:1px solid #C9C9C9;
 margin-right:10px;
 padding:20px 10px;
}

.waku-iml {
 border:1px solid #C9C9C9;
 margin:10px 10px 0 0;
 padding:8px;
}

.waku-imr {
 border:1px solid #C9C9C9;
 margin:10px 0 0 10px;
 padding:8px;
}

.waku-more_kotsu {
 border:1px solid #000;
 color:#ff3300;
 padding:5px;
 margin:40px 20px 20px 20px;
 text-align:center;
 background-color:#333;
}

.waku-more_kotsu a {
 color:#FFF;
 text-decoration:underline;
}

/*-- テーブル --*/
table.adgh{
width:95%;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
margin:10px auto;
background-color:#FFF;
}

.adgh td{
font-size:10px;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
background-color:#FFF;
}

table.t-messa {
border-top:1px solid #fff;
border-left:1px solid #fff;
border-collapse:collapse;
padding:3px;
}

table.t-messa td{
border-right:1px solid #fff;
border-bottom:1px solid #CCC;
padding:20px;
color:#000000;
}

table.fffra {
border-top:0px solid #fff;
border-left:0px solid #fff;
border-collapse:collapse;
}

table.fffra td{
border-right:0px solid #fff;
border-bottom:0px solid #fff;
padding-left:20px;
padding-right:20px;
}

/*    ---- 後々削除 ------------------------------------   */
.r-pickup {
font-size:15px;
margin-top:15px;
padding:50px 20px 1px 20px;
line-height:140%;
background:url("images/rnavibg-pickupm.gif");
}

.r-pickup p {
border-bottom:1px #FFC0C0 solid;
}

.r-pickup a {
line-height:160%;
padding-left:8px;
border-left:0px #FFC0C0 double;
}

.r-pickup a:hover {
color:#CCC;
}

.rnvwaku {
 font-size:15px;
 padding:0 0 10px 10px;
 margin:0 0 20px 0;
 color:#333;
 line-height:180%;
 border-width:0 1px 1px 1px;
 border-color:#6699CC;
 border-style:solid;
}

.rnvtbg {
 font-size:16px;
 margin-top:10px;
 padding:2px 0 2px 25px;
 color:#ffffff;
 background:url('images/rnavittbg.gif');
}


