/*-------------------------------------------------------
■ 基本レイアウト
-------------------------------------------------------*/

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

/*-------------------------------------------------------
■ 見出し
-------------------------------------------------------*/

h1, h2, h3, h4, h5, h6click
{
    margin: 0;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック";
}


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

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



/*-------------------------------------------------------
■ 背景画像指定
-------------------------------------------------------*/
body { background: #fff; }
#banner div { background: url(img/banner.jpg) no-repeat  right;  }
#container { background: url(img/cont-bg.jpg)repeat-y; }




/*-------------------------------------------------------
■ 指定
-------------------------------------------------------*/
/*カテゴリ上目次画像*/

.box
{
    position: relative;
    width: 605px;
    _width: 605px;
    line-height: 1.5;
    margin: 15px 10px;
    padding: 0;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    background: #fcfcfc;
}
	
.boxtop
{
	background: url(img/check.gif) no-repeat 0 0px;
　　　　   height: 45px;
	line-height: 45px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 45px;
	color: #333;
	font-size: 16px;
         width: 555px;
	font-weight: normal;}


}




.box ul {
    margin: 10px 0 10px 25px;
    padding: 0;
}

.box li {
    margin: 0;
    padding: 0;
    line-height: 1.75;ｈ１
}



/*-------------------------------------------------------
■ 指定
-------------------------------------------------------*/
/*カテゴリ上目次画像*/

.boxa
{
    position: relative;
    width: 605px;
    _width: 605px;
    line-height: 1.5;
    margin: 15px 10px;
    padding: 0;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    background: #fcfcfc;
}
	
.boxtopa
{
	background: url(img/side-koukoku.jpg) no-repeat 0 0px;
　　　　   height: 45px;
	line-height: 45px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 45px;
	color: #333;
	font-size: 16px;
         width: 555px;
	font-weight: normal;}


}




.boxa ul {
    margin: 10px 0 10px 25px;
    padding: 0;
}

.boxa li {
    margin: 0;
    padding: 0;
    line-height: 1.75;ｈ１
}




/*-------------------------------------------------------
■ 装飾用文字色
-------------------------------------------------------*/

