@charset "UTF-8";
/*------------------------------------------------------
	sonystyle "Quiz-CP" layout Styles
	Version:  28th Jul. 2009
	
	3-0.コンテンツ幅調整/共通要素
	3-1.キービジュアル
	3-2.シーン別（ナビ）
	3-3.シーン別
	3-4.無料で使えます
	3-5.今すぐアクセス
--------------------------------------------------------*/
.red { color: #ff0000;}
/*------------------------------------------------------
	3-0.コンテンツ幅調整/共通要素
--------------------------------------------------------*/
div#content{
    margin: 0 auto;
    padding: 25px 15px 0 15px;
	width: 930px;
}

p.goPageTop {
    clear: both;
    margin: 10px 0 15px 0;
    text-align: right;
}

div#content h2 { margin-left: 8px;}

/*------------------------------------------------------
	3-1.キービジュアル
--------------------------------------------------------*/
div#content div#keyv {
	background: url(../Img/keyv.jpg) left top no-repeat;
	width: 930px;
	height: 416px;
}

div#keyv h2 {
	display: inline;
	float: left;
	margin: 0 0 0 28px;
	padding-top: 12px;
	width: 574px;
}

div#keyv div.keyvaccess {
	display: inline;
	float: right;
	background: url(../Img/keyvaccess_bg.gif) left top no-repeat;
	margin: 20px 20px 0 0;
	width: 285px;
	height: 263px;
}

div.keyvaccess h3 {
	margin: 9px 10px 0 10px;
}

div.keyvaccess p.keyvsendto {
	margin: 18px 31px 0 24px;
}

div.keyvaccess p.keyvbtn {
	margin: 7px 121px 0 24px;
	width: 140px;
}

div.keyvaccess p.keyvqrcode {
	margin: 21px 23px 0 24px;
}

div.keyvradar {
	background: url(../Img/keyvradar_bg.gif) left top no-repeat;
	height: 108px;
	margin-top: 5px;
}

p.t_radar {
	padding: 19px 0 0 25px;
}

p.btn_keyvradar {
	padding: 4px 0 0 23px;
}

/*------------------------------------------------------
	3-2.シーン別（ナビ）
--------------------------------------------------------*/
ul.scenenav {
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
}

ul.scenenav li {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-bottom: 6px;
}

/*------------------------------------------------------
	3-3.シーン別
--------------------------------------------------------*/
div.sceneft {
	background: url(../Img/sceneft_bg.gif) left bottom no-repeat;
	margin: 0 0 30px 0;
	padding-bottom: 7px;
	width: 918px;
}

div.scene {
	background: url(../Img/scene_bg.gif) left top repeat-y;
	/*margin-top: 19px;*/
	width: 918px;
}

div.illust {
	float: left;
	width: 351px;
}

div.sceneinner {
	display: inline;
	float: right;
	margin-right: 30px;
	width: 537px;
}

div.sceneinner div.scenetxt {
	float: left;
	margin-top: 5px;
	width: 353px;
}

div.scenetxt h4 { margin-bottom: 10px;}

div.scenetxt p { font-size: 115%;}

div.sceneinner div.sceneimg {
	float: right;
	margin-bottom: 10px;
	width: 161px;
}

div.scene01 {
	position: relative;
	background: url(../Img/scene01_bg.gif) left top no-repeat;
	padding-top: 74px;
}

div.scene01 h3 {
	position: absolute;
	top: 26px;
	right: 36px;
}

div.scene02 {
	position: relative;
	background: url(../Img/scene02_bg.gif) left top no-repeat;
	padding-top: 74px;
}

div.scene02 h3 {
	position: absolute;
	top: 26px;
	right: 23px;
}

div.scene03 {
	position: relative;
	background: url(../Img/scene03_bg.gif) left top no-repeat;
	padding-top: 74px;
}

div.scene03 h3 {
	position: absolute;
	top: 26px;
	right: 23px;
}

div.scene04 {
	position: relative;
	background: url(../Img/scene04_bg.gif) left top no-repeat;
	padding-top: 74px;
}

div.scene04 h3 {
	position: absolute;
	top: 26px;
	right: 16px;
}


/*------------------------------------------------------
	3-4.無料で使えます
--------------------------------------------------------*/
h3#free {
	margin: 10px 30px 0 44px;
}

div.free {
	background: url(../Img/free_bg.gif) left top repeat-y;
	margin: 17px 0 0 8px;
	padding: 10px 0;
	width: 910px;
}

div.freeinner {
	background: url(../Img/freeinner_bg.gif) left top repeat-y;
	margin: 0;
	padding: 0;
	width: 910px;
}

div.freeinner-l {
	display: inline;
	float: left;
	margin: 0 10px 10px 10px;
	width: 425px;
}

div.freeinner-r {
	display: inline;
	float: right;
	margin: 0 10px 10px 10px;
	width: 425px;
}

div.freeimg {
	display: inline;
	float: left;
	margin: 10px 10px 0 10px;
	width: 151px;
}

div.freetxt {
	display: inline;
	float: right;
	margin: 18px 24px 0 5px;
	width: 225px;
}

div.freetxt p {
	margin-top: 10px;
	font-size: 115%;
}

div.arrow { margin: 30px 345px 0 353px;}

/*------------------------------------------------------
	3-5.今すぐアクセス
--------------------------------------------------------*/
div#access {
	background: url(../Img/access_bg.gif) left top no-repeat;
	margin: 20px 100px 30px 108px;
	width: 710px;
	height: 178px;
}

div#access h3 { 
	margin: 0 158px 7px 147px;
	padding-top: 9px;
}

div.accessinner {
	margin: 0 10px;
	width: 690px;
}

div.sendto {
	display: inline;
	float: left;
	width: 340px;
}

div.sendto p.txt { margin: 15px 17px 6px 20px;}

div.sendto p.btn { margin: 0 17px 10px 20px;}

div.qrcode {
	display: inline;
	float: right;
	width: 340px;
}

div.qrcode p { margin: 23px 15px 21px 22px;}