@charset "utf-8";
/* CSS Document */


/*--------------------------------------------
COMMON
--------------------------------------------*/

body{ margin:0; padding:0; font-family:Arial,"MS PGothic"; font-size:12px; color:#ffffff; background:#000000;}

p,img,th,td{ margin:0; padding:0; border:0;}

ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none;}

#warp{ width:950px; margin:0 auto;}

h1,h2{ margin:0;}

.clear{ clear:both; font-size:1px; line-height:1px;}
.clearFix:after{ display: block; clear: both; height: 0; visibility: hidden; content: ".";}
.clearFix{ display: inline-block; }
/* Hides from IE 4-6 \*/
* html .clearFix{ height: 1%; }
.clearFix{ display: block; } 
/* End hide from IE 4-6 */



/*--------------------------------------------
HEADER
--------------------------------------------*/

#HeaderArea{ background:url(../images/header_img.jpg) no-repeat; width:950px; height:33px; padding:111px 0 0 0; font-size:1px; color:#000000; line-height:1px;}


#TOPArea{width:950px; height:696px; background:url(../images/top_area_bg.jpg) no-repeat;}
#TOPArea #left{float:left; width:594px; height:220px; padding:434px 0 0 0; }
#TOPArea #left p.btn{float:left; width:315px; padding:0 10px 0 23px;}
#TOPArea #left p.btn_shop{float:left; width:320px; padding:125px 10px 0 23px;}
#TOPArea #left ul#thum{ float: right; width:239px; padding-top:66px; }
#TOPArea #left ul#thum li{ float:left; list-style-type:none; padding-right:13px; padding-bottom:13px;}
#TOPArea #righttop{float:right; width:277px; height:70px; padding:10px 2px 0 0;}
#TOPArea #righttop p.btn_rt{padding:0px 0px 0 0;}


#TOPArea #righttop_blog{float:right; width:213px; height:36px; padding:14px 9px 0 0;}
#TOPArea #righttop_blog p.btn_rt{padding:0px 0px 0 0;}


#TOPArea #right{float:right; width:344px; height:353px; background:url(../images/movie_are01.gif) no-repeat; margin:202px 12px 0 0;}
#TOPArea #right p.movie{ padding:36px 0 0 13px;}
#TOPArea #right p.btn{ padding:7px 0 0 50px;}
/*-----------------------------------------------------------------
コンテンツボックス
-----------------------------------------------------------------*/
#MainArea{ width:950px; margin:0; padding:0 0 30px 0; background-color:#000000;}
#MainArea p{margin:0; padding:0;}
#MainArea #main{ background:url(../images/middle01_bg.jpg) no-repeat; width:950px; height:275px; padding:0;}
#MainArea #main p.movie{ width:322px; height:266px; padding-left:44px;}

#MainArea #developer {margin:26px 0 0 42px; width:864px;}
#MainArea #developer table td{ background:url(../images/developer_bg.jpg) no-repeat; height:79px; margin-left:3px; padding-bottom:26px;}

#MainArea p.txt15{ font-size:15px; color:#FFFFFF; padding:6px 0 0 13px;}
#MainArea p.txt13{ font-size:13px; color:#FFFFFF; padding:6px 0 0 13px;}
#MainArea p.txt_comments{ font-size:13px; color:#FFFFFF; padding:6px 0 0 13px;}


#MainArea #developer ul {list-style: none; margin: 0 0 0 0; padding: 30px 0 0 18px; }
#MainArea #developer ul li.question {background: url(../images/icon_q.jpg) left no-repeat; margin: 0; padding: 0; }
#MainArea #developer ul li.answer{ background:url(../images/icon_a.jpg) left top no-repeat; margin: 0; padding: 0;width:810px;}
#MainArea #developer p.question{color:#FFFFFF; font-weight:bold; font-size:17px; padding: 0 0 0 26px; margin:0 0 19px 0;}
#MainArea #developer p.answer{color:#FFFFFF; font-size:17px;line-height:120%; padding: 0 0 0 26px; }

