* { color:#555555;
 padding:0;
 font-size: 13px;
 line-height: 160%;
 margin: 0;
 font-family: Verdana, Arial, sans-serif; 
}

body {
 background: url(img2/bg.gif) repeat-x;
}

h2 {
 wigth: 608px;
 height: 46px;
 font-size: 18px;
 background: url(img2/h2bg.gif) no-repeat;
 text-indent: 30px;
 color: #333;
 line-height: 40px;
 margin: 5px 0 5px 0;
}


a { color:#4B70CD; }

a:hover { text-decoration: none; }

hr { clear: both; height: 1px; color: #CCCCCC; background-color: #CCCCCC; }

.img {
  float: left;
  margin: 0;
  clear: both; 
}

.imgr {
  float: right;
  margin: 0;
  clear: both; 
}


 /* ベース -------------------------------------------------------------------*/ 
#base {
 width: 860px;
 margin-right: auto;
 margin-left: auto;
 background: #fff; 
}

 #wrap {
  width: 860px;
  float: left;
  padding: 10px;
  border-bottom: 1px solid #ccc;
 }


 /* ヘッダー -------------------------------------------------------------------*/ 
#header {
 width: 880px;
 height: 250px;
 background: url(img2/headerbg.jpg) ;
}

#header .logo_h {
 font-size: 26px;
 font-weight: bold;
 color: #FF8C3F; 
}

h1 a {
 font-size: 18px;
 color: #fff;
 display: block;
 width: 400px;
 text-decoration: none;
 padding-top: 130px;
 padding-bottom: 5px;
 padding-left: 25px; 
}

p#desc {
 color: #000;
 display: block;
 width: 400px;
 text-decoration: none;
 padding-left: 25px;
 font-size: 10px;
}

p#desc2 {
 font-size: 16px;
 color: #000;
 display: block;
 width: 330px;
 text-decoration: none;
 padding-left: 25px; 
}


 /*ナビゲーション ----------------------------------------------- */ 
#nav {
 width: 845px;
 height: 25px;
 margin-top: 10px;
 background-image: url(img2/nav2.gif);
 padding-left: 15px; 
}

#nav p { color: #999; padding-top: 3px; }

#nav table { float: right; margin-right: 10px; }

#nav label { font-size: 10px; color: #FFFFFF; }

#nav td { padding-left: 1px; }

#nav a { color: #1e90ff; padding-left: 5px; padding-right: 5px; font-size: 10px; }

#nav a:hover { color: #32cd32; border-bottom-style: none; }


 /* コンテンツ -------------------------------------------------------------------*/ 
#contents {
 width: 630px;
 float: left;
 padding: 5px;
}

#contents p{
 padding-top: 5px;
 padding-bottom: 5px;
 margin-right: 20px;
 line-height: 20px; 
}

#contents h3 {
 wigth: 608px;
 height: 29px;
 font-size: 14px;
 background: url(img2/h3bg.gif) no-repeat;
 text-indent: 30px;
 color: #0054bc;
 line-height: 25px;
 margin: 30px 0 0 0;
}

.entryin {
  width: 400px;
  float: left;
}

.news h3 {
 width: 380px;
 height: 37px;
 font-size: 14px;
 text-indent: 20px;
 background-image: url(img2/dtbg.gif) ;
 color: #1e90ff;
 margin-bottom: 5px;
 margin-left: 15px; 
}

.top_cat {
 padding-bottom: 5px;
 padding-right: 15px;
 padding-top: 5px;
 padding-left: 10px; 
}

.top_cat p a{ font-size: 10px; padding-left: 5px; }


 /* 解説項目用 -------------------------------------------------------------------*/ .description{
 margin-right: 15px;
 margin-left: 15px;
 background-color: #F5F4F1;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: dotted;
 border-bottom-style: dotted;
 border-left-style: dotted;
 border-right-color: #999999;
 border-bottom-color: #999999;
 border-left-color: #999999;
 margin-bottom: 10px; 
}

.description p{ padding:10px; margin:0; color: #333333; }


 /* サイド・メニュー -------------------------------------------------------------------*/ 
#side {
    float: left;
    width: 194px;
    padding: 5px;
    margin-left:2px;
    border-left: 1px solid #ccc;
}

