@charset "utf-8";

/* ========================================
TOP用 CSS

 - File Name : index.css
 - Latest Css Updates : 2012.11.5
 - Those who update it : s.m
 ------------------------------------------
 
======================================== */

/* Main_Title
--------------------*/
.Main_Title h2 {
	padding:0 0 13px;
}
.Main_Title p {
	padding:0 0 12px 46px;
}

/* Main_Visual
--------------------*/
.Main_Visual {
	width:900px;
	text-align:center;
	padding:10px 10px 0;
}
.Main_Visual h3 {
	padding:0 0 8px;
}

/* Sns
--------------------*/
#Sns {
	text-align:right;
	padding:12px 55px 0;
	line-height:0;
}
#Sns ul {
	float:right;
	
}
#Sns ul li {
	float:left;
    width:130px;
	line-height:0;
	padding:0 15px 0 0;
}
#Sns ul li.tweet{
	width:85px;
}
#Sns ul li.facebook_like{
	width:85px;
}

#Sns ul {
	float:right;
	
}
#Sns ul li {
	float:left;
    width:130px;
	line-height:0;
	padding:0 15px 0 0;
}
#Sns ul li.tweet{
	width:85px;
}
#Sns ul li.facebook_like{
	width:85px;
}
/* --------------------*/
#Sns {
	text-align:right;
	padding:12px 55px 0;
	line-height:0;
}
#Sns #snsArea {
	float:right;
	
}
#Sns #snsArea div {
	float:left;
    width:130px;
	line-height:0;
	padding:0 15px 0 0;
}
#Sns #snsArea div.twitter{
	width:85px;
}
#Sns #snsArea div.facebook{
	width:85px;
}

#Sns #snsArea div.twitter{
	width:85px;
}
#Sns #snsArea div.facebook{
	width:85px;
}

/* Comment_Block
--------------------*/
.Comment_Block {
	width:900px;
	text-align:center;
	padding:15px 10px 30px;
}
.Comment_Block dt {
	float:right;
	padding:14px 115px 0 0;
	position:relative;
}
.Comment_Block dt .txt {
	position:absolute;
	top:30px;
	left:-30px;
}
.Comment_Block dd {
	float:left;
	padding:0 0 0 88px;
	width:342px;
}

/* ---------------------------------------- 
 - section
---------------------------------------- */
/* section1
--------------------*/
.section1{
	width:790px;
	padding:30px 35px 30px 40px;
	margin:0 0 35px 27px;
}
.section1 {
	background:#d3edfb;
}
.section1 h3{
	padding:0 0 30px;
}
.section1 .read{
	padding:0 0 27px;
}
.section1 .txt{
	padding:0 0 37px;
}
.section1 .pht{
	padding:0 0 7px 43px;
}
.section1 .check{
	position:relative;
}
.section1 .check .txt{
	position:absolute;
	top:220px;
	left:20px;
}
.section1 .check .btn{
	position:absolute;
	bottom:15px;
	left:85px;
}

/* section2
--------------------*/
.section2 {
	width:790px;
	padding:30px 35px 30px 40px;
	margin:0 0 35px 27px;
	background:#d1e5f6;
}
.section2 h3{
	padding:0 0 20px;
}
.section2 .read{
	padding:0 0 20px;
}
.section2 .txt{
	padding:0 0 30px;
}
.section2 .pht{
	padding:0 0 10px 167px;
}
.section2 .check{
	position:relative;
}
.section2 .check .txt{
	position:absolute;
	top:260px;
	left:20px;
}
.section2 .check .btn{
	position:absolute;
	bottom:15px;
	left:85px;
}
.section2 .check .img{
	position:absolute;
	top:-65px;
	left:300px;
}

/* section3
--------------------*/
.section3 {
	width:790px;
	padding:30px 35px 30px 40px;
	margin:0 0 28px 27px;
	background:#d4eaf2;
}
.section3 h3{
	padding:0 0 15px;
}
.section3 .read{
	padding:0 0 12px;
}
.section3 .txt{
	padding:0 0 20px;
}
.section3 .pht{
	padding:0 0 7px 43px;
}
.section3 .check{
	position:relative;
}
.section3 .check .txt{
	position:absolute;
	top:260px;
	left:20px;
}
.section3 .check .btn{
	position:absolute;
	bottom:15px;
	left:85px;
}

/* section4
--------------------*/
.section4{
	width:846px;
	padding:0 37px 48px;
	text-align:center;
}
.section4 .ImgBlock{
	position:relative;
}
.section4 .ImgBlock .btn{
	position:absolute;
	top:73px;
	left:390px;
}
.section4 .ImgBlock #movie_none{
	display:none;
}

/* section5
--------------------*/
.section5{
	width:920px;
	position:relative;
	padding:0 0 25px;
}
.section5 .txt{
	position:absolute;
	top:0;
	left:215px;
}

/* section6
--------------------*/
.section6{
	padding:0 0 35px 90px;
}
.section6 h3{
	padding:0 0 18px;
}
.section6 ul li{
	float:left;
}

/* section7
--------------------*/
.section7{
	width:808px;
	padding:0 0 50px 66px;
}
.section7 .img{
	float:left;
	width:195px;
}
.section7 .kouza{
	float:right;
	width:580px;
}
.section7 .txt{
	clear:both;
	padding:18px 0 0;
}

/* section8
--------------------*/
.section8{
	width:870px;
	padding:0 0 25px 25px;
	position:relative;
}
.section8 .btn2{
	position:absolute;
	top:525px;
	left:180px;
}

/* ---------------------------------------- 
 - print
---------------------------------------- */
@media print {
body  {
	background:#fff;
}
#Header {
	text-align:right;
	height:50px;
	position:static;
}
#Header .btn{
   position:static;
}
.section1 {
	height:780px;
}
.section2 .read{
	padding:0 0 20px;
}
.section1 .fl_L {
	float:none !important;
	display: table-cell;
	width:400px;
	vertical-align:top;
}
.section1 .fl_R {
	float:none !important;
	display: table-cell;
}	
.section2 {
	height:700px;
}	
.section2 .fl_L {
	float:none !important;
	display: table-cell;
	width:400px;
	vertical-align:top;
}
.section2 .fl_R {
	float:none !important;
	display: table-cell;
}
.section3 {
	height:750px;
}
.section3 .fl_L {
	float:none !important;
	display: table-cell;
	width:400px;
	vertical-align:top;
}
.section3 .fl_R {
	float:none !important;
	display: table-cell;
}
.section4 {
	height:850px;
	vertical-align:top;
}
.section4 .read {
	height:50px;
	padding-bottom:0;
}
.section4 h3 {
	padding:0 !important;
}
.ImgBlock {
	padding:0 !important;
}
.section5 {
	height:1150px;
}
.section6 {
	height:300px;
}	
.section6 ul li{
	float:none !important;
	display: table-cell;
}
.section7 {
	height:600px;
}
.section7 .img{
	float:none !important;
	display: table-cell;
	width:195px;
}
.section7 .kouza{
	float:none !important;
	display: table-cell;
	width:580px;
}
.section8 {
	height:870px;
}
}


/* ---------------------------------------- 
 - iphone
---------------------------------------- */
@media screen and (max-device-width: 480px) {
.section4 .ImgBlock #movie_none{
	display:block;
}
.section4 .ImgBlock #movie{
	display:none;
}
}

/* ---------------------------------------- 
 - ipad
---------------------------------------- */
@media screen and (max-device-width: 1024px) {
.section4 .ImgBlock #movie_none{
	display:block;
}
.section4 .ImgBlock #movie{
	display:none;
}
}