@charset "UTF-8";

#bodystyle { 
     margin: 0; 
     padding: 0;
     line-height : 160%; 
}


#bodystyle img{
     border-style: none;
}

#bodystyle hr {width: 100%; background-color: #ffffff; Color: #cccccc; height: 0px; text-align: center;}

.dothr { width: 100%; border-bottom-style: dotted;}

#bodystyle ul{
     list-style : none;
     background-color: #ffffff;
     color: #000000; 
     margin: 0;
     padding: 10px 0 10px 10px;
     border-width: 0px 0 0 0; 
     border-color: #3d57a0; 
     border-style: solid; 
}


.i{
float: left; margin-right: 10px; margin-left: 10px; vertical-align: top;
}

/************ 配置、カラー **************/

.t_right{ font-weight: bold; text-align: right; padding-top: 10; padding-bottom: 10;}

.fb-tr{ font-weight: bold; text-align: right; padding-top: 10; padding-bottom: 10; background-color: #eef3fb;}
.pr30{ padding-right: 30px;}

.w5{ width: 5px;}


.w90{ width: 90px;}

.w100{ width: 100px;}

.w130{ width: 130px;}

.w140{ width: 140px;}

.w150{ width: 150px;}

.w160{ width: 160px;}

.w170{ width: 170px;}

.w180{ width: 180px;}

.w190{ width: 190px;}

.w200{ width: 200px;}

.w220{ width: 220px;}

.w250{ width: 250px;}


.banner{ text-align: center; margin-top: 15; margin-bottom: 5; }

.lh120{ line-height: 120%; }
.lh130{ line-height: 130%; }

.cla { clear: both; }


.sideli { display:inline; list-style-position: outside; }

.t_rf{ font-weight: bold; text-align: right; padding-top: 0; padding-bottom: 0;}


.t_left{ text-align: left;}

.t_top{ vertical-align: top;}

.t_bottom{ vertical-align: bottom;}

.center{ text-align: center;}

.color1 { color: #d40000; background-color: #ffffff;}
.color2 { color: #0e2250; background-color: #ffffff;}

.color4 { color: #00a900; background-color: #ffffff;}
.color5 { color: #3b56b3; background-color: #ffffff;}
.color6 { color: #ff3300; background-color: #ffffff;}

.color7 { color: #7c7c7c; background-color: #ffffff;}
.color_post { color: #990000; font-size: medium; font-weight: bold; background-color: #ffffff;}

.color1st { color: #0e2250; font-weight: bold; background-color: #ffffff;} /* オレンジ */
.color2st { color: #ff3300; font-weight: bold; background-color: #ffffff;} /* 赤 */
.color3st { color: #990000; font-weight: bold; background-color: #ffffff;} /* 茶 */
.menu_td { vertical-align: top; width: 50%;}

.menu_bc { background-color: #f4f4f4; margin-top: 3; margin-bottom: 3;}

.card_comment{ text-align: left; vertical-align: top; margin-left: 10; }

/************ ヘッダ **************/

#header{
     margin: 0;
     padding: 0;
     font-size: 10pt;
     background-image: url('./picture/background.gif'); 
     background-repeat: no-repeat; 
     background-position: right top; 
     height: 79px; 
}

#header span {position: relative; left: 25px; top: 40px;}


#header h1 {
     font-size : 15pt; 
     padding: 0; 
     position: absolute; 
     top: 15px; 
     left: 20px;
     padding: 0;
     color : #0b436c; 
     background-color: #ffffff;
     font-weight: normal;
} 


#header h2 {
     margin: 0px; 
     padding-top: 0px;
     position: relative;
     text-align: left; 
     top: 43px;
     color : #ffffff; 
     background : #3d57a0;
     font-weight: normal;
     border-style: none;
     border-bottom: 1px solid #0e2250;
     font-size: 10pt; 
} 

#header h2 a{
     font-size : 10pt; 
     text-decoration : none;  /*下線を表示しない*/  
     color : #eeeeee; 
     background : #3d57a0;
     line-height : 150%;  /*テキストの位置を調整*/
}

#header h2 a:visited{
     color: #eeeeee; 
     background : #3d57a0;
     text-decoration : none;  /*下線を表示しない*/
}                 
#header h2 a:hover{  /*マウスポインタがリンクに重なったときの設定*/
     color : #eeeeee; 
     background : #3d57a0;
     line-height : 150%;
}

#header p{
     top: 0px;
     text-align: center;
     display: none;
}


/************ フッタ **************/


#footer{
     font-size: 10px;    
     width : 100%;
     color : #eeeeee;
     background-color : #3d57a0;
     padding : 0;
     margin : 0;
     position: relative; 
     top: 10%; 
}    
#footer ul{
     list-style : none;
     text-align: center;
     padding : 0;
     margin : 0;
     background-color : #3d57a0; 
     color: #eeeeee;
}
#footer li{
     float: right;
     padding: 5px 0 0 0;
     margin : 0 0 0 0;
     background-color : #3d57a0; 
     color: #eeeeee;
}

#footer li a{
     font-size: 10pt;    
     padding: 5px 0 0 0;
     margin : 0;
     text-decoration : none;
     color : #eeeeee;
     background-color : #3d57a0; 
}

#footer li a:visited{
     padding: 5px 0 0 0;
     margin : 0;
     color: #eeeeee;
     text-decoration : none;
     background-color : #3d57a0;
}                 

