@charset "shift_jis";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,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 {
	background:transparent;
	font-size:100%;
	vertical-align:baseline;
	outline:0;
	border:0;
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}

a {
	background:transparent;
	font-size:100%;
	vertical-align:baseline;
	margin:0;
	padding:0;
}
input,select {
	vertical-align:middle;
}
input[type=checkbox],input[type=radio] {
	vertical-align:baseline;
}
abbr[title] {
	border-bottom:1px dotted;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
br {
	letter-spacing:0;
}
del {
	text-decoration:line-through;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #d7d8da;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	margin:1em 0;padding:0;
}
img {
	vertical-align:bottom;
	border:0;
	-ms-interpolation-mode:bicubic;
}
ins {
	text-decoration:none;
}
li {
	list-style-type:none;
}
pre {
	font-family:monospace, sans-serif;
	white-space:pre-wrap;
	word-wrap:break-word;
	margin:0;
}

audio:not([controls]),[hidden] {
	display:none;
}
b,strong {
	font-weight:700;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:none;
}
dfn,em {
	font-style:normal;
}



/* Basic settings
--------------------------------------------------------- */
body { font:14px/1.231 "メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif; -webkit-text-size-adjust:none;}
a {color:#011b8f; text-decoration:none;}
a, button, input, select { -webkit-tap-highlight-color:rgba(0,0,0,0.3);}
textarea, input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], input[type="url"] {font-size:16px;}
textarea, pre { font-family:"ヒラギノ角ゴ ProN W3", Helvetica, "HelveticaNeue", Verdana, sans-serif;}



/* Contents Area　PC・SP共通の指定
--------------------------------------------------------- */
.notice {
	color: #e80000;
/*	font-size: 80%;*/
	padding-left: 3px;
	font-weight: normal;
}
input, textarea {padding: 6px;}
select {padding:8px;
font-size:14px;
}


/* Header
--------------------------------------------------------- */
#header {
	height:33px;
	padding:12px 5px 0 5px;
	border-bottom:4px solid #405086;
	z-index:1;
}

#header #logo .spkakakuLogo img {
	width:120px;}
	
/* Breadcrumbs
--------------------------------------------------------- */
.spBreadcrumbs {
	overflow:hidden;
	background:#b3c5dd;
	height:25px;
	z-index:1;
}
.spBreadcrumbs ul {
	overflow:hidden;
	display:table;
	background:#d8e1ed;
	background:-webkit-gradient(linear,left top,left bottom,from(#f0f4fa), to(#d8e1ed));
	background:-moz-linear-gradient(top, #f0f4fa, #d8e1ed);
	height:25px;
}
.spBreadcrumbs ul li {
	display:table-cell;
}
.spBreadcrumbs ul li span {
	display:block;
	background:url(/images/smartphone/breadcrumbs_01.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding:0 11px 0 0;
}
.spBreadcrumbs ul li:first-child {
	padding-left:1px;
}
.spBreadcrumbs ul li:last-child span {
	background:url(/images/smartphone/breadcrumbs_02.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding-right:11px;
}
.spBreadcrumbs ul li a {
	overflow:hidden;
	display:block;
	padding:0 0 0 4px;
	height:24px;
	color:#000;
	line-height:24px;
	word-wrap:break-word;
	word-break:break-all;
	border-top:1px solid #fff;
}

.pageTtl .pr {
  position: absolute;
  display:block;
  top: 49px;
  right: 0;
  padding: 0 7px;
  height: 25px;
  background: #7488ae;
  color: #fff;
  letter-spacing: -0.001em;
  font-size: 14px;
  line-height: 25px;
}

.spBreadcrumbs {
  padding-right: 61px !important;
}


	

/* Footer
--------------------------------------------------------- */
footer {
	background:#b3c5dd ;
	border-top:1px solid #bbb;
	z-index:1;
}
footer .backToTop:before {
	content:"";
	display:block;
	background:#fff;
	height:1px;
}
footer .backToTop {
	background:#dfe5f1;
}
footer .backToTop a {
	display:block;
	padding:11px 7px 11px 0;
	text-align:right;
}
footer .backToTop a span {
	display:inline-block;
	background:url(/images/smartphone/icon_arrow.png) no-repeat 0 2px;
	-webkit-background-size:22px 165px;
	background-size:22px 165px;
	padding-left:20px;
	color:#000;
}

footer .copyright {
	display:block;
	background:#405080;
	padding:3px 0;
	color:#fff;
	text-align:center;
}

/* 非表示設定 */
#logo .categoryIcon,
.pcguide,
.pcBreadcrumbs,
.pcMainTitle,
.pcFooter,
.pckakakuLogo,
.pcItem,
.pageTtl .pr{ display: none; }
	

/* 共通指定 */
#mainContents {width: 100%;}

.formWrap, .formTitle, .infoList, .lead, .linkList,
.linkArea {
	padding:0 18px;
	font-size:15px;
}

h1 {
margin-bottom:15px;
background-image:url(/images/article/pr/18/08_pixus/main_title.jpg);
background-repeat:no-repeat;
background-size:100%;
padding-top: 79.73%;
text-indent: -9999px;
height:0;}

h2 {
	border-bottom: #999 dotted 1px;
	border-left: #d5002b solid 7px;
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 15px 0;
	padding: 3px 0 8px 10px;}


.mTop25 {
	margin-top: 25px;}

.mTopspace {
	margin-top: 35px;}


/* リード */
.lead {
	line-height: 1.6;
	margin-bottom: 20px;
}

.lead span { font-size:16px;
display:block;
margin:20px 0;
text-align:center;}

.lead span.caption {
font-size: 12px;
margin:10px 0 0;
text-align:left;}

/* IVリンク・メーカーリンク */
.linkList {
	margin-top:10px;}
	
.linkList li {
	margin-top:10px;}

.linkList li:before {
	margin-top:0;}

/* 公応募要項界以下共通 */
.formWrap p,
.infoList dt,
.infoList dd,
.infoList li,
.sentence,
#question,
#personal
{line-height: 1.5;}

.sentence {
	margin-bottom: 20px;}

.formWrap .caption,
.nickName dd span, .mail dd span {
	/*display: inline-block;*/
	font-size:13px;}

input, 
textarea,
select{
border:#676767 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

select {
	background: #FFFFFF;
}

/*.formWrap .caption {
	font-size:13px;
	line-height:1.8;}
*/

/* モニター応募要項 */
.infoList {
	font-size: 12px;}

.infoList dt {
	font-weight: bold;
	margin-bottom: 2px;
}
.infoList dd {
	margin-bottom: 8px;
}
.infoList li {
	margin-bottom: 7px;
	text-indent: -13px;
	padding-left: 12px;
}

.checkWrapTop {
background-color:#f0f0f0;
text-align:center;
padding:10px 0;
margin-top:20px;
font-size: 14px;}

.checkWrapTop label {
	margin-left:5px;}
	

/* 個人情報 */
#personal dl { 
	margin-bottom: 20px; }

#personal dt {
background: #f1f1f1;
padding: 10px 0 10px 10px;
margin-bottom: 15px;}

#personal input {
	width: 100%;
	margin-bottom: 8px;
	box-sizing:border-box;
/*border:#9b9b9b 1px solid;*/
}

#personal .name input {
	margin-left:10px;
	width:70%;}


#personal .sex input {
	width: auto;
	margin: 0 5px 5px 5px;
}

#personal .sex label {
	margin-right:20px;}