.header2 { color: #990000; }

/*色を指定します*/
.mizu { color: #0080c0; }
.pink { color: #ff99ab; }
.ao { color: #0000cc; }
.tya { color: #bd000e}
.gray { color: #3d3737}
.aka { color: #db0000; }
.ora { color: #ff9900; }
.green { color: #00cc00; }
.ki { color: #f9c22c; }

/*文字を太くします*/
.b { font-weight: bold; }

/*文字のフォントを指定します*/
.small { font-size: 12px; 

}
.smallk { font-size: 14px; 
color: #fdbd7b;
	font-weight: bold;}
.smallh { font-size: 14px; 
color: #66b3ff;
	font-weight: bold;}
.smalls { font-size: 14px; 
color: #fd9798;
	font-weight: bold;}
.smallb { font-size: 14px; 
color: #b975ff;
	font-weight: bold;}

.smalln { font-size: 14px; 
color: #b2adfe;
	font-weight: bold;}
.big { font-size: 18px; }
.big1 { font-size: 24px; }
.big2 { font-size: 16px; }
.big18 { font-size: 18px; }
.big24 { font-size: 24px; }
.big16 { font-size: 16px; }


/*文字を装飾します*/
/*文字を装飾します*/
.line { background: #ffff7d;

 }

/*画像の位置を指定します*/
.imgl {
	margin: 5px 20px 5px 0px;
	padding: 0;
	float: left;
}

.imgltaiken {
	margin: 5px 5px 5px 0px;
	padding: 0;
	float: left;
}

.imgr {
	margin: 0px 0px 5px 20px;
	padding: 0;
	float: right;
}




strong{
	font-weight:normal;
}

/*文字列を右に指定します*/
.gotoh2 {
	margin: 10px 10px 1px 10px;
	padding-top:0px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}
/*topへ*/
.gotot {
	margin: 20px 10px 0px 10px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}
/*大文字*/
.goto {
	margin: 1px 10px 1px 10px;
	padding-top:0px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}
/*下に余白なし*/
.goto1 {
	margin: 0px 10px 0px 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
/*下に余白あり*/
.goto2 {
	margin: 0px 10px 0px 10px;
	padding-bottom: 10px;
        text-align: right;
	font-size: 14px;
	font-weight: bold;
}

.gotop
{
    height: 18px;
    text-align: right;
    margin: 15px;
    padding: 0 20px 0 0;
    clear: both;
}




.center { text-align: center; }

img { border: none; }
/*-------------------------------------------------------
■ 基本レイアウト
-------------------------------------------------------*/

body {
    width: 930px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    font-family: "ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック";
    position: relative;



}


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


#header h1 {
 
position:absolute; top: -13px; right: 10px;
     text-align: right;
    display: inline;

	

}

h1 a {
text-decoration: none; 
font-size: 10px;
font-weight: normal;
color: #000;
display: block;
}

h1 a:hover {
text-decoration: none;
color: #990000;
}




#header {
 
      height: 120px;
   background: url(img/bana.jpg) no-repeat left top #fff;

    position: relative;top: 15px;
    width: 930px;
    _width: 930px;
    margin: 0;
    padding: 0;
    text-align: center;

  
}

#header #logo {
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
　　　　   
}


#header #ban {
	padding-top:20px;
	padding-left:100px;
	float:left;
	width:468px;
	height:60px;
	}	


/*ＦＦ*/
html>body #header #ban {
	padding-top:20px;
	padding-left:100px;
	float:left;
	width:468px;
	height:60px;}

/*IE7.0*/
*:first-child+html #header #ban {
	padding-top:20px;
	padding-left:100px;
	float:left;
	width:468px;
	height:60px;}






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

#container
{
    position: relative;
    width: 930px;
    _width: 930x;
    margin: 0;
    padding: 0;
    text-align: center;
　	}


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


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

#main
{
    display: inline; 
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    width: 635px;
    margin: 5px 0;
   margin:  0;
   margin-right:  0px ;
    margin-top:  10px ;
  padding: 0;

}

#index #main
{
    display: inline; 
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    width: 635px;
  margin: 0;
   margin-right:  0px ;
    margin-top:  10px ;
    padding: 0;
}
/*IE6.0*/
*html body #index #main{
    display: inline; 
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    width: 635px;
   margin: 0;
   margin-right:  0px ;
    margin-top:  10px ;
    padding: 0;
}


/*IE7.0*/
*:first-child+html #index #main{
    display: inline; 
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    width: 635px;
  margin: 0;
   margin-right:  0px ;
    margin-top:  10px ;
    padding: 0;
}

/*ＦＦ*/
html>body #index #main{
    display: inline; 
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    width: 635px;
  margin: 0;
   margin-right:  0px ;
    margin-top:  10px ;
    padding: 0;
}
#main p {
	color: #333;
	font-size: 14px;
	background-image: url(img/note_line1.gif);
         line-height: 25px;
	
	margin:0 5px 0px 5px;
	padding: 0;

 }
#main h2 {

   	background: url(img/h2-bg.gif) no-repeat left #fff;
	height: 35px;
	line-height: 35px;
	margin-top: 15px;	
         	margin-bottom: 10px;
         padding-top: 5px;
	padding-left: 20px;
	margin-right: 10px;
	color: #333;
	font-size: 16px;
    　　  width: 625px;
	font-weight: bold;}

#main h3 {

   	background: url(img/h3-bg.gif) no-repeat left #fff;
	height: 35px;
	line-height: 35px;
	margin-top: 15px;	
         	margin-bottom: 10px;
         padding-top: 5px;
	padding-left: 20px;
	margin-right: 10px;
	color: #333;
	font-size: 16px;
    　　  width: 625px;
	font-weight: bold;}






.h2entry{
 　　　line-height: 1.5;
 　　　margin: 15px 10px;
　　　margin-left: 2px;
 　　　margin-right: 10px;


　　　 padding-bottom: 10px; 
 }

.entry
{
　　　line-height: 1.5;
 　　　margin-right: 10px;
 　　　margin-left: 2px;


　　 padding-bottom: 10px; 
 　　　border-bottom: 0px dotted #dcdcdc;


 }

.content
{
    position: relative;
    line-height: 1.5;
    margin: 5px 0;
    padding:  0 0  5px 5px; 
    border-bottom: 1px dotted #dcdcdc;
    font-size: 14px;
}



/*-------------------------------------------------------
■ サイドメニュー
-------------------------------------------------------*/

