/*    共通設定部   　*/

@charset "utf-8";

body,
body * {
   margin: 0; padding: 0; 
  }
img {
   vertical-align:top;
   } 
body {
   height:100%;
   background-color: #EBEBEB;  
   font-family: "ＭＳ Ｐゴシック","Osaka", sans-serif;
   font-size: 13px;
   line-height: 1.4;
   color: #666;
   margin: 0 ; padding: 0;
  }

h1 {font-size: 19px;}
h2 {font-size: 17px;}
h3 {font-size: 15px; color: #66f;}
h4 {font-size: 13px; color: #369;}

h1,h2,h3,h4,p, ul, li, dl, dt, dd { margin: 0; padding:0;}  

/* リンク設定　*/
#maincol a {color: #69f; background: transparent;text-decoration:underline;}
#maincol a:link {color: #69f; background: transparent;}
#maincol a:visited {color: #69c; background: transparent;}
#maincol a:hover {color: #6ff; background: white; text-decoration: underline;}
#maincol a:active {color: #6ff; background: white; text-decoration: underline;}

/* 文字カラー設定　*/
span { color: #639; }
span.gold { color: #999900;}
span.orange { color:#FF6600; }
span.blue { color: #6699FF; }
.yellow { color: #FFCC00; }
span.green { color: #009900; }
span.pink { color: #FF33FF; }
span.red { color: #FF0066; }
span.mazenta { color: #f69; }

/* フォントスタイル設定 */
p dfn { font-style: normal; }
address { 
   font-style: normal;
   color:#999999;
   text-align: center;
   margin-top: 10px;
  }  
address.right { 
   color: #CCCCCC; 
   margin-top: 3px; 
   }
   
/*---------＜ＳｉｔｅＢｏｄｙ設定＞---------------*/ 
   
#sitebody {
   width: 760px; height:100%;
   margin: 0 ; padding: 0; 
   background-color: white;
  }   
   
/* ■　ヘッダー　■　*/
.header {
   margin: 0; padding: 0;
   width: 760px;
  }

.header h1 {
   margin:0; padding: 0;
   display: block;
   float: left;
  } 
.header h2 {
   margin:0; padding: 0;
   display: block;
   float: left;
  }   

   
div.br { 
   clear: both;
   height: 0;
   margin:0; padding: 0; border: 0;
   }  

#maincol {
   margin: 270px 0 60px 0; padding:0 20px 0 15px;
   width: 725px; 
   }


#rightcol {
   margin: 0 0 0 25px; padding: 0 ;
   background-color: white;
   width: 425px;
   float: right;
   } 
.whatsnew {
   background-color: #FFFFFF;
   margin-bottom: 20px;
   } 
.whatsnew h2 {
   width: 425px;
   border-bottom: 1px solid #ccc;
   margin-bottom: 10px;
   }   

#news {
   margin: 7px 0 0 0;
   padding: 0;
   width: 400px;
   background-color: #FFFFFF;
   line-height:1.5;
   }
   
#news dt, dd {
   margin: 0;
   padding: 0 17px 0 12px;
   widtgh: 371px;
   }
#news dd {
   border-bottom: 1px dotted #ccc;
   margin-bottom: 15px;
   padding-bottom: 8px;
   }   
#news dt.notice {
    background: url(../img/top/bg_notice.gif) top left no-repeat;
	padding: 0 0 0 110px;
   	width: 315px; height: 26px;
	}
	
#news dt.info {
    background: url(../img/top/bg_news.gif) top left no-repeat;
	padding: 0 0 0 110px;
   	width: 315px; height: 26px;
	}
	
#news a {color: #69f; background: transparent;text-decoration:underline;}
#news a:link {color: #69f; background: transparent;}
#news a:visited {color: #69c; background: transparent;}
#news a:hover {color: #6ff; background: white; text-decoration: underline;}
#news a:active {color: #6ff; background: white; text-decoration: underline;}	
	
	
	
	

#leftcol {
   margin: 0 0 0 0; padding: 0;
   background-color: white;
   width: 270px; height: auto;
   float: left;
   }

#siteMess {
   clear: both;
   margin: 10px 15px 0 15px;
   padding: 0;
   width: 730px;   
   }
#siteMess p {
   margin: 5px 0;
   padding: 0 8px;
   width: 714px;
   text-indent: 1em;
   }
#siteMess a {color: #69f; background: transparent;text-decoration:underline;}
#siteMess a:link {color: #69f; background: transparent;}
#siteMess a:visited {color: #69c; background: transparent;}
#siteMess a:hover {color: #6ff; background: white; text-decoration: underline;}
#siteMess a:active {color: #6ff; background: white; text-decoration: underline;}







/* ■　トピックナビゲーション　■　*/

#tp-navi {
   margin: 25px 0 0 0; padding: 0; border: 0;
   width: 270px;
   height: 240px;
  }  


.wr1 {
   margin: 15px 0 0 0;
   padding: 0;
   }


.mes {
   margin: 0 15px 60px 15px; padding: 4px 8px 4px 8px;
   width: 714px; height: auto;
   border: 1px solid #ccc;
   }
.mes p {
   margin-top: 6px;
   }




/* ■　グローバルナビゲーション　■　*/

.global-navi {
   margin: 0; padding: 0; border: 0;
   width: 760px; height: 35px;
  }  

.global-navi ul {
   border:0;
   margin:0;
   padding:0;
   list-style-type: none;
  }
.global-navi ul li { 
   display: block;
   float: left; 
   border:0; margin: 0; padding:0;
  }




/* ■　フッター　■　*/

#footer { 
   width: 760px;
   margin: 45px 0 20px 0; padding: 0;
  }
/* maincolのmargin-bottomを同値設定することで、IEとNetScape系の
　表示が同じとなる*/

p.catch {
   width: 760px; height: 21px;
   margin: 12px 0 8px 0; padding: 4px 0 0 0;
   color: white;
   background-color:#7685ba;  
   text-align: center;
  }


div.lower-navi {
   width:  740px;
   margin: 0 8px  0px 12px;
   padding: 5px 0 8px 0;   
   }
   
.lower-navi ul{
   margin: 0; padding: 0;
 } 
 
.lower-navi li {
   display: inline;
   margin: 0 ; padding-left: 8px;
  }
.lower-navi li a {
   font-size: 11px;
  }

.lower-navi a {color: #a4b7c7; background: transparent; text-decoration: none;}
.lower-navi a:link {color: #a4b7c7; background: transparent; text-decoration: none;}
.lower-navi a:visited {color:#a4b7c7; background: transparent; text-decoration: none;}
.lower-navi a:hover {color: white; background: #999900; text-decoration: none;}
.lowew-navi a:active {color: #FF9900; background: #999900; text-decoration: none;}
.lower-navi a:focus {color: #FF9900; background: #999900; text-decoration: none;}


#parts {
   width: 760px; 
   margin:0; padding: 0;
   position: absolute;
   top: 100px; left: 0;
   }
.collage {
   width: 760px; height: 220px;
   }



/* 確認用設定部 */
/*
div, h1,h2,h3,p,ul,li {border: 1px solid lime;}
*/