@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

ul, li {
	list-style-type: none;
}

a {
	color: #666666;
	text-decoration: none;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
}

img {
	border-style: none;
	border-width: 0px;
}

body  {
	background: #ffffff;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333333;
	font: 12px/18px "メイリオ", "ＭＳ Ｐゴシック", Osaka;
}
#container,
#container-page {
	position: relative; /* adding position: relative により、このコンテナに対する相対位置に 2 つのサイドバーを配置できます */
	width: 866px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	border-top: 4px solid #cea6cc;
	padding-top: 40px;
	padding-left: 51px;
} 

#container #header .logo,
#container-page #header .logo{
	padding-bottom: 9px;
}


/*top-navi*/

#global-navi a{
	text-decoration: none;
	height: 35px;
	text-align: left;
	font-size: 1px;
	vertical-align: bottom;
	width: 161px;
	line-height: 0px;
	display: block;
	background: #FFFFFF no-repeat 0px 0px;
}

#global-navi a:hover{
	text-decoration: none;
	background: #FFFFFF;
}

#global-navi ul {
	vertical-align: bottom;
	display: block;
	list-style-type: none;
	width: 161px;
	padding: 0px;
	margin: 0px;
}
#global-navi li {
	float: left;
	padding-right: 3px;
}

#container #header #global-navi,
#container-page #header #global-navi{
	padding-bottom: 92px;
}


#global-navi .navi-11 a{
	background-image: url(../images/global_navi_11.gif);
}

#global-navi .navi-11 a:hover{
	background-image: url(../images/global_navi_12.gif);
}

#global-navi .navi-21 a{
	background-image: url(../images/global_navi_21.gif);
}

#global-navi .navi-21 a:hover{
	background-image: url(../images/global_navi_22.gif);
}

#global-navi .navi-31 a{
	background-image: url(../images/global_navi_31.gif);
}
#global-navi .navi-31 a:hover{
	background-image: url(../images/global_navi_32.gif);
}

#global-navi .navi-41 a{
	background-image: url(../images/global_navi_41.gif);
}

#global-navi .navi-41 a:hover{
	background-image: url(../images/global_navi_42.gif);
}

#global-navi .navi-51 a{
	background-image: url(../images/global_navi_51.gif);
}

#global-navi .navi-51 a:hover{
	background-image: url(../images/global_navi_52.gif);
}

#container #global-navi span,
#container-page #global-navi span,
#container-page #sub-navi span {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: inline-block;
}

#sub-navi a{
	text-decoration: none;
	height: 19px;
	text-align: left;
	font-size: 1px;
	vertical-align: bottom;
	width: 116px;
	line-height: 0px;
	display: block;
	background: #FFFFFF no-repeat 0px 0px;
}

#sub-navi a:hover{
	text-decoration: none;
	background: #FFFFFF;
}

#sub-navi ul {
	vertical-align: bottom;
	display: block;
	list-style-type: none;
	width: 116px;
	padding: 0px;
	margin: 0px;
}
#sub-navi li {
	float: left;
	text-indent: -9999px;
}

#container #header #sub-navi,
#container-page #header #sub-navi {
	border-right: 1px solid #999999;
	width: 814px;
	display: block;
	height: 19px;
	position: absolute;
	visibility: visible;
	top: 125px;
	vertical-align: bottom;
}

#sub-navi .navi-11{
	background-image: url(../images/sub_navi_12.gif);
	width: 116px;
}

#sub-navi .navi-11 a{
	background-image: url(../images/sub_navi_11.gif);
}

#sub-navi .navi-11 a:hover{
	background-image: url(../images/sub_navi_12.gif);
}

#sub-navi .navi-21{
	background-image: url(../images/sub_navi_22.gif);
	width: 116px;
}

#sub-navi .navi-21 a{
	background-image: url(../images/sub_navi_21.gif);
}

#sub-navi .navi-21 a:hover{
	background-image: url(../images/sub_navi_22.gif);
}

#sub-navi .navi-31{
	background-image: url(../images/sub_navi_32.gif);
	width: 116px;
}

#sub-navi .navi-31 a{
	background-image: url(../images/sub_navi_31.gif);
}
#sub-navi .navi-31 a:hover{
	background-image: url(../images/sub_navi_32.gif);
}

#sub-navi .navi-41{
	background-image: url(../images/sub_navi_42.gif);
	width: 116px;
}

#sub-navi .navi-41 a{
	background-image: url(../images/sub_navi_41.gif);
}

#sub-navi .navi-41 a:hover{
	background-image: url(../images/sub_navi_42.gif);
}

#sub-navi .navi-51{
	background-image: url(../images/sub_navi_52.gif);
	width: 116px;
}

#sub-navi .navi-51 a{
	background-image: url(../images/sub_navi_51.gif);
}

#sub-navi .navi-51 a:hover{
	background-image: url(../images/sub_navi_52.gif);
}

#sub-navi .navi-61{
	background-image: url(../images/sub_navi_62.gif);
	width: 116px;
}

#sub-navi .navi-61 a{
	background-image: url(../images/sub_navi_61.gif);
}

#sub-navi .navi-61 a:hover{
	background-image: url(../images/sub_navi_62.gif);
}

#sub-navi .navi-71{
	background-image: url(../images/sub_navi_72.gif);
	width: 116px;
}

#sub-navi .navi-71 a{
	background-image: url(../images/sub_navi_71.gif);
}

#sub-navi .navi-71 a:hover{
	background-image: url(../images/sub_navi_72.gif);
}


/* TOPイメージ*/

#container h1 {
	font-size: 12px;
}




/* フッター */

#footer {
	margin: 10px auto 0px;
	width: 815px;
	text-align: left;
	border-top: 1px solid #c8c5c4;
	padding-left: 51px;
	padding-right: 51px;
	padding-top: 5px;
	color: #666666;
	height: 30px;
	clear: both;
}

#footer a {
	color: #666666;
	text-decoration: none;
	background: url(../images/txt_head_arrow.gif) no-repeat left 3px;
	padding-left: 12px;
	padding-right: 20px;
	line-height: 12px;
	font-size: 10px;
}

#footer .footer-link {
	width: 400px;
	float: left;
}

#footer .footer-txt {
	text-align: right;
	float: right;
	font: 11px/12px Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}

.come-aria a {
	color: #0000FF;
	text-decoration: none;
}

.round{
	padding: 10px;
	text-align:left;
	background-color: #E4E4E4;
}

.yes{
	float: left;
	height: 35px;
	width: 174px;
	margin-left: 180px;
	}
	
	
.no{
	float: right;
	height: 35px;
	width: 174px;
	margin-right: 180px;
	}