﻿body{
	background-color:#fff0f4;
}
.container{
    background: url("../images/top/pc/pcbg.png") repeat-y;
    width: 1400px;
    height:2710px;
    margin: 0 auto;
    position:relative;
}
/* トップの飾り */
.img_top_logo{
    position:absolute;
    left:0;
    top:0;
}
.main{
    background: url("../images/top/pc/img_main.png") no-repeat;
    background-size:100%;
    overflow:hidden;
}
.top_content{
    width:1150px;
    margin: 0 auto;
}
/* 左側コンテンツ */
.top_left_content{
    width:270px;
    float:left;
    margin-top:42px;
}
/* youtube */
.movie_list li{
    position:relative;
}
.movie_list li .img_movie{
    width:260px;
    margin-top:27px;
    margin-left:8px;
}
.movie_list li .frm_movie{
    width:265px;
    position:absolute;
    top:0;
    left:0;
}
.colorbox-youtube{
    display:block;
}
/* アプリ情報 */
.appli_info_wrap{
    background: url("../images/top/pc/appli_info_base_2.png") no-repeat;
    background-size:262px;
    width:268px;
    height:375px;
    margin:0 auto;
    position:relative;
}
.appli_info{
    width:244px;
    font-size:6px;
    position:absolute;
    top:56px;
    left:23px;
}
.appli_info li{
    height:28px;
    float:left;
    color:#c04e62;
    font-size:11px;
    padding-left:6px;
    width:206px;
}
.appli_info li span.left{
	display:inline-block;
    font-weight:bold;
}
.appli_info li span.right{
	display:inline-block;
    float:right;
	text-align:right;
}
.appli_info li:first-child{
    height:47px;
}
.appli_download_link {
    text-align:center;
    position:absolute;
    top:274px;
    left:0;
    right:0;
}
.appli_download_link img{
    height:34px;
    margin: 2px;
}
.appli_download_link a{
    text-decoration:none;
}
/* 右側コンテンツ */
.top_right_content{
    width:245px;
    float:right;
    margin-top:42px;
}
.now_project{
    background: url("../images/top/pc/ico_now_project_on.png") no-repeat;
    background-size:100%;
    width:190px;
    height:190px;
    text-indent:-9999px;
    display:inline-block;
}
.now_project:hover{
    background: url("../images/top/pc/ico_now_project_off.png") no-repeat;
    background-size:100%;
}
.ico_line_official{
    background: url("../images/top/pc/ico_line_on.png") no-repeat;
    background-size:100%;
    width:134px;
    height:134px;
    text-indent:-9999px;
    display:inline-block;
    margin-left:47px;
}
.ico_line_official:hover{
    background: url("../images/top/pc/ico_line_off.png") no-repeat;
    background-size:100%;
}
.ico_real_event{
    background: url("../images/top/pc/ico_real_event_on.png") no-repeat;
    background-size:100%;
    width:134px;
    height:134px;
    text-indent:-9999px;
    display:inline-block;
    margin-left:47px;
}
.ico_real_event:hover{
    background: url("../images/top/pc/ico_real_event_off.png") no-repeat;
    background-size:100%;
}
.logo{
    width:211px;
}
/* ページ下部コンテンツ */
.bottom_content{
    clear:both;
    width:1150px;
    margin:0 auto;
}
/* ページ下部左側 */
.bottom_left_content{
    float:left;
    width:300px;
}
.twitter_wrap{
    background: url("../images/top/pc/frame_twitter.png") no-repeat;
    background-size:100%;
    height:378px;
    position:relative;
}
.twitter_content{
    background:#fff;
    position:absolute;
    top:60px;
    left:21px;
}
.social_link{
    text-align:center;
}
.social_link img{
    height:74px;
}
/* ページ下部右側 */
.bottom_right_content{
    float:left;
    width:850px;
}
.news_list{
    overflow:hidden;
	position:relative;
	z-index:2;
	margin-left:19%;
}
.news_list li.li_1{
    background: url("../images/project/pc/project_1.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_2{
    background: url("../images/project/pc/project_2.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_3{
    background: url("../images/project/pc/project_3.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_4{
    background: url("../images/project/pc/project_4.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
	clear:both;
}
.news_list li.li_5{
    background: url("../images/project/pc/project_5.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_6{
    background: url("../images/project/pc/project_6.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_7{
    background: url("../images/project/pc/project_7.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
	clear:both;
}
.news_list li.li_8{
    background: url("../images/project/pc/project_8.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_9{
    background: url("../images/project/pc/project_9.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_10{
    background: url("../images/project/pc/project_10.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
	clear:both;
}
.news_list li.li_11{
    background: url("../images/project/pc/project_11.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_12{
    background: url("../images/project/pc/project_12.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_13{
    background: url("../images/project/pc/project_13.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
	clear:both;
}
.news_list li.li_14{
    background: url("../images/project/pc/project_14.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_15{
    background: url("../images/project/pc/project_15.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_16{
    background: url("../images/project/pc/project_16.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
	clear:both;
}
.news_list li.li_17{
    background: url("../images/project/pc/project_17.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.li_q{
    background: url("../images/project/pc/project_q.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list li.clear{
	clear:both;
}
.news_list li.li_logo{
    background: url("../images/project/pc/project_logo.png") no-repeat;
    background-size:100%;
    float:left;
    width:258px;
    height:258px;
    overflow:hidden;
    margin-left:24px;
    margin-top:24px;
}
.news_list div.new{
    background: url("../images/project/pc/project_new.png") no-repeat;
    background-size:100%;
    width:132px;
    height:117px;
    display:inline-block;
    text-decoration:none;
    color:#fff;
	text-shadow: #ffabab 1px 1px 0px, #ffabab -1px 1px 0px,
                 #ffabab 1px -1px 0px, #ffabab -1px -1px 0px;
}
.news_list li a{
    background: url("../images/project/pc/project_off.png") no-repeat;
    background-size:100%;
    width:258px;
    height:258px;
    display:inline-block;
    text-decoration:none;
    color:#fff;
/*
	text-shadow: #ffabab 1px 1px 0px, #ffabab -1px 1px 0px,
                 #ffabab 1px -1px 0px, #ffabab -1px -1px 0px;
*/
}
.news_list li a:hover{
    background: url("../images/project/pc/project_on.png") no-repeat;
    background-size:100%;
}
.new_news_text{
    margin-top:45px;
    margin-left:25px;
    margin-right:25px;
    height:77px;
    overflow: hidden;
    line-height:20px;
}
.new_news_text_long{
    margin-top:29px;
    margin-left:25px;
    margin-right:25px;
    height:100px;
    overflow: hidden;
    line-height:20px;
}
.news_text_soon{
    margin-top:207px;
    margin-left:25px;
    margin-right:25px;
    height:77px;
    overflow: hidden;
    line-height:20px;
}
.news_text{
    margin-top:169px;
    margin-left:25px;
    margin-right:25px;
    height:77px;
    overflow: hidden;
    line-height:20px;
}
.more_info{
    text-align:center;
    margin-top:10px;
    margin-bottom:30px;
}
.footer_content{
    background: url("../images/common/pc/footer_banner_base.png");
    background-size:100%;
    width:1400px;
    padding-top:0px;
    margin: 0px auto 0 auto;
	height: 100px;
}
/* ボトムの飾り */
.img_bottom_wave{
    position:absolute;
    right:0;
    bottom:-50px;
}
.back_to_top{
    background: url("../images/top/pc/ico_backto_top_off.png") no-repeat;
    background-size:100%;
    width:134px;
    height:84px;
    text-indent: -9999px;
	position:absolute;
	bottom:-17px;
	right:129px;
}
.back_to_top:hover{
    background: url("../images/top/pc/ico_backto_top_on.png") no-repeat;
    background-size:100%;
}
.thanks{
	text-align:center;
	margin-top:-40px;
}
#cboxClose{
	left:92%!important;
}
.cy_logo{
	position:absolute;
	top:10px;
	left:120px;
}
.lf_logo{
	position:absolute;
	top:10px;
	left:300px;
}
.vita_logo{
	position:absolute;
	top:10px;
	left:475px;
}
.cp_logo{
	position:absolute;
	top:16px;
	left:685px;
}
.shou_logo{
	position:absolute;
	top:61px;
	left:267px;
}
