@charset "utf-8";

/*---------------------------------------
Uniersal Selector
----------------------------------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

/*---------------------------------------
Common
----------------------------------------*/
html { 
	overflow-y:scroll;
}

body {
	color:#333;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	line-height:1.4;
}

img {
	border:0;
}

strong { 
	font-weight:bold;
}

em {
	color:#F00;
}

table {
	border-collapse:collapse;
}

td,
th {
	vertical-align:top;
}

p {
	margin-bottom:15px;
}

ul {
	list-style:none;
}

a {
	color:#0085C9;
}

a:visited {
	color:#6C459E;
}

a:hover {
	color:#03AFC7;
}

.center { 
	text-align:center; 
}

.right { 
	text-align:right;
}

.left { 
	text-align:left;
}

.faceBold {
    font-weight:bold;
}

.faceRed {
    color:#F00;
    font-weight:normal;
}

.faceBoldRed {
    color:#F00;
    font-weight:bold;
}

.faceBoldSiteColor {
	color:#1F661F;
	font-weight:bold;
}

/* IE6 */
.buttonHover {
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	opacity:0;
}

.clear { 
	clear:both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height:1px;
}

* html .clearfix {
  height:1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*---------------------------------------
autocomplete
----------------------------------------*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.ac_scroll {
	overflow:auto;
	max-height:180px;
	height:auto !important;
	height:180px;
}

/*----------------------------
body
----------------------------*/
body {
	background-color:#EEF9EE;
}

/*---------------------------------------
#wrapper
----------------------------------------*/
#wrapper {
	margin:10px auto;
	width:874px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/wrapper_bg.gif) repeat-y 0 0;
}

/* IE-expression (fix png alpha) imgタグ用 */
* html #header .titleBox h1 img {
	behavior: expression(
		this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
		this.src = "http://img.phoenix.webcrew.co.jp/11900/home-security/images/spacer.gif",
		this.style.behavior = "none"
	);
}

/*---------------------------------------
#header
----------------------------------------*/
#header {
	margin-bottom:20px;
	padding-top:0;
	position:relative;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/wrapper_top.gif) no-repeat 0 0;
}
#header .siteLogo {
	height:62px;
	background-image:none;
}
#header .siteLogo img {
	margin:12px 0 0 12px;
}

/*----------------------
.titleBox
----------------------*/
#header .titleBox {
	margin:0 0 18px 2px;
	position:relative;
	width:870px;
	height:374px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/main_title_bg_02.jpg) no-repeat 0 0;
}
#header.split .titleBox {
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/main_title_bg_03.jpg) no-repeat 0 0;
}
#header .titleBox img.catch {
	margin:15px 0 0 34px;
}
#header.split .titleBox img.catch {
	margin:9px 0 0 22px;
}
#header .titleBox h1 {
	margin:2px 0 0 20px;
}
#header.split .titleBox h1 {
	margin:-7px 0 0 20px;
}

#header .titleBox .guardman {
	position:absolute;
	top:-47px;
	right:0;
}

/*----------------------
.comTopBox
----------------------*/
#header .comTopBox {
	margin:13px 0 16px 20px;
	width:528px;
}
#header.split .comTopBox {
	margin:15px 0 16px 20px;
}
#header .comTopBox .comTitle {
	text-align:center;
}
#header .comTopBox .comTitle img {
	padding:5px 0;
}
#header .comTopBox .logoBlock {
	margin:0 auto;
	padding:8px 0 6px;
	float:none;
	width:465px;
	box-sizing: border-box;
	min-height:106px;
	overflow: hidden;
}
#header .comTopBox img.logo {
	margin:0 15px 2px;
	float:left;
}
#header .titleBox p {
	margin:0 15px 0 23px;
	clear:both;
	font-size:85%;
}

/*----------------------
.formArea
----------------------*/
#header .formArea {
	margin:0 auto;
	width:604px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/form_bg.gif) repeat-y 0 0;
}

#header .formArea .formBlock {
	padding:14px 18px 20px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/form_bottom.gif) no-repeat left bottom;
}

#header .formArea .formBlock table {
	width:100%;
}

#header .formArea .formBlock table th {
	padding-right:10px;
}

#header .formArea .formBlock table input.formZip01 {
	width:45px;
}

#header .formArea .formBlock table input.formZip02 {
	margin-right:13px;
	width:55px;
}

#header .formArea .formBlock table a {
	margin-top:10px;
	padding:3px 0 3px 14px;
	display:block;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/icon_question.gif) no-repeat 0 0.3em;
	font-size:85%;
}

#header .formArea .formBlock .buttonBlock {
	width:316px;
	height:55px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/form_button_hover.gif) no-repeat 0 0;
}

#header .formArea .formBlock .buttonBlock input:hover {
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	opacity:0;
}


/*---------------------------------------
#contents
----------------------------------------*/
#contents {
	margin:0 auto;
	width:830px;
}

#contents .innerBox01 {
	margin-bottom:25px;
	width:830px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/contents_bg.gif) repeat-y 0 0;
}

#contents .innerBox01 img.catch {
	margin-bottom:12px;
}