#MainArea #developer ul#interview01{ background:url(../images/interview01.jpg) no-repeat; width:864px; height:131px;}
#MainArea #developer ul#interview02{ background:url(../images/interview02.jpg) no-repeat; width:864px; height:175px;}
#MainArea #developer ul#interview03{ background:url(../images/interview03.jpg) no-repeat; width:864px; height:158px;}
#MainArea #developer ul#interview04{ background:url(../images/interview04.jpg) no-repeat; width:864px; height:157px;}
#MainArea #developer ul#interview05{ background:url(../images/interview05.jpg) no-repeat; width:864px; height:204px;}
#MainArea #developer ul#interview06{ background:url(../images/interview06.jpg) no-repeat; width:864px; height:162px;}


/*-----------------------------------------------------------------
popup_comments
-----------------------------------------------------------------*/
#Area_popup {width:950px; background:url(../comments/images/bg.jpg) no-repeat; }
#moviearea{ width:750px; padding:0px 100px 0 100px;}
#moviearea ul{ margin:0; padding:0; width:753px; clear:both;}

#Area_popup #left_com{float:left; width:594px; height:95px; padding:95px 0 0 0; }

#Area_popup #righttop_com{float:right; width:277px; height:70px; padding:10px 2px 0px 0;}
#Area_popup #righttop p.btn_rt{padding:0px 0px 0 0;}


#Area_popup #righttop_comBlog{float:right; width:213px; height:36px; padding:14px 9px 65px 0;}
#Area_popup #righttop_comBlog p.btn_rt{padding:0px 0px 0 0;}


#moviearea li.left{ width:320px; padding:0 100px 40px 0 ; float:left;}
#moviearea li{ width:320px; padding:0 0 40px 0 ; float:left;}
#moviearea li .movie{margin:0; padding:0 0 17px 0;}
#moviearea li .comments{ background-image:url(../comments/images/comment_bg.jpg); width:322px; height:69px; }
#moviearea li .comments p{ color:#FFFFFF; font-size:14px; padding:12px 0 0 16px; line-height:22px;}
#moviearea li .comments span{  padding:3px 0 0 4px; line-height:22px;}

/*-----------------------------------------------------------------
popup_thum
-----------------------------------------------------------------*/
.Area_thum {width:378px; height:444px;  }
.photoarea{ width:356px; height:357px;  margin:10px; background-image:url(../popup/images/photo_bg.gif);}
.photoarea p{ width:344px; height:345px; padding:5px;}
.photo_thum{ width:356px; height:62px; padding:4px 0 10px 0; margin:0 10px; }
.photo_thum img{cursor:pointer;}
.photo_thum ul{overflow:hidden;height:62px;}
.photo_thum ul li{float:left;}
.photo_thum li a{display:block;width:59px;height:62px;float:left;text-indent:-999em;}
.photo_thum li a.img01{background:url(../popup/images/thum01_off.gif) no-repeat 0 0;}
.photo_thum li a.img01:hover , .photo_thum li.active a.img01{background:url(../popup/images/thum01_on.gif) no-repeat 0 0;}
.photo_thum li a.img02{background:url(../popup/images/thum02_off.gif) no-repeat 0 0;}
.photo_thum li a.img02:hover , .photo_thum li.active a.img02{background:url(../popup/images/thum02_on.gif) no-repeat 0 0;}
.photo_thum li a.img03{background:url(../popup/images/thum03_off.gif) no-repeat 0 0;}
.photo_thum li a.img03:hover , .photo_thum li.active a.img03{background:url(../popup/images/thum03_on.gif) no-repeat 0 0;}
.photo_thum li a.img04{background:url(../popup/images/thum04_off.gif) no-repeat 0 0;}
.photo_thum li a.img04:hover , .photo_thum li.active a.img04{background:url(../popup/images/thum04_on.gif) no-repeat 0 0;}
.photo_thum li a.img05{background:url(../popup/images/thum05_off.gif) no-repeat 0 0;}
.photo_thum li a.img05:hover , .photo_thum li.active a.img05{background:url(../popup/images/thum05_on.gif) no-repeat 0 0;}
.photo_thum li a.img06{background:url(../popup/images/thum06_off.gif) no-repeat 0 0;}
.photo_thum li a.img06:hover , .photo_thum li.active a.img06{background:url(../popup/images/thum06_on.gif) no-repeat 0 0;}


/*-----------------------------------------------------------------
フッター
-----------------------------------------------------------------*/
#FooterArea { width:950px; clear:both;}