﻿html {		
margin:0px;
padding:0px;
}

body { 
margin:0px; 
padding:0px;
font-family:Verdana;
text-align: center;
background:url(../images/footer.jpg) repeat-x #c9e8fd;
background-position:bottom;
font-size:13px; font-family: Arial, Sans-Serif;;
}

img {
border:0; 
}

#top {
display:block;
width:100%;
background-image:url('../images/top_bgr.jpg');
background-repeat: repeat-x;
height:800px;
}

#container {
margin-left: auto;
margin-right: auto;
width:920px;
background:none;
display:block;
}

#header {height:35px; width:100%; float:left; color:#FFFFFF; font-weight:bold; display:block;}
#header_fl {float:left; padding-left:10px; padding-top:10px;}
#header_fr {float:right; padding-right:10px; padding-top:10px;}
#header_fr a {color:#FFFFFF; text-decoration:none;}
#header_fr a:hover {text-decoration:underline;}

#area2{
float:left;
width:100%;
height:auto;
margin-bottom:10px;
display:block;
}

.cont_top{
float:left;
width:100%;
height:11px;
background:url(../images/cont_top.png) no-repeat;
}

.cont_mid{
float:left;
width:100%;
margin:0 auto;
background:#FFFFFF;
display:block;
}

.cont_bot{
float:left;
width:100%;
height:11px;
background:url(../images/cont_bot.png) no-repeat;
}

#mid_img {float:left; width:900px; height:570px; margin:0 10px; background:url(../images/thor_main_bg.jpg) no-repeat;}

#video {float:left; width:470px; height:330px; margin:0 10px; text-align:left; padding-left:390px; padding-top:79px;}

#only {position:relative; width:150px; float:right; z-index:1000; height:120px; background:url() no-repeat right top;}

#yellow_img1 {float:left; width:900px; height:220px; margin:0 10px; background:url(../images/yellow1.png) no-repeat;}

#yellow_img2 {float:left; width:900px; height:116px; margin:0 10px;}

#yellow_img3 {float:left; width:900px; height:230px; margin:0 10px; background:url(../images/yellow1.png) no-repeat;}

#area3{
float:left;
width:100%;
height:auto;
margin-bottom:10px;
display:block;
}

#area3_wide {width:900px; float:left; text-align:left; padding-top:10px; padding-left:10px;}
#area3_fl {width:440px; padding-left:10px; float:left; color:#7b2d02; text-align:left;}
#area3_fr {width:440px; padding-left:10px; float:left; color:#7b2d02; text-align:left;}

#area4{
float:left;
width:100%;
height:auto;
margin-bottom:10px;
display:block;
}

.th_right {border:2px solid #4891b1; margin-right:6px;}
.th_last {border:2px solid #4891b1;}

#area5{
float:left;
width:100%;
height:auto;
margin-bottom:10px;
display:block;
}

#area5_fl {width:440px; padding-left:10px; float:left; color:#7b2d02; text-align:left;}
#area5_ttl_fl {width:430px; padding:10px; float:left; color:#7b2d02; text-align:left;}
#area5_fr {width:430px; padding:10px; float:left; color:#7b2d02; text-align:left;}
#area5_ttl_fr {width:430px; padding:10px; float:left; color:#7b2d02; text-align:left;}
#area5_btn {width:430px; float:left; color:#7b2d02; text-align:center;}
#left_row {width:100px; float:left; text-align:left; line-height:200%;}
#right_row {width:330px; float:left; text-align:left; line-height:200%;}

#area6 {
float:left;
width:100%;
height:240px;
background:url(../images/character.png) no-repeat center bottom;
display:block;
text-align:left;
}
#area6 span {color:#FFFFFF; font-size:12px; padding-top:10px; padding-left:750px;}