#sidetop
{ 
     display: inline; 
    position: relative;
    float: right;
     width: 270px;
    padding: 0;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: -10px;

background:url(img/sidetop.gif) no-repeat #fff;
 	background-color: #f6f6f6;}


/*ＦＦ*/
html>body #sidetop
{ 
     display: inline; 
    position: relative;
    float: right;

    min-height: 1px;
     width: 270px;
    padding: 0;
    margin-right: 0px;
    margin-left: 10px;

    margin-top: 10px;
height: 15px;

background:url(img/sidetop.gif) no-repeat #fff;
 	background-color: #f6f6f6;}




/*IE7.0*/
*:first-child+html #sidetop
{ 
     display: inline; 
    position: relative;
    float: right;

    min-height: 1px;
     width: 270px;
    padding: 0;
    margin-right: 0px;
    margin-left: 10px;

    margin-top: 10px;
height: 15px;

background:url(img/sidetop.gif) no-repeat #fff;
 	background-color: #f6f6f6;}





#sidefoot
{ 
     clear: both;
    display: inline; 
    position: relative;
    float: right;

    min-height: 1px;
     width: 270px;
    padding: 0;
    margin-right: 0px;
    margin-left: 0px;

    margin-bottom: 0px;
 height: 30px;

background:url(img/sidefoot.gif) no-repeat #fff;
 	background-color: #f6f6f6;}


#side
{ 
    display: inline; 
    position: relative;
    float: right;
    min-height: 1px;
    text-align: left;
    width: 270px;
    padding: 0;
    margin 0px;


 
background:url(img/side.gif) repeat-y #fff;
 	background-color: #f6f6f6;}

#side  p {
	margin:0;
	margin-top:3px;
	line-height:110%;
	font-size:14px;
	color:#666;
	background: none;
}

#side  a {
	margin:0;
	line-height:15px;
	font-size:14px;
         font-weight: normal; 
}

#side  a:hover {
}


#side ul
{
    margin: 10px 15px 10px 15px;
    padding: 0;
    list-style: none;

}

#side li
{
    display: block;
    line-height: 15px;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    text-decoration: none;
    color: #fff;

}

#side li.sidetitle
{
    width: auto;

    padding: 7px 0 7px 10px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    display: block; 
    background: url(img/st.gif) no-repeat 0 0px;
}

#side li a
{
    display: block;
    width: 100%; 
    font-size:13px;
    color: #666;
    padding: 7px 3px 3px 17px;
    background: url(img/side-li.jpg) no-repeat 0 0px;
    height: 20px;
    margin: 0;
    border-left: 2px solid #fee098;
    text-decoration: none;
 height: 30px;
}

/*ＦＦ*/
html>body #side li a
{
    display: block;
    width: 100%; 
    font-size:14px;
    color: #666;
    padding: 7px 3px 3px 17px;
    background: url(img/side-li.jpg) no-repeat 0 0px;
    height: 20px;
    margin: 0;
    border-left: 2px solid #fee098;
    text-decoration: none;

}



/*IE7.0*/
*:first-child+html #side li a
{
    display: block;
    width: 100%; 
    font-size:14px;
    color: #666;
    padding: 7px 3px 3px 17px;
    background: url(img/side-li.jpg) no-repeat 0 0px;
    height: 20px;
    margin: 0;
    border-left: 2px solid #fee098;
    text-decoration: none;

}


#side li a:hover
{
    background-position: 0 -30px;
    border-left: 2px solid #a30a05;
    color: #990000;
}

/*IE7.0*/
*:first-child+html #side li a:hover

{    background-position: 0 -30px;
    border-left: 2px solid #a30a05;
    color: #990000;
}


#side #side_koukoku 
{
    margin: 10px 15px 10px 15px;
    padding: 0;
    list-style: none;

}


/*サイドーバー広告枠*/
#side #side_waku {
	margin-bottom: 15px;
　　　　   margin-top: 2px;
	padding-top: 5px;
	border: solid 1px #b9b8ab;
	background: #fff;}

/*サイドーバー広告枠*/
#waku {
    width: 220px;
 	margin: 15px;
	padding: 10px;
	border: solid 1px #b9b8ab;
	background: #fff;}



/*サイドーバー広告画像*/
.koukoku-img{
	padding-top: 5px;
	padding-bottom: 2px;
	text-align: center;
}



/*サイドーバー広告テキスト*/
.koukoku-txt{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	line-height:120%;
	font-size:14px;
	color:#555;	


}

/*サイドーバー広告タイトル*/

.koukoku-title
{
       background: url(img/side-koukoku.jpg) no-repeat 0 0px;
       clear:both;
       height: 55px;
       line-height: 30px;
       padding-top:2px;
       padding-left: 40px;
       margin-top:2px;
       color: #fff;
       font-weight:bold;
       font-size:16px;
}





/*-------------------------------------------------------
■ フッター
-------------------------------------------------------*/

#footer
{
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    clear: both;
}

#footer p { margin: 0; padding: 0; }

.copy
{ 
    margin: 0;
    padding: 20px 0 0;
    color: #666;
    font-size: 10px;
    width: 850px;
}

.f-navi
{
 text-align: center;
 padding: 10px;
}





/*
概要
-------------------------------------------------------------------*/
#gaiyou {
	color:#eee;
	font-size:10px;
	line-height:125%;
	font-weight:normal;
	margin-top: 20px;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 10px;
	padding:0;
	background: #f7f8f4;
	border: 0px solid #929286;
         word-break: break-all
         position: relative;
         clear: both;
}


#gaiyou p {
	background: none;
	margin: 0px;
	padding: 5px;
	font-size:10px;
	line-height:130%;
	color: #999;
}


