@charset "utf-8";

/*==============================================
	General setting 
  ==============================================*/
body,div,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,th,td,dl,dt,dd,ul,ol,li,form,fieldset,textarea,table{margin:0;padding:0;font-size:100%;}
html{width:100%;height:100%;background-color:#ffffff;}
body{width:100%;height:100%;min-height:100%;color:#333333;font-size:medium;line-height:1.6;text-align:center;font-family:'メイリオ','meirio','MS PGothic',Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;word-break:normal;word-wrap:break-word;}
html>body{height:auto;}
ul,
ol{list-style:none;}
table{border-collapse:collapse;line-height:1.37;}
table caption,
table th,
table td{text-align:left;vertical-align:top;}
hr{display:none;}
img{border:0;vertical-align:bottom;}
em{font-weight:bold;font-style:normal;}
input{line-height:normal;}
address{font-style:normal;}
pre{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;}
fieldset{border:none;}

.clearBoth{clear:both;}
.caution{color:#CC0000 !important;}
.noscriptMsg{min-height:14px;_height:14px;color:#CC0000;font-weight:bold;text-align:center;margin:0 10px 10px;zoom:1;}
.noscriptMsg span {padding:3px;zoom:1;}
.dispNone,
.skipNav {text-indent:-9999px;position:absolute;overflow:hidden;}
.noscriptMsg {
	color:#CC0000;
	font-weight:bold;
	padding:5px 0;
	text-align:center;
}



strong{ font-weight:bold; }

/* link */
a{color:#092848; text-decoration:underline; outline:none;}
a:hover,
a:focus{color:#092848; text-decoration:none;}


/*==============================================
	common class
  ==============================================*/

/* clearfix */
.pkg{ zoom:1; }
.pkg:after{
	content:'';
	display:block;
	clear:both;
}

/* float */
.pull-left { float:left; }
.pull-right{ float:right; }


/* align */
.text-center{ text-align:center; }
.text-left  { text-align:left; }
.text-right { text-align:right; }


/* text */
.text-red  { color:#db0078; }
.text-blue { color:#13398f; }
.text-green{ color:#138f33; }

.text-red a{ color:#db0078; }

.text-small{ font-size:0.86em; }

/* note */
.note{
	text-indent:-1em;
	padding-left:1em;
	line-height:1.2;
}


/* icon */
[class^='icon-'],
[class*=' icon-']{
	display:inline-block;
	width:26px;
	height:26px;
	background-image:url('../images/icon.png');
	background-repeat:no-repeat;
	vertical-align:middle;
}

.icon-circle     { background-position:   0   0; }
.icon-linkarrow  { background-position: -30px 0; }
.icon-onetime    { background-position: -60px 0; }
.icon-loginalert { background-position: -90px 0; }
.icon-loginreport{ background-position:-120px 0; }

[class^='icon-mini-'],
[class*=' icon-mini-']{
	width:16px;
	height:16px;
}
.icon-mini-arrow{ background-position: 0  -60px; }


[class^='icon-security-'],
[class*=' icon-security-']{
	width:90px;
	height:90px;
	background-image:url('../images/icon-security-lebel.png');
}
.icon-security-high  { background-position:   0   0; }
.icon-security-middle{ background-position: -90px 0; }
.icon-security-low   { background-position:-180px 0; }



/* button */
.btn{
	height:77px;
	display:inline-block;
	text-align:left;;
	text-indent:-9999px;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
	border:none;
	cursor:pointer;
	zoom:1;
}
.btn:hover{
	background-position:0 -80px;
}

.btn-tool-start{
	width:287px;
	background-image:url('../images/btn-tool-start.png');
}
.btn-tool-yes{
	width:226px;
	background-image:url('../images/btn-tool-yes.png');
}
.btn-tool-no{
	width:226px;
	background-image:url('../images/btn-tool-no.png');
}
.btn-tool-result{
	width:380px;
	background-image:url('../images/btn-tool-result.png');
}
.btn-case01{
	width:576px;
	background-image:url('../images/btn-case01.png');
}
.btn-case02{
	width:576px;
	background-image:url('../images/btn-case02.png');
}
.btn-case03{
	width:576px;
	background-image:url('../images/btn-case03.png');
}
.btn-complete{
	width:376px;
	background-image:url('../images/btn-complete.png');
}
.btn-setting{
	width:426px;
	background-image:url('../images/btn-setting.png');
}
.btn-confirm{
	width:426px;
	background-image:url('../images/btn-confirm.png');
}

.btn-settingconfirm{
	width:516px;
	background-image:url('../images/btn-settingconfirm.png');
}
.btn-3point{
	width:576px;
	background-image:url('../images/btn-3point.png');
}



/*==============================================
	Layout
  ==============================================*/

/* site width */
html > body{
	min-width:900px;
}
#header > .inner,
#contents > .inner,
#footer > .inner,
.mainVisual .inner,
.navigation > .inner{
	width:900px;
	margin:0 auto;
	text-align:left;
}

/* header */
#header{
	background-color:#000000;
	padding:15px 0;
}

/* footer */
#footer{}
#footer > .inner{
	background:url('../images/footer-bg.gif') repeat-x 0 0;
	padding:15px 0 10px;
}
#footer address .copy{
	font-size:0.86em;
}

/* contents */
#contents > .inner{
	padding-top:60px;
	padding-bottom:10px;
}


/*==============================================
	Class
  ==============================================*/


/* ttl-icoLine */
.ttl-icoLine{
	font-size:2em;
	font-weight:bold;
	text-indent:-30px;
	color:#13398f;
	border-bottom:3px solid #ffd180;
	padding-left:30px;
	margin-bottom:25px;
	line-height:1.1;
}
.ttl-icoLine > [class^='icon-'],
.ttl-icoLine > [class*=' icon-']{
	vertical-align:top;
	margin-right:4px;
}

/* .link */
.link{
	font-size:1.12em;
	font-weight:bold;
	padding-left:30px;
	text-indent:-30px;
}
.link > [class^='icon']
.link > [class*=' icon']{
	margin-right:4px;
}
.link > a{
	text-decoration:none;
	color:#138f33;
}
.link > a:hover{
	text-decoration:underline;
	color:#138f33;
}

/* block */
.block{ margin-bottom:50px; }


/* unit */
.unit{}
.unit > .title{
	font-size:1.28em;
	font-weight:bold;
	color:#13398f;
	margin-bottom:10px;
}
.unit > .text{
	padding-bottom:15px;
	font-size:1.12em;
}
.unit > .text > *{
	margin-bottom:10px;
}
.unit > .button-area{
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
}
.unit > .button-area > .message{
	margin-bottom:5px;
	font-size:1.12em;
	text-align:center;
}
.unit > .button-area .btn{
	display:block;
	margin:0 auto;
}
.unit > .button-area .list-inline{
	padding-top:5px;
}

/* list */
.list-step{
	background:url('../images/bg-step-arrow.png') no-repeat 0 140px;
	zoom:1;
}
.list-step:after{
	content:'';
	display:block;
	clear:both;
}
.list-step > li{
	width:290px;
	float:left;
	margin-right:15px;
}
.list-step > li.last{
	margin-right:0;
}


.list-inline{}
.list-inline > li{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	*display:inline;
	*zoom:1;
}



/*==============================================
	Unique Class
  ==============================================*/

/* mainVisual */
.mainVisual{
	background:url('../images/mainvisual-bg.gif') repeat 50% 0;
}
.mainVisual > .mainVisual-img{
	background:url('../images/mainvisual-img.png') no-repeat 50% 0;
	padding-top:60px;
	padding-bottom:20px;
}
.mainVisual .lead,
.mainVisual .title{
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
}

.mainVisual .lead{
	height:50px;
	background-image:url('../images/mainvisual-lead.png');
}
.mainVisual .title{
	height:115px;
	background-image:url('../images/mainvisual-title.png');
}
.mainVisual .description{
	font-weight:bold;
	font-size:1.12em;
	margin-bottom:5px;
	max-width:580px;
}
.mainVisual .note{
	max-width:580px;
}


/* navigation */
.navigation{
	background-color:#565454;
}
.navigation li{
	float:left;
}
.navigation li > a{
	display:block;
	height:65px;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url('../images/navi.png');
	background-repeat:no-repeat;
	*zoom:1;
}

.navigation li.navi-top{ width:120px; }
.navigation li.navi-case01,
.navigation li.navi-case02,
.navigation li.navi-case03,
.navigation li.navi-setting{ width:195px; }

.navigation li.navi-top > a,
.navigation li.navi-top > a:link    { background-position:   0   0; }
.navigation li.navi-case01 > a,
.navigation li.navi-case01 > a:link { background-position:-120px 0; }
.navigation li.navi-case02 > a,
.navigation li.navi-case02 > a:link { background-position:-315px 0; }
.navigation li.navi-case03 > a,
.navigation li.navi-case03 > a:link { background-position:-510px 0; }
.navigation li.navi-setting > a,
.navigation li.navi-setting > a:link{ background-position:-705px 0; }

.navigation li.navi-top > a:hover    { background-position:   0   -70px; }
.navigation li.navi-case01 > a:hover { background-position:-120px -70px; }
.navigation li.navi-case02 > a:hover { background-position:-315px -70px; }
.navigation li.navi-case03 > a:hover { background-position:-510px -70px; }
.navigation li.navi-setting > a:hover{ background-position:-705px -70px; }

.navigation li.navi-top > a.active,
.navigation li.navi-top > a.active:hover    { background-position:   0   -140px; }
.navigation li.navi-case01 > a.active,
.navigation li.navi-case01 > a.active:hover { background-position:-120px -140px; }
.navigation li.navi-case02 > a.active,
.navigation li.navi-case02 > a.active:hover { background-position:-315px -140px; }
.navigation li.navi-case03 > a.active,
.navigation li.navi-case03 > a.active:hover { background-position:-510px -140px; }
.navigation li.navi-setting > a.active,
.navigation li.navi-setting > a.active:hover{ background-position:-705px -140px; }


/* navigation-case */
.navigation-case{ width:900px; }
.navigation-case > li{
	display:inline-block;
	width:300px;
	*display:inline;
	*zoom:1;
}
.navigation-case > li > a{
	display:inline-block;
	width:290px;
	height:310px;
	margin:0 5px;
	overflow:hidden;
	background-image:url('../images/navi-case.png');
	background-repeat:no-repeat;
	*display:inline;
	*zoom:1;
}
.navigation-case > li > a > span{
	display:inline-block;
	width:290px;
	height:310px;
	overflow:hidden;
	text-indent:-9999px;
	*display:inline;
	*zoom:1;
}

.navigation-case > li.navi-case01 > a{ background-position:   0   0; }
.navigation-case > li.navi-case02 > a{ background-position:-300px 0; }
.navigation-case > li.navi-case03 > a{ background-position:-600px 0; }
.navigation-case > li.navi-case01 > a:hover{ background-position:   0   -320px; }
.navigation-case > li.navi-case02 > a:hover{ background-position:-300px -320px; }
.navigation-case > li.navi-case03 > a:hover{ background-position:-600px -320px; }


/* unit-tool */
.unit-tool{
	border:8px solid #ffa302;
}
.unit-tool > .unit-title{
	height:48px;
	background-image:url('../images/ttl-tool.png');
	background-color:#ffa302;
}
.unit-tool > .unit-body,
.unit-tool > .unit-body > .inner{
	min-height:222px;
}
.unit-tool > .unit-body > .inner > .box{
	padding:40px;
}
.unit-tool > .unit-body > .inner .message{
	font-size:1.74em;
	color:#171717;
	text-align:center;
	padding-bottom:20px;
	font-weight:normal;
}
.unit-tool > .unit-body .txt-tool-opening{
	height:40px;
	background:url('../images/txt-tool-opening.png');
}


.unit-tool > .unit-title,
.unit-tool > .unit-body .txt-tool-opening{
	background-repeat:no-repeat;
	background-position:50% 0;
	text-indent:-9999px;
	overflow:hidden;
}

.unit-tool > .unit-body > #toolOpening{
	background:url('../images/bg-tool-opening.png') no-repeat 0 0;
}
.unit-tool > .unit-body > #toolInput{
	background:url('../images/bg-illust-tool.png') no-repeat 100% 100%;
}
.unit-tool > .unit-body > #toolInput{
	display:none;
}


/* unit-case */
.unit-case{
	border:10px solid #fcee6d;
}
.unit-case > .unit-head{
	background-color:#fcee6d;
	border-bottom:10px solid #fcee6d;
	min-height:120px;
}
.unit-case > .unit-head > .title{
	font-size:2.56em;
	font-weight:bold;
	padding-top:25px;
	padding-bottom:5px;
	line-height:1.1;
}
.unit-case > .unit-head > .description{
	font-size:1.12em;
	font-weight:bold;
	padding-bottom:20px;
}

.unit-case > .unit-body > .unit{
	padding:30px 30px 40px;
}

.unit-case > .unit-body > .unit > .image > img{ display:block; }
.unit-case > .unit-body > .unit > .image > .note{
	width:400px;
	margin-left:10px;
	margin-top:10px;
}

.unit-case > .unit-foot{
	background-color:#ffeef7;
	padding:40px;
	text-align:center;
}

/* unit-security */
.unit-security{}
.unit-security > .title{
	color:#13398f;
	font-weight:bold;
	font-size:1.44em;
	margin-bottom:10px;
}

.unit-security [class^='security-lebel-'],
.unit-security [class*=' security-lebel-']{
	background-color:#fff8bb;
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:10px 320px 10px 10px;
	min-height:90px;
	zoom:1;
}
.unit-security [class^='security-lebel-']:after,
.unit-security [class*=' security-lebel-']:after{
	content:'';
	display:block;
	clear:both;
}
.unit-security .security-lebel-high  { background-image:url('../images/bg-security-high.png'); }
.unit-security .security-lebel-middle{ background-image:url('../images/bg-security-middle.png'); }
.unit-security .security-lebel-low   { background-image:url('../images/bg-security-low.png'); }

.unit-security [class^='security-lebel-'] > .message,
.unit-security [class*=' security-lebel-'] > .message{
	overflow:hidden;
	padding:0 15px;
}
.unit-security [class^='security-lebel-'] .icon-security,
.unit-security [class*=' security-lebel-'] .icon-security{
	width:90px;
	height:90px;
	background-image:url('../images/icon-security-lebel.png');
}
.unit-security .security-lebel-high   .icon-security{ background-position:   0   0; }
.unit-security .security-lebel-middle .icon-security{ background-position: -90px 0; }
.unit-security .security-lebel-low    .icon-security{ background-position:-180px 0; }

.unit-security [class^='security-lebel-'] .title,
.unit-security [class*=' security-lebel-'] .title{
	font-weight:bold;
	font-size:1.89em;
}
.unit-security .security-lebel-high   .title{ color:#238a04; }
.unit-security .security-lebel-middle .title{ color:#ffa302; }
.unit-security .security-lebel-low    .title{ color:#da0779; }

.unit-security [class^='security-lebel-'] .text,
.unit-security [class*=' security-lebel-'] .text{
	font-size:1.28em;
}



/* panel */
.panel{
	margin-bottom:20px;
	zoom:1;
}
.panel:after{
	content:'';
	display:block;
	clear:both;
}

.panel > .pull-right{
	width:440px;
}

.panel .panel-1,
.panel .panel-2,
.panel .panel-3{
	display:block;
}
.panel .panel-1 > dl > dt,
.panel .panel-2 > dl > dt,
.panel .panel-3 > dl > dt{
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}


.panel .panel-1{
	width:450px;
	float:left;
}
.panel .panel-1 > dl{
	border:6px solid #13398f;
}
.panel .panel-1 > dl > dt{
	height:46px;
	background-color:#13398f;
	background-image:url('../images/panel01-ttl.png');
}
.panel .panel-1 > dl > .text{
}

.panel .panel-2{
	width:440px;
	margin-bottom:5px;
}
.panel .panel-2 > dl{
	border:6px solid #ffa302;
}
.panel .panel-2 > dl > dt{
	height:38px;
	background-color:#ffa302;
	background-image:url('../images/panel02-ttl.png');
}
.panel .panel-2 > dl > .text{
}

.panel .panel-3{
	width:440px;
}
.panel .panel-3 > dl{
	border:6px solid #ffa302;
}
.panel .panel-3 > dl > dt{
	height:38px;
	background-color:#ffa302;
	background-image:url('../images/panel03-ttl.png');
}
.panel .panel-3 > dl > .text{
}


/*==============================================
	背景画像
  ==============================================*/

/* bg */
.bg-green{ background:url('../images/bg-green.png') repeat 0 0; }
.bg-pink { background:url('../images/bg-pink.png') repeat 0 0; }
.bg-blue { background:url('../images/bg-blue.png') repeat 0 0; }
.bg-gray { background:url('../images/bg-gray.png') repeat 0 0; }


.bg-bottomarrow{
	background:url('../images/bg-bottomarrow.png') no-repeat 50% 0;
	padding-top:30px;
}

.bg-illust01{
	background:url('../images/bg-illust01.png') no-repeat 100% 100%;
	min-height:255px;
	padding-right:300px;
}
.bg-case01-body{
	background:url('../images/bg-case01-body.png') no-repeat 100% 100%;
	min-height:320px;
	padding-right:280px;
}
.bg-case02-body{
	background:url('../images/bg-case02-body.png') no-repeat 100% 100%;
	min-height:360px;
	padding-right:280px;
}
.bg-case03-body{
	background:url('../images/bg-case03-body.png') no-repeat 100% 100%;
	min-height:320px;
	padding-right:280px;
}
.bg-case01-head{
	background:url('../images/bg-case01-head.png') no-repeat 0 50%;
	padding-left:140px;
}
.bg-case02-head{
	background:url('../images/bg-case02-head.png') no-repeat 0 50%;
	padding-left:140px;
}
.bg-case03-head{
	background:url('../images/bg-case03-head.png') no-repeat 0 50%;
	padding-left:140px;
}
.bg-security-high{
	background-image:url('../images/bg-security-high.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
	min-height:110px;
	padding-right:360px;
}
.bg-security-middle{
	background-image:url('../images/bg-security-middle.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
	min-height:110px;
	padding-right:360px;
}
.bg-security-low{
	background-image:url('../images/bg-security-low.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
	min-height:110px;
	padding-right:360px;
}