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

 h2 {
 widght: 554px;
 height: 45px;
 font-size: 16px;
 line-height: 45px;
 background: url(img2/h2bg.gif) no-repeat;
 padding-left: 20px;
 color: #333333;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-right: 3px;
 margin-left: 3px; 
}

 h4 { padding-left: 3px; margin: 5px; }
 h4,h4 a { color: #515151; line-height: 16px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E7E7E7; border-left-width: 5px; border-left-style: solid; border-left-color: #DCDAD6; }
 a { color:#4B70CD; }
 a:hover { text-decoration: none; }
 hr {
   clear: both;
   height: 1px;
   color: #CCCCCC;
   background-color: #CCCCCC; 
}

/* ベース -------------------------------------------------------------------*/ 
#base {
   width:807px;
   margin-right: auto;
   margin-left: auto;
   background: url(img2/bbg.gif) repeat-y;
}

 #wrap { width: 790px; float: left; padding: 5px; }

 /* ヘッダー -------------------------------------------------------------------*/
 #header {
   width: 807px;
   height: 176px;
   background-image: url(img2/site-banner.jpg); 
}

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

 h1 a {
    font-size: 12px;
    color: #555;
    display: block;
    width: 300px;
    text-decoration: none;
    padding-top: 10px;
    padding-left: 25px; 
}

 p#desc { margin-left: 25px; color: #555; }


 /*ナビゲーション ----------------------------------------------- */ 
#nav {
   width:785px;
   height: 25px;
   padding-left: 15px; 
}

 #nav p { color: #555; padding-top: 3px; }
 #nav table { float: right; margin-right: 10px; }
 #nav label { font-size: 10px; color: #555; }
 #nav td { padding-left: 1px; }

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

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


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

#contents img { margin: 5px; }

#contents p{
   padding-top: 5px;
   padding-bottom: 5px;
   background-image: url(img/note_line.gif);
   margin-right: 20px;
   margin-left: 25px;
   line-height: 20px; 
}
 
#contents h3 {
    width: 540;
    height: 40px;
    font-size: 14px;
    padding-left: 40px;
    padding-top: 8px;
    color: #444;
    margin-top: 30px;
    margin-bottom: 0px;
    background: url(img2/h3bg.gif) no-repeat;
}

 .entrylist span{ font-size: 14px; border-left-width: 7px; border-left-style: solid; border-left-color: #fe6e0e; padding-left: 5px; background-image: url(img/dot.gif); background-repeat: repeat-x; background-position: bottom; color: #515151; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; font-weight:bold; }


 /* 解説項目用 -------------------------------------------------------------------*/ 
.description{
   widght: 563px;
   margin-right: 15px;
   margin-left: 15px;
   margin-right: 3px;
   margin-left: 3px; 
   margin-bottom: 20px; 
}

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

.description1 {
   widght: 563px;
   border: 1px solid #999;
   margin-right: 15px;
   margin-left: 15px;
   margin-right: 3px;
   margin-left: 3px; 
   margin-bottom: 20px;
   background: #f7f7f7;
}

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

#side_d { background: #fff;}
 
#side_d h3 {
   display: block;
   width: 190px;
   height: 40px;
   line-height: 30px;
   color: #fff;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   margin-top: 10px;
   text-indent: 10px;
   background-image: url(img2/ttitle.gif);
   font-size: 12px;
   letter-spacing: 0.1em;
}

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

 #side_d li a {
   display: block;
   width: 190px;
   height: 35px;
   line-height: 35px;
   text-decoration: none;
   text-indent: 20px;
   color: #444;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   background-image: url(img2/ttitle4.gif);
   font-size: 10px;
   letter-spacing: 0.1em;
}

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


 #side img { border:none; }

 #side p { padding: 10px; }

 #side p a { font-size:10px;
   background-color: #E2DECF;
   display: block; padding: 10px;
   line-height: 15px;
   border: 2px solid #C6BCB0; 
}

 /* アドセンス -------------------------------------------------------------------*/ .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 {
   font-style: normal;
   color: #DDDDDD;
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
   display: block;
   background-color: #736D61;
   background-image: url(img/dot.gif);
   background-repeat: repeat-x;
   background-position: top;
   font-size: 10px;
   clear: both; 
}

 /* TOPページ -------------------------------------------------------------------*/ #contents .top_cat { background-image: url(img/dot.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 5px; padding-right: 15px; padding-top: 5px; padding-left: 10px; }
 #contents .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(img/dt4.jpg); background-position: left; background-repeat: no-repeat; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 18px; }
 .ctgy dt a { color: #555555; line-height: 16px; }
 .ctgy dt a:hover{ color:#FF3333; }
 .ctgy dd{ font-size:12px; margin-bottom: 10px; padding-left: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #AAAAAA; padding-bottom: 10px; margin-top: 5px; }
 .ctgy dd a { border-left-width: 1px; border-left-style: solid; border-left-color: #AAAAAA; padding-left: 5px; margin-left: 5px; }
 /* カテゴリーページ用 -------------------------------------------------------------------*/ .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-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px; 
}

 .entrylist{ padding:0 0 0 25px; }
 .entrylist li{ list-style-type:none; margin-top:4px; margin-left:17px; }
 .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; }
 /* イタリック---(投稿時に【 I 】のボタンで囲った箇所) */ em{ color:#000000; font-weight:normal; font-style:normal; }
 
#side_tokushu { background: #fff;}
 
#side_tokushu h3 {
   display: block;
   width: 190px;
   height: 40px;
   line-height: 30px;
   color: #fff;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   margin-top: 3px;
   text-indent: 10px;
   background-image: url(img2/ttitle3.gif);
   font-size: 12px;
   letter-spacing: 0.1em;
}

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

 #side_tokushu li a {
   display: block;
   width: 190px;
   height: 35px;
   line-height: 35px;
   text-decoration: none;
   text-indent: 20px;
   color: #444;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   background-image: url(img2/ttitle1.gif);
   font-size: 10px;
   letter-spacing: 0.1em;
}

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

#side_tokushub {
   display: block;
   width: 190px;
   height: 10px;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   background: url(img2/ttitlebg.gif) no-repeat;
}

