@charset "utf-8";

/* ------------------------------------------------------------
    Yahoo UI Library Reset CSS, Fonts CSS
   ------------------------------------------------------------ */

/*---Reset---*/

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0 */

html {color: #000;
background: #FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,
textarea,p,blockquote,th,td{
margin: 0;
padding: 0;}
table{
border-collapse: collapse;
border-spacing: 0;}
fieldset,img{
border: 0;}
address,caption,cite,code,dfn,
em,strong,th,var,optgroup{
font-style: inherit;
font-weight: inherit;}
del,ins{text-decoration: none;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;
font-weight: normal;}
q:before,q:after{content: '';}
abbr,acronym{border:0; font-variant: normal;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}
/*because legend doesn't inherit in IE */
legend {color: #000;}
input,button,textarea,select,optgroup,option{
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select{*font-size: 100%;}

/*---Fonts---*/

/*Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0*/

body {	font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */ 
*font-size:small; 
/* for IE Quirks Mode */
*font:x-small;}
select,input,button,textarea,button {font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit; font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;	*font-size:108%; line-height:100%;}


/* CSS Document */


body{
height:100%;
line-height:1.7;
color:#666666;
}

/*img hover*/
a:hover img.rollover {
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;}


#header-wrap{
background:url(/library/campaign/2010vd/images/repeat.jpg) 0 0 repeat-x; height:75px;}
#header{
width:960px; margin:0 auto;
padding-top:15px;
height:60px;}
#header h1{
float:left;}
#header p{float:right;}


#contents-wrap{background:url(/library/campaign/2010vd/images/contents_repeat.gif) 0 0 repeat-x;}
#contents{width:924px; margin:0 auto;}

#contents #leftbox{width:448px;
border-left:1px solid #F3A3BB;
border-right:1px solid #F3A3BB;
font-size:93%;}
#contents #leftbox-wrap{
float:left;
margin-bottom:25px;
padding-bottom:22px;
width:450px;
background:url(/library/campaign/2010vd/images/l_b.gif) center bottom no-repeat;}
#contents #leftbox dl{width:410px; margin:0 10px 0 20px;  padding-top:5px}
#contents #leftbox dl dd.img_r{float:right; margin-left:12px; font-size:75%; line-height:1.3;}
#contents #leftbox dl dt{margin-bottom:14px;}
#contents #leftbox p.l_bu{width:390px; margin:6px auto 0;}
#contents #leftbox dl dd.img_l{float:left; margin-right:15px;}
#contents #leftbox dl.bottom{width:390px; margin:20px auto 0;}


#contents #rightbox{width:448px;
border-left:1px solid #FFCD03;
border-right:1px solid #FFCD03;
font-size:93%;}
#contents #rightbox-wrap{
float:right;
padding-bottom:22px;
width:450px;
background:url(/library/campaign/2010vd/images/r_b.gif) center bottom no-repeat;}
#contents #rightbox dl{width:400px; margin:0px auto; padding-top:5px}
#contents #rightbox dl dd.img_r{float:right; margin-left:12px; padding-bottom:20px;}
#contents #rightbox dl dd.img_r p{font-size:77%; text-align:right; padding-top:3px;}
#contents #rightbox dl dt{margin-bottom:14px;}
#contents #rightbox dl dd.spec{font-size:77%; text-align:right; color:#333333; padding-top:10px;}

#contents #rightbox dl dd ul{width:400px; display:inline-block;}
#contents #rightbox dl dd ul li{float:left; font-size:77%; color:#333333;}
#contents #rightbox dl dd ul li#pic1{width:124px;}
#contents #rightbox dl dd ul li#text1{width:190px;}
#contents #rightbox dl dd ul li#pic2{width:80px; float:right;}
#contents #rightbox dl dd ul li#text2{width:190px; text-align:right; padding-top:15px;}