#side_d {
    float: right;
}

#side_d h3 {
    display: block;
    width: 190px;
    height: 61px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background: url(img2/sideh3bg.gif);
    font-size: 12px;
}

#side_d li { list-style-type: none; }

#side_d li a {
    display: block;
    width:190px;
    height: 39px;
    text-align: left;
    text-indent: 25px;
    line-height: 30px;
    font-size: 12px;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    color: #555;
    background-image: url(img2/side4_ch.gif);
}

#side_d li a:hover {
    color: #000;
    text-decoration: underline;
    background-image:url(img2/side4_ch2.gif);
}

.side_tokushub {
   display: block;
   width: 190px;
   height: 20px;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 5px;
   background: url(img2/sidebg.gif) no-repeat bottom;
}


#side img { border:none; }

#side p {
  padding: 10px 0 0 5px;
}



 /* サイド　ランキング -------------------------------------------------------------------*/
#side_rank {
    background: #fff; 
}

#side_ranktop {
    width: 185px;
    height: 35px;
    background: url(img2/sidetop.gif);
    margin-right: auto;
    margin-left: auto; margin-bottom: 0px;
}

#side_rank h3 {
    display: block;
    width: 190px;
    height: 61px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background: url(img2/side_rank1.gif);
    font-size: 12px;
}

#side_rank li { list-style-type: none; }

#side_rank li a {
    display: block;
    width:190px;
    height: 39px;
    text-align: left;
    text-indent: 25px;
    line-height: 30px;
    font-size: 12px;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    color: #555;
    background-image: url(img2/side4_ch.gif);
}

#side_rank li a:hover {
    color: #000;
    text-decoration: underline;
    background-image:url(img2/side4_ch2.gif);
}

 /* アドセンス -------------------------------------------------------------------*/ 
.ads { margin-top: 5px; margin-bottom: 5px; text-align: center; }


 /* フッタメニュー -------------------------------------------------------------------*/ 
#f_menu {
 clear: both;
 padding-top: 10px;
 padding-right: 15px;
 padding-bottom: 5px;
 padding-left: 15px;
 text-align: center;
 background-color: #F0EFEE;
 background-image: url(img/dot.gif);
 background-repeat: repeat-x;
 background-position: top; 
}

#f_menu li {
 list-style-type: none;
 display: inline;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #333333;
 padding-right: 5px;
 padding-left: 5px;
 font-size: 10px; 
}

#f_menu ul { margin-top: 5px; margin-bottom: 5px; }

#f_menu li a { font-size: 10px; }


 /* コピーライト -------------------------------------------------------------------*/ 
address {
 background: url(img2/footer.gif);
 font-style: normal;
 color: #444;
 text-align: center;
 padding-top: 20px;
 padding-bottom: 5px;
 display: block;
 font-size: 10px;
 clear: both;
 margin: 20px 0 20px 0;

}


 /* TOPページ -------------------------------------------------------------------*/ 
.cat_box {
  width: 860px;
}

.cat {
  width: 400px;
  float: left;
  border-right: 1px solid #ccc;
}

.cat h3 {
 width: 380px;
 height: 37px;
 font-size: 14px;
 text-indent: 20px;
 background-image: url(img2/dtbg.gif) ;
 color: #1e90ff;
 margin-top: 25px;
 margin-bottom: 5px;
 margin-left: 5px; 
}

.top_cat {
 padding-bottom: 5px;
 padding-right: 15px;
 padding-top: 5px;
 padding-left: 10px; 
}

.top_cat p a{ font-size: 10px; padding-left: 5px; }

#top_img {
 width:100%;
 text-align: center;
 background-color: #666666;
 border: 1px solid #C6CFD0;
 background-image: url(img/linebg3.jpg); 
}

.ctgy dt{
 margin-bottom:0;
 font-weight: bold;
 background-image: url(img2/dt4.gif);
 background-position: left;
 background-repeat: no-repeat;
 padding-left: 18px; 
}

.ctgy dd{
 margin-bottom: 10px;
 padding-left: 15px;
}

.ctgy dd a {
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #AAAAAA;
 padding-left: 5px;
 margin-left: 5px;
 font-size: 10px; 
}


 /* カテゴリーページ用 -------------------------------------------------------------------*/ 
