@charset "UTF-8";
/* ビジョン用ベーススタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
body {
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	color: #333333;
	background:url(../images/bg.gif) repeat-x;
	background-attachment: fixed;
	background-color: #fff;
}
img {
	border: none;
}
* #wrapper {
   margin-top:-57px;
   }

#wrapper {
	width: 780px;
	margin: 0 auto;
    margin-top : 10px;
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #2076ef;
	border-bottom: 5px solid #2076ef;
	
}
/* ビジョン用ヘッダー部分
---------------------------------------------*/
#header {
	background-color: #fff;
	position:relative;
	height:180px;
	border-bottom: 8px solid #2076ef;
}

#logo {
	width: 780px;
}

/* ナビゲーション
---------------------------------------------*/
    #globalNav {
      width:780px;
      font-size:98%;
      line-height:normal;
      text-align: center;
      }
    #globalNav ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #globalNav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #globalNav a {
      float:left;
      background:url(../images/navi_a.gif) no-repeat left top;
      background-color: #fff;
      margin: 0;
      padding:15px 15px 15px 15px;
      width:126px;
      color:#000;
      text-decoration:none;
      }
    #globalNav a.stay {
      float:left;
      display:block;
      background:url(../images/navi_b.gif) no-repeat right top;
      background-color: #fff;
      color:#1b579e;
      width:126px;
      }

    #globalNav a:hover {
      color:#1b579e;
      }

    #globalNav a span {
      float:left;
      display:block;
      background:url(../images/navi_b.gif) no-repeat right top;
      background-color:black;
      color:#FFF;
      width:126px;
      }
      
    #globalNav a:hover {
      background-position:0% -46px;
      }
    #globalNav a:hover span {
      background-position:100% -46px;
      }

/* ビジョン用メイン
---------------------------------------------*/
#container {
	float: left; /* ボックスを左寄せに指定 */
	width: 560px; /* ボックスの幅を指定 */
}

#primary {
	float: left; /* ボックスを右寄せに変更 */
	width: 555px;
	margin: 10px 0;
	background-color: #fff;
}
#primary h2 {
	padding: 10px;
	margin-left: 5px;
	margin-top: 3px;
	font-size: 120%;
	background: url(../images/amamivision_h2bg.gif) no-repeat;
	background-color: #2076ef;
	color: #fff;
}
/* ビジョン用ニュース
---------------------------------------------*/

.news ul {
	padding: 5px;
	margin-left: 5px;
	margin-top: 3px;
}

.news li {
 border-bottom: 1px dotted #dfecfd;
 padding-left: 10px;
 background: url(../images/arrow.gif) no-repeat left center;
}
		/*屋外ビジョンイメージ
---------------------------------------------*/
#coment {
	text-align: left;
	margin-left: 30px;
	margin-top: 10px;
    width:500px;
}
#coment h3 {
	margin-left:3px;
	margin-top:3px;
	padding: 3px 10px;
	background-color: #2076ef;
	color: #fff;
	border-right: 5px solid #ff6600;
	
}
/* ビジョン用右サイド
---------------------------------------------*/

#advertisement {
	float: right;
	width: 200px;
	margin: 10px 0 ;
	background-color: #fff;
	font-size:100%;
}
#advertisement h3 {
        padding: 10px 0 12px 20px;
		color: #fff;
		background: url(../images/side_blue_h3.gif) no-repeat;
		background-color: #104411;
}
#advertisement ul{
        list-style:none;
}
#advertisement li {
	    margin: 0px;
		}

#advertisement a {
      display:block;
      width:92%;
      color:#000;
      padding:5px 0 5px 15px;
      text-decoration:none;
      border-bottom: 1px dotted #CCCCCC;
      background: url(../images/list_blue.gif) no-repeat left center;
} 
#advertisement a:hover {
      color:#000;
      background-color:#dfecfd;
 }
#advertisement a.stay {
      display:block;
      width:92%;
      color:#000;
      background-color:#dfecfd;
      border-bottom: 1px solid #ccc;
}

#advertisement .samplelist {
	padding: 5px;
}
#advertisement .samplelist h3 {
	padding: 5px;
}
#advertisement .samplelist ul li {
	padding: 5px;
}
#advertisement .sponsorlist ul li {
	padding-top: 5px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	border-bottom-width: 1px;
}