#footer li a:hover{
     color : #eeeeee; 
     background-color : #3d57a0;
     padding: 5px 0 0 0;
     margin : 0;
}

#footer h3 {
     clear: left; 
     width: 400px; 
     position: relative; 
     font-weight: normal; 
     font-size: 100% ; 
     border-style: none; 
     margin: 0px; 
     padding: 0px;
     background-color: #3d57a0;
     color: #eeeeee;
}

.copyright {
     width: 100%; 
     background-color : #ffffff; 
     color: #000000; 
     border-style: none; 
     margin: 0px; 
     padding: 0px;
     font-size: 10pt;
     
     }
#footer span {
     padding: 0 0 0 15%;
}


/************ サブペース **************/
#sab {
     float: left;
     width: 28%; 
     position: relative;
     padding: 0;
     margin: 0;
}
.sabin {
     width: 100%; 
     position: relative;
     vertical-align: top;
     text-align: left; 
     padding: 0;
     margin: 0; 
     border-width: 0px; 
     border-color: #cccccc; 
     border-style: solid; 
     background-color: #f5f2e5; 
     color: #0e2250; 
}

#sabindex {
     float: left;
     width: 42%; 
     position: relative;
     vertical-align: top;
     text-align: left; 
     padding: 0px;
     margin: 0 30px 0 10px; 
}

.titlearea {
     width: 100%; 
     vertical-align: top;
     padding: 0;
     margin: 0; 
     color: #000000;
     border-width: 1px; 
     border-color: #92b0dd; 
     border-style: solid; 
}

.titlearea {
     width: 100%; 
     vertical-align: top;
     padding: 0;
     margin: 0; 
     color: #000000;
     border-width: 1px; 
     border-color: #92b0dd; 
     border-style: solid; 
}


.area{
     width: 100%; 
     vertical-align: top;
     padding: 5px;
     margin: 0; 
     color: #000000;
     border-width: 1px; 
     border-color: #92b0dd; 
     border-style: solid; 
}







#sab h2 {
     font-weight: normal;
     font-size: 9pt;
     margin: 0; 
     padding: 0; 
     width: 100%;
     text-align: right;
     background-image: none;
     background-color: #ffffff;
     }


.http { color: #00a900; background-image: url('http://point-guide.com/picture/back.gif'); font-size: 8pt;}

.map{ 
background-color:#cccccc;
}

#ads { width: 200px; margin-left: 20px; line-height: 120%;}

/************ メニュー **************/

#menu{
margin: 0px; padding: 0px; text-align: left; line-height: 100%;
}

#menu h3 {
     background-color: #ffffff; 
     color: #0e2250; 
     font-size: 10pt; 
     margin:  0; 
     padding: 0; 
     width: 100%;
     text-align: left;
     }
     
#menu h4 {
     font-weight: normal;
     background-color: #f5f2e5; 
     border-bottom: 1px dotted #cccccc;
     color: #0e2250; 
     font-size: 10pt; 
     margin: 0; 
     padding: 0 0 0 10px; 
     width: 100%;
     text-align: left;
     border-top: 1px solid #ffffff; 
     border-bottom: 1px solid #cccccc; 
     }
     
/*
 
     border-bottom: 1px dotted #cccccc;
     border-bottom: 1px solid #cccccc; 
     
 */     

/************ メインテキストスペース **************/

#middle{
     top: 40px; 
     position : relative;
     margin: 0; 
     padding: 0; 
     height: 100%;
     background-color: #ffffff;
     color: #000000;
     font-size: 11pt;
     line-height: 150%;
}

