/* 基本レイアウト */

body { }


html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }


/* 見出し */

h1, h2, h3, h4, h5, h6
{
    margin: 0;
    font-weight: normal;
    font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W7";
}


/* リンク色（ページ全体） */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff9900; }



/* ●バナー画像入れ替え● */

#banner {
    background: url(img/banner.jpg) no-repeat bottom left;
}

/* ●タイトル背景色● */

/* ページレイアウト */


body {
    min-width: 950px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 0.9em;
    color: #333;
    background: #fff;/* 背景色 */
    line-height: 1.5;
    font-family: "ＭＳ Ｐゴシック";
    position: relative;
}


/* ヘッダー（レイアウト） */


#header {
    position: relative;
    margin: 10px auto 0;
    padding: 0;
    width: 950px;
    height: 74px;
    text-align: left;
    background:url(img/headerbg.gif) top;
}

#banner {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: 180px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: left;
}

#logo
{
    height:70px;
    margin: 0;
    position:absolute; top: 1px; left: 10px;
}

/* ヘッダー（サイトタイトル） */

#header h1
{
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.25;
    position:absolute; top: 15px; left: 270px;
    color: #999;
}

#header p
{
    margin: 0;
    width:450px;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.25;
    position:absolute; top: 35px; left: 270px;
    color: #999;
}

#home
{
    margin: 0;
    width: 48px;
    height: 48px;
    position:absolute; top: 36px; right: 100px;
    background: url(img/home2.png) no-repeat;
}

#home a
{
    margin: 0;
    width: 48px;
    height: 48px;
    display: block;
    background: url(img/home1.png) no-repeat;
}

#home a:hover
{
    margin: 0;
    width: 48px;
    height: 48px;
    background: none;
}

#rss
{
    margin: 0;
    width: 48px;
    height: 48px;
    position:absolute; top: 36px; right: 40px;
    background: url(img/rss2.png) no-repeat;
}

#rss a
{
    margin: 0;
    width: 48px;
    height: 48px;
    display: block;
    background: url(img/rss1.png) no-repeat;
}

#rss a:hover
{
    margin: 0;
    width: 48px;
    height: 48px;
    background: none;
}

#home a span, #rss a span
{
    display: none;
}

#banner h2
{
    width: 900px;
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    position:absolute; top: 0px; left: 0px;
    color: #fff;
    z-index: 2;
    text-indent: 8px;
}

#banner p { margin:0 }

/* メインコンテンツ全体 基本レイアウト*/


#container
{
    position: relative;
    width: 910px;
    _width:950px;
    margin: 0px auto 0 auto;
    padding: 10px 20px;
    text-align: center;
    background:url(img/containerbg.gif) repeat-y  #fff;
}


#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* メインコンテンツ基本レイアウト（記事部分） */

#main
{
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    background:none;
    margin: 0px 0 0 0px;
    padding: 0;
}
#content
{
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    width: 590px;
    margin-right:20px;
    padding: 0;
    background:none;
}


#content p.bread{
    font-size:0.8em;
    margin:0 0 10px 0;
    padding:0;
}
.contents
{
    position: relative;
    min-height: 1px;
    text-align: left;
    margin: 0 0 5px;
    padding: 0;
    _padding: 0;
    border: 1px solid #eee;
    background: #fcfcfc;
}

#pickupt
{
    position: relative;
    min-height: 1px;
    text-align: left;
    width: 490px;
    height: 40px;
    margin: 10px 0 0;
    padding: 1px 0;
    background: url(img/pickupt.gif) no-repeat top;
}

#pickupt span
{
    display: none;
}

#pickup
{
    position: relative;
    min-height: 1px;
    text-align: left;
    width: 490px;
    * width: 510px;
    margin: 0;
    padding: 10px;
    clear: both;
    display: block;
    background: url(img/pickup.gif) no-repeat bottom;
}

.tops
{
    position: relative;
    text-align: left;
    width: 490px;
    min-height: 120px;
    margin: 0;
    padding: 1px 0;
    clear: both;
    display: block;
    border-bottom: 1px dotted #ff9999;
}

#main #pickup p
{
    margin: 5px 0;
    line-height: 1.2;
    font-size: 1em;

}


/* メインコンテンツ基本レイアウト（サイドメニュー） */

#left
{ 
    position: relative;
    float: right;
    min-height: 1px;
    text-align: left;
    width:300px;
    padding: 0;
    margin: 0;
    background:#fff;
}

#side
{ 
    position: relative;
    float: right;
    min-height: 1px;
    text-align: left;
    width: 150px;
    _width: 150px;
    margin: 30px 10px 0 0;
    _margin: 30px 5px 0 0;
}

#right { float: right; }
#left { float: left; }


/* 記事部分見出し */
span.header1
{
 display:block;
 position: relative;
 width: auto;
 _width: 100%;
 margin: 2px;
 padding: 12px 0 12px 10px;
 border-top: 3px solid #006699;/* 大見出し上部ライン色 */
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
 line-height: 1.25;
 font-size: 1.4em;
 font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
 text-transform: uppercase;
 clear: both;
 letter-spacing: 0.1em;
 background: #d2e1ff;
}