#personal .age select {
	width:60%;}
#personal .phoneNumber input {
	width:25%;}



/* 設問内指定 */

#question .q_data {
	margin-bottom:30px;}

#question .q_data .q_No {
	background: #f0f0f0;
	padding:8px 10px 5px;
	margin-bottom: 15px;
}


#question .subQ {
	font-weight:bold;}

/*#question .q_data .q_list p.subQ .notice {
	font-weight:normal;}*/

#question .q_data .q_list p {
	margin-bottom: 10px;
}

#question li{margin-bottom:10px;}

#question textarea { width: 95%; }

#question .txtAnswer { 
	vertical-align: middle; }
#question .txtAnswer li span {
	display: inline-block;
	min-width: 70px;
	vertical-align: -2px;}
#question .txtAnswer input {  width:50%; box-sizing:border-box;}

#question .txtAnswer input.click {
	width:auto;
	margin-right:5px;}

#question .txtAnswer02 .itemName {
	display: block;
}
#question .txtAnswer02 input {
	width: 100%;
	box-sizing: border-box;
}

/* 同意事項 */
#agreeWrap {
	background: #f0f0f0;
	width: auto;
	margin: 30px 0 0;
	padding: 15px;
}
#agreeWrap h4 {
	font-size: 100%;
	margin-bottom: 10px;
}
#agreeWrap ol {
	width: auto;
	margin-bottom: 10px;
}

#agreeWrap li {
    font-size: 85%;
    line-height: 1.7;
	text-indent: -10px;
	padding-left: 13px;
    margin-bottom: 5px;
}
.checkWrap {
    background-color: #FFF;
    padding: 10px 0 8px 12px;
    clear: both;
		text-align:center;
}
.checkWrap input { margin-right: 10px; }

/* 送信ボタン */
.submit{
	text-align: center;
	margin: 30px 0 40px;
}
.submit a {
	background: linear-gradient(0deg, #2f8cd4, #57aaea);
	border: #3487c8 solid 1px;
	border-radius: 3px;
	color: #FFF;
	font-size: 14px;
	/*font-weight: bold;*/
	padding: 15px 60px;
	box-sizing:border-box;
	width:100%;
	display:block;
}
.submit a:hover { background: linear-gradient(0deg, #57aaea, #2f8cd4); }

.submitArea .end { margin-top:-20px;} 

.submitArea {
	overflow: hidden;
	zoom: 1;
	margin-bottom:30px;}

.submitArea  #btnBack {
	float: left;
	width:50%;
	padding: 10px 0;}
.submitArea  #btnSubmit {
	float:right;
	width:40%;
	padding: 10px 0;}

/* エラー */
input.inputError,select.inputError,
textarea.inputError  {
	border: 1px solid #e54040;
	background: #ffecec;
}

.errortext {
	color: #d00;
	margin-bottom:5px;
	display: block;
	font-size: 92%;
}


/* thanksページ */

.linkArea {
	padding-bottom:20px;
/*	border: #d4d4d4 solid 1px;
	width: 100%;
	margin-top:40px;
	padding: 30px;
	box-sizing:border-box;*/
}

.linkArea dt {
	line-height:1.2;
	margin-bottom:15px;
	border-left:#999 8px solid;
	padding-left:10px;}

.linkArea dd {
	margin:0 20px 10px 0;
	position: relative;
	display:inline-block;
	padding-left:15px;}
	
.linkArea dd:after {
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}