#main {
     float: left; 
     width: 69%; 
     padding-right: 5px; 
     padding-left: 30px;
}

#mainindex {
     float: left; 
     width: 42%; 
     padding: 0px; 
     margin: 0 10px 0 30px; 
}


#indexmiddle h2 {
     background-color: #ffffff; 
     color: #0e2250; 
     font-size: 11pt;
     margin: 20px 0 15px 0 ; 
     padding: 5px 0 5px 10px; 
     width: 100%;
     text-align: left;
     }



h2 {
     background-color: #eef3fb; 
     color: #0e2250; 
     font-size: 11pt;
     margin: 20px 0 15px 0 ; 
     padding: 5px 0 5px 10px; 
     width: 100%;
     text-align: left;
     }


#mouse h2 {
     background-color: #eef3fb; 
     color: #0e2250; 
     font-size: 11pt;
     margin: 20px 0 15px 0 ; 
     padding: 5px 0 5px 10px; 
     width: 100%;
     text-align: left;
     background-image: url('http://point-guide.com/picture/click.gif');
     background-repeat: no-repeat;
     background-position: right center;
     }

#mouse h3 {
     background-color: #eef3fb; 
     color: #0e2250; 
     font-size: 11pt;
     margin: 20px 0 15px 0 ; 
     padding: 5px 0 5px 10px; 
     width: 100%;
     text-align: left;
     background-image: url('http://point-guide.com/picture/click2.gif');
     background-repeat: no-repeat;
     background-position: right center;
     }

h3 {
     background-color: #ffffff; 
     color: #0e2250; 
     font-size: 10pt; 
     margin: 0 ; 
     padding: 5px 0 5px 5px; 
     width: 100%;
     text-align: left;
     }


#main h4 {
     padding: 10px 0 0 15px; 
     margin: 30px 0 10px 0; 
     color: #0e2250; 
     background-color: #f4f4f4; 
     border-width: 1px 0px 0px 0px; 
     border-color: #cccccc; 
     border-style: solid; 
     width: 100%;
     font-size: 10pt; 
     }
     
/************ ワイドスペース **************/

#wspace {
     width: 100%;
     position : relative;
     text-align: center;
}

#wtextarea {
     width: 700px;
     vertical-align: top;
     text-align: left; 
}


#wmap {
     margin: 0; 
     padding: 0;}


#wmap h2 {
     font-weight: normal;
     font-size: 9pt;
     margin: 0; 
     padding: 0; 
     width: 100%;
     text-align: right; 
     background-image: none;
     }




#wtext{
     margin: 0; 
     padding: 0;
     }
#wtext h4 {
     padding: 10px 0 0 15px; 
     margin: 30px 0 10px 0; 
     color: #0e2250; 
     background-color: #f4f4f4; 
     border-width: 1px 0px 0px 0px; 
     border-color: #cccccc; 
     border-style: solid; 
     width: 100%;
     font-size: 10pt; 
     }


/************ テキストエリアインデックス **************/

.whatsnew {
     padding: 0px; 
     border-width: 1px; 
     border-color: #92b0dd; 
     border-style: solid; 
     background-color: #ffffff; 
     width: 100%;
     color: #000000;
}

/************ テキストエリア **************/

#textarea {
     padding: 5px; 
     border-width: 1px 0 0 1px; 
     border-color: #cccccc; 
     border-style: solid; 
     width: 100%;
}

#indexarea {
     padding: 0px; 
     border-width: 1px; 
     border-color: #92b0dd; 
     border-style: solid; 
     width: 100%;
}

.indexarea {
     padding: 5px; 
     border-width: 1px 0 0 1px; 
     border-color: #cccccc; 
     border-style: solid; 
     width: 100%;
}

.new { 
     font-weight: bold;
     color: #cf3030; 
     background-color: #ffffff;
     font-style: italic;
     font-family: "Bookman Old Style", serif;  
 }


/************ テーブル **************/         
         
.table_ff {
     font-size: 10pt; 
     width: 100%; 
     text-align: left; 
     line-height: 130%;
}