.header1
{
 display:block;
 position: relative;
 width: auto;
 _width: 100%;
 margin: 2px;
 padding: 12px 0 12px 10px;
 border-top: 3px solid #006699;/* 大見出し上部ライン色 */
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
 line-height: 1.25;
 font-size: 1.4em;
 font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
 text-transform: uppercase;
 clear: both;
 letter-spacing: 0.1em;
 background: url(img/li.gif);
}

.header
{
 _height:45px;
 position: relative;
 margin: 0;
 padding: 0;
 border-bottom: 3px solid #ff9999;/* 大見出し上部ライン色 */
 line-height: 42px;
 font-size: 1.5em;
 font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
 letter-spacing: 0.2em;
 text-indent:20px;
 color:#fff;
 background:url(img/headerbg.jpg) top no-repeat;
}

.header1 .date
{
 display: block;
 font-size: 0.6em;
 color: #666;
 letter-spacing: 0em;
 margin: 0;
 padding: 0;
 position:absolute; top: 5px; right: 5px;
}

.header2
{
 position: relative;
 margin-top: 15px;
 border-left: 5px solid #ff6666;
 padding: 5px 0 5px 10px;
 font-size: 1.1em;
 font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
 line-height: 1.25;
 background: #ffcccc;
}

.header3
{
 position: relative;
 margin-top: 10px;
 background:url(http://www.tou-hyou.com/img/header3bg.gif) no-repeat;
 padding: 2px 0 2px 40px;
 font-size: 1.1em;
 font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
 line-height: 30px;
}

.header4
{
 position: relative;
 margin-top: 10px;
 padding: 2px 0 2px 40px;
 font-size: 1.6em;
 font-weight: normal;
 line-height:35px;
 color:#0f80ff;
 border-bottom:3px solid #72c8ff;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
}

.tops .header
{
 position: relative;
 margin: 0;
 border-bottom: none;
 padding: 0 0 0 5px;
 font-size: 14px;
 font-weight: normal;
 font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
 color: #ff6600;
 line-height: 1.25;
 display: inlineblock;
 letter-spacing: 0;
}

.header a, .header2 a  { text-decoration: none; }


#main p {
    margin: 15px 0;
    padding: 0;
}
.note p{
    margin: 25px 0;
    background-image: url(img/note.gif);
    line-height: 25px;
}

.entry
{
 line-height: 1.5;
 margin: 5px 0;
 padding: 10px; 
 border: 1px dotted #ffcccc;
 clear:both;
}
.pr{
  width:100%;
  background:url(img/dottedline.gif) no-repeat top;
  padding-top:10px;
}



.qa{
 background:url(img/qestion.gif) no-repeat left;
 padding-left:50px;
 height:45px;
 margin-bottom:15px;
 width:100%;
 clear:both;
}
.qa p{
 border:1px solid #cacaca;
 background:#e3eeff;
 line-height:45px;
 text-indent:10px;
 width:450px;
}
.qaa{
 background:url(img/answer.gif) no-repeat left top;
 padding-left:50px;
 width:100%;
 height:auto;
 margin-bottom:15px;
 clear:both;
 padding-bottom:20px;
 border-bottom:1px dotted #cacaca;
}
.qaa p{
 border:1px solid #cacaca;
 background:#ffe4e4;
 line-height:25px;
 padding:10px;
 width:450px;
 float:none;
 _float:right;
}


.entry2
{
 line-height: 1.5;
 margin: 5px 0 10px 0;
 padding: 10px; 
 border: 1px dotted #ffcccc;
 clear:both;
}
.entry4
{
 line-height: 1.5;
 margin: 5px 0 10px 0;
 padding: 10px 0 40px 0; 
 clear:both;
}
body#top h3{
 line-height:40px;
 margin:0 0 20px 0;
}

.entry4 h3{
   border-left:5px solid #ea6cb6;

   font-weight:bold;
   text-indent:5px;
   font-family: "ＭＳ Ｐゴシック";
}
.entry4 h3 a{
   text-decoration:none;
   display:block;
}
.entry4 h3 a:hover{
   text-decforation:underline;
   background:#ffd4fa;
   display:block;
}
#mokuji span a{
   font-weight:bold;
   font-size:0.9em;
   text-decoration:none;
   font-family: "ＭＳ Ｐゴシック";
   padding:0px 15px;
   border-bottom:1px dotted #cacaca;
   background:url(img/list.gif) no-repeat;
   text-indent:20px;
   display:block;
   line-height:28px;
}

