@charset "utf-8";
/* CSS Document */
*{
    margin:0;
    padding:0;
}
/* コンテンツの高さによって全体が見えなくなる場合は2行目のoverflow の値をaoutに変える*/
html{
    height:100%;
    overflow:hidden;
	text-align:center;
}
body{
	background-image:url(../date/panpacifichaikei2.jpg);
    height:100%;
    width:100%;
	word-break: normal;
    margin:0px auto;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	text-align:center;
	color:#666666;
}
img{   
    border-style:none;
}

#cont{
    width:800px;
    height:100%;
	padding-top:0px;
	text-align:center;
}

/* topは空白 */
#top{
    width:800px;
    height:30PX;
	padding-top:20px;
    line-height: 150%;
}
/* bananはバナーの場所 */
#bana{
    width:800px;
    overflow:auto;
	padding-top:0px;
    padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;

}
/* button1はご利用になる前にと「START」の場所 */
#button1{
    width:800px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	text-align:right;
	line-height:110%;
}
/* button1-1は「GET Flash」の場所 */
#button1-1{
    width:800px;
	padding-top:10px;
	padding-right:10px;
    padding-bottom:10px;
	text-align:right;
}
/* button1はご利用になる前にと「START」の場所 */
#button2{
    width:800px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	line-height:110%;
}
/* button2は「GET Flash」の場所 */
#button2-2{
    width:800px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
/* foot2はotagiの(C)を表示するところ。コンテンツの高さによって見えなくなる場合は4行目のpadding-top の値を変える*/
#foot{
	width:800px;
	height:400PX;
	overflow:auto;
	padding-top:300px;
	padding-left:0px;
	padding-right:0px;
	height:100%;
	line-height: 110%;
	font-size: 12px;
    text-align:center;
}

/* リンク関係のCSS */
	/*「ご利用になる前に」のボタンの色をホテル仕様にする際は上記一行の「background-color:#66cccc;」の#以下を変える*/
a.menu{
    display:block;
	background-color:#fda101;
	padding:0.5em	10px;
    border-left:dotted 2px #fda101;
	border-bottom:dotted 2px #fda101;
    width:200px;
    height:10px;
    text-decoration:none;
	color: #FFFFFF;
}
a:hover.menu{
    background-color:#FFFFFF;
    padding:0.5em 10px 0.5em 10px;
    border-left:dotted 2px #fda101;
	border-bottom:dotted 3px #fda101;
	font-weight: bold;
	color: #fda101;
}
a:active.menu{
    background-color:#FFFFcc;
	padding:0.5em	10px 0.5em 10px;
    border-left:dotted 2px #fda101;
	border-bottom:dotted 3px #fda101;
	color: #fda101;
}
ul.menu2{
    list-style:none;
    width:100%;
    padding-left:50;
    margin-left:0;
}
li.menu2{
    list-style:none;
    float:left;
    text-align:center;
}
a.menu2{
    display:block;
	background-color:#faf9f5;
/*「【スタート】」のボタンの色をホテル仕様にする際は、上記一行の「background-color:#66cccc;」の「#」以下を変える*/
	padding:0.5em 2px;
    border-left:dotted 0.2px #faf9f5;
	border-bottom:dotted 0.2px #faf9f5;
    width:345px;
    height:49px;
    text-decoration:none;
	color: #faf9f5;	
}
a:hover.menu2{
    background-color:#FFFFFF;
    padding-top:1em 5px 1em 5px;
    border-left:dotted 2px #fda101;
	border-bottom:dotted 3px #fda101;
	font-weight: bold;
	color: #fda101;
}
a:active.menu2{
    background-color:#FFFFcc;
	padding:1em 5px 1em 5px;
    border-left:dotted 2px #fda101;
	border-bottom:dotted 3px #fda101;
	color: #fda101;
}
a.co{
    color: #666666;
	font-size: 10px;
    text-decoration:none;
}
a:hover.co{
    color: #666666;
	font-size: 10px;
	font-weight: bold;
}
a:active.co{
    color: #666666;
	font-size: 10px;
    text-decoration:none;
}

.h1{
 	font-size: 18px;
	font-weight:bolder;
	line-height: 200%;
}
.ｈ2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
}
.text {
	line-height: 150%;
}

.text2 {
	font-size: 10px;
	line-height: 150%;
}
.text3 {
	font-size: 14px;
	line-height: 150%;
}
.box1{
    background-color:#FFFFFF;
    border-style:dotted;
    border-width:2px;
    border-color:#fda101;
/*テストフラッシュの枠線の色をホテル仕様にする際は、上記一行の「border-color:#66cccc;」の「#」以下を変える*/
}
img.vm{
    vertical-align:middle;
}