/*
リンク集
-------------------------------------------------------------------*/
#link{
	line-height:1em;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	text-align:center;
	font-size:12px;
	color:#666;
}
#link a{

	text-decoration:none;
	color:#666;

	
}
/*
ドットメニュー
-------------------------------------------------------------------*/
#dot {
	text-align:left;
	padding 0;
	background-image: url(img/slash.gif);

	background-repeat: repeat-x;
	background-position: top;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
         height: 10px;
}


#dot a{
	color:#666;
	text-decoration:none;
}


/*
ドットメニュー高さなし
-------------------------------------------------------------------*/
#dot2 {
	text-align:left;
	padding 0;
	background-image: url(img/linep.gif);

	background-repeat: repeat-x;
	background-position: top;
	margin-top: 1px;
	margin-bottom: 3px;
	margin-left: 10px;
	margin-right: 10px;
         height: 5px;
}


#dot3 {
	text-align:left;
	padding 0;
	background-image: url(img/linem.gif);

	background-repeat: repeat-x;
	background-position: top;
	margin-top: 1px;
	margin-bottom: 3px;
	margin-left: 10px;
	margin-right: 10px;
         height: 5px;
}



/*-------------------------------------------------
	テーブル
--------------------------------------------------*/

/*-------------------------------------------------
	比較表1
--------------------------------------------------*/
.hikakutbl {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}
.hikakutbl table {
	width: 560px;
	margin: 5px 0 10px 5px;
	padding: 0;
	font-size: 14px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
}

