@charset "UTF-8";
/* -------------------------------------------------------------------

	Base Style
	
-------------------------------------------------------------------- */
/*  Universal Reset
--------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin			: 0;
	padding			: 0;
	border			: 0;
	vertical-align	: baseline;
	background		: transparent;
}

/*  HTML5 Display Definitions
--------------------------------------- */
section, nav, article, aside, hgroup, menu, summary,
header, footer, figure, figcaption, details,dt {
	display			: block;
}

video, audio, canvas {
	display			: -moz-inline-stack;
	display			: inline-block;
	vertical-align	: middle;
}

audio:not([controls]) {
	display			: none;
}

[hidden] {
	display			: none;
}

/*  Base
--------------------------------------- */
html {
}

body {
	line-height		: 1.8;
	color			: #333333;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size		: 14px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;

	background-color: #fdf3da;
	background-image:url("../img/common/hanging_decoration.png");
	background-repeat: repeat-x;

}

/*  Links
--------------------------------------- */

a {
	color			: #1d3994;
	text-decoration	: none;
}
a:link, a:visited {
	color			: #1d3994;
	text-decoration	: none;
}
a:hover, a:focus, a:active {
	color			: #1d39c4;
	text-decoration	: underline;
	outline			: none;
}

/*  Typography
--------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height		: 1.5;
	font-size		: 100%;
}
h1 {
	line-height		: 1.5;
	font-size		: 143%;
}
h2 {
	line-height		: 1.5;
	font-size		: 129%;
}
h3 {
	line-height		: 1.5;
	font-size		: 115%;
}
h4 {
	line-height		: 1.5;
	font-size		: 100%;
}

/*
------------------
base 14px
------------------
10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%
*/




em {
	font-style		: normal;
	font-weight		: bold;
}

strong, b {
	font-style		: normal;
}

sub, sup {
	vertical-align	: baseline;
	line-height		: 0;
	font-size		: 84%;
}

pre {
	font-family		: monospace, sans-serif;
	white-space		: pre-wrap;
	word-wrap		: break-word;
}

hr {
	display: none;
}

/*  Embedded Content
--------------------------------------- */
img {
	border			: 0;
	vertical-align	: bottom;
}

svg:not(:root) {
	overflow		: hidden;
}

/*  List Content
--------------------------------------- */
ul, ol {
	margin-left		: 2em;
}

/*  Tables
--------------------------------------- */
table {
	border			: 0 none;
	border-collapse	: collapse;
}

table th,
table td {
	border			: 1px solid #ccc;
	vertical-align	: top;
	font-size		: 1em;
	text-align		: left;
	font-weight		: normal;
	padding			: 4px;
}
table th{
	background-color: #f4f4f4;
}
/*  Forms
--------------------------------------- */
input::-moz-focus-inner,
button::-moz-focus-inner {
	border			: 0;
	padding			: 0;
}
input[type="text"]
,input[type="password"]
,textarea
,select{
	border: 1px solid #999;
}
input[type="text"],
input[type="image"] {
	vertical-align	: middle;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	border-radius	: 0;
	webkit-border-radius	: 0;
	-webkit-appearance		: none;
}

input[type="search"] {
	-webkit-appearance	: textfield;
	-webkit-box-sizing	: content-box;
	-moz-box-sizing	: content-box;
	box-sizing		: content-box;
}

input[type="search"]:focus {
	outline-offset	: -2px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing		: border-box;
	padding			: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor			: pointer;
	-webkit-appearance: button;
	*overflow		: visible;
}

textarea {
	vertical-align	: top;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size		: 100%;
	resize			: none;
}

fieldset {
	border			: 0 none;
}

legend {
	display			: none;
}

label {
	cursor			: pointer;
}

