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

/*--基本設定-----------------------------------------------------------*/

h1 {
	}

h2 {
    margin: 0;
    clear: both;
    }

h3 {
    height: 88px;
    /*width: 475px;*/
    margin: 0;
    padding: 0;
    clear: both;
	}

p {
    margin: 0;
    padding: 0 0 15px;
    font-size: 12px;
    line-height: 20px;
    clear: both;
}

p a {color: #40acff;
    text-decoration: underline;}

p a:hover { color:#FF0000;}
.clear {
	clear: both;
	background-image: url(images/speacer.gif);
	background-repeat: no-repeat;
    }
	
a { color: #FFFFFF; text-decoration: none;}
a:hover { color: #000000;}
		
a img {
	border: none !important;
	text-decoration: none;
    }

/*--レイアウト-------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	/*font-size: 13px;
	line-height: 1.4em;*/
	color: #ffffff;
	background: #40acff;
    }

#wrapper {
    width: 1000px;
    margin: 0px auto;
    background: #40acff;
    }

/*--HEADER-------------------------------*/
#header {
    height: 785px;
    width: 1000px;
    background-image: url(images/header/bg.jpg);
    background-repeat: no-repeat;
    margin: 0;
    /*margin: 0 0 25px 0;*/
    padding: 0;
    }


#header #top-read {
    height: 340px;
    width: 970px;
    margin: 0 0 0 15px;
    padding: 0;
    }

#header #top-read .top {
    height: 40px;
    width: 970px;
    margin: 0;
    padding: 0;
    }

#header #top-read .bottom {
    height: 70px;
    width: 365px;
    margin: 0;
    padding: 0;
    }

#header #top-read .bottom .left {
    height: 70px;
    width: 256px;
    margin: 0;
    padding: 0;
    float: left;
    }

#header #top-read .bottom .right {
    height: 70px;
    width: 60px;
    margin: 0 0 0 49px;
    padding: 0;
    float: right;
    }

#header #top-read .title {
    height: 230px;
    width: 970px;
    float: left;
    margin: 0;
    padding: 0;
}

#header .left {
    height: 319px;
    width: 530px;
    float: left;
    margin: 0;
    padding: 111px 0 0 15px;
    }

#header .left .read {
    height: 189px;
    width: 530px;
    padding: 0;
    }

#header .left .t-link {
    height: 130px;
    width: 530px;
    margin: 0;
    padding: 0;
    }

#header .left .t-link .excerpt{
    height: 40px;
    width: 530px;
    margin: 0;
    padding: 0;
    }

#header .left .t-link .link{
    height: 90px;
    width: 530px;
    margin: 0;
    padding: 0;
    }

#header .right{
    height: 360px;
    width: 420px;
    float: right;
    margin: 0;
    padding: 70px 15px 0 0;
    }

#header .right .links {
    height: 36px;
    width: 169px;
    float: left;
    margin: 5px 0 0 5px;
    padding: 0;
    }

#header .right .links {
    height: 36px;
    width: 169px;
    float: left;
    padding: 5px 0 0 5px;
    margin: 0;
    }

#header .right .itunes {
    height: 40px;
    width: 107px;
    float: left;
    padding: 219px 0 0 157px;
    margin: 0;
    }

/*--CONTENT-------------------------------*/
#contents {
    clear: both;
    margin: 0;
    }

/*--MAIN-------------------------------*/
#main {
    width: 1000px;
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
    }

#main #top{
    /*height: 410px;*/
    width: 1000px;
    margin: 0;
    padding: 0;
    background-image: url(images/contents/top.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    }

#main #top #movie {
    height: 366px;
    width: 490px;
    float: right;
    margin: 25px 22px 0 0;
    padding: 0;
    background-color: #000;
    clear: both;
    }

#main #top #links {
    width: 1000px;
    clear: both;
    margin: 0;
    padding: 0;
    background-image: url(images/contents/bg.jpg);
    background-repeat: no-repeat;
    background-position: left 212px;
    background-color: #0000b5;
    font-size: 12px;
    }

#main #top #links .left {
    width: 475px;
    margin: 0 0 15px 20px;
    padding: 0;
    float: left;
    clear: left;
    }

#main #top #links .left p {
    width: 475px;
    margin: 0 0 15px 20px;
    padding: 0;
    float: left;
    clear: left;
    }

#main #top #links .left ul {
    width: 475px;
    margin: 0 0 0 15px;
    padding: 0;
    }

#main #top #links .left ul li {
    margin: 0 0 7px 0;
    padding: 0 0 0 15px;
    list-style: none;
    background-image: url(images/contents/arrow.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    }

.small {
    font-size: 90%;
    padding: 0 0 0 10px;
    }

#main #top #links .right {
    width: 475px;
    margin: 0 15px 0 0;
    padding: 0;
    float: right;
    clear: right;
    }

#main #top #links .right ul {
    margin: 0 0 0 10px;
    padding: 0;
    }

#main #top #links .right ul li {
    margin: 0 0 7px 0;
    padding: 0 0 0 15px;
    list-style: none;
    background-image: url(images/contents/arrow.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    }

#main #top #links .right .comment{
    margin: 15px 15px 0 0;
    padding: 0;
    float: right;
    }

