/* CSS Document */

/*■初期設定*/

body{
	color:#ffffff;/*通常のテキストカラー*/
	}
	
	
a{
	color:#006699;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}
a {text-decoration: none}
/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}


*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 13px; /* モダンブラウザ */
    *font-size: small; /* IE 7 */
    *font: x-small; /* IE 6以下 */
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;		
}
p,th,td,li{
	font-size:12px;
	*font-size:90%;
	*font:80%;
	}

p{  
      color:"#000080";
      font:"MS ゴシック";
            
       
       }



body{
	text-align:center;
	}

.CNT{ text-align:center;}
.L{ text-align:left;}
.R{ text-align:right;}


#container{
	width:800px;
/*	margin:auto;*/
	background-color:#ccffff;
	}
h1{
	height:20px;
	line-height:16px;
	font-size:15px;
	color:#333333;
	font-weight:normal;
	text-indent:10px;
	text-align:center;
	}	
h2{
	margin:10px 0 0 0px;
	font-weight:normal;
	}
h2 a{
	font-size:25px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	}
h2 a:hover{
	text-decoration:none;
	color:#333333;}

/*from here-- Added by Hideo*/

h3 {
	font-size: 100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #669999;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 5px;
	text-indent: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
}


#head{  position:relative;
        left:3px;
        top:1px;
	height:100px;
        width:750px;
	background-color:#506381;	
/*	border-width:2px 0 0 0;*/
	zoom: 100%;
	}
	

#info_new {
        width:749px;
        position:relative;
        left:3px;
        top:0px;
	background-color:#ccffff;
	zoom: 100%;
	text-align:left;
	color:#008080;
	padding:2% 2% 2% 2%;
	}


	
	
#info_new3 {

        width:749px;
	background-color:#ccffff;
	color:#008080;
	font-weight:bold;
	position:relative;
	left:3px;
	top:0px;
	zoom: 100%;
	padding:2% 2% 2% 2%;
	}



#head:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    }
#bottom:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;


	}
	
	
#head_menu {
        position:relative;
        top:0px;
        left:28px;
        width:800px;
	font-size: 80%;
	line-height: 170%;
	margin:5px 0px;
	padding:0px;
	list-style:none;	float:left;	
}

#head_menu li {
	float:left;
	background-color: #506381;

	margin-left: 0px;
	border: 1px solid #000;
	text-align: center;
	width: 148px;
	height:20px;
}

#head_menu a{
	color: #fff;/*テキスト　白*/
	font-size:x-small;
/*	font-weight:bold;*/
	display:block;
	width: 148px;
	height:20px;
	background-color:#506381;
}

#head_menu a:hover {


	color: #000;/*テキスト　黒*/
	background-color: #ccccff;
	text-decoration:none;
}	
	
	

	
/*ここから変更*/

#bottom_menu {
        position:relative;
        top:0px;
        left:28px;
        width:800px;
	font-size: 80%;
	line-height: 170%;
	margin:5px 0px;
	padding:0px;
	list-style:none;	float:left;	
}

#bottom_menu li {
	float:left;
	background-color: #008080;

	margin-left: 0px;
	border: 1px solid #000;
	text-align: center;
	width: 148px;
	height:20px;
}

#bottom_menu a{
	color: #fff;/*テキスト　白*/
	font-size:x-small;
/*	font-weight:bold;*/
	display:block;
	width: 148px;
	height:20px;
	background-color:#506381;
}

#bottom_menu a:hover {


	color: #000;/*テキスト　黒*/
	background-color: #ccccff;
	text-decoration:none;
}

ここまで変更*/



#bnr_image{
	float:left;
	background:url(img/bnr_image.jpg) no-repeat;
	width:200px;
	height:40px;
	}
	
#bnr_image p{
	margin:20px;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	}
/******************************/
#bnr_image_new{
	width:200px;
	height:20px;
	float:left;
	margin:3px;
	color:#660066;
	font-size:12px;
	text-align:center;
	}
	
#contents{
	margin:20px 0 20px 0;
	clear:left;
	zoom:100%;
	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#copy_right{
	clear:left;
	background-color: #506381;
	width:750px;
	height:20px;
	line-height:20px;
	font-size:10px;
	text-align:right;
	color:#ffffff;
	border: double #330000;
	border-width:3px 0 0 0;
	padding:2px;
	position:relative;
	left:4px;
	top:0px
	}

#copy{
	clear:left;
	background-color: #330033;
	width:700px;
	height:20px;
	line-height:20px;
	font-size:10px;
	text-align:right;
	color:#ffffff;
	border: double #330000;
	border-width:3px 0 0 0;
	padding:2px;
	}	