#contents #rightbox p.r_bu{width:390px; padding:2px 9px 3px 11px; margin:20px auto;}
#contents #rightbox dl.bottom{padding-top:0; padding-bottom:5px;}
#contents #rightbox dl.bottom dt{margin-bottom:8px;}
#contents #rightbox dl dd.att{font-size:85%;}
#contents #rightbox dl dd span{color:#D80052;}

#contents #movie-wrap{
width:922px;
background:url(/library/campaign/2010vd/images/m_bg.gif) 0 0 repeat-y;
margin-bottom:50px;
clear:both;}
#contents #moviebox{float:left; width:623px;}
#contents #moviebox dl{
width:586px;
margin-left:37px;
margin-bottom:20px;}
#contents #moviebox dl.bottom{margin-bottom:15px;}
#contents #moviebox dl dt{margin-bottom:10px;}
#contents #moviebox dl dd{margin-left:12px; margin-bottom:12px; color:#333;}
#contents #moviebox dl dd.img_r{float:right; margin-left:10px; padding-right:5px;}
#contents #moviebox dl dd.text{font-size:93%; color:#666;}
#contents #moviebox dl dd.date{color:#E86186}
#contents #moviebox dl dd.date span{font-weight:bold;}
#contents #moviebox p#ch_bu{margin-left:49px; margin-bottom:25px;}

#contents #bannerbox{float:right;}
#contents #bannerbox ul{
margin-left:10px;
width:284px;
padding-bottom:3px;
background:#E84473 url(/library/campaign/2010vd/images/banner_footer.gif) center bottom no-repeat;}
#contents #bannerbox ul li{padding-left:2px;}

#contents p#movie_footer{
vertical-align:bottom;
clear:both;}


/*100226*/

#contents #thankyou{
width:900px;
margin:0 auto 30px;}

#contents #thankyou h3{
width:900px;
height:121px;
}

#contents #thankyou dl{
width:783px;
padding:20px 50px 10px 65px;
border-left:1px solid #ED7985;
border-right:1px solid #ED7985;}
#contents #thankyou dl dt{padding-bottom:15px; margin-bottom:10px;}
#contents #thankyou dl dt,#contents #thankyou dl dd{float:left; width:270px;}
#contents #thankyou dl dd{padding-bottom:10px;}
#contents #thankyou dl dd.img_r{float:right; width:493px; height:271px; }
#contents #thankyou dl dd.img_r img{padding:0; line-height:0; margin:0;}
#contents p#thankyu_foot{height:91px;}

#contents #thankyou dl#firstdl{ background:url(/library/campaign/2010vd/images/100226_bg.gif)  center top repeat-y; }
#contents #thankyou dl#movie_rep{
padding-left:115px;
padding-right:0;
padding-bottom:0;
text-align:center;}
#contents #thankyou dl#movie_rep dt,
#contents #thankyou dl#movie_rep dd{width:644px;
padding:0px;
margin:0 auto 15px;}
#contents #thankyou dl#movie_rep dt{margin-bottom:5px;}
#contents #thankyou dl#movie_rep dd{color:#D80052; text-align:left;}

#contents #moviebox dl dd.sub{margin-bottom:0; margin-left:0;}
#contents #moviebox dl dd.img_r{font-size:9px; width:189px;}






/*present*/

div#present #contents-wrap{background:url(/library/campaign/2010vd/images/repeat.gif) 0 0 repeat-x;}
div#present h2{margin-bottom:10px;}
div#present #boxback{
width:900px; margin:0 auto;
background:url(/library/campaign/2010vd/images/box_head.gif) 0 0 no-repeat; padding-top:13px;}

div#present #boxback #box1{
border-left:1px solid #ED7A86;
border-right:1px solid #ED7A86;
width:898px;}

div#present #boxback #box1 dl dt,
div#present #boxback #box1 dl dd.left{float:left;}
div#present #boxback #box1 dl dd.img_r{float:right}
div#present #boxback #box1 dl dd#text{font-size:93%;
padding-left:8px;}

