@charset "utf-8";
/* CSS Document */

/* 行間設定ios対策 */
body { 
	line-height: 1.5em;
	font-size: 14px;
}

/* 文字サイズ固定ios対策 */
html,body {
  	-webkit-text-size-adjust: none;
}

/* 画像のリンク枠を非表示 */
img {
    	border-style:none;
}

/* リストマークを非表示 */
ul {
	list-style-type:none;
        line-height: 20px;
}

H1, H2, H3, H4, H5, DL, DT, DD, FORM {
	margin:20px 20px 0 20px;
        padding: 0px;
}


/* 見出し文字サイズ */
h1{
	font-size:0.6em;
}

#h1{
	font-size: x-small;
	color: white;
}

h2{
	font-size:1em;
	border-left: 20px #5FB423;
}

h3{
	font-size:1em;
        border-left:7px solid #31B404;  
        padding:.2em .8em   
}

/* 共通文字 */
p{
	text-align:justify;
	text-justify:inter-ideograph;
        margin-left: 30px;
        margin-right: 40px;
}

/* table */
th{
       width: 170px;
       text-align: left;
       padding-left: 20px;
}

td{
       padding: 10px 0 0 52px;
}

/* dl */
dl {
       border-bottom: 1px dotted #999;
       margin-left: 40px;
       padding-top: 1px;
}

dt {
       clear: left;
       float: left;
       margin: 0px;
       border-left: solid 8px #CCC;
       padding-left: 12px;
       color: #000;
       width: 100px;
}

dd {
      margin-bottom: 0.8em;
      margin-left: 10em;
}

/* ホバー時半透明*/
#opacity-style :hover {
    filter: alpha( opacity=80 );  /* IE */
    opacity:0.8;                 /* Firefox,Opera,Safari */
    -moz-opacity:0.8;           /* Firefox 0.9より前 */
}

/*リンクテキスト*/
a:link,a:visited{
        color: #000000;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

/* ヘッダー */
#header_line {
	background: url(img/common/header.jpg);
	background-repeat: repeat-x;
	height: 3px;
        margin-top: -5px;
}

#header {
	width: 1000px;
	margin: 0px auto;
}

/* ロゴ */
#logo {
        width: 400px;
        margin-left: 30px;
        margin-top: 28px;

}

/* キャッチコピー */
#cc {
        font-size: 96%;
}


/* ヘッダーメニュー */
#headmenu ul{
	margin-top: -221px; 
	padding: 0; 
	line-height: 250px;
	float:right;
	overflow: hidden; 
}

#headmenu li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
	overflow: hidden; 
}

#headmenu li a{
	background-color: #00A0E3;
	padding: 8px;
	text-decoration: none;
	color: #fff;
	margin: 1px;
	text-align: center;
	font-weight: bold;
       font-size: 86%;
}

#headmenu li a:hover{
	background-color: rgba(0, 160, 227, 0.6);
	color: rgb(255, 255, 255);
	font-weight: bold;
}

/* twitterメニュー */
#twitter ul{
	padding: 0; 
	float:right;
	overflow: hidden; 
}

#twitter li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float:leftt;
	overflow: hidden; 
}

#twitter li a{
	background-color: #14D9F4;
	padding: 8px;
	text-decoration: none;
	color: #fff;
	margin: 1px;
	text-align: center;
	height: 8px; 
	font-weight: bold;
}

#twitter li a:hover{
	background-color: rgba(20, 217, 244, 0.6);
	color: rgb(255, 255, 255);
	font-weight: bold;
}

/* facebookメニュー */
#facebook ul{
	padding: 0; 
	float:right;
	overflow: hidden; 
}

#facebook li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float:leftt;
	overflow: hidden; 
}

#facebook li a{
	background-color: #223F6B;
	padding: 8px;
	text-decoration: none;
	color: #fff;
	margin: 1px;
	text-align: center;
	font-weight: bold;
}

#facebook li a:hover{
	background-color: rgba(34, 63, 137, 0.6);
	color: rgb(255, 255, 255);
	font-weight: bold;
}

/* ヘッダー右メニュー */
#headside ul{
	float: right;
	line-height: 35px;
	margin-top: -100px;
	width: 900px;
	height: 70px;
	overflow: hidden; 
}

#headside img{
	margin-top: -12px;
}

#headside li{ 
	display: inline; 
	padding-top: 6px; 
	margin-left: 2px;
	padding-left: 8px;
	float: right;
	overflow: hidden; 
        font-size: 85%;
}

#hs a:hover{
        background-color:#E6E6E6;
	text-decoration: none;
        padding: 7px 0px;
}

/* トップバナー背景 */
#top_banner {
	background:url(img/common/top_banner.jpg);
	background-repeat: repeat-x;
	height: 120px;
	margin: 0px auto;
	padding: 0px;
}

/* トップボタン */
#button {
	width: 1000px;
	height: 60px;
	margin: 0px auto;
}

#button li{
	float: left;
        margin: -23px 0px 0px 4px;
        display:inline-block;  
}

/* 新着情報 */
#toppage-info {
  height : 230px;
  overflow : auto;
  width : 920px;
  margin: 30px;
}

/* imgリサイズ */
.resizeimage img {
	width: 100%;
}

/* box設定 */
#box {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

/*フッター */
#footer_bg{
        height: 400px;
	margin-top:20px;
	width:100%;
	float:left;
	overflow:hidden;
	background-color: #00A0E3;
	background-position:center center;
}

#footer {
	width:1000px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
        color: #FFFFFF; 
	font-size: 90%;
}

#footer a:visited {
        color:#FFFFFF;
        text-decoration:none; 
}

#footer a:link {
        color:#FFFFFF;
        text-decoration:none ;
}

#footer a:hover {
        text-decoration: underline;
}

#footer1 {
	margin-top: 30px;
	text-align:left;
        width: 120px;
        height: 300px;
        float:left;
}

#footer2 {
	margin-top: 30px;
	text-align:left;
        width: 150px;
        height: 300px;
        float:left;
}

#footer3 {
	margin-top: 30px;
	text-align:left;
        width: 150px;
        height: 300px;
        float:left;
}

#footer4 {
	margin-top: 30px;
	text-align:left;
        width: 190px;
        height: 300px;
        float:left;
}

#footer5 {
	margin-top: 30px;
	text-align:left;
        width: 180px;
        height: 300px;
        float:left;
}

#ft{
        background: url(img/others/ft.png);
	background-repeat: no-repeat;
        margin-left: -15px;
        padding-left: 20px;
        height: 22px;
}

#ft2{
        background: url(img/others/ft2.png);
	background-repeat: no-repeat;
        margin-left: -15px;
        padding-left: 20px;
        height: 22px;
}

/* アドレス部分書式 */
address{
	font-size:12px;
        font-style:normal;
	text-align:center;
        color: #FFFFFF;
}

/* ページのリンク設定 */
#pagereturn {
       margin: 50px auto;
       float: right;
       padding: 0 0 5px 20px;
}

#pagereturn a {
       display: block;
       width: 121px;
       height: 17px;
       background-image : url(img/common/return.jpg);
       overflow: hidden;
}

#pagetop {
       margin: 50px auto;
       float: right
}

#pagetop a {
       display: block;
       width: 85px;
       height: 17px;
       background-image : url(img/common/top.jpg);
       overflow: hidden;
}

#privacy {
       border:1px solid #FFFFFF;
       padding:5px;
}