#contents img.arrow {
	margin:0 auto 9px;
	width:208px;
	display:block;
}
 
#contents .buttonBlock {
	margin:0 auto 25px;
	width:792px;
	height:105px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/button_start_hover.gif) no-repeat 0 0;
}

#contents .buttonFooterBlock {
	margin:0 auto 56px;
	width:792px;
	height:105px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/button_start_hover.gif) no-repeat 0 0;
}

#contents .buttonBlock a:hover img,
#contents .buttonFooterBlock a:hover img {
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	opacity:0;	
}

/*---------------------------------------
.timingBox
----------------------------------------*/
#contents .timingBox {
	padding:11px 0 15px 20px;
	width:810px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/contents_bottom.gif) no-repeat left bottom;
}
/*--split--*/
.split #contents .timingBox {
	padding:16px 0 15px 20px;
}
#contents .timingBox .timingPic{
	margin-bottom:12px;
	background:#FFEEDF;
	border:1px solid #FFD6AF;
	width:790px;
	border-radius: 5px;
    padding: 5px 0 7px 14px;
    box-sizing: border-box;
}
#contents .timingBox .timingPic img:first-child{
	margin-right:-2px;
}
#contents .timingBox .timingPic img:nth-child(3){
	margin-left:4px;
}
#contents .timingBox .timingArrow{
    margin: 0 0 -34px 203px;
    position: relative;
}
#contents .timingBox .timingSubCatch{
	margin-bottom: -42px;
}
#contents .timingBox .timingSubArea{
	margin-bottom: 18px;
}
#contents .buttoneffect{
	overflow: hidden;
    position: relative;
}
#contents .buttoneffect::before{
    content: url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/button_efect.png);
    position: absolute;
    top: -10px;
    left: -200px;
    -webkit-animation: kiraMove 3.2s ease-in-out;
    animation: kiraMove 3.2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes  kiraMove {
	0% {top:-10px; left:-200px;}
	30% {top:-10px; left:-200px;}
	80% {top:-10px; left:760px;}
	100% {top:-10px; left:760px;}
}
@keyframes kiraMove {
	0% {top:-10px; left:-200px;}
	30% {top:-10px; left:-200px;}
	80% {top:-10px; left:760px;}
	100% {top:-10px; left:760px;}
}


/*--split--*/
/*---------------------------------------
.innerBox02
----------------------------------------*/
#contents .innerBox02 {
	padding:11px 20px 15px 20px;
	width:790px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/contents_bottom.gif) no-repeat left bottom;
	text-align:center;
}

/*---------------------------------------
.innerBox03
----------------------------------------*/
#contents .innerBox03 {
	padding:0 20px 15px 20px;
	width:790px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/contents_bottom.gif) no-repeat left bottom;
	text-align:center;
}

/*---------------------------------------
.comBox
----------------------------------------*/
#contents .innerBox01 .comBox {
	margin:0 auto 20px;
	width:700px;
	text-align:left;
}

#contents .innerBox01 .comBox img {
	margin:0 23px;
}
#contents .innerBox01 .comBox .com-list {
	margin:0 auto;
	width:525px;
}
#contents .innerBox01 .comBox p {
	margin:5px 0 0 12px;
	font-size:85%;
	text-align:left;
}

/*---------------------------------------
#footerLink
----------------------------------------*/
#footerLink {
	margin:0 auto 11px;
	padding:27px 0 0;
	overflow:hidden;
	text-align:center;
}

#footerLink ul li {
	display:inline;
	list-style-type: none;
}

#footerLink ul li a {
	padding:0 30px 0 18px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/icon_link_grey.gif) no-repeat left center;
}

/*---------------------------------------
.isoArea
----------------------------------------*/
#contents .isoArea {
	margin:0 auto 13px;
	padding:13px 0 0;
	border-top:1px solid #18962F;
	width:809px;
}

#contents .isoArea .isoLeftBox {
	padding:12px 0 0 129px;
	float:left;
	width:159px;
	min-height:54px;
	height:auto !important;
	height:54px;
	background:url(https://img.phoenix.webcrew.co.jp/12200/files/images/logo_ISMS.png) no-repeat 0 0;
	background-size: 110px 48px;
	font-size:115%;
	font-weight:bold;
}

#contents .isoArea .isoRightBox {
	padding:5px 20px 0 0;
	float:left;
	width:500px;
}

/*---------------------------------------
.footerArea
----------------------------------------*/
#footerArea {
	padding-bottom:15px;
	width:874px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/wrapper_bottom.gif) no-repeat left bottom;
	text-align:center;
}

#footer {
	margin:0 auto;
	width:850px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/footer_bg.gif) repeat-y 0 0;
	color:#FFF;
	font-size:92%;
}

