@charset "utf-8";
/*------------------------------------------------------------------------------------------------
creation date 2013.3.26
http://www.sevenbank.co.jp/
Copyright (C) Seven Bank,Ltd. All Rights Reserved.
------------------------------------------------------------------------------------------------*/

@import url("/sp/css/html5reset-1.6.1.css");


/*-------------------------------
layout
--------------------------------*/
html,body{
	position:relative;
	height:100%;
}
body {
	width: 100%;
	font-size:14px;
	text-align:center;
	-webkit-text-size-adjust: none;
	line-height:1.5;
	vertical-align:baseline;
	color:#333333;
	font-family: Helvetica,Arial,’Hiragino Kaku Gothic Pro’,'ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;

}

#header{
	text-align:left;
}
p.logo {
	padding: 8px 8px 0;
	margin: 0 0 4px 0; 
}

#wrap{
	margin:0 auto;
	padding-bottom: 30px;
	width: 100%;
	text-align:center;
}

#date{
	text-align:right;
	font-size:72%;
	margin: 10px 8px 0 0;
	}

div#footer {
	text-align:center;
	margin-top:30px;
}
div#footer p{
	font-size:65%;
}

/* CP終了時 */
#CPfinish {
	color:#e20000;
	font-weight:bold;
	text-align:center;
	border:solid 2px #e20000;
	padding:6px 5px 5px;
	margin:20px 5px;
}
#CPfinish p {
	width:100%;
	padding:0;
}


img {
     max-width: 100%;
     height: auto;
     vertical-align: bottom;
}
.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*-------------------------------------
link
-------------------------------------- */
a:link{
	text-decoration:underline;
	color:#336699;
}
a:visited{
	text-decoration:underline;
}	
a:hover,
a:active{
	text-decoration:none;
	color:#6699cc;
}

a.none{ /*only the partial point*/
	padding-left:0;
	background:none;
}
a.arw{
	padding:0 0 0 15px;
	list-style-type:none;
    	line-height: 1.5;
	background:url(/sp/shared/image/translate.png) no-repeat center left;
	-moz-background-size: 10px 9px; /* Firefox */
	-webkit-background-size: 10px 9px; /* Safari,Chromeなど */
	-o-background-size:  10px 9px; /* Opera */
	-ms-background-size:  10px 9px; /* ie */
	background-size:  10px 9px;
}

/*---------------
linkBlock
------------------*/
ul.linkBlock01 li a,
a.linkBlock01,
ul.linkBlock01 li .textNolink,
.linkBlock01.textNolink {
	display:inline-block;
	padding-right:15px;
	background: url(/shared/img/cmn_ico_003.png) right center no-repeat;
	margin-right:5px;
	word-break:break-all;
}

ul.linkBlock01 li a img.blank,
a.linkBlock01 img.blank,
ul.linkBlock01 li .textNolink img.blank,
.linkBlock01.textNolink img.blank {
	margin:0 0 0 5px;
	vertical-align:middle;
}

/*---------------
position
------------------*/
.bgNone{background:none !important;}
.relativ{position:relative;}
.absolute{position:absolute;}
.tLeft{text-align:left !important;}
.tCenter{text-align:center !important;}
.tRight{text-align:right !important;}
.vTop{vertical-align:top !important;}
.vMiddle{vertical-align:middle !important;}
.vBottom{vertical-align:bottom !important;}
.fLeft{float:left !important;}
.fRight{float:right !important;}
.fNone{float:none !important;}
.imageWideLeft {text-align:left !important;}
.imageWideRight {text-align:right !important;}
.imageWideCenter {text-align:center !important;}
img.icon {
	vertical-align:middle !important;
	margin:0 5px !important;
}
img.iconRight{
	vertical-align:middle !important;
	margin:0 5px 0 0 !important;
}
img.iconLeft{
	vertical-align:middle !important;
	margin:0 0 0 5px !important;
}