select {
	line-height		: normal;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* -------------------------------------------------------------------

	Structure

-------------------------------------------------------------------- */


/* -----------------------------------------------------
	Header
----------------------------------------------------- */
header {
	width			: 100%;
}
header .header_inner {
	width			: 1000px;
	height: 533px;
	margin			: 217px auto 0;
	position: relative;
/*border			: 1px solid #f00;*/
}


header .header_inner h1{
	position: absolute;
	top: 0px;

	/*border			: 1px solid #00f;*/
}

.qbik_presents {
	position: absolute;
	top: 0px;
	z-index: 10;
	/*border			: 1px solid #f00;*/
}


/* -----------------------------------------------------
	second_Header
----------------------------------------------------- */
header .second_header_inner {
	width			: 1000px;
	height: 283px;
	margin			: 217px auto 0;
	position: relative;
/*border			: 1px solid #f00;*/
}



/* -----------------------------------------------------
	section
----------------------------------------------------- */
section {
	width			: 100%;
}
section .section_inner {
	width			: 1000px;
	margin			: 0 auto;
	/*border			: 1px solid #f00;*/
}

article .article_inner_01 {
	width: 640px;
	margin: 60px auto 0;
}

article .article_inner_02 {
	width: 1000px;
	margin-top: 45px;
}

.bottom {
	margin-top: 45px;
}

article .presents_list_wrap {
	width: 1000px;
	margin-top: 46px;
}
.mg_left {
	margin-left: 45px;
}

.megahouse {
	text-align: right;
	display: block;
	margin: 15px 15px 0 0;
}



section .box_bnr_link{
	margin-top		: 100px;
}

section .box_bnr_link h2.lbl_bnr_link{
	color			: #fff;
	background-color: #8A9BA9;
	padding			: 12px 4px;
	margin-bottom	: 30px;
	text-align		: center;
	font-size		: 143%;

	box-shadow:0px 5px #bbb;
	-moz-box-shadow: 0px 5px #bbb;
	-webkit-box-shadow: 0px 5px #bbb;
	-o-box-shadow: 0px 5px #bbb;
	-ms-box-shadow: 0px 5px #bbb;
}


section .box_bnr_link .block_bnr_link{
	margin			: 0px 0 20px 0;
	font-size		: 93%;
	padding-bottom	: 20px;
	border-bottom	: 1px solid #bbb;
}
section .box_bnr_link .block_bnr_link h3{
	font-size		: 130%;
	margin			: 8px 0 8px 0;
}
section .box_bnr_link .block_bnr_link .bnr_link{
	float			: left;
	margin			: 0 20px 0 0;
}


/* -----------------------------------------------------
	puzzle_section
----------------------------------------------------- */
article .box_msg {
	float: left;
	position: absolute;
	z-index: 10;

}

article .block_msg {
	float: left;
	width: 580px;
	padding: 15px 35px;
	font-size: 16px;
	min-height: 95px;
	border: 2px solid #ccc;
	border-radius: 8px;
	background-color: #fff;
	line-height: 280%;
	margin-top: 15px;
	margin-left: 220px;
}

article .block_msg ruby rp
,article .block_msg ruby rb
,article .block_msg ruby rt{
	line-height		: 1.5;
}

article .box_msg_wrap {
	height: 163px;
}

article .box_inner {
	width: 930px;
	padding: 35px;
	background-color: #fff;
	overflow:hidden;
}

.box_answer_wrap {
	margin-top: 30px;
	overflow:hidden;
}

.box_answer {
	float:left;
	margin-right:8px;
	position: relative;
	width: 226px;
	height: 317px;
}

#box_answer_01 {
	margin-left:2px;
}
#box_answer_04 {
	margin-right:0px;
}


.answer01 {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.answer02 {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.answer03 {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.answer04 {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}






/* -----------------------------------------------------
	hit_answer_section
----------------------------------------------------- */
.red_moji {
	color: #ff0000;
}

form input[type="text"] {
	padding: 2px 4px;
	border-radius: 5px;
}

form select {
	padding: 2px 4px;
	border-radius: 5px;
}
form textarea {
	padding: 2px 4px;
	border-radius: 5px;
}
.enquete dd input[type="text"] {
	padding: 3px;
	border-radius: 5px;
}

dl {
	overflow:hidden;
}

dl.enquete dt,.enquete dd {
	clear:both;
}

dl.enquete dd {
	padding-left: 45px;
	line-height: 2;
}

dl.enquete dt {
		padding: 20px 0 10px 0px;
		margin-left: 40px;
}


form dt {
	clear:both;
	float: left;
	padding: 15px 0 15px 0px;
	line-height: 1.8;
	margin-left: 150px;
}

dl.enquete {
	border-bottom: 1px dotted #ccc;
}

form dl {
	margin-bottom: 50px;
}

form dd {
	padding: 15px 0 15px 350px;
	width:1000px;
	border-bottom: 1px dotted #ccc;
}


dd textarea {
	margin: 15px 0 0 45px;
}

.privacy_polisy {
	overflow-y: scroll;
	width: 880px;
	height: 100px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 15px;
	line-height: 1.5;
}
dt.facebook{
	width:900px;
}
dt.facebook img.pic_sugosugisanta_facebook{
	float:right;
}
.form_submit {
	margin: 30px 0 0 300px;
}

.form_submit  {
	margin: 30px 0 0 300px;
}

.txt_err{
	color:#ee0000;
}


/* -----------------------------------------------------
	miss_answer_section
----------------------------------------------------- */
.once_agein {
	margin: 30px 0 0 300px;
}



/* -----------------------------------------------------
	Footer
----------------------------------------------------- */
footer {
	width			: 100%;
	height			: 300px;
	margin-top		: 100px;
	background: url("../img/common/bg_qbik_logo.png") 25% 0 no-repeat #9DB3B5;
	
	background-position	: -webkit-calc(50% - 400px) 0px;
	background-position	: -moz-calc(50 - 400px) 0px;
	background-position	: calc(50 - 400px) 0px;
}
footer .footer_inner {
	width			: 980px;
	margin			: 0 auto;

/*	border			: 1px solid #f00;*/
}

footer #copy_qbik{
	float			: left;
	margin			: 40px 0 20px 0;
}

footer #pic_qbik_service{
	float			: right;
	margin			: 15px 0 15px 15px;
}

footer .box_company #logo_qbik{
	float			: left;
}
footer .box_company .box_company_txt{
	float			: left;
	width			: 370px;
	color			: #fff;
	margin-left		: 40px;
	font-size		: 79%;
	line-height		: 140%;
}
footer .box_company .box_company_txt h2{
	font-size		: 120%;
	margin-bottom	: 4px;
}
footer .box_company .box_company_txt a {
	color			: #fff;
}


/* -------------------------------------------------------------------

	Modules
	
-------------------------------------------------------------------- */


/* -----------------------------------------------------
	Heading Modules
----------------------------------------------------- */






/* clearfix
--------------------------------------------*/
.cf:before,
.cf:after {
	content			: "";
	display			: block;
	overflow		: hidden;
}
.cf:after {
	clear			: both;
}
.cf {
	zoom			: 1;
}