﻿.action_pop{
	text-indent: -9999px;
}
.popup_window{
	width:300px;
	height:370px;
}
.popup_window img{
	width:98%;
}
.popup_window span{
	color: #fff;
	font-weight:bold;
}
.container{
    background: url("../images/top/sp/bg.png") repeat-y;
	width:auto;
	position:relative;
	background-size:contain;
}
.chara_click_area{
	position:relative;
}

#chara_click1{
	position:absolute;
	top:43%;
	left:37%;
	width:9%;
	height:54%;
}
#chara_click4{
	position:absolute;
	top:43%;
	left:51%;
	width:9%;
	height:54%;
}
#chara_click6{
	position:absolute;
	top:43%;
	left:66%;
	width:9%;
	height:54%;
}
#chara_click8{
	position:absolute;
	top:43%;
	left:81%;
	width:9%;
	height:54%;
}
#chara_click12{
	position:absolute;
	top:43%;
	left:14%;
	width:7%;
	height:54%;
}
#chara_click9{
	position:absolute;
	top:43%;
	left:24%;
	width:7%;
	height:54%;
}
#chara_click10{
	position:absolute;
	top:43%;
	left:34%;
	width:7%;
	height:54%;
}
#chara_click7{
	position:absolute;
	top:43%;
	left:43%;
	width:7%;
	height:54%;
}
#chara_click5{
	position:absolute;
	top:43%;
	left:53%;
	width:7%;
	height:54%;
}
#chara_click2{
	position:absolute;
	top:43%;
	left:62%;
	width:7%;
	height:54%;
}
#chara_click13{
	position:absolute;
	top:43%;
	left:39%;
	width:9%;
	height:54%;
}
#chara_click11{
	position:absolute;
	top:43%;
	left:55%;
	width:9%;
	height:54%;
}
#chara_click3{
	position:absolute;
	top:43%;
	left:72%;
	width:9%;
	height:54%;
}
#chara_click17{
	position:absolute;
	top:43%;
	left:12%;
	width:9%;
	height:54%;
}
#chara_click16{
	position:absolute;
	top:43%;
	left:29%;
	width:9%;
	height:54%;
}
#chara_click15{
	position:absolute;
	top:43%;
	left:44%;
	width:9%;
	height:54%;
}
#chara_click14{
	position:absolute;
	top:43%;
	left:60%;
	width:9%;
	height:54%;
}

.img_main{
	width:100%;
}
.thanks{
	text-align:center;
	margin-top:-20px;
}
.news_list{
    overflow:hidden;
	position:relative;
	z-index:2;
	width:100%;
	margin-top:-20px;
}
.news_list li.li_1{
    background: url("../images/project/pc/project_1.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    margin-top:24px;
}
.news_list li.li_2{
    background: url("../images/project/pc/project_2.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_3{
    background: url("../images/project/pc/project_3.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    margin-top:24px;
	clear:both;
}
.news_list li.li_4{
    background: url("../images/project/pc/project_4.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_5{
    background: url("../images/project/pc/project_5.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    margin-top:24px;
	clear:both;
}
.news_list li.li_6{
    background: url("../images/project/pc/project_6.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_7{
    background: url("../images/project/pc/project_7.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    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:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_9{
    background: url("../images/project/pc/project_9.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    margin-top:24px;
	clear:both;
}
.news_list li.li_10{
    background: url("../images/project/pc/project_10.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_11{
    background: url("../images/project/pc/project_11.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    margin-top:24px;
	clear:both;
}
.news_list li.li_12{
    background: url("../images/project/pc/project_12.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_13{
    background: url("../images/project/pc/project_13.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    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:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_15{
    background: url("../images/project/pc/project_15.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    margin-top:24px;
	clear:both;
}
.news_list li.li_16{
    background: url("../images/project/pc/project_16.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_17{
    background: url("../images/project/pc/project_17.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    margin-top:24px;
	clear:both;
}
.news_list li.li_q{
    background: url("../images/project/pc/project_q.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:13%;
    margin-top:24px;
}
.news_list li.li_q2{
    background: url("../images/project/pc/project_q.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list li.li_logo{
    background: url("../images/project/pc/project_logo.png") no-repeat;
    background-size:100%;
    float:left;
    width:129px;
    height:129px;
    overflow:hidden;
    margin-left:2%;
    margin-top:24px;
}
.news_list div.new{
    background: url("../images/project/pc/project_new.png") no-repeat;
    background-size:100%;
    width:66px;
    height:48px;
    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:129px;
    height:129px;
    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:32px;
    margin-left:5px;
    margin-right:5px;
    height:42px;
    overflow: hidden;
    line-height:12px;
}
.new_news_text_long{
    margin-top:30px;
    margin-left:5px;
    margin-right:5px;
    height:55px;
    overflow: hidden;
    line-height:12px;
}
.new_news_text_6{
    margin-top:13px;
    margin-left:5px;
    margin-right:5px;
    height:77px;
    overflow: hidden;
    line-height:12px;
}
.new_news_text_11{
    margin-top:22px;
    margin-left:5px;
    margin-right:5px;
    height:60px;
    overflow: hidden;
    line-height:12px;
}
.news_text{
    margin-top:85px;
    margin-left:5px;
    margin-right:5px;
    height:43px;
    overflow: hidden;
    line-height:12px;
}
.news_text_long{
    margin-top:74px;
    margin-left:5px;
    margin-right:5px;
    height:54px;
    overflow: hidden;
    line-height:12px;
}
.news_text_soon{
    margin-top:95px;
    margin-left:10px;
    margin-right:25px;
    height:77px;
    overflow: hidden;
    line-height:20px;
}
.news_text_6{
    margin-top:63px;
    margin-left:5px;
    margin-right:5px;
    height:65px;
    overflow: hidden;
    line-height:12px;
}
.back_to_top{
    background: url("../images/top/sp/ico_backto_top_off.png") no-repeat;
    background-size:100%;
    position:fixed;
    bottom:0;
    right: 0;
    width:73px;
    height:47px;
    text-indent: -9999px;
    z-index:5;
}
.back_to_top:active{
    background: url("../images/top/sp/ico_backto_top_on.png") no-repeat;
    background-size:100%;
    z-index:5;
}
#line_img img{
	width:36px;
	height:36px;
}
.img_top_logo{
	left:0%!important;
	width:34%!important;
}
#cboxClose{
	width:33px!important;
	height:33px!important;
	left:90%!important;
}