#main #top #bottom{
    height: 2322px;
    width: 1000px;
    margin: 0 0 20px;
    padding: 0;
    }



#main .left .box, #main .left .box-link {
    width: 490px;
    margin: 0 0 20px 0;
    padding: 0;
    }

#main .left .box .excerpt, #main .left .box-link .excerpt{
    width: 490px;
    margin: 0;
    padding: 0;
    }

#main .left .box-link .excerpt .link {
    width: 490px;
    height: 25px;
    margin: 0;
    padding: 0;
    }

#main .left .box .excerpt_flow {
    height: 408px;
    width: 490px;
    margin: 0;
    padding: 0;
    background-image: url(images/contents/text/03_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    }

#main .left .box .excerpt_flow .link {
    height: 21px;
    width: 420px;
    padding: 94px 0 0 28px;
}

#bottom {
    height: 2322px;
    width: 1000px;
    margin: 0 0 20px;
    padding: 0;
    clear: both;
    }

/*--MAIN_right-------------------------------*/
#main .right {
    width: 490px;
    float: right;
    margin: 0;
    padding: 0;
}

#main .right .box {
    width: 490px;
    margin: 0 0 20px 0;
    padding: 0;
    }

#main .right .box .excerpt {
    width: 490px;
    margin: 0;
    padding: 0;
    }

#main .right .box .excerpt_present {
    height: 681px;
    width: 490px;
    margin: 0;
    padding: 0;
    background-image: url(images/contents/text/05_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    }

#main .right .box .excerpt_present .button01 {
    height: 77px;
    width: 63px;
    padding: 119px 0 0 16px;
    margin: 0;
    }
#main .right .box .excerpt_present .button01 a{
    height: 77px;
    width: 63px;
    }

#main .right .box .excerpt_present .button02 {
    height: 29px;
    width: 270px;
    padding: 94px 0 0 206px;
    margin: 0;
    }

#main .left .box .excerpt_movie {
    height: 495px;
    width: 490px;
    margin: 0;
    padding: 0;
    background-image: url(images/contents/text/06_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    }

#main .right .box .excerpt_movie {
    height: 495px;
    width: 490px;
    margin: 0;
    padding: 0;
    background-image: url(images/contents/text/08_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    }

#main .left .box .excerpt_movie .flash, #main .right .box .excerpt_movie .flash {
    height: 366px;
    width: 488px;
    padding:0 1px;
    }

#main .left .box .excerpt_movie .button {
    height: 25px;
    width: 251px;
    padding: 87px 0 0 224px;
    margin: 0;
}

#main .left .box .excerpt_movie .button a{
    height: 25px;
    width: 251px;
}

/*--LINKS-------------------------------*/

#link {
    height: 100px;
    width: 1000px;
    margin: 0 0 25px 0;
    padding: 0;
    }

.left_button {
    height: 100px;
    width: 320px;
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    }

.left_button a {
    height: 100px;
    width: 320px;
    }

.right_button {
    height: 100px;
    width: 320px;
    float: right;
    margin: 0;
    padding: 0;
    }

.right_button a {
    height: 100px;
    width: 320px;
    }


#under {
    background-image: url(images/contents/text/07_bg-01.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    clear: both;
    padding: 15px 15px 0 15px;
    margin: 0 0 15px;
    }
    

.page {
    width: 1000px;
    margin: 0;
    font-size: 10px;
    }

.page a {
    float: right;
    font-size: 10px;
    }

#footer {
	height: 100px;
	clear: both;
	text-align: right;
	font-size: 10px;
	background-image: url(images/footer/bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
    }

#footer-inner {
    width: 1000px;
	height: 100px;
    margin: 0 auto;
	clear: both;
	text-align: right;
	font-size: 10px;
	background-image: url(images/footer/logo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
    }

#footer-inner #logo {
    width: 78px;
    height: 73px;
    padding: 27px 0 0 461px;
    margin: 0;
    float: left;
    }

#footer-inner #copy {
    text-align: right;
    width: 300px;
    margin: 70px 0 0 0;
    float: right;
    }

#footer a {
    font-size: 9px;
    margin: 0 0 0 0;
    }

#footer a:hover {
    font-size: 9px;
    float: right;
    margin: 0 0 0 0;
    color:#FF0000;
    }


/*--margin-----------------------------------------------------------------*/
/*TOP*/
.mt01 {margin-top: 1px;}
.mt03 {margin-top: 3px;}
.mt05 {margin-top: 5px;}
.mt08 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}

/*RIGHT*/
.mr01 {margin-right: 1px;}
.mr05 {margin-right: 5px;}
.mr08 {margin-right: 8px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}

/*bottom*/
.mb01 {margin-bottom: 1px;}
.mb03 {margin-bottom: 3px;}
.mb05 {margin-bottom: 5px;}
.mb08 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb16 {margin-bottom: 16px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}

/*left*/
.ml01 {margin-left: 1px;}
.ml05 {margin-left: 5px;}
.ml08 {margin-left: 8px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}

/* 5= Clear
----------------------------------------------------*/
.clearFix{
	display: inline-block;
}

.clearFix:after ,
.asset:after {
content: "."; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hides from IE-mac \*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}