.hikakutbl th {
	margin: 0;
	padding: 3px 0;
	border: 1px solid #CCCCCC;
	font-size: 16px;
         font-weight: bold;
	color: #fff;
	text-align: center;
	background-image: url(img/te.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}


.hikakutbl td {
	margin: 0;
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

td.price {
	margin: 0;
	padding: 0;
	width: 90px;
	text-align: center;
	font-size: 14px;
}

td.hikakutxt {
	margin: 0;
	padding: 10px;
	font-size: 14px;
	line-height: 130%;
}

.imgtitle1 {
 	font-size: 16px;
        font-weight: bold;
         color:#fff;
}

.imgtitle {
	margin: 5px 0px 2px 5px;
         font-weight: bold;
         color:#0080c0;
 	font-size: 16px;

}

.imghikaku {
	margin: 0px 10px 10px 10px;
	
	padding-top: 5px;
}


td.no01 {
	width: 135px;
	height: 120%;
	padding-left: 40px;
	background-image: url(img/1.gif);
	background-repeat: no-repeat;
	background-position: 4px 60px;
}



td.no02 {
	width: 135px;	height: 120%;
	padding-left: 40px;
	background-image: url(img/2.gif);
	background-repeat: no-repeat;
	background-position: 4px 60px;
}

td.no03 {
	width: 135px;	height: 120%;
	padding-left: 40px;

	background-image: url(img/3.gif);
	background-repeat: no-repeat;
	background-position: 4px 60px;
}


td.no04 {
	width: 135px;	height: 120%;
	padding-left: 40px;

	background-image: url(img/4.gif);
	background-repeat: no-repeat;
	background-position: 4px 60px;
}
td.no05 {
	width: 135px;	height: 120%;
	padding-left: 40px;

	background-image: url(img/5.gif);
	background-repeat: no-repeat;
	background-position: 4px 60px;
}


td.no06 {
	width: 135px;	height: 120%;
	padding-left: 40px;

	background-image: url(img/6.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;

}

td.no07 {
	width: 135px;	height: 120%;
	padding-left: 40px;

	background-image: url(img/7.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}
td.no08 {
	width: 135px;	height: 120%;
	padding-left: 40px;

	background-image: url(img/8.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}
td.no09 {
	width: 135px;	height: 120%;
	padding-left: 40px;

	background-image: url(img/9.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}
td.no10 {
	width: 135px;	height: 120%;
	padding-left: 40px;

	background-image: url(img/10.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
	}





/*
申込ボタン
-------------------------------------------------------------------*/

.link-kuchikomi {
	margin: 0;
	text-indent:-9999px;
}


.link-kuchikomi a 
{
	overflow: hidden;
	display: block;
	width: 120px;
	height: 16px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image: url(img/kochira21.jpg);
	text-indent:-9999px;
	margin-left: 145px;
	margin-top: 5px;
	margin-bottom: 0px;
      } 


.link-kuchikomi a:hover {
	width: 120px;
	height: 16px;
         background-position:0 -16px;
	text-decoration: none;
			}


/*
テーブル(個別記事用)
-------------------------------------------------------------------*/
.kobetu {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.kobetu table   {
	background :#fff;
	margin: 5px 0 10px 0px;
	padding: 0;
	color: #333;
	width: 620px;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 170%;
}

.kobetu td {
	border: solid 1px #999;
	padding: 8px 5px 8px 10px;

}

.kobetu th {
	border: solid 1px #999;
	padding: 8px 5px 8px 10px;
	background:#efefef;
	font-weight: bold;
	color: #333;

}

/*
テーブル(価格比較など)
-------------------------------------------------------------------*/
.kobetu2 {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.kobetu2 table   {
	background :#fff;
	margin: 5px 0 10px 5px;
	padding: 0;
	color: #333;
	width: 620px;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 130%;
 border: solid 2px #e0c20c;
}

.kobetu2 td {
	border: solid 1px #999;
	padding: 8px 5px 8px 10px;

}

.kobetu2 th {
	border: solid 1px #999;
	padding: 8px 5px 8px 10px;
	background:#fccece;
	font-weight: bold;
	color: #333;
	font-size: 14px;
         font-weight: bold;
	color: #fff;
	text-align: center;
	background-image: url(img/te1.gif);
	background-position: 0 0;
	line-height: 100%;}


.btku {
	margin: 5px 0px 5px 0px;

	}

.btku  a {
	display: block;
	width: 100px;
	height: 50px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/btku.gif");
	}

.btku  a:hover {
	background-position: 0 -50px;
	}




テーブル(個別記事用3)ランキングｈ２部分
-------------------------------------------------------------------*/
.kobetu3 {
 margin: 0;
 padding: 0;
 margin-bottom: 2px;
}
 
.kobetu3 table   {
 background :#fff;
 margin: 5px 0 10px 5px;
 padding: 0;
 color: #333;
 width: 620px;
 border-collapse: collapse;
 font-size: 14px;
 line-height: 110%;
 border: solid 2px #e0c20c;

}
 
.kobetu3 td {
 border: solid 1px #ddd;
 padding: 5px;
 　　   height: 30px;
}
 
.kobetu3 th {
 border: solid 1px #ddd;
 padding: 8px 5px 8px 10px;
 	background: #e4f4fe;
	font-weight: normal;
	color: #fff;
 font-size: 14px;
        font-weight: bold;

 text-align: center;
 background-image: url(img/te1.gif);
 background-position: 0 0;
 
}
 
.kobetu3 td.color {
	background: #696867;
	font-weight: normal;
	font-size: 14px;
	white-space: nowrap;
	padding: 2px 2px 2px 5px;
height: 35px;
	color: #fff;
 font-size: 14px;
        font-weight: bold;
}

.kobetu3 td.color2 {
	background: #ece9d8;
	font-weight: normal;
	font-size: 14px;
	white-space: nowrap;
	padding: 2px 2px 2px 5px;
height: 35px;

	color: #333;
 font-size: 14px;
        font-weight: bold;
}

 
.kobetu3 td.col1 {


	text-align: left;
	font-size: 12px;
 	background: #fff;
	font-weight: normal;
	color: # 333;
 line-height: 130%;
	padding-bottom: 10px;}


.kobetu3 td.col2 {


	text-align: left;
	font-size: 12px;
 	background: #f6f6f6;
	font-weight: normal;
	color: # 333;
 line-height: 130%;
	padding-bottom: 10px;}



テーブル(個別記事用3)トップページ比較
-------------------------------------------------------------------*/
.kobetutop {
 margin: 0;
 padding: 0;
 margin-bottom: 2px;
}
 
.kobetutop table   {
 background :#fff;
 margin: 5px 0 10px 5px;
 padding: 0;
 color: #333;
 width: 620px;
 border-collapse: collapse;
 font-size: 14px;
 line-height: 110%;
 border: solid 2px #e0c20c;

}
 
.kobetutop td {
 border: solid 1px #ddd;
 padding: 5px;
 　　   height: 30px;
}
 
.kobetutop th {
 border: solid 1px #ddd;
 padding: 8px 5px 8px 10px;
 	background: #e4f4fe;
	font-weight: normal;
	color: #fff;
 font-size: 14px;
        font-weight: bold;

 text-align: center;
 background-image: url(img/te1.gif);
 background-position: 0 0;
 
}
 
.kobetutop td.color {
	background: #696867;
	font-weight: normal;
	font-size: 14px;
	white-space: nowrap;
	padding: 2px 2px 2px 5px;
height: 35px;
	color: #fff;
 font-size: 14px;
        font-weight: bold;
}

.kobetutop td.color2 {
	background: #ece9d8;
	font-weight: normal;
	font-size: 14px;
	white-space: nowrap;
	padding: 2px 2px 2px 5px;
height: 35px;

	color: #333;
 font-size: 14px;
        font-weight: bold;
}

 
.kobetutop td.col1 {


	text-align: left;
	font-size: 14px;
 	background: #fff;
	font-weight: normal;
	color: # 333;
 line-height: 130%;
	padding-bottom: 10px;}


.kobetutop td.col2 {


	text-align: left;
	font-size: 14px;
 	background: #f6f6f6;
	font-weight: normal;
	color: # 333;
 line-height: 130%;
	padding-bottom: 10px;}



/*------------------------------------------ロールオーバー表体験談・詳細*/



.kobetubtt {
	margin: 10px 5px 0px 5px;

	}

.kobetubtt a {
	display: block;
	width: 60px;
	height: 31px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/bttt.gif");
	}

.kobetubtt a:hover {
	background-position: 0 -31px;
	}


.kobetubts {
	margin: 5px 0px 5px 5px;
	}

.kobetubts a {
	display: block;
	width: 60px;
	height: 31px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/btss.gif");
	}

.kobetubts  a:hover {
	background-position: 0 -31px;
	}




/*
ボックス３列
---------------------------------------------------*/
.box2_h {
	margin: 0;
	padding: 0;
	margin-bottom: 50px;	
}

#box2 {
	float: left;
	height: 250px;
	width: 200px;
	border: 1px solid #DDDDDD;
	margin: 2px;
	padding: 2px;
	background: none;
	background-position: bottom;
	position: relative;
	margin-bottom: 10px;
}


#box2 h4 {
	margin: 0px;
	padding-left: 8px;
	padding-top: 1px;
	background-image: url(img/te1.gif);
	background-repeat: repeat-x;
	background-position: 0 0;

	color: #fff;
	font-size: 14px;
         	font-weight: bold;
	width: 180px;
	height: 25px;
	line-height: 25px;


}

#box2 p {
	color: #333;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 5px;
	background-image: url(img/note_line.gif);
         line-height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 2px;
　　　　   margin-top: 2px;
	margin-bottom: 10px;

}

.imgbox2 {
	margin: 5px 20px 5px 5px;
	padding: 0;
	float: left;

}

/*
申込ボタン
-------------------------------------------------------------------*/


#box2 .click2 {
	text-indent:-9999px;
	margin: 0;
	padding: 0;
}

#box2 .click2 a { 
	overflow: hidden;
	display: block;
	width: 75px;
	height: 20px;
    text-align: center;
	background-repeat:no-repeat;
	background-image: url(img/box2_2.gif);
	margin-left: 115px;
	margin-top: 10px;
	margin-bottom: 0px;
      } 



#box2 .click2 a:hover {    text-align: center;
	width: 75px;
	height: 20px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image: url(img/box2_1.gif);
			}






/*
ボックス２列×２列
---------------------------------------------------*/
.box1_h {
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}



#box1 {
	float: left;
	height: 190px;
	width: 290px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	background: none;
	background-position: bottom;
	position: relative;
	font-size: 14px;
	color: #333;

}
#box1 h4 {
	margin: 0px;
	padding-left: 8px;
	padding-top: 1px;

	margin-bottom: 10px;
	background-image: url(img/bg_box1.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	color: #FFFFFF;
	font-size: 14px;
        	font-weight: bold;
		height: 25px;
	line-height: 25px;
width: 280px;

}

#box1 p {
	margin: 0px;
	background: none;
	font-size: 14px;
	color: #333;
	line-height: 140%;
         padding-top: 1px;
	color: #333;
}

.imgbox1 {
	margin: 5px 20px 5px 5px;
	padding: 0;
	float: left;
}

/*
キャンペーン
-------------------------------------------------------------------*/

.camp_h {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#camp {
	width: 620px;
	margin: 5px 0 0px 5px;
	padding: 0;
	background: none;
	background-position: bottom;
	position: relative;
	height:auto;
	text-align: left;
	border-bottom: 0px #999 dotted;
	font-size: 14px;
}

#camp p {
	margin:0;
	padding-right: 5px;
	padding-left: 5px;
	line-height:140%;
	font-size:14px;
	color:#333;
	background: none;

}