/*---------------
font
------------------*/
.fxSmall{font-size:75% !important;}
.fSmall{font-size:86% !important;}
.fDef{font-size:100% !important;}
.fNormal{font-weight:normal !important;}
.fLarge{font-size:120% !important;}
.fRed{color:#E20000 !important;}
.fBlue{color:#02b8df !important;}
.bold{font-weight:bold !important;}
.fwNormal{font-weight:normal !important;}
.italic{font-style:italic !important;}
.underline{text-decoration:underline !important;}
.overline{text-decoration: overline !important;}
.br{white-space:normal !important;}
.nobr{white-space:nowrap !important;}
sup.caution{
	font-size:86% !important;
	font-weight:normal !important;
	margin-left:3px !important;
}

.dotLineBottom{background:url(/shared/img/cmn_line_004.png) repeat-x scroll left bottom transparent; padding-bottom:10px; margin-bottom:10px;}
.dotLineTop{background:url(/shared/img/cmn_line_004.png) repeat-x scroll left top transparent; padding-top:10px; margin-top:10px;}

.textNolink{color:#7f7f7f !important;}

/*---------------
text-indent
------------------*/
.indent01 {
	text-indent:-0.5em;
	padding-left:0.5em;
}

.indent02 {
	text-indent:-1em;
	padding-left:1em;
}

.indent03 {
	text-indent:-1.2em;
	padding-left:1.2em;
}

/*---------------
listBlock
------------------*/
ul.listBlock01 li,
.listBlock01 ul li {
	background:url(/shared/img/cmn_ico_020.png) no-repeat left 0.6em;
	padding-left:8px;
}

.en .listBlock01 ul.cautionBlock01 li {
	padding-left:0;
	background:none;
}

.en .listBlock01 ul.cautionBlock01 li span.text {
	padding-left:1.4em;
}

.listBlock02 ul.listBlock01 {
	padding:5px 0 0 25px;
}

.listBlock02 ul li {
	display:table;
}

.listBlock02 ul li img {
	float:left;
	display:block;
}

.listBlock02 ul li p {
	padding-left:25px;
	margin-bottom:2px;	
}

.listBlock03 dl {
	margin-bottom:10px;
}

.listBlock03 dl dt {
	float:left;
}

.listBlock03 dl dd {
	padding-left:130px;
}

.listBlock04 ul li,
.listBlock04 ol li,
ul.listBlock04 li,
ol.listBlock04 li {
	list-style:decimal outside none;
	margin-left:2em;
}

.listBlock04 ul li .cautionBlock01 ul li,
.listBlock04 ol li .cautionBlock01 ul li,
.listBlock04 ul li ul.cautionBlock01 li,
.listBlock04 ol li ul.cautionBlock01 li,
ul.listBlock04 li ul.cautionBlock01 li,
ol.listBlock04 li .cautionBlock01 ul li {
	list-style:none;
	margin:0;
}

.listBlock05:before,
.listBlock05:after {
  content:"";
  display:table;
}

.listBlock05:after {
  clear:both;
}
.listBlock05 {
	zoom:1;
}

.listBlock05 span {
	float:left;
}

.listBlock05 ul,
.listBlock05 p {
	padding-left:50px;
}

.listBlock05 ul li {
	list-style:disc outside none;
}

.listBlock05 ul li ul,
.listBlock05 ul li p {
	padding-left:0;
}

.listBlock05 ul li ul li {
	list-style:none;
}

.listBlock05 ul.listBlock04 li,
.listBlock05 ol.listBlock04 li {
	list-style:decimal outside none;
	margin-left:1.5em;
}

.listBlock06 ul li {
	margin-bottom:15px;	
}

.listBlock06 ul li span {
	padding-right:10px;
	display: table-cell;
	vertical-align: middle;
	/zoom: 1;
	/display: inline;
}

.listBlock06 ul li dl {
	display: table-cell;
	vertical-align: middle;
	/zoom: 1;
	/display: inline;
}

.listBlock06 ul li dt {
	color:#E20000;
	font-weight:bold;
}

.listBlock01 .caution01,
.listBlock02 .caution01,
.listBlock03 .caution01,
.listBlock04 .caution01,
.listBlock05 .caution01,
.listBlock06 .caution01 {
	padding-left:40px;
	background:url(/shared/img/cmn_ico_030.png) no-repeat left center;
}

.listBlock01 .caution02,
.listBlock02 .caution02,
.listBlock03 .caution02,
.listBlock04 .caution02,
.listBlock05 .caution02,
.listBlock06 .caution02 {
	padding-left:30px;
	background:url(/shared/img/cmn_ico_004.png) no-repeat left top;
}

.listBlock07 ul li {
	/zoom: 1;
	display:table;
}

.listBlock07 ul li span {
	float:left;
	display:block;
}

.listBlock07 ul li span.text {
	padding-left:8em;
	float:none;
}

.listBlock07 ul li span.text .linkBlock01 {
	margin:0;	
}

.listBlock08 {
	padding-left:15px;	
}

.listBlock08 li {
	list-style:disc outside none;
}

.listBlock08 li .listBlock01 li {
	list-style:none;
}

.listBlock09 ul li {
	/zoom: 1;
	display:table;
}

.listBlock09 ul li span {
	float:left;
	display:block;
}

.listBlock09 ul li span.text {
	padding-left:9em;
	float:none;
}

.listBlock09 ul li span.text .linkBlock01 {
	margin:0;	
}

/*---------------
cautionBlock
------------------*/
.cautionBlock01 ul li,
ul.cautionBlock01 li {
	/zoom: 1;
	display:table;
}

.cautionBlock01 ul li span,
ul.cautionBlock01 li span {
	float:left;
	display:block;
}

.cautionBlock01 ul li span.text,
ul.cautionBlock01 li span.text {
	padding-left:3em;
	float:none;
}

.iphone .cautionBlock01 ul li span.text,
.iphone ul.cautionBlock01 li span.text,
.ipad .cautionBlock01 ul li span.text,
.ipad ul.cautionBlock01 li span.text,
.android .cautionBlock01 ul li span.text,
.android ul.cautionBlock01 li span.text {
	padding-left:2.6em;
}

.cautionBlock01 ul li .linkBlock01,
ul.cautionBlock01 li .linkBlock01 {
	margin-left:2.5em;	
}

.cautionBlock01 ul li span.text .linkBlock01,
ul.cautionBlock01 li span.text .linkBlock01 {
	margin:0;	
}

.cautionBlock01 ul li .listBlock01,
ul.cautionBlock01 li .listBlock01 {
	padding-left:3em;
}

.cautionBlock01 ul li ul,
ul.cautionBlock01 li ul {
	padding-left:31px;	
}



/*-------------------------------
inline element
--------------------------------*/
img.pc {
    margin-left: 3px;
    vertical-align: middle;
}

img.win {
    margin-left: 2px;
    vertical-align: middle;
}
/*-------------------------------
position
--------------------------------*/
.txtR {
	text-align:right;
}
.txtL {
	text-align:left;
}
.txtC {
	text-align:center;
}
.float_L {
	float:left;
}
.float_R {
	float:right;
}
/*-------------------------------
margin
--------------------------------*/
.mgn5 {margin:5px;}
.mgn10 {margin:10px;}
.mgn15 {margin:15px;}
.mgn20 {margin:20px;}
.mgn25 {margin:25px;}
.mgn30 {margin:30px;}

/*top*/
.mgnT5 {margin-top:5px;}
.mgnT10 {margin-top:10px;}
.mgnT15 {margin-top:15px;}
.mgnT20 {margin-top:20px;}
.mgnT25 {margin-top:25px;}
.mgnT30 {margin-top:30px;}

/*right*/
.mgnR5 {margin-right:5px;}
.mgnR10 {margin-right:10px;}
.mgnR15 {margin-right:15px;}
.mgnR20 {margin-right:20px;}
.mgnR25 {margin-right:25px;}
.mgnR30 {margin-right:30px;}

/*bottom*/
.mgnB5 {margin-bottom:5px;}
.mgnB10 {margin-bottom:10px;}
.mgnB15 {margin-bottom:15px;}
.mgnB20 {margin-bottom:20px;}
.mgnB25 {margin-bottom:25px;}
.mgnB30 {margin-bottom:30px;}

/*left*/
.mgnL5 {margin-left:5px;}
.mgnL10 {margin-left:10px;}
.mgnL15 {margin-left:15px;}
.mgnL20 {margin-left:20px;}
.mgnL25 {margin-left:25px;}
.mgnL30 {margin-left:30px;}


/*-------------------------------
padding
--------------------------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}

/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT15 {padding-top:15px;}
.pdT20 {padding-top:20px;}
.pdT25 {padding-top:25px;}
.pdT30 {padding-top:30px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR15 {padding-right:15px;}
.pdR20 {padding-right:20px;}
.pdR25 {padding-right:25px;}
.pdR30 {padding-right:30px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB15 {padding-bottom:15px;}
.pdB20 {padding-bottom:20px;}
.pdB25 {padding-bottom:25px;}
.pdB30 {padding-bottom:30px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdL15 {padding-left:15px;}
.pdL20 {padding-left:20px;}
.pdL25 {padding-left:25px;}
.pdL30 {padding-left:30px;}

/*-------------------------------
clear
--------------------------------*/
.clear{
	clear:both;
	}

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

.clearfix {  
	display: inline-block;  
	min-height: 1%;  
	}

/* Hides from IE-mac \*/  
* html .clearfix {  
	height: 1%;  
	}  
	.clearfix {  
	display: block;  
	}