.cat_list dt{
 background-image: url(img/sankaku.gif);
 background-position: left;
 background-repeat: no-repeat;
 padding-left:15px;
 padding-top: 5px;
 padding-bottom: 5px; 
}

.cat_list dd{
 margin-bottom:10px;
 font-size:12px;
 margin-left: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #999999;
 padding-bottom: 5px;
 border-left-width: 3px;
 border-left-style: solid;
 border-left-color: #E1E1E1;
 padding-left: 10px; 
}


 /* エントリページ用 -------------------------------------------------------------------*/ 
.entry-body{
 padding-right: 15px;
 padding-top: 5px;
 padding-bottom: 5px; 
}

.entrylist {
  padding:0 0 0 25px;
}

.entrylist li{
 list-style-type:none;
 margin-top:4px;
 margin-left: 10px;
 font-size: 8px;
}

.line{ background-color:#ffff00; }

.org1{color:#FF8000;font-weight: bold}

.red {color:#FF2B2B; font-weight: normal }

.blue1{color:#2B60FF;font-weight: bold}

.blue {color: #002595; font-weight: normal }

.blue-bold {color: #EA0000; font-weight: bold ; font-size: 14px}

.blue-large {color: blue; font-weight: bold; font-size: 14px }

.red1{color:#FF0000;font-weight: bold}

.org{color:#FF8000;font-weight: bold}

.black1{color:#000000;font-weight: bold}

.point{color:#00BF30;font-weight: bold; font-size:15px}


 /* 太字---(投稿時に【 B 】のボタンで囲った箇所) */ 
strong{ font-weight:normal; }
.red { color: #ff0000; }
.br {
  font-weight: bold;
  color: #ff0000;
}
.brr {
  border-bottom: 1px solid #ff0000;
  color: #555;
  font-weight: bold;
}


 /* イタリック---(投稿時に【 I 】のボタンで囲った箇所) */ 
em{ color:#000000; font-weight:normal; font-style:normal; }


.contentblock{ width:100%; height:450px; margin-top:10px; }

.cb01{
 background:url(img/b001.gif) right bottom no-repeat;
 width:49%;
 height:200px;
 float:left;
 display:black;
 margin-right:2px;
 margin-bottom:2px; 
}

.cb02{
 background:url(img/b002.gif) right bottom no-repeat;
 width:49%;
 height:200px;
 float:left;
 display:black;
 margin-right:2px;
 margin-bottom:2px; 
}

.cb03{
 background:url(img/b003.gif) right bottom no-repeat;
 width:49%;
 height:200px;
 float:left;
 display:black;
 margin-right:2px;
 margin-bottom:10px; 
}

.cb04{
 background:url(img/b004.gif) right bottom no-repeat;
 width:49%;
 height:200px;
 float:left;
 display:black;
 margin-right:2px;
 margin-bottom:10px; 
}

.center{ text-align:center; }


 /*タブ切り替えテーブル*/ 
#tabcontainer{
 width:540px;
 padding:10px 0;
 background:url(img/linebg3.jpg);
 text-align:center; 
}

.tabheader table {
 border-collapse: collapse;
 /* for IE */ border-spacing: 0; /* for N6 */
 width:530px;
 margin:0 auto; 
}

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

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

.tabheader .open {
 width:100px;
 height:35px;
 background-color: white;
 margin:0;
 padding: 0px;
 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:100px;
 text-align:center;
 line-height:35px;
 display:block;
 font-size:0.8em; 
}

.tabheader a {text-decoration: none;}

.tabbody { padding:0; width:500px; }

.tabbody table {
 margin:0 auto 0 5px;
 width: 530px;
 border-collapse: collapse;
 border: solid 1px #cacaca;
 font-size:0.8em;
 background:#fff; 
}

.tabbody table.centertab{ text-align:center; }

.tabbody span.maru{
 display:block;
 width:auto;
 height:15px;
 text-align:center;
 margin:0 auto;
 background:url(img/maru.gif) no-repeat center; 
}

.tabbody table.moba td{ width:120px; }
.tabbody table.hoyu1 th.w30{ width:30px; }
.tabbody td.shamei{ width:130px; text-align:center; line-height:20px; padding:0; }
.tabbody td.shamei img{ margin:0; padding:0; border:none; }
.tabbody td.shamei a{ margin:0; padding:0; border:none; }
.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; 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; }


/*詳細ボタン*/
.shousai a{ margin-left:15px; }

.shousai1 a{
    display:block;
    width: 427px;
    height: 61px;
    background:url(img2/shousai1.gif) no-repeat;
    text-indent:-5000px;
    margin:10px 0;
    overflow:hidden;

}

.shousai1 a:hover{
    background:url(img2/shousai2.gif) no-repeat;
}


.as {
  height: 200px;
  border: 1px solid #ccc;
  margin: 20px 0 0 0;
}

.asd1 {
  margin: 10px 0 0 0;
  background: url(img2/asd1.jpg) no-repeat;
  width: 537px;
  height: 214px;
}

.asd2 {
  margin: 10px 0 0 0;
  background: url(img2/asd2.jpg) no-repeat;
  width: 537px;
  height: 231px;
}

.asd1_con{
  width: 537px;
  height: 116px;
  background: url(img2/asd1.gif) no-repeat bottom;
}

.goentrytop a {
  display:block;
  width: 141px;
  height: 29px;
  background: url(img2/ptop1.gif);
  margin: 20px 0 30px 0;
  float: right;
  overflow:hidden;
  text-indent:-5000px;
}

.goentrytop a:hover {
  background: url(img2/ptop2.gif);
}



/*口コミレビュー*/
.kutiwaku {
   background: #ffe5b2;
   border: 1px solid #999;
   margin: 10px 0 20px 0;
}

.kutiwaku_in1 {
   width: 608px;
   height: 15px;
   margin: 0;
   background: url(img2/kutif.gif) no-repeat;
}

.kutiwaku_in2 {
   margin: 0 10px 10px 10px;
   background: #fff;
   border: 1px solid #ccc;
}

.kutih {
   width: 608px;
   height: 64px;
   background: url(img2/kutih.gif) no-repeat;
}

.kutih_in{
   padding-left: 70px;
   padding-top: 10px;
   color: #000;
}

.kutiwaku p {
   padding-left: 10px;
   background: #fff;
}


.news {
  float: left;
display:block;
width: 400px;
text-indent: 5px;
padding-top: 25px;
margin-bottom: 10px;
}
.news ul{
 margin-left:20px;
}
.news ul li{
 font-size: 10px;
 padding: 10px 0 10px 25px;
 background: url(img2/dt5.gif) left top no-repeat;
 border-bottom: 1px solid #f3f3f3;
 list-style: none;
}


/*トップページランキング*/
.toprank1 {
  margin-top: 20px;
  width: 616px;
  height: 62px;
  background: url(img2/toprank1.gif) no-repeat;
  text-indent: 20px;
  line-height: 40px;
}

.toprank1 h4 a{
  font-size: 22px;
  color: #fff;
  font-weight: normal;
  text-decoration: underline;
}

.toprank1 h4 a:hover{
  color: #0000ff;
  text-decoration: none;
}




.toprank2 {
  margin-top: 20px;
  width: 616px;
  height: 115px;
  background: url(img2/toprank2.gif) no-repeat;
}

.toprank2 h4 {
  font-size: 18px;
  text-indent: 110px;
  line-height: 70px;
}

.toprank2 h4 a{
  font-size: 18px;
  text-indent: 110px;
  line-height: 70px;
}



.toprank3 {
  margin-top: 20px;
  width: 616px;
  height: 115px;
  background: url(img2/toprank3.gif) no-repeat;
}

.toprank3 h4 {
  font-size: 18px;
  text-indent: 110px;
  line-height: 70px;
}

.toprank3 h4 a{
  font-size: 18px;
  text-indent: 110px;
  line-height: 70px;
}



/*ブログページランキング*/
.stoprank1 {
  margin-top: 10px;
  width: 616px;
  height: 83px;
  background: url(img2/stoprank01.gif) no-repeat;
}

.stoprank1 h4 {
  font-size: 18px;
  text-indent: 110px;
  line-height: 50px;
}

.stoprank1 h4 a{
  font-size: 18px;
  text-indent: 110px;
  line-height: 70px;
}

.stoprank1_in {
  width: 616px;
  background: url(img2/stoprank01bg.gif) bottom;
  margin-bottom: 10px;
}

.stoprank1_in1 {
  width: 580px;
  margin: 0 auto;
  padding: 5px 5px;
}


.ranking2r2{
  width: 300px;
  height: 50px;
  margin: 0;
  font-weight: bold;
  background: url(img2/rnkbg2_top.gif) no-repeat top;
}

.ranking2r2 h4 {
  text-indent: 90px;
  line-height: 50px;
  padding-top: 15px;
}

.ranking2 {
 width: 300px;
 float: left;
 background: url(img2/rnkbg2.gif) no-repeat bottom;
}

.ranking_in {
  width: 280px;
  margin: 0 auto;
  padding: 5px 0 5px 10px;
}


.ranking02 {
 width: 300px;
 float: right;
 background: url(img2/rnkbg2.gif) no-repeat bottom;
}

.ranking02r3 h4 {
  text-indent: 90px;
  line-height: 50px;
  padding-top: 15px;
}

.ranking02r3 {
  width: 300px;
  height: 50px;
  text-indent: 85px;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  background: url(img2/rnkbg2_top.gif) no-repeat top;
}


.ranking3 {
 width: 300px;
 float: right;
 background: url(img2/rnkbg2.gif) no-repeat bottom;
}

.ranking3r3 h4 {
  text-indent: 90px;
  line-height: 50px;
  padding-top: 15px;
}

.ranking3r3 {
  width: 300px;
  height: 50px;
  text-indent: 85px;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  background: url(img2/rnkbg3_top.gif) no-repeat top;
}


.sshousai a{
    float: right;
    display:block;
    width: 191px;
    height: 45px;
    background:url(img2/sshousai1.gif) no-repeat;
    text-indent:-5000px;
    margin:10px 0;
    overflow:hidden;

}

.sshousai a:hover{
    background:url(img2/sshousai2.gif) no-repeat;
}


.stoprank3 {
  margin-top: 10px;
  width: 616px;
  height: 52px;
  background: url(img2/stoprank03.gif) no-repeat;
}

.stoprank3 h4 {
  text-indent: 70px;
  line-height: 80px;
}

.stoprank3 h4 {
  text-indent: 70px;
  line-height: 50px;
}

.stoprank3 h4 a{
  text-indent: 70px;
  line-height: 50px;
}


.stoprank4 {
  margin-top: 10px;
  width: 616px;
  height: 52px;
  background: url(img2/rank4bg.gif) no-repeat;
}

.stoprank4 h4 {
  text-indent: 70px;
  line-height: 80px;
}

.stoprank4 h4 {
  text-indent: 70px;
  line-height: 50px;
}

.stoprank4 h4 a{
  text-indent: 70px;
  line-height: 50px;
}

.ranktitle h4 {
 wigth: 614px;
 height: 65px;
 font-size: 18px;
 background: url(img2/rankh4.gif) no-repeat;
 text-indent: 70px;
 color: #333;
 line-height: 60px;
 margin: 10px 0 0 0;
}


.ninnkititle h4 {
 wigth: 614px;
 height: 65px;
 font-size: 18px;
 background: url(img2/h4bg.gif) no-repeat;
 text-indent: 70px;
 color: #333;
 line-height: 60px;
 margin: 10px 0 0 0;
}



.newrank02 {
  margin-top: 10px;
  width: 616px;
  height: 83px;
  background: url(img2/newrank02.gif) no-repeat;
}

.newrank02 h4 {
  font-size: 18px;
  text-indent: 110px;
  line-height: 50px;
}

.newrank02 h4 a{
  font-size: 18px;
  text-indent: 110px;
  line-height: 70px;
}


.newrank03 {
  margin-top: 10px;
  width: 616px;
  height: 83px;
  background: url(img2/newrank03.gif) no-repeat;
}

.newrank03 h4 {
  font-size: 18px;
  text-indent: 110px;
  line-height: 50px;
}

.newrank03 h4 a{
  font-size: 18px;
  text-indent: 110px;
  line-height: 70px;
}