#camp a {
	font-size:14px;
	

}

.imgcamp {
	margin: 5px 15px 5px 5px;
	padding: 0;
	float: left;
}


/*
テーブルメインランキング
-------------------------------------------------------------------*/



.t-rank1 {
background: url(img/rank1.jpg) no-repeat;
height: 37px;
line-height: 40px;
padding-left: 50px;
color: #555;
font-size: 16px;
margin-left: 5px;
font-weight: bold;

}

.t-rank2 {
background: url(img/rank2.jpg) no-repeat;
height: 37px;
line-height: 40px;
padding-left: 50px;
color: #555;
font-size: 16px;
margin-left: 5px;
font-weight: bold;
}

.t-rank3 {
background: url(img/rank3.jpg) no-repeat;
height: 37px;
line-height: 40px;
padding-left: 50px;
color: #555;
font-size: 16px;
margin-left: 5px;
font-weight: bold;
}

.t-rank4 {
background: url(img/rank4.jpg) no-repeat;
height: 37px;
line-height: 40px;
padding-left: 50px;
color: #555;
font-size: 16px;
margin-left: 5px;
font-weight: bold;

}

.t-rank5 {
background: url(img/rank5.jpg) no-repeat;
height: 37px;
line-height: 40px;
padding-left: 50px;
color: #555;
font-size: 16px;
margin-left: 5px;
font-weight: bold;

}