.entry .note p{
   background:url(http://www.tou-hyou.com/img/note_line.gif);
   line-height:34px;
}

.more
{
 float:right;
 margin: 0px;
 position:relative;

}

.shousai a{
 display:block;
 width:90px;
 height:23px;
 text-indent:-5000px;
 background:url(img/shousaikotira.gif) no-repeat;
}
.shousai a:hover{
 display:block;
 width:90px;
 height:23px;
 text-indent:-5000px;
 background:url(img/shousaikotirah.gif) no-repeat;
}


/* フッター */


#footer
{
    position: relative;
    width: 950px;
    margin: 0 auto 10px;
    padding: 0;
    height: 80px;
    line-height:80px;
    text-align: center;
    font-size: 0.9em;
    clear: both;
    background: url(img/footerbg.gif) top repeat-x;
}


#footer p { margin: 0; padding: 0; line-height:80px;}


.copy
{ 
    margin: 0;
    padding: 20px 0 0;
    color: #667ec8;
    font-size: 0.9em;
}

#f-navi
{
    position: relative;
    width: 950px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    background: url(img/containerbg.gif) repeat-y #fff;
}
#f-navi a{
    text-decoration:none;
    font-size:0.8em;
}

/* サイドメニュー内部 */

.cat-header
{
    position: relative;
    width: 200px;
    height: 8px;
    margin: 0 auto;
    text-align: center;
    padding: 1px 0;
    background: url(img/cat_h.gif) #e6edfe;
}

#left li.ctitle
{
 position: relative;
 display: block;
 width: 300px;
 _width:300px;
 height: 38px;
 _height: 50px;
 margin: 0;
 padding: 13px 0 0 0;
 text-indent: 20px;
 color: #333;
 background: url(img/sidecatbg.gif) no-repeat;
 font-size: 1.4em;
 line-height: 38px;
 font-weight:bold;
}
#left li.ttitle
{
 position: relative;
 display: block;
 width: 300px;
 _width:300px;
 height: 38px;
 _height: 50px;
 margin: 0;
 padding: 13px 0 0 0;
 text-indent: 20px;
 color: #333;
 background: url(img/sidecattyumokubg.gif) no-repeat;
 font-size: 1.4em;
 line-height: 38px;
 font-weight:bold;
}

.cat-header span
{
    display: none;
}

.cat-cont
{
    position: relative;
    width: 300px;
    margin: 0;
    padding: 0;
    background: url(img/cat_f.gif) no-repeat bottom;

}

#left .cat-cont ul
{
    margin: 0px;
    padding: 0;
}

#left .cat-cont li a
{
    display: block;
    line-height: 20px;
    margin: 2px 0;
    padding: 0;
    letter-spacing: 0;
    text-decoration: none;
    color: #666;
    padding-left: 20px;
    border-left:none;
    border-bottom: none;
    background: url(img/catli.gif) no-repeat left;
}

#left .cat-cont li a:hover
{
    display: block;
    line-height: 20px;
    margin: 2px 0;
    padding: 0;
    letter-spacing: 0;
    text-decoration: none;
    color: #666;
    padding-left: 20px;
    border-left: none;
    border-bottom: none;
    background: url(img/catlih.gif) no-repeat left;
}

#side ul, #left ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}


#side li, #left li
{
    width: 300px; 
    _width: 300px; 
    display: block;
    line-height: 20px;
    margin: 2px 0;
    padding: 0;
    letter-spacing: 0;
    text-decoration: none;
    color: #666;
    background: url(img/li.gif) ;
}


#side li a, #left li a
{
    width: 300; 
    _width: 300px; 
    font-size: 0.9em;
    padding: 0;
    color: #666;
    display: block;
    line-height: 30px;
    margin: 0;
    text-indent:37px;
    text-decoration: none;
    border-left: 3px solid #ddd;
    border-bottom: 1px dotted #ccc;
    background:url(img/bullet_04.png) no-repeat;
    background-position:20px 50%;
}

#side li a, #left li.info a
{
    width: 300; 
    _width: 300px; 
    font-size: 0.9em;
    padding: 5px 3px 5px 10px;
    color: #666;
    display: block;
    line-height: 1.5;
    margin: 0;
    text-decoration: none;
    border-left: none;
    border-bottom: none;
}


#side li a:hover, #left li a:hover
{
    border-left: 3px solid #b01c69;
    color: #b01c69;
    background:url(img/bullet_04.png) no-repeat;
    background-position:20px 50%;
}

.side-header
{
 position: relative;
 width: auto;
 height: 30px;
 _height: 40px;
 margin: 5px 0 0;
 padding: 10px 0 0;
 color: #333;
 background: url(img/st.gif) no-repeat;
 font-size: 11px;
 line-height: 20px;
 text-align: center;
 letter-spacing: 1em;
}

.box
{
    position: relative;
    width: auto;
    _width: 100%;
    line-height: 1.5;
    margin: 0 0 5px;
    padding: 0 15px;
    font-size: 0.9em;
    border: 1px solid #dcdcdc;
}

.gotop
{
    height: 18px;
    text-align: right;
    margin: 15px;
    padding: 0 20px 0 0;
    background: url(img/gotop.gif) no-repeat right;
    clear: both;
}

#side p, #left p
{
    margin: 5px 0;
    padding: 0;
}


.center { text-align: center; }


.b {
    font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W7";
    font-weight: normal; 
    font-size: 1.2em;
}
.widget
{
    margin: 0;
    padding: 10px 0;
}


.widget-center
{
    margin: 0;
    padding: 10px 0;
    text-align: center;
}