.table { 
    background-color: #a2a2a2; 
    font-size: 10pt; 
    color: #000000; 
    width: 100%;
    margin-top: 10px;
}
  
          #middle th { text-align: left; color: #000000; background-color: #f4f4f4; padding: 3px; font-weight: normal;}

          .table td {color: #000000; background-color: #FFFFFF; font-weight: normal; padding: 3px; vertical-align: top;}
          
          #middle caption {padding: 3px 3px 3px 3px; color: #0e2250; text-align: left; background-color: #e9eff5;
          border-width: 1px 1px 0; border-color: #a2a2a2; border-style: solid; }
          
          .styleB {vertical-align: top; width: 5px;}
          
          #text_navigation{ color: #000000; padding: 5px; border-width: 0; border-color: #cccccc; border-style: solid; background-color: #ffffff; width: 100%;}

          
          
         
          
          
     .text_navigation { 
     width:100%; 
     margin: 10px 0 10px 0; 
     padding: 0px 0px 10px 0px; 
     position: relative;
     border-width: 1px; 
     border-color: #cccccc; 
     border-style: solid;
     background-color: #fafafa; 
          }

     #top_navigation { 
     width:100%; 
     margin: 10px 0 10px 0; 
     padding: 0px 10px 10px 10px; 
     position: relative;
     border-width: 1px; 
     border-color: #cccccc; 
     border-style: solid;
     background-color: #fafafa; 
          }
          
     #top_navi{ 
     width:100%; 
     margin: 10px 0 10px 0; 
     padding: 0px 10px 10px 10px; 
     position: relative;
     border-width: 1px; 
     border-color: #cccccc; 
     border-style: solid;
     background-color: #ffffff; 
          }

    #top_navigation h3 {
     background-color: #fafafa; 
     color: #0e2250; 
     font-size: 10pt; 
     margin: 0 ; 
     padding: 5px 0 5px 5px; 
     width: 100%;
     text-align: left;
     }
  

/************ スポンサー見出し **************/ 

.finding { 
     padding: 10px 0 0 15px; 
     margin: 10px 0 10px 0; 
     color: #21536a; 
     font-weight: bold; 
     background-color: #f4f4f4; 
     border-width: 1px 0px 0px 0px; 
     border-color: #cccccc; 
     border-style: solid; 
     width: 100%; 
}
.link_table_top {padding-left: 15px; color: #0e2250; background-color: #f2f2f2; border-width: 1px 0px 0px 0px; border-color: #cccccc; border-style: solid; width: 100%; padding-top: 10px;}











#wmap a:link {color: #ffffff; margin: 0; padding: 2px; text-decoration: none;}
#wmap a:visited {color: #ffffff; margin: 0; padding: 2px; text-decoration: none;}
#wmap a:HOVER { color: #6acfeb; text-decoration: none;}

#wtext a:link {color: #07519a; text-decoration: underline;} 
#wtext a:visited {color: #07519a; text-decoration: underline;} 
#wtext a:HOVER { color: #6acfeb; text-decoration: underline;}

#wspace a:link { color: #07519a; text-decoration: underline;}
#wspace a:visited { color: #07519a; text-decoration: underline;}
#wspace a:HOVER { color: #6acfeb; text-decoration: underline;}

#main a:link { color: #07519a; text-decoration: underline;}
#main a:visited { color: #07519a; text-decoration: underline;}
#main a:HOVER { color: #6acfeb; text-decoration: underline;}

#mainindex a:link { color: #07519a; text-decoration: none;}
#mainindex a:visited { color: #07519a; text-decoration: none;}
#mainindex a:HOVER { color: #07519a; text-decoration: underline;}

#sab a:link, a:visited { color: #ff7e39; margin: 0; padding: 0; text-decoration: none;}
#sab a:link, a:visited { color: #ff7e39; margin: 0; padding: 0; text-decoration: none;}
#sab a:HOVER { color: #ff0000; text-decoration: underline;}

#sabindex a:link { color: #07519a; text-decoration: none;} 
#sabindex a:visited { color: #07519a; text-decoration: none;} 
#sabindex a:HOVER { color: #07519a; text-decoration: underline;}

#ads a:link {color: #07519a; margin: 0; padding: 2px; text-decoration: underline;}
#ads a:visited {color: #07519a; margin: 0; padding: 2px; text-decoration: underline;}
#ads a:HOVER {color: #07519a; margin: 0; padding: 2px; text-decoration: underline;}




#main th a:link {color: #0e2250; background-color: #f4f4f4; text-decoration : underline;}
#main th a:visited { color: #7aa0ff; background-color: #f4f4f4; text-decoration : none;}
#main th a:HOVER { color: #7aa0ff; background-color: #f4f4f4; text-decoration: underline;}