.rank-table1 {
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}
.rank-table1 table {
	width: 560px;
	margin: 0 0 10px 5px;
	padding: 0;
	font-size: 14px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
}

.rank-table1 th {
	margin: 0;
	padding: 3px 0;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	font-size: 13px;
	color: #333333;
	text-align: center;
}


.rank-table1 td {
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}




.rank-table1 td.rank-cap {
	padding: 10px;
	text-align: center;
	width: 145px;}




.rank-table1 td.color {
	background: #fccece;
	font-weight: normal;
	font-size: 14px;
	white-space: nowrap;
	padding: 2px 2px 2px 2px;
	text-align: center;
	color: #555;
width:110px;
}


.rank-table1 td.white {
	background: #fff;
	font-weight: normal;
	font-size: 14px;
	white-space: nowrap;
	padding: 2px 2px 2px 5px;
	text-align: left;
	color: #555;
         width:300px;

         }

.rank-table1 td.rank-setumei {
	padding: 2px;
         width:560px;}

/*
テーブル用
-------------------------------------------------------------------*/
#table-01{	
	width: 560px;
	margin: 10px 0 30px 0px;
	padding: 0;
	font-size: 14px;
         line-height: 130%;
	border-collapse: collapse;

}

#table-01 th{
	text-align: center;
	padding:0px 0px 0px 0px;
}

#table-01 tr{
}

#table-01 img{
	border:0px ;
}

#table-01 td{
	
	background-color: #fff;
	font-size: 14px;
	text-align: center;
	border: solid 1px #ccc;
	padding: 2px;
         line-height: 130%;
	

}

#table-01  .tdleft{

	text-align: left;
       
}

table#table-01  a:hover{
   	color:red;
  	text-decoration: underline;
}

table#table-01 p{
	margin:0;
	padding-right: 5px;
	padding-left: 5px;
	line-height:130%;
         background: none;

}

/*
テーブル用
-------------------------------------------------------------------*/

table#table-02{
	 
	border: 1px solid #757575;
	width: 560px;
	margin: 5px 0 10px 5px;
	padding: 0;
	font-size: 14px;
 	border-collapse: collapse;

}


table#table-02 th{
	 text-align: left;
	 color: #333;
	 margin:0;
	 border: 1px solid #757575;
	 border-collapse: collapse;
	 padding: 0 0 0 2px;
	 font-size: 16px;
	 line-height:16px;
	 height:110%;
	 background-color: #fff;
	 background-image: url(img/te1.gif);
 
}

table#table-02 th a:link{
 	text-decoration: none;

}

table#table-02 th a:hover{
	text-decoration:none;
}

table#table-02 th a:visited{
}


table#table-02 td{
	margin:0;
 	border: 1px solid #757575;
 	border-collapse: collapse;
 	padding-top: 0px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-left: 5px;
 	font-size: 14px;
 	line-height: 140%;
 	background-color: #FFF;
}

