@charset "utf-8";

/* ====================================================
common
=====================================================*/
body{
	background: #000000;
	color: #5f5f5f;
}

a{
	color: #1a7fd5;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

.hov:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	background: #fff;
}

.mb2{margin-bottom: 2px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
/* end comon */


/* ====================================================
header
=====================================================*/
#header{
	width: 991px;
	margin: 0 auto;
	position: relative;
	height: 220px;
}

#header .logo-sony{
	position: absolute;
	top: 20px;
	left: 30px;
}

#header .logo-thp{
	position: absolute;
	top: 20px;
	right: 30px;
}

#header .campaign-ttl{
	position: absolute;
	background: url(../images/header-ttl.gif) left top no-repeat;
	top: 67px;
	left: 66px;
	width: 858px;
	height: 249px;
	text-indent: -99999px;
}
/* end header */


/* ====================================================
contents
=====================================================*/
#contents{
	background: #c20e1c;
	width: 100%;
}

#contents #inner{
	width: 859px;
	margin: 0 auto;
	padding: 56px 66px 0 66px;
	background: #ffffff;
}

#contents #inner h3{
	background: url(../images/ttl-h3.gif) left top no-repeat;
	width: 859px;
	height: 119px;
	text-indent: -99999px;
}

#contents #inner .read-h3{
	padding: 15px 0 0 0;
}

#contents #inner .present-plan li{
	float: left;
}

#contents #inner .present-plan li.r{
	margin: 0 0 0 13px;
}

#contents #inner .ate-plan{
	padding: 15px 0 0 0;
	font-size: 85%;
}

#contents #inner .target li{
	float: left;
}

#contents #inner .target li.r{
	margin: 0 0 0 35px;
}

#contents #inner .ate-oubo{
	text-align: center;
	font-size: 123.1%;
}

#contents #inner .btn li{
	float: left;
	height: 104px;
	width: 358px;
}

#contents #inner .btn li.oubo{
	background: url(../images/pre-flow-01-bg.gif) left top no-repeat;
	width: 383px;
	height: 154px;
}

#contents #inner .btn li.oubo2{
	background: url(../images/pre-flow-01-bg-2.gif) left top no-repeat;
	width: 383px;
	height: 154px;
}

#contents #inner .btn li.touroku{
	background: url(../images/pre-flow-02-bg.gif) left top no-repeat;
	width: 405px;
	height: 154px;
}

#contents #inner .btn li.oubo,#contents #inner .btn li.oubo2{
	padding: 83px 0 0 47px;
}

#contents #inner .btn li.touroku{
	padding: 83px 0 0 24px;
}

#contents #inner .star{
	background: #f2f2f2;
	border: 1px solid #dadada;
	padding: 30px;
	font-size: 123.1%;
	color: #000000;
}

#contents #inner .flow{
	background: #f2f2f2;
	border: 1px solid #dadada;
	padding: 38px 0 42px 41px;
	font-size: 123.1%;
	color: #000000;
}

#contents #inner .flow li{
	float: left;
}

#contents #inner .flow .l{
	width: 410px;
	text-align: center;
}

#contents #inner .flow .r{
	width: 340px;

}

#contents #inner .flow img.flow-arrow{
	padding: 17px 0;
}

#contents #inner .flow .flow-01 .r{
	margin: 9px 0 0 30px;
}

#contents #inner .flow .flow-02 .r{
	margin: 39px 0 0 30px;
}

#contents #inner .flow .flow-03 .r{
	margin: -7px 0 0 30px;
}

#contents #inner .flow .flow-03 .adress{
	padding: 10px 0 10px 40px;
}

#contents #inner .flow .flow-03 .adress-ate{
	padding: 0 0 0 40px;
}

#contents #inner .guidelines{
	border: 1px solid #dcdcdc;
	padding: 30px 25px;
	margin: 0 0 40px 0;
}

#contents #inner .guidelines .bar-code img{
	border: 1px solid #cccccc;
}

#contents #inner .harf-c p{
	text-align: center;
}

#contents #inner .half-c-top{
	background: url(../images/harf-c-top.gif) scroll left top;
	height: 28px;
}

#contents #inner .harf-c{
	border: 1px solid #c2c2c2;
	border-top: none; 
}

#contents #inner #page-top{
	text-align: right;
	padding: 45px 0 1px 0;
}


/* ====================================================
footer
=====================================================*/
#footer{
	width: 991px;
	margin: 0 auto;
	padding: 20px 30px 80px 30px;
}

#footer .copyright{
	float: left;
	color: #ffffff;
	font-size: 85%;
}

#footer .social{
	float: right;
}

#footer .social li{
	float: left;
}

#footer .social li.twitter{
	width:109px;
}

#footer .social li.facebook{
	width:110px;
}

#footer .social li.mixi{
	width:68px;
}

#footer .social li.youtube{
	margin: 0 30px 0 0;
}




p.hr{
	border-top:dotted #cbcbcb 2px;
}

.walkbnr{
	margin: 40px auto 20px auto;
	text-align: center;
}