div#present #boxback2{background:url(/library/campaign/2010vd/images/box_middle.gif) 0 0 no-repeat;
padding-top:25px;
width:900px;
margin:0 auto;}

div#present #boxback2 #box2{
background:url(/library/campaign/2010vd/images/box_bottom.gif) center bottom no-repeat;
width:900px;
margin:0 auto;}

div#present #boxback2 #box2 dl#leftdl{
background:none;
float:left;
margin-left:1px;
display:inline;}

div#present #boxback2 #box2 dl#leftdl dd{
font-size:85%;
text-align:right;
padding:10px 15px 10px 0;
}

div#present #boxback2 #box2 dl#rightdl{
background:none;
float:right;
margin-right:1px;
display:inline;}

div#present #boxback2 #box2 dl#rightdl dd{
font-size:85%;
text-align:right;
padding:10px 15px 10px 0;
}

div#present h4{width:500px;
margin:30px auto;
text-align:center;
padding:10px 0;}

div#present #ouboyoko{ margin:0 auto; margin-bottom:50px; width:856px; padding:20px; border:2px solid #FAD6DA;}
div#present #ouboyoko h5{margin:0 auto; text-align:center;}
div#present #ouboyoko dl{ border-bottom:1px solid #FAD6DA; padding-bottom:10px; padding-top:10px;}
div#present dl#tsuiki{ border-top:1px solid #FAD6DA; padding-top:15px; width:835px; margin:10px auto 0; padding-bottom:10px;}
div#present #ouboyoko dl.bbnone{border-bottom:none;}
div#present #ouboyoko dl.mt0{margin-top:0;}
div#present #ouboyoko dl dt,
div#present dl#tsuiki dt{margin-top:5px; color:#ED7885;}
div#present #ouboyoko dl dd,
div#present dl#tsuiki dd{font-size:93%; margin-bottom:5px;}
div#present #ouboyoko dl dd span,
div#present dl#tsuiki dd span{font-weight:bold;}
div#present #ouboyoko dl dd.att,
div#present dl#tsuiki dd.att{font-size:85%; clear:both;}
div#present #ouboyoko dl dd ul li,
div#present dl#tsuiki dd ul li{font-size:85%; list-style:circle; margin-left:25px;}
div#present dl#tsuiki dd#yotei{color:#ED7885}
div#present dl#tsuiki dd#tyui{float:right; width:260px; padding-left:10px; padding-top:10px;}
div#present dl#tsuiki dd#table_l{float:left;}

div#present table#heart{width:564px;
margin:5px 0;
border:2px solid #FAD6DA;
font-size:85%;
}

div#present table#heart tr td{border:1px solid #FAD6DA; padding:8px 10px 8px 15px;}
div#present table#heart tr td.bc{background:#FCEBED; color:#666; font-weight:bold;}


#footer-wrap{background:url(/library/campaign/2010vd/images/footer_repeat.jpg) 0 0 repeat-x; height:48px;}
#footer{
height:48px;
width:960px;
margin:0 auto;
padding-top:17px;
font-size:77%;}

#footer ul li{float:left;
background:url(/library/campaign/2010vd/images/footer_line.gif)  top right no-repeat;
padding-left:10px;
padding-right:8px;
display:inline;}

#footer ul li.last{background:none;}
#footer p{float:right;}



/*link*/
a:link{color:#003399; text-decoration:underline}
a:visited{color:#003399; text-decoration:underline}
a:hover{color:#CC0033; text-decoration:none;}
a:active{color:#003399; text-decoration:none}


/*====clearfix======*/

/* for modern brouser */
.cl:after,
dl:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.cl,dl {
        display: inline-block;
}

* html .cl,* html dl{ zoom: 1; } /* IE6 */  
*:first-child+html .cl,*:first-child+html dl{ zoom: 1; } /* IE7 */ 

/* Hides from IE-mac \*/
* html .cl,* html dl {
        height: 1%;
}
.cl,dl{
        display: block;
}
/* End hide from IE-mac */
/*==========*/