@charset "utf-8";

/*----------------------------------------------------
	sample.css
----------------------------------------------------*/

.main h3{
width: 610px;
margin: 10px auto;
text-align: center;
}

#samplemoviearea{
background: url(img/samplemovie_flame.gif) no-repeat;
width: 595px;
height: 340px;
padding: 10px 0 0 25px;
}

#middlearea{
margin: 0 0 0 10px;
}

#middlearea a:link,
#middlearea a:visited,
#bottomarea a:link,
#bottomarea a:visited{
color: #0066ff;
}

#middlearea a:hover,
#middlearea a:active,
#bottomarea a:hover,
#bottomarea a:active{
color: #0099ff;
}

#middlearea h3,
#bottomarea h3{
text-align: left;
}

#middlearea #box01{
width: 140px;
float: left;
}

#middlearea #box02{
width: 140px;
float: left;
}

#middlearea #box03{
width: 175px;
float: left;
}

#middlearea #box04{
float: left;
width: 160px;
margin: 40px 0 0 0;
}

#middlearea li,
#bottomarea li{
background: url(img/sample_arrow.gif) no-repeat;
padding: 0 0 0 15px;
margin: 15px 0 0 0;
font-size: 9pt;
line-height: 1.2;
}

#bottomarea{
clear: both;
padding: 15px 0 0 0;
margin: 0 0 0 10px;
}

#bottomarea img{
margin-left: -5px;
}

#bottomarea #box01,
#bottomarea #box02{
float: left;
width: 290px;
}

/*--inside iframe-----------------------------------*/

#iframe_samplemovie{
padding: 0;
position: relative;
}

#iframe_samplemovie img{
border: 0;
}

#iframe_samplemovie h3{
background: url(img/samplemovie_icon_dvd.gif) no-repeat left;
width: 530px;
height: 40px;
margin: 0 0 0 -8px;
padding-left: 50px;
font-size: 13pt;
line-height: 1.2;
font-family: 'メイリオ',meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

* html #iframe_samplemovie h3{
margin: 0;
}

#iframe_samplemovie .textbox{
background: url(img/samplemovie_flame_body.gif) repeat-y;
width: 220px;
height: 240px;
overflow: hidden;
font-size: 10pt;
line-height: 1.3;
position: relative;
margin-top: 12px;
}

#iframe_samplemovie .textbox p{
margin: 10px 8px;
}

#iframe_samplemovie .textbox .text02{
font-size: 8pt;
}

#iframe_samplemovie .textbox .button{
position: absolute;
bottom: 5px;
left: 8px;
}

#iframe_samplemovie .textbox_bottom{
background: url(img/samplemovie_flame_bottom.gif) no-repeat;
width: 220px;
height: 5px;
}

#iframe_samplemovie .moviebox{
width: 320px;
height: 240px;
position: absolute;
bottom: 0px;
right: 0px;
}

*html #iframe_samplemovie .moviebox{
top: 55px;
right: 10px;
}