#copy a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	line-height:20px;	
	}
#copy a:hover{
	color:#FFFFFF;
	text-decoration:none;	
	font-size:10px;
	}

/***トップ***/
#top{
	zoom:100%;
	}
#top:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;	
	}	
#top div#left h2{
	font-size:25px;
	color:#663300;
	font-weight:normal;
	}
#top div#left{
	float:left;
	width:560px;
	}
#top div#left h4{
	font-size:12px;
	margin:6px 0 0 0;
	}
#top div#left div#info{
	background:url(img/top/bg_info.gif);
	width:560px;
	height:220px;
	}
#top div#left div#info h5{
	margin:8px 10px 0 10px;
	font-size:smaller;
	}
#top div#left div#info p{
	margin:4px 10px 0 10px;
	}
#top div#right{
	float:left;
	width:230px;
	margin:0 0 0 10px;
	}
#top div#right div#bnr_sps{}
#top div#right div#bnr_sps p{
	margin:10px 0 0 0;
	background-color:#660066;
	line-height:100%;
	}
#top div#right div#bnr_sps p a{
	}
#top div#right div#bnr_sps p a:hover img{
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	}

#bnr_sps_new{

  
  
  

  
  
  /*
  background-color: #ffcc66;
  width: 100px;
  border: 1px solid #000;
  padding: 5px;
  */
}
	
/*#bnr_sps_new{
  position: absolute;
  top: 100px;
  left: 15px;
  
  
  
  border: 1px solid #000;
  
  
  /*
  background-color: #EEE;
  width: 160px;
  border: 1px solid #000;
  padding: 115px;
  */
}*/


/***その他のページ-共通***/
/***その他のページ***/
#other_page{}
#other_page h3{
	font-size:25px;
	color:#663300;
	font-weight:normal;
	}
#other_page h4{ font-size:110%;
	line-height:1.0em;
	vertical-align:top;
	margin:20px 0 0 0;
	color:#003333;
	border:solid #663300;
	border-width:0 0 0 5px;
	}
#other_page h5{
	font-size:100%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#663300;
	}	
#other_page div.typeA{
	}
#other_page div.typeA p{
	margin:8px 0 0 0;
	line-height:160%;
	}
#other_page div.typeB{
	margin:8px 0 10px 0;
	line-height:160%;
	zoom:100%;
	}
#other_page div.typeB:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#other_page div.typeB p{
	}	
#other_page div.typeB div.left{
	float:left;
	width:370px;
	}
#other_page div.typeB div.right{
	float:right;
	width:370px;
	margin:0 0 0 20px;
	}

#other_page p.margin_none{ margin:0;}
#other_page p{ margin:6px 0 0 0;}

/*テーブルセット*/
#tbl_setA{
	border:#663300 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setA th{
	border:#663300 solid 1px;
	background:url(img/common/bg_th_a.gif);
	padding:6px;
	color:#333333;
	text-align:center;
	}
#tbl_setA td{
	border:#663300 solid 1px;
	padding:6px;
	}

/******************************************************************************************************/
#p-copy{
	width:800px;
	text-align:left;

	}
#p-copy p a{
	background:url(img/common/copy_pondt_wt.gif) no-repeat;
	display:block;
	width:24px;
	height:13px;
	text-indent:-9999px;
	margin:5px 0 0 776px;
	}
	
/*not used*/
	

#line1      {
           width:690px;
           hight:170px;
           }
#line2      {
           width:690px;
           hight:170px;
           }
#line3      {
           width:690px;
           hight:170px;
           }


#field_box {
	font-size: 80%;
	line-height: 170%;
	margin:5px 0px;
	padding:0px;
	font-weight:bold;
	list-style:none;	float:left;	
}

#field_box li {
	float:left;
	background-color: #6699cc;
	margin-right: 10px;
	margin-left: 0px;
	border:1px outset #ccccff;
	text-align:left;
	width: 160px;
	height:150px;
}


#bottom{
	color:ffffff;
        width:750px;
        hight:80px;
	background-color:#506381;
	position:relative;
	top:0px;
	left:4px;

	}

#bottom_bellow{
              width:700px;
              background-color:#ffcc66;


}

	
h3.hyodai {
	font-size: 100%;
	font-weight:bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #669999;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 5px;
	text-indent: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left:10px;
	background-image:url(img/b_ban033.jpg);
}


#service_area {
        clear:left;
        width:747px;
/*	border: 1px solid #999;*/
	background-color: #ccffff;
/*	padding: 1px;*/
	margin-top: 0px;
	height: 35px;
	left: 50px;
	top: 0px;
	color:#339966;
}