body{  
  background-color: #f7f7f7;
  background-image: url(../img/backborder.gif);
  background-repeat: repeat-y;
  background-position: top center;
}
a{  
  text-decoration : none;
  color : #0080ff;
}

/* コンテナ */
div#container{  
  background-color:white;
  position:absolute;
  width: 780px;
  margin-left:-390px;
  margin-right:auto;
  left: 50%;
}

/* ヘッダー */
div#header{  
  background-color: white;
  margin:0;
  padding :5px 0 5px 0;
}

div#rogo{  
  background-color: white;
  background-repeat: no-repeat;
  background-position:top left;
  float:left;
}

div#header h1{  
  margin:0; 
}

div#header p{  
  color:#666666;
  font-size:0.9em;
  font-weight:bold;
  text-align:right;
  vertical-align:top right;
}

/* パンくずリスト */
p#bread{  
  font-family:"メイリオ";
  font-size: 0.75em;
  text-align: right;
  background-color: white;
  margin: 10px;
}

p#bread a:link{  
  text-decoration:none;
  color:#66cc00;
}
p#bread a:visited{  
  color:#66cc00;
}
p#bread a:hover {  
  text-decoration:underline;
  color:#ff6600;
}


/* コンテンツ */
div#content{  
  width:584px;
  float:right;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

div#content h1{  
  background-color: white;
  font-size : 0.8em;
  color: 666666;
  margin: 0;
}

div#content h2{  
  background-color: white;
  font-size : 0.8em;
  color: 666666;
  margin: 0;
}


div#content h3{  
  background-color: white;
  font-size : 0.8em;
  color: 666666;
  margin: 0;
}

div#content p{  
  font-family:"メイリオ";
  font-size: 0.8em;
  line-height: 1.8;
  color: #666666;
  padding: 0px 5px;
  margin-top: 10px;
}

.contents{  
  height:150px;
  margin:0;
  font-size:0.875em;
  overflow-y:auto;
  overflow-x:auto;
  scrollbar-base-color:#ffffff;
  scrollbar-track-color:#f2f2f2;
  scrollbar-shadow-color:#177eff;
  scrollbar-highlight-color:#177eff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-arrow-color:#177eff;
}

.info{  
  margin:0;
  font-size:0.875em;
  border:0px ;
}

.line{  
   margin:0px;
   padding:0;
}


div#content a:link{  
  text-decoration : none;
  color:#66cc00;
}

div#content a:visited{  
  color:#66cc00;
}

div#content a:hover {  
  text-decoration:underline;
  color:#ff6600;
}

li#middle{  
  vertical-align:middle;
}

#i-menu{
  margin-top:5px;
  margin-bottom:20px;
}

#i-topics{
  margin-top:5px;
  margin-bottom:20px;
}

.navi1{
  background-image : url(m_img/i-menu1.png);
  background-repeat: no-repeat;
  float:left;
  width:285px;
  border:1px solid #e7e7e7;
  margin-bottom:50px;
  padding-top:50px;
  font-size:0.9em;
  height:250px;
}

.navi2{
  background-image : url(m_img/i-menu2.png);
  background-repeat: no-repeat;
  float:right;
  width:285px;
  border:1px solid #e7e7e7;
  margin-bottom:50px;
  padding-top:50px;
  font-size:0.9em;
  height:250px;
}

.navi3{  
  background-image : url(m_img/topicmenu1.png);
  background-repeat: no-repeat;
  float:left;
  width:285px;
  border:1px solid #e7e7e7;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding-top:50px;
  font-size:0.9em;
  height:235px;
}
.navi4{ 
  background-image : url(m_img/topicmenu2.png);
  background-repeat: no-repeat;
  float:right;
  width:285px;
  border:1px solid #e7e7e7;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding-top:50px;
  font-size:0.9em;
  height:235px;
}