table#table-02 td a{
 	font-size: 14px;
font-weight: bold
}

table#table-02 td img{
 	border-width: 0px;
 	border-style: solid;
 	border-color: #CCCCCC;
}

table#table-02 th img{
	padding-top: 0px;
	padding-bottom: 0px;

}


table#table-02 p{
	margin:0;
	padding-right: 5px;
	padding-left: 5px;
	line-height:140%;
          background: none;
	font-size: 14px;
}


 
.linkt02 a 
{
	overflow: hidden;
	display: block;
	width: 73px;
	height: 28px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image: url(img/so.gif);
	margin: 0;
	padding: 0;
	text-indent: -7777px;
	margin-top: 5px;
	margin-bottom: 5px;

}

.linkt02 a:hover {
	display: block;
         position:relative;  
         top:2px;
         left:2px;
	text-indent: -7777px;
}



/*---------------------公式ページ-----ロールオーバーボタン*/



#click {
	margin: 0px 0px 0px 0px;
	float: right;
	}

#click a {
	display: block;
	width: 750px;
	height: 70px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/koushiki.gif") no-repeat  ;
	}

#click a:hover {
	background-position: 0 -70px;
	}



#clickrank {
	margin: 20px 0px 0px 0px;
	float: right;
	}

#clickrank a {
	display: block;
	width: 650px;
	height: 80px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/btrank.gif") no-repeat  ;
	}

#clickrank a:hover {
	background-position: 0 -80px;
	}

#click {
	margin: 0px 0px 0px 0px;
	float: right;
	}

#click a {
	display: block;
	width: 650px;
	height: 80px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/btrank.gif") no-repeat  ;
	}

#click a:hover {
	background-position: 0 -80px;
	}




/*---------------------感想文*/


#kansoutop {
 background:url(img/kansou.jpg) no-repeat left top;
 padding-left:160px;
 width:100%;

 height:100%;

 clear:both;
 margin-bottom:10px;
 padding-bottom:10px;
 padding-top:20px;

}
#kansoutop p{
 border:1px solid #cacaca;
 background:#ece9d8;
 line-height:25px;
 padding:10px;
 width:440px;
 float:none;
 _float:right;
}



#kansou {
 background:url(img/kansou.jpg) no-repeat left top;
 padding-left:160px;
 width:100%;

 height:100%;

 clear:both;
 margin-bottom:10px;
 padding-bottom:10px;
 padding-top:50px;

}
#kansou p{
 border:1px solid #cacaca;
 background:#ece9d8;
 line-height:25px;
 padding:10px;
 width:440px;
 float:none;
 _float:right;
}


/*------------------------------------------ロールオーバーボタン*/



.bt1 {
	margin: 10px 10px 0px 0px;
	float: right;
	}

.bt1 a {
	display: block;
	width: 100px;
	height: 18px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/bt1.gif");
	}

.bt1 a:hover {
	background-position: 0 -18px;
	}


.bt2 {
	margin: 10px 10px 0px 0px;
	float: right;
	}

.bt2 a {
	display: block;
	width: 100px;
	height: 18px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/bt2.gif");
	}

.bt2 a:hover {
	background-position: 0 -18px;
	}

.bt3 {
	margin: 10px 10px 10px 0px;
	float: right;
	}

.bt3 a {
	display: block;
	width: 160px;
	height: 30px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/bt.gif");
	}

.bt3 a:hover {
  position:relative;
  top:2px;
  left:2px;
	}





.bt4{
	margin: 5px 5px 0px 5px;

	}

.bt4 a {	display: block;
	width: 280px;
	height: 19px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/bt11.gif");
	}

.bt4 a:hover {
	background-position: 0 -18px;
	}


.bt5 {
	margin: 5px 0px 5px 5px;

	}

.bt5 a {
	display: block;
	width: 280px;
	height: 19px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/bt12.gif");
	}

.bt5  a:hover {
	background-position: 0 -18px;
	}

.bt6 {
	margin: 5px 0px 5px 5px;

	}

.bt6 a {
	display: block;
	width: 280px;
	height: 19px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/bt13.gif");
	}

.bt6  a:hover {
	background-position: 0 -18px;
	}

.bt7 {
	margin: 5px 0px 5px 5px;

	}

.bt7 a {
	display: block;
	width: 280px;
	height: 19px;
	text-indent: -1000px;
	overflow: hidden;
	background: url("img/bt14.gif");
	}

.bt7  a:hover {
	background-position: 0 -18px;
	}