/*--------------------- body.pageLanding_index01専用 start -----------------------------------------*/
body.pageLanding_index01 #headerWrapper {
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/03/header_bg.gif) 0 0 repeat-x;
}
body.pageLanding_index01 #header {
	margin:0 auto;
	padding-top:9px;
	width:872px;
	background:none;
}
body.pageLanding_index01 #headerWrapper .siteLogo {
	padding-top:2px;
	float:left;
	width:418px;
	height:50px;
	background:none;
}
body.pageLanding_index01 #headerWrapper .siteLogo img {
	margin:0;
}
body.pageLanding_index01 #headerWrapper .freedial {
	margin-bottom:17px;
	padding-top:17px;
	float:right;
	width:260px;
	text-align:right;
}
body.pageLanding_index01 #headerWrapper .freedial .wcGroup {
	margin-bottom:5px;
}
body.pageLanding_index01 #headerWrapper .titleBox {
	margin:0 auto;
	padding:0;
	clear:both;
	background:none;
	width:872px;
}
body.pageLanding_index01 #headerWrapper .titleBox h1 {
	margin:0;
	padding:0;
}
body.pageLanding_index01 #headerWrapper .titleBox img {
	vertical-align:top;
}
body.pageLanding_index01 #wrapper {
	margin:0 auto 10px;
}
body.pageLanding_index01 #wrapper .comTopBox {
	margin:0 20px 28px 0;
	float:right;
	width:377px;
}
body.pageLanding_index01 #wrapper .comTopBox img {
	float:left;
	display:block;
}
body.pageLanding_index01 #wrapper .formArea {
	margin:-70px 0 28px 13px;
	padding-bottom:21px;
	position:relative;
	float:left;
	width:454px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/03/form_bottom.png) left bottom no-repeat;
}
body.pageLanding_index01 #wrapper .formBlock {
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/03/form_bg.png) 0 0 repeat-y;
}
body.pageLanding_index01 #wrapper .formSubTitle {
	padding:7px 0 12px;
	text-align:center;
}
body.pageLanding_index01 #wrapper .formBlock table {
	margin:0 30px 10px 35px;
}
body.pageLanding_index01 #wrapper .formBlock th {
	width:150px;
	text-align:left;
}
body.pageLanding_index01 #wrapper .formBlock td {
	vertical-align:middle;
}
body.pageLanding_index01 #wrapper .formBlock .formZip01 {
	width:45px;
}
body.pageLanding_index01 #wrapper .formBlock .formZip02 {
	margin-right:5px;
	width:50px;
}
body.pageLanding_index01 #wrapper .formBlock table a {
	padding:3px 0 3px 14px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/icon_question.gif) no-repeat 0 0.5em;
	font-size:85%;
}
body.pageLanding_index01 #wrapper .formBlock .buttonBlock {
	margin:0 auto;
	display:block;
	width:396px;
	height:66px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/03/form_button_hover.gif) 0 0 no-repeat;
}
body.pageLanding_index01 #wrapper .formBlock .buttonBlock input:hover {
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	opacity:0;
}
body.pageLanding_index01 #contents {
	clear:both;
}
body.pageLanding_index01 #contents .innerBox01 {
	margin-bottom:40px;
}
body.pageLanding_index01 #contents img.arrow {
	margin:0 auto 12px;
	width:806px;
	display:block;
}
body.pageLanding_index01 #contents .reasonBox {
	padding:0 17px 17px;
	width:796px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/contents_bottom.gif) no-repeat left bottom;
	text-align:center;

}
body.pageLanding_index01 #contents .comBox {
	margin-bottom:-5px;
	width:790px;
	overflow:hidden;
}
body.pageLanding_index01 #contents .comBlock .com {
	margin:0 10px 10px 0;
	float:left;
	border:1px solid #4B9A4D;
	width:188px;
}
body.pageLanding_index01 #contents .comBlock .com td {
	padding-bottom:8px;
	width:188px;
	height:50px;
	background:#7AC57C url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/03/com_logo_bg.gif) left bottom repeat-x;
	vertical-align:middle;
	font-size:122%;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
body.pageLanding_index01 #contents .innerBox01 .comBox img {
	margin:0;
}
body.pageLanding_index01 #contents .comBlock img.logo {
	margin:0 auto;
	display:block;
}
body.pageLanding_index01 #contents .innerBox01 .comBox p {
	margin:0;
	padding:10px;
	font-size:100%;
}
body.pageLanding_index01 #contents .comBlock {
	width:800px;
}
body.pageLanding_index01 #contents .buttonBlock,
body.pageLanding_index01 #contents .buttonFooterBlock {
	width:798px;
	height:100px;
	background:url(https://img.phoenix.webcrew.co.jp/11900/home-security/images/promo/landing/03/button_start_hover.gif) no-repeat 0 0;
}
body.pageLanding_index01 #contents .buttonBlock {
	margin-bottom:40px;
}
/*--------------------- body.pageLanding_index01専用 end -----------------------------------------*/

/*--------------------- body.pageLanding_index02専用 start -----------------------------------------*/
body.pageLanding_index02 #contents .innerBox01 .comBox p {
	margin:5px 0 0 12px;
	font-size:80%;
	text-align:left;
}
body.pageLanding_index02 #contents .innerBox01 img.catch2 {
	margin:11px 0;
}
body.pageLanding_index02 #contents .innerBox01 img.catch3 {
	margin-bottom:0;
}

/*--------------------- body.pageLanding_index02専用 end -----------------------------------------*/