.navi5{  
  background-image : url(m_img/topicmenu3.png);
  background-repeat: no-repeat;
  float:left;
  width:285px;
  border:1px solid #e7e7e7;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding-top:50px;
  font-size:0.9em;
  height:235px;
}
.navi6{ 
  background-image : url(m_img/topicmenu4.png);
  background-repeat: no-repeat;
  float:right;
  width:285px;
  border:1px solid #e7e7e7;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding-top:50px;
  font-size:0.9em;
  height:235px;
}

#middle{  
  vertical-align:middle;
}

ul.navi ul 	{  
  margin:0;
  list-style: none;
  font-color:#666666; 
}

ul.navi li 	{  
  list-style: none;
  margin-left:-30px;
  font-size:0.75em;
  font-family:"メイリオ";
  font-color:#666666; 
}

.sp_im{  
  margin-bottom:15px;
}

.news{  
  width:584px;
  border-right:1px solid #dcdcdb;
  border-left:1px solid #dcdcdb;
  border-bottom:1px solid #dcdcdb;
  margin-top:0;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:30px;
  float: right;
}
.news2{  
  border:1px solid #dcdcdb;
  margin:auto;
  background-color:#fafafa;
  line-height:1.8;
}


/* サイドバー */
div#sidebar	{  
  width: 176px;
  float: left;
  margin-bottom:25px;
  border-top-width : thick;
  border-top-color : black;
}
ul.sidemenu	{  
  font-family:"メイリオ";
  font-size: 0.75em;
  margin-top: 0;
  margin-left: 0;
  padding-left:0;
  line-height: 0;
}
ul.sidemenu li	{  
  list-style-type: none;
}
ul.sidemenu li a	{  
  font-size:1.2em;
  background-color:white;
  display: block;
  height:50px;
  line-height: 50px;
  text-decoration: none;
  color: #3399ff;
  background-repeat: no-repeat;
}

ul.sidemenu ul 	{  
  margin: 0;
  padding: 0;
  width:176px;
}
ul.sidemenu ul li a 	{  
  font-size:1em;
  color: #666666;
  height:30px;
  line-height: 30px;
  background-position: left;
  background-image:none;
  background-repeat: no-repeat;
  padding-left:30px;
  border-bottom:#cccccc dotted 1px;
}
ul.sidemenu ul li a:hover 	{  
  color: #66cc00;
  height:30px;
  line-height: 30px;
  background-image: url(m_img/p_green.gif);
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left:30px;
  background-color:#f6f6f6;
}

ul.sidemenu02	{  
  width:176px;
  font-family:"メイリオ";
  font-size: 0.75em;
  margin-top: 0;
  margin-left: 0;
  padding-left:0;
  line-height: 0;
  border:solid 1px #dbdbdc;
}
ul.sidemenu02 li	{  
  list-style-type: none;
}
ul.sidemenu02 li a	{  
  background-color:white;
  display: block;
  line-height:2;
  text-decoration: none;
  background-repeat: no-repeat;
}

ul.sidemenu02 ul 	{  
  margin: 0;
  padding: 0;
  width:176px;
}
ul.sidemenu02 ul li a 	{  
  font-size:1em;
  color: #666666;
  line-height: 2;
  background-position: 10px;
  background-image: url(img/icon-blue1.gif);
  background-repeat: no-repeat;
  padding-left:30px;
}
ul.sidemenu02 ul li a:hover 	{  
  color: #177ff;
  line-height: 2;
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left:30px;
  background-color:#f6f6f6;
}




p.feed{  
  margin-bottom:10px;
  margin-left:10px;
}
p.feed a{  
  font-size:0.75em;
  color:#666666;
  text-decoration:none;
  line-height:3;
  border:1px solid #888888;
  padding:5px;
}
p.feed img{  
  border:none;
  vertical-align:middle;
}

/* フッター */
div#footer{  
  width: 780px;
  height:25px;
  line-height:12px;
  clear: both;
  background-color:#66cc00;
  padding-top:6px;
  padding-bottom:6px;
}

div#footer p{  
  font-family:"メイリオ";
  font-size: 0.7em;
  color: white;
  text-align:center;
  vertical-align:middle;
}