#side_tokushub2 {
   display: block;
   width: 185px;
   height: 10px;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   background: url(img2/ttitlebg1.gif) no-repeat;
}

 #side img { border:none; }
 #side p { padding: 10px; }
 #side p a { font-size:10px; background-color: #E2DECF; display: block; padding: 10px; line-height: 15px; border: 2px solid #C6BCB0; }
 .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; }
 .shousai a{ margin-left:15px; }
 .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; }


/*詳細ボタン*/
.shousai1 a{
    display:block;
    width: 375px;
    height: 90px;
    background:url(img2/shousai5.gif) no-repeat;
    text-indent:-5000px;
    margin: 10px 0;
    overflow:hidden;

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

.brr{
   color: #ff0000;
   background: #ffd700;
   border-bottom: 1px solid #ff0000;
   font-weight: bold;
}

.br {
   color: #ff0000;
   font-weight: bold;
}

.red {color: #ff0000;}

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

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


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

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

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

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

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

.kutiwaku p {
   background: #fff;
}


.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: 214px;
}

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

table {
	border-collapse: collapse;
        border-spacing: 0;
	margin-bottom: 30px;
        margin: 0 auto;
        padding: 0 auto;
}

th, td {
  padding: 0;
  text-align: left;
}

.toptt2 {
  width: 250px;
  height: 36px;
  text-indent: 20px;
  background: url(img2/toptt.gif) no-repeat;
}

.topttg {
  width: 61px;
  height: 60px;
  background: url(img2/toptt2.gif) no-repeat;
}

.topc { width: 175px;}



#side_rank { background: #fff;}
 
#side_rank h3 {
   display: block;
   width: 190px;
   height: 40px;
   line-height: 30px;
   color: #fff;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   margin-top: 3px;
   text-indent: 10px;
   background-image: url(img2/siderankbg.gif);
   font-size: 12px;
   letter-spacing: 0.1em;
}

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

#side_rank li a {
   display: block;
   width: 190px;
   height: 35px;
   line-height: 35px;
   text-decoration: none;
   text-indent: 20px;
   color: #444;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   background-image: url(img2/rank1.gif);
   font-size: 10px;
   letter-spacing: 0.1em;
}

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


.rank1 {
    width: 540;
    height: 40px;
    font-size: 14px;
    padding-left: 70px;
    padding-top: 8px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 0px;
    background: url(img2/rankbg1.gif) no-repeat;
}

.rank2 {
    width: 540;
    height: 40px;
    font-size: 14px;
    padding-left: 70px;
    padding-top: 8px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 0px;
    background: url(img2/rankbg2.gif) no-repeat;
}

.rank3 {
    width: 540;
    height: 40px;
    font-size: 14px;
    padding-left: 70px;
    padding-top: 8px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 0px;
    background: url(img2/rankbg3.gif) no-repeat;
}

.rank4 {
    width: 540;
    height: 40px;
    font-size: 14px;
    padding-left: 70px;
    padding-top: 8px;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 0px;
    background: url(img2/rankbg4.gif) no-repeat;
}

.trank {
  margin: 20px 0;
  border: 1px solid #f0e68c;
	border-collapse: collapse;
        border-spacing: 0;
        margin: 0 auto;
        padding: 0 auto;
}

.trank tr, td {
  padding: 0 0;
  text-align: left;
}

.side_krank1 a{
    display: block;
    width: 190px;
    height: 76px;
    background: url(img2/side1.gif) ;
}

.side_krank1 a:hover{
    background: url(img2/side01.gif);
}

.side_krank2 a{
    display: block;
    width: 190px;
    height: 78px;
    background: url(img2/side2.gif) ;
}

.side_krank2 a:hover{
    background: url(img2/side02.gif);
}

.side_krank3 a{
    display: block;
    width: 190px;
    height: 76px;
    background: url(img2/side3.gif) ;
}

.side_krank3 a:hover{
    background: url(img2/side03.gif);
}