.img { margin: 0 10px 10px; float: left; }
.imgr { margin: 0 10px 10px; float: right; }
.imgt { margin: 5px 5px 10px 10px; float: left; }
.line { border-top: 1px dashed #ccc; clear: both; margin: 0 5px; font-size: 5px;}
img { border: none; }
#left table {
    width: 190px;
    font-size: 0.9em;
    margin: 0 auto 4px;
}

#left th { padding: 2px 0; text-align: center;
border: 1px solid #ddd;
background: #eee;
}
#left td { padding: 2px 0; text-align: center;
border: 1px solid #ddd;
background: #fff;
}

#left dl { margin: 5px; }


.side2
{
    margin: 0;
    padding: 0;
    width: 200px;
    min-height: 200px;
    _height: 200px;
    background: url(img/side2.gif) no-repeat right;
    text-align: center;
}
.side-cont
{
    margin: 1px 0 0px;
    padding: 0;
    background: #fff;
    text-align: center;
}

.rcont
{
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 0.9em;
    text-align: left;
}

.tops
{
    font-size: 0.85em;
    margin: 0;
}
#pickup p
 {
    margin: 0 5px;
}

.imgleft{
    float:left;
    margin:0 10px 10px 0;
}

.imgright{
    float:right;
    margin:0 0 10px 10px;
}
.point{
    display:block;
    text-indent:-5000px;
    background:url(img/point.gif) no-repeat left;
    line-height:16px;
    }
.omousikomi a{
     display:block;
     width:477px;
     height:78px;
     text-indent:-5000px;
     background:url(img/omousikomi10.gif) no-repeat;
}
.omousikomi a:hover{
     display:block;
     width:477px;
     height:78px;
     text-indent:-5000px;
     background:url(img/omousikomi10h.gif) no-repeat;
}

table.cosmehyou
{
    width: 100%;
    border: 1px #CACACA solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.9em;
}
table.cosmehyou2
{
    width: 100%;
    border: 1px #CACACA solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.9em;
}
table.cosmehyou3
{
    width: 470px;
    _width:452px;
    border: 1px #CACACA solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.9em;
    margin-top:10px;
}


table.cosmehyou td
{
    padding: 1px;
    border: 1px #CACACA solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    line-height:10px;
}
table.cosmehyou2 td
{
    padding: 10px;
    border: 1px #CACACA solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    line-height:15px;
    height:33px;
}
table.cosmehyou3 td
{
    padding: 1px;
    border: 1px #CACACA solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    text-indent:5px;
    line-height:15px;
    height:33px;
}


table.cosmehyou td.pikup
{
    padding: 1px;
    border: 1px #CACACA solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    background:#ffecb9;
    line-height:30px;
}

table.cosmehyou td.cosmehyou1{
    width:80px;
    padding: 1px;
    border-top: 1px #CACACA solid;
    border-left: 1px #CACACA solid;
    border-right: 1px #fff solid;
    border-bottom: 1px #CACACA solid;    border-width: 0 0 1px 1px;
    text-align: left;
    line-height:1.2em;
}
table.cosmehyou td.cosmehyou2{
    width:150px;
    padding: 1px;
    border-top: 1px #CACACA solid;
    border-right: 1px #CACACA solid;
    border-left: 1px #fff solid;
    border-bottom: 1px #CACACA solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    line-height:1.2em;
}


table.cosmehyou th
{
    padding: 5px 0;
    border: #CACACA solid;
    border-width: 0 0 1px 1px;
    background: #d0eeff;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    white-space: nowrap;
}

table.cosmehyou2 th
{
    padding: 5px 10px;
    text-indent:5px;
    border: #CACACA solid;
    border-width: 0 0 1px 1px;
    background: #f0f0f0;
    font-weight: bold;
    line-height: 15px;
    text-align: right;
    white-space: nowrap;
    height:33px;
}

table.cosmehyou3 th
{
    padding: 5px 0;
    text-indent:5px;
    border: #CACACA solid;
    border-width: 0 0 1px 1px;
    background: #fdecc0;
    font-weight: bold;
    line-height: 15px;
    text-align: left;
    white-space: nowrap;
    height:33px;
}


.point01{
    float:right;
    width:370px;
    display:block;
    height:40px;
    text-indent:20px;
    font-weight:bold;
    background:url(img/point001.gif) no-repeat left top;
}
.point02{
    float:right;
    width:370px;
    display:block;
    height:40px;
    text-indent:20px;
    font-weight:bold;
    background:url(img/point001.gif) no-repeat left top;
}
.point03{
    float:right;
    width:370px;
    display:block;
    height:40px;
    text-indent:20px;
    font-weight:bold;
    background:url(img/point001.gif) no-repeat left top;
}
.entry1{
    padding:5px 15px 5px 15px;
    background:url(img/entry1bg.gif) no-repeat;
    clear:both;
}
.entry3{
    margin:20px 0 0 0;
}
.shousai a{
 display:block;
 width:90px;
 height:23px;
 text-indent:-5000px;
 background:url(img/shousaikotira.gif) no-repeat;
}
.shousai a:hover{
 display:block;
 width:90px;
 height:23px;
 text-indent:-5000px;
 background:url(img/shousaikotirah.gif) no-repeat;
}
.jouhou a{
  text-decoration:none;
  display:block;
  font-size:0.8em;
  text-indent:25px;
  line-height:24px;
  margin-top:5px;
  background:url(img/jouhou.gif) no-repeat;
}
.soudan a{
  text-decoration:none;
  display:block;
  font-size:0.8em;
  text-indent:25px;
  line-height:24px;
  margin-top:5px;
  background:url(img/jouhou.gif) no-repeat;
}


