@charset "Shift_JIS";

/*---------------------------------------------------------
	RESET
---------------------------------------------------------*/
.inner-frame h2, .inner-frame h3, .inner-frame h4 { margin:0; line-height:0; }
.inner-frame dl, .inner-frame dt, .inner-frame dd { margin:0; padding:0; }
.inner-frame ul { margin:0; padding:0; list-style:none; }
.inner-frame li { margin:0; }


/*---------------------------------------------------------
	.inner-frame
---------------------------------------------------------*/
.inner-frame {
	margin-top:11px;
	background:#FFF;
}
.inner-mid-frame {
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding:0px 20px 20px 20px ;
}
.inner-btm-frame {
	background:url(../../images/point/border_btm.gif) no-repeat;
	width:950px;
	height:4px;
}


@media (max-width:640px){
	.inner-frame {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border:1px #dcdcdc solid;
	}
	.inner-mid-frame{
		border:none;
		padding:0px 5px 20px 5px ;
	}
	.inner-btm-frame {
		display:none;
	}
	.heading img.heading-sp{
		width:100%;
	}
	.heading p.title{
		color:#000c19;
		padding:0px 10px 0px 10px ;
		font-weight:bold;
	}
	.heading-term1,
	.heading-term2{
		overflow:hidden;
		color:#FFF;
		margin:10px 5px 10px 5px ;
		padding:10px;
		text-align:center;

		background: rgb(36,55,74); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(36,55,74,1) 0%, rgba(0,19,38,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,55,74,1)), color-stop(100%,rgba(0,19,38,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(36,55,74,1) 0%,rgba(0,19,38,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(36,55,74,1) 0%,rgba(0,19,38,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(36,55,74,1) 0%,rgba(0,19,38,1) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(36,55,74,1) 0%,rgba(0,19,38,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24374a', endColorstr='#001326',GradientType=0 ); /* IE6-9 */

		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.heading-term1 h3 ,
	.heading-term2 h3{
		padding:10px 5px 10px 5px ;
		width:auto;
		border-bottom:1px #5d6977 solid;
		margin-bottom:10px;
		padding-bottom:20px;
	}
	.heading-term1 p{
		margin:0px;
	}
	
	.heading-term2 p{
		margin:0px;
		font-size:12px;
	}

	.sonypoint {
		color:#8d8d8d;
	}

}


/*---------------------------------------------------------
	.obo
---------------------------------------------------------*/
.obo {
	overflow:hidden;
}
.obo h3{
	background:url(../../images/point/title_1.jpg) no-repeat;
	width:910px;
	height:40px;
	line-height:40px;
	padding-left:25px;
	color:#FFF;
	font-size:18px;
	text-indent:-5000px;
}
.obo ul{
	margin-top:30px;
}
.obo ul li{
	width:212px;
	height:280px;
	background:url(../../images/point/obo_pc_bg.gif) no-repeat;
	float:left;
	margin-right:20px;
}
.obo ul li span.oboInner{
	position:absolute;
	top:480px;
}
@media (max-width:640px){
.obo ul li span.oboInner{
	position: inherit;
	top:0;
}
}

.obo ul li.obo4{
	margin-right:0px;
}
.obo ul li img{
	position:absolute;
	top:91px;
	left:8px;
}
.obo ul li span.txt{
	width:192px;
	font-size:13px;
	text-align:center;
	display:inline-block;
}


.obo ul li span.small {
	font-size:12px;
	letter-spacing:-0.09em;
}

.obo ul li.obo1 span.txt{padding:30px 10px 10px 10px ;}
.obo ul li.obo2 span.txt{padding:20px 10px 10px 10px ;}
.obo ul li.obo3 span.txt{padding:20px 10px 10px 10px ;}
.obo ul li.obo4 span.txt{padding:30px 10px 10px 10px ;}
.obo ul li span.arrow{
	width:29px;
	height:62px;
	display:block;
	position:absolute;
	top:109px;
	right:-29px;
	background:url(../../images/point/obo_arrow_pc.gif) no-repeat;
}


@media (max-width:640px){
	.obo h3{
		background:url(../../images/point/title_bg_1.jpg) no-repeat left;
		text-indent:0px;
		width:auto;
		margin-top:10px;
		font-size:14px;
		height:30px;
		line-height:30px;
	}
	.obo ul{
		margin-top:10px;
	}
	.obo ul li{
		width: auto;
		height: 124px;
		background:none;
		position:relative;
		float: none;
		margin:0px 0px 30px 0px ;
		border:2px solid #cbcbcb;
		background:#f6f6ee;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.obo ul li.obo4{
		margin:0px ;
	}
	.obo ul li img{
		width:115px;
		position: absolute;
		top:10px;
		left:0px;
	}
	.obo ul li.obo1 span.txt,
	.obo ul li.obo2 span.txt,
	.obo ul li.obo3 span.txt,
	.obo ul li.obo4 span.txt{
		padding:25px 10px 0px 125px;
		width: auto;
		font-size:13px;
		text-align:left;
		display: block;
	}
	.obo ul li span.txt br{
		display:none !important;
	}
	.obo ul li span.arrow{
		width: 100%;
		height:20px;
		display:block;
		position:absolute;
		top: auto;
		right: 0px;
		bottom:-22px;
		z-index:10;
		background:url(../../images/point/obo_arrow_sp.gif) no-repeat center;
	}

	
}

/*---------------------------------------------------------
	.kakunin
---------------------------------------------------------*/
.kakunin {
	margin-top:30px;
	overflow:hidden;
	width:890px;
	height:276px;
	background:url(../../images/point/kakunin_bg.gif) no-repeat;
	padding:10px 10px 10px 10px ;
}
.kakunin h3 {
	line-height:38px;
	color: #000;
	font-size:18px;
	text-indent:-5000px;
	width:890px;
	height:38px;
	background:url(../../images/point/kakunin_title.gif) no-repeat;
}
.kakunin p.txt{
	font-size:14px;
	margin:20px 0px 15px 0px ;
}
.kakunin ul li {
	position:relative;
	width:440px;
	height:162px;
	background:url(../../images/point/kakunin_li_bg.gif) no-repeat;
	float:left;
}
.kakunin ul li.item2{
	margin-left:10px;
}
.kakunin ul li h4{
	width:440px;
	height:40px;
	text-indent:-5000px;
}
.kakunin ul li.item1 h4{background:url(../../images/point/kakunin_item_title_1.gif) no-repeat;}
.kakunin ul li.item2 h4{background:url(../../images/point/kakunin_item_title_2.gif) no-repeat;}


.kakunin ul li img{
	position:absolute;
	top:46px;
	left:7px;
}
.kakunin ul li.item2 p,
.kakunin ul li.item1 p{
	position:absolute;
	top:83px;
	left:100px;
}

@media (max-width:640px){
	.kakunin {
		margin-top:20px;
		overflow:hidden;
		width: auto;
		height:auto;
		background:#ededed;
		padding:10px 10px 10px 10px ;
		
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.kakunin h3 {
		line-height:38px;
		color: #545454;
		font-size:14px;
		text-indent:0px;
		width: auto;
		height:38px;
		padding:5px 0px 0px 15px ;
		background:url(../../images/point/kakunin_title_bg.gif) no-repeat;
	}
	.kakunin p.txt{
		font-size:14px;
		margin:10px 0px 15px 0px ;
	}
	.kakunin ul li {
		position:relative;
		width: auto;
		height:152px;
		background: #FFF;
		float:none;
		overflow:hidden;
		margin:0px 0px 10px 0px  !important;

		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.kakunin ul li h4{
		width:auto;
		height:40px;
		line-height:40px;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin-bottom:20px;
		
		background: rgb(107,107,107); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(107,107,107,1) 0%, rgba(82,82,82,1) 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,107,107,1)), color-stop(100%,rgba(82,82,82,1))) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(82,82,82,1) 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(82,82,82,1) 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(82,82,82,1) 100%) !important; /* IE10+ */
		background: linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(82,82,82,1) 100%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#525252',GradientType=0 ) !important; /* IE6-9 */
		
		
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
		
		border:#bebebe solid 1px;
	}
	.kakunin ul li img{
		width:75px;
	}
	.kakunin ul li p{
		padding-right:15px;
		font-size:12px;
		position:absolute !important;
		top:55px !important;
		left:90px !important;
	}
	.kakunin ul li p br{
		display:none !important;
	}

	
}

/*---------------------------------------------------------
	.google_play
---------------------------------------------------------*/
.google_play a{
	background:url(../../images/point/btn_googleplay.gif) no-repeat;
	width:524px;
	height:94px;
	margin:50px auto 10px auto;
	display:block;
	text-indent:-5000px;
}
@media (max-width:640px){
	.google_play{
		border:#bebebe 1px solid;
		margin:50px auto 10px auto;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 76%, rgba(224,224,224,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(76%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 76%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 76%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 76%,rgba(224,224,224,1) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(255,255,255,1) 76%,rgba(224,224,224,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	}
	.google_play a{
		background:url(../../images/point/btn_googleplay_txt.gif) no-repeat center;
		width: auto;
		height:94px;
		display:block;
		margin:0px;
		text-indent:-5000px;
	}
}

.google_play_caution p {
	margin:0 auto 50px;
	text-align:center;
	color:#565656;
}
.google_play_caution a {
	text-decoration:none;
}
.google_play_caution a:hover {
	text-decoration:none;
}
@media (max-width:640px){
	.google_play_caution p {
		font-size:12px;
	}
}



/*---------------------------------------------------------
	.notes
---------------------------------------------------------*/
.notes{
	color:#565656;
	margin:0px 0px 0px 0px ;
}
@media (max-width:640px){
	.notes{
		font-size:12px;
	}
}