.kekkonservice a{
  text-decoration:none;
  display:block;
  font-size:0.8em;
  text-indent:25px;
  line-height:24px;
  margin-top:5px;
  background:url(img/side_rank1.jpg) no-repeat;
}
.kekkonservice2 a{
  text-decoration:none;
  font-size:0.8em;
  display:block;
  line-height:24px;
  text-indent:25px;
  margin-top:5px;
  background:url(img/side_rank2.jpg) no-repeat;
}
.kekkonservice3 a{
  text-decoration:none;
  font-size:0.8em;
  display:block;
  text-indent:25px;
  line-height:24px;
  margin-top:5px;
  background:url(img/side_rank3.jpg) no-repeat;
}

.topnavi{
  width:900px;
  _width:898px;
  background:url(img/topnavibg.gif) repeat-x;
  position:absolute; top:0; left:0;
  height:33px;
  }
.topnavi01 a{
  display:block;
  background:url(img/home.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}
body.index .topnavi01 a{
  display:block;
  background:url(img/homeh.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}

.topnavi01 a:hover{
  display:block;
  background:url(img/homeh.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}

.topnavi02 a{
  display:block;
  background:url(img/repo.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}
body#tpost .topnavi02 a{
  display:block;
  background:url(img/repoh.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}

.topnavi02 a:hover{
  display:block;
  background:url(img/repoh.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}

.topnavi03 a{
  display:block;
  background:url(img/serv.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}
.topnavi03 a:hover{
  display:block;
  background:url(img/servh.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}

.topnavi04 a {
  display:block;
  background:url(img/tokushu.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}
body#t40around .topnavi04 a {
  display:block;
  background:url(img/tokushuh.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}

.topnavi04 a:hover{
  display:block;
  background:url(img/tokushuh.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  line-height:33px;
  float:left;
}

.topnavi05 a{
  display:block;
  background:url(img/sonota.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  _width:175px;
  line-height:33px;
  float:left;
}
.topnavi05 a:hover{
  display:block;
  background:url(img/sonotah.gif) no-repeat;
  text-indent:-5000px;
  width:180px;
  _width:175px;
  line-height:33px;
  float:left;
}

.wakutop{
   background:url(img/wakutop.gif) no-repeat;
width:502px;
height:82px;
   margin:0px 0 0 5px;
   clear:both;


}
.wakubottom{
   background:url(img/wakubottom.gif) no-repeat bottom;
   width:502px;
   margin:0px 0 20px 5px;
   clear:both;
   padding:0 0 15px 0;

}

#main .wakubottom p{
   margin:0px;
   padding:0px 10px;
}
#main .wakutop p{
   margin:0;
   padding:15px 10px 15px 10px;
   border-bottom:1px dotted #cacaca;
   clear:both;
}
#main .wakutop p.small{
   font-size:0.8em;
   color:#6e6e6e;
   clear:both;
}


.wakutop2{
   background:url(img/wakutop2.gif) no-repeat;
width:645px;
height:82px;
   margin:0px 0 0 5px;
   clear:both;


}
.wakubottom2{
   background:url(img/wakubottom2.gif) no-repeat bottom;
   width:645px;
   margin:0px 0 20px 5px;
   clear:both;
   padding:0 0 15px 0;

}

#main .wakubottom2 p{
   margin:0px;
   padding:0px 10px;
}
#main .wakutop2 p{
   margin:0;
   padding:15px 10px 15px 10px;
   border-bottom:1px dotted #cacaca;
   clear:both;
}


.newentry{
   padding:10px 0;
   border-bottom:1px dotted #cacaca;
}
.newentry:hover{
   background:url(img/newentrybg.gif) no-repeat right;
}
.newentry h3 a{
   text-decoration:none;
   font-size:0.8em;
   font-weight:bold;
   font-family: "ＭＳ Ｐゴシック";
   padding-left:19px;
   line-height:20px;
   background:url(img/newentryicon.gif) no-repeat left;
   }













/* 文字装飾 */

.bbb /* 最大・太字 */
{
    color: #000;
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
    padding: 0;
}

.bb /* 大・太字 */
{
    color: #000;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.b /* 太字 */
{
    font-weight: bold;
}

.bbbr /* 最大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.bbr /* 大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.br /* 赤・太字 */
{
    color: #dc0000;
    font-weight: bold;
}


/* 文字色 */
.red { color: #cc0000; } /* 赤 */ 
.blue { color: #506DC5; font-size:16px;} /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 

.line /* 背景マーカー処理 */
{
    background: #ffff00;
}


.u /* アンダーライン */
{
    border-bottom: 2px solid ;
border-color: #000000;
}


.u1 /* アンダーライン */
{
    border-bottom: 3px dotted ;
border-color: #ff0000;
}
.u2 /* アンダーライン */
{
    border-bottom: 3px dotted ;
border-color: #32CD32;
}


.u3 /* アンダーライン */
{
    border-bottom: 2px solid ;
border-color: #ff9900;
}




.u4 /* アンダーライン */
{
    border-bottom: 5px double ;
border-color: #ff9900;
}






.order a {
    display: block;
    height: 60px;
    width: 320px;
    margin: 50px auto;
    background: url(imgimg/push.gif) no-repeat #ff0000;
    text-indent: -9999px;
}

.order a:hover {
    display: block;
    height: 60px;
    width: 320px;
    margin: 50px auto;
    background: url(imgimg/push_h.gif) no-repeat #ff9900;
}

/* 赤小文字 */

.kome { font-size: 12px; color: #cc0000; line-height: 1.25;}

.s { text-align: center; font-size: 12px; color: #333; line-height: 1.25; }
.copy { text-align: center; font-size: 12px; color: #666; line-height: 1.25; margin: 5px 0 50px;}








/*  ラインマーカー
-------------------------------------------------------------*/
.line1 { background: #ff99cc; } /*ピンク*/
.line2 { background: #ff9966; } /*オレンジ*/
.line3 { background: #ccff66; } /*黄緑*/
.line4 { background: #99ccff; } /*水色*/
.line5 { background: #ccccff; } /*ラベンダー*/


/*  フォントの指定
-------------------------------------------------------------*/

.font{ font-family: "HGP創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; }
.arial{ font-family: "Arial"; }
.arial-b{ font-family: "Arial Black"; }
.comic{ font-family: "Comic Sans MS"; }
.courier{ font-family: "Courier New"; }
.time{ font-family: "Times New Roman"; }
.impact{ font-family: "Impact"; }
.trebuchet{ font-family: "Trebchet MS"; }
.verdana{ font-family: "Verdana"; }


/*  フォントのサイズ
-------------------------------------------------------------*/

.fs9{ font-size: 9pt!important; }
.fs10{ font-size: 10pt!important; }
.fs11{ font-size: 11pt!important; }
.fs12{ font-size: 12pt!important; }
.fs14{ font-size: 14pt!important; }
.fs16{ font-size: 16pt!important; }
.fs18{ font-size: 18pt!important; }
.fs20{ font-size: 20pt!important; }
.fs22{ font-size: 22pt!important; }
.fs24{ font-size: 24pt!important; }







/*  線
-------------------------------------------------------------*/

.border1 { border: 1px solid #cccccc; }/*グレーの線*/
.border2 { border: 1px solid #ff99cc; }/*ピンクの線*/
.border3 { border: 1px solid #cc0000; }/*赤の線*/
.border4 { border: 1px solid #000000; }/*黒の線*/
.border5 { border: 6px solid #ff0000; }/*黒の線*/



/* ---------------------------------------------
ボックス
--------------------------------------------- */

.box
{
    margin: 10px 0;
    border: 1px solid #999;
    background-color: #fff;
    padding: 0 10px;
    clear: both;
    line-height: 1.25;
}

.box p
{
    margin: 10px 0;
    line-height: 1.5;
    font-size: 0.9em;
}


/* ---------------------------------------------
文字装飾
--------------------------------------------- */

.bbb /* 最大・太字 */
{
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
    padding: 0;
}

.bb /* 大・太字 */
{
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.bbbr /* 最大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.bbr /* 大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.b { font-size: 1.1em; } /* 太字 */
.br { color: #dc0000; font-size: 1.1em; } /* 赤・太字 */
.line { background: #ffff00; } /* 背景マーカー処理 */
.u { border-bottom: 1px solid ; } /* アンダーライン */
.kome { font-size: 12px; color: #cc0000; line-height: 1.25;} /* 赤小文字 */ 
.s { font-size: 12px; color: #333; line-height: 1.25; } /* 小文字 */ 


/* ---------------------------------------------
文字色
--------------------------------------------- */

.red { color: #cc0000; } /* 赤 */ 
.blue { color: #003399; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 


.sitaya{
    display:block;
    background:url(img/sitaya.gif) no-repeat center;
    text-indent:-5000px;
    margin:10px 0;
}
.pages{
    clear:both;
}
.pages .page01not{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page01.gif);
    float:right;
    margin-right:5px;
}
.pages .page02not{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page02.gif);
    float:right;
    margin-right:5px;
}
.pages .page03not{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page03.gif);
    float:right;
    margin-right:5px;
}
.pages .page04not{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page04.gif);
    float:right;
    margin-right:5px;
}

.pages .page01 a{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page01h.gif);
    float:right;
    margin-right:5px;
}
.pages .page01 a:hover{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page01.gif);
    float:right;
    margin-right:5px;
}

.pages .page02 a{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page02h.gif);
    float:right;
    margin-right:5px;
}
.pages .page02 a:hover{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page02.gif);
    float:right;
    margin-right:5px;
}


.pages .page03 a{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page03h.gif);
    float:right;
    margin-right:5px;
}
.pages .page03 a:hover{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page03.gif);
    float:right;
    margin-right:5px;
}


.pages .page04 a{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page04h.gif);
    float:right;
    margin-right:5px;
}
.pages .page04 a:hover{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/page04.gif);
    float:right;
    margin-right:5px;
}
.pages .pageprevious a{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/previous.gif);
    float:right;
    margin-right:5px;
}
.pages .pageprevious a:hover{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/previoush.gif);
    float:right;
    margin-right:5px;
}

.pages .pagenext a{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/next.gif);
    float:right;
    margin-right:5px;
}
.pages .pagenext a:hover{
    text-indent:-5000px;
    width:40px;
    height:40px;
    display:block;
    background:url(img/nexth.gif);
    float:right;
    margin-right:5px;
}
.step01{
    display:block;
    width:660px;
    line-height:120px;
    background:url(img/step1.jpg) no-repeat;
    text-indent:30px;
}
.step01 span{ font-weight:bold; color:#ff9c28;}
.step02{
    display:block;
    width:660px;
    line-height:120px;
    background:url(img/step2.jpg) no-repeat;
    text-indent:30px;
}
.step02 span{ font-weight:bold; color:#ff9c28;}
.step03{
    display:block;
    width:660px;
    line-height:120px;
    background:url(img/step3.jpg) no-repeat;
    text-indent:30px;
}
.step03 span{ font-weight:bold; color:#ff9c28;}
.step04{
    display:block;
    width:660px;
    line-height:120px;
    background:url(img/step4.jpg) no-repeat;
    text-indent:30px;
}
.step04 span{ font-weight:bold; color:#ff9c28;}

.step4banner a{
     display:block;
     width:490px;
     height:100px;
     background:url(img/4stepbanner.jpg) no-repeat;
     text-indent:-5000px;
}
.step4banner a:hover{
     display:block;
     width:490px;
     height:100px;
     background:url(img/4stepbannerh.jpg) no-repeat;
     text-indent:-5000px;
}


.konkatu_gaiyou{
     border-top:1px dotted #cacaca;
     padding:20px 10px;
     margin:20px 0 0 0;
}
.konkatu_tokutyou{
     border-top:1px dotted #cacaca;
     padding:20px 10px;
     margin:20px 0 0 0;
}
.konkatu_canpen{
     border:1px solid #e86505;
     padding:5px 20px;
     margin:20px 0 0 0;

     
}

.service_gaiyou{
     display:block;
     line-height:22px;
     background:url(img/service_gaiyou.gif) no-repeat left;
     text-indent:-5000px;
}
.service_tokutyou{
     display:block;
     line-height:22px;
     background:url(img/service_tokutyou.gif) no-repeat left;
     text-indent:-5000px;
}
.service_point{
     display:block;
     color:#ea6f16;
     font-weight:bold;
     line-height:25px;
     margin-top:15px;
}
/*会社バナー一覧*/
.left{ float:left; margin:0 10px 0 0;}
.right{ float:right; }
 /*オーネット*/
.o-net{
     display:block;
     width:173px;
     height:80px;
     margin:10px; 0 0 0;
     text-indent:-5000px;
     background:url(http://www.potable.jp/img/o-net.gif) no-repeat center center;
     line-height:80px;
  }

 /*サンマリエ*/
.sanmarie{
     display:block;
     width:173px;
     height:80px;
     margin:10px; 0 0 0;
     text-indent:-5000px;
     background:url(http://www.potable.jp/img/sanmarie.gif) no-repeat center center;
     line-height:80px;
  }

 /*パートナーエージェント*/
.partneragent{
     display:block;
     width:173px;
     height:80px;
     margin:10px; 0 0 0;
     text-indent:-5000px;
     background:url(http://www.potable.jp/img/partneragent.gif) no-repeat center center;
     line-height:80px;
  }

 /*ノッツェ*/
.nozze{
     display:block;
     width:173px;
     height:80px;
     margin:10px; 0 0 0;
     text-indent:-5000px;
     background:url(http://www.potable.jp/img/nozze.gif) no-repeat center center;
     line-height:80px;
  }

 /*club02*/
.club02{
     display:block;
     width:173px;
     height:80px;
     margin:10px; 0 0 0;
     text-indent:-5000px;
     background:url(http://www.potable.jp/img/club02.gif) no-repeat center center;
     line-height:80px;
  }

 /*ツヴァイ*/
.zwei{
     display:block;
     width:173px;
     height:80px;
     margin:10px; 0 0 0;
     text-indent:-5000px;
     background:url(http://www.potable.jp/img/zwei.gif) no-repeat center center;
     line-height:80px;
  }

 /*エンジェル*/
.enjeru{
     display:block;
     width:173px;
     height:80px;
     margin:10px; 0 0 0;
     text-indent:-5000px;
     background:url(http://www.potable.jp/img/enjeru.gif) no-repeat center center;
     line-height:80px;
  }

 /*マッチドットコム*/
.matchcom{
     display:block;
     width:173px;
     height:80px;
     margin:10px; 0 0 0;
     text-indent:-5000px;
     background:url(http://www.potable.jp/img/matchcom.gif) no-repeat center center;
     line-height:80px;
  }

/*タブ切り替えテーブル*/
.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}

.tabheader table tr td {margin:0;padding:0;border-width:0}

.tabheader .close {
  width:120px;
  height:35px;
  margin:0;
  padding: 5px;
  white-space: nowrap;

}
.tabheader .open {
  width:120px;
  height:35px;
  background-color: white;
  margin:0;
  padding: 5px;
  white-space: nowrap;

}
.tabheader .spc {
  border-style: solid;
  border-width: 1px 0 1px 0; 
  border-color: #fff #fff #000 #fff;
  margin:0;
  padding: 0;
  white-space: nowrap;
}
.tabheader a{
  background:url(img/tabbg.gif) no-repeat;
  width:120px;
  text-align:center;
  line-height:35px;
  display:block;
  font-size:0.8em;
}
.tabheader a {text-decoration: none;}
.tabbody {
  padding: 1em;
}

.tabbody table {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 630px;
  border-collapse: collapse;
  border: solid 1px #cacaca;
 font-size:0.8em;
}

.tabbody table caption {
  margin-top: 1em;
  text-align: left;
}

.tabbody table th,
.tabbody table td {
  border: solid 1px #cacaca;
  padding: 4px 6px;
}

.tabbody table th {
  background: #ffdbdb;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

.tabbody table td.course {
  text-align: center;
  font-size: 0.8em;
}

.tabbody table td.time,
.tabbody table td.fee {
  text-align: right;
  white-space: nowrap;
}

.boxpr1 {
width: 350px; /* ボックスの横幅 */
background-color: #E3F0FB; /* 背景色 */
border: 1px #1C79C6 solid; /* 枠線（太さ・色・スタイル） */
} 

.boxpr2 {
width: 500px; /* ボックスの横幅 */
background-color: #ffffff; /* 背景色 */
border: 1px #1C79C6 solid; /* 枠線（太さ・色・スタイル） */
} 

.topheader {
        width:590px;
	padding:0;
	margin-bottom:25px;
        margin-top:20px;
        clear:both;
        background:url#000;
}
.topheader h3{
	text-indent:20px;
        background:url(img/topheaerbg.gif) ;
        line-height:37px;
}
#main .topheader p{
	padding: 0 20px;
}
.topcontentcontena{
        clear:both;
        background:none;
}
.topcontent{
        width:275px;
        float:left;
        margin:0 10px 20px 0;
        background:none;
}
.topcontent a{
        display:block;
        margin:0 0 5px 0;
}

.entryindex{
        padding:15px;
        border:1px solid #dab76f;
        width:560px;
        _width:590px;
        margin-top:20px;
        background:url(img/entryindexbg.gif) repeat-x #ede1ca;
        
}
.entryindex a{
        width:265px;
        display:block;
        float:left;
        margin:0 0 10px 0;
        background:url(img/14.gif) no-repeat left;
        padding-left:15px;
}

/*ランキング*/
.domainranking{
        width:570px;
        _width:590px;
        background:url(img/deaiwaku.gif) no-repeat top;
        margin:10px 0 0 0; padding:10px; clear:both;
}

.domainranking .rank1{
        background:url(img/rank1.gif) no-repeat;
        line-height:50px;
        display:block;
        text-indent:60px;
}
.domainranking .rank2{
        background:url(img/rank2.gif) no-repeat;
        line-height:50px;
        display:block;
        text-indent:60px;
}
.domainranking .rank3{
        background:url(img/rank3.gif) no-repeat;
        line-height:50px;
        display:block;
        text-indent:60px;
}
.domainranking .rank4{
        background:url(img/rank4.gif) no-repeat;
        line-height:50px;
        display:block;
        text-indent:60px;
}
.deaiwakubottom{
        width:570px; _width:590px;
        height:20px;
        background:url(img/deaiwakubottom.gif) no-repeat bottom;
        margin-bottom:30px; padding:0 10px;
}
#main .domainranking p{
    width:390px; float:right;
}
table.deaitable {
    width: 390px;
    border: 1px #fb9c98 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.9em;
}

table.deaitable th {
    padding: 5px;
    border: #fb9c98 solid;
    border-width: 0 0 1px 1px;
    background: #fce8f1;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.deaitable td {
    padding: 5px;
    border: 1px #fb9c98 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
.domainranking .sonota{
    display:block;
    background:url(img/dottedline.gif) no-repeat bottom;
    line-height:25px;
    margin-bottom:5px;
}

.shousai a{
      width:170px; height:95px;
      display:block; clear:both;
      background:url(img/shousai.gif) no-repeat;
      text-indent:-5000px;
}
.shousai a:hover{
      width:170px; height:95px;
      display:block; clear:both;
      background:url(img/shousaih.gif) no-repeat;
      text-indent:-5000px;
}