@charset "utf-8";


/* _________________________________________________

reset
_____________________________________________________*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, img, strong, sub, sup, dl, dt, dd, ol, ul, li,
table, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
ol, ul { list-style: none; }
img { border:none; }
a img { border:none; }


/* _________________________________________________

base
_____________________________________________________*/

body {
font-size: 90% ; /*14px*/
font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color: #333;
-webkit-text-size-adjust: 100%;
}
a {
text-decoration: none;
color: #314da5;
}
a:hover {
text-decoration: underline;
color: #c00;
}
img{ vertical-align: top; }
.red{ color:#d00; }

.aln-l { text-align: left; }
.aln-c { text-align: center; }
.aln-r { text-align: right; }

.imgHover:hover {
opacity: .7;
}

/* _________________________________________________

layout
_____________________________________________________*/

.wrapper{
	width: 950px;
	margin: 0 auto;
}
h2{
	border-bottom: 1px solid #ccc;
	border-top: 4px solid #ccc;
	font-size: 1.57em;
	line-height: 1.95em;
	margin: 50px 0 20px;
	padding: 1px 0 1px 20px;
	font-weight: normal;
}
.title-h3 {
	font-size: 1.25em;
	border-left: 6px solid #999;
	padding: 2px 0 2px 15px;
	margin: 40px 0 20px;
	line-height: 1.7em;
	font-weight: normal;
}

/* box_attention */
.box_attention{
	width: 820px;
	padding: 15px 65px 45px;
	background-color: #fff9fa;
}
.attention-smallText{
	background: url(/cpn/k24/images/icon_att.png) no-repeat center 20px;
	padding: 70px 0 10px;
	margin: 20px 0 40px;
	border-bottom: 4px solid #d00;
	color: #d00;
	font-weight: bold;
	font-size: 115%;/* 16px */
	text-align: center;
}
.attention-bigText{
	margin: 35px 0;
	color: #d00;
	font-weight: bold;
	font-size: 172%; /* 24px */
	text-align: center;
	line-height: 24px;
	border: 0;
	padding: 0;
}
.box_attention dl dd{
	margin-bottom: 10px;
	color: #646464;
	line-height: 1.71em;
	text-indent: -1em;
	margin-left: 1em;
}

.attention-list li {
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 10px;
}

.attention-smallTitle {
	font-weight: bold;
	margin-top: 25px;
}

.attention-indent {
	padding: 0 24px;
}

/* box_step */
.box_step ul {
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
}
.box_step ul li {
	float: left;
	width: 25%;
}
.box_step ul li .step {
	padding-top:25px;
	color: #015245;
	text-align:center;
	font-size: 143%;  /* 20px */
}
.box_step ul li .step {
	width:100%;
	height:48px;
}
.box_step ul li:nth-child(1) .step {background: url(/cpn/k24/images/bg_step01.png) no-repeat left center;}
.box_step ul li:nth-child(2) .step {background: url(/cpn/k24/images/bg_step02.png) no-repeat left center;}
.box_step ul li:nth-child(3) .step {background: url(/cpn/k24/images/bg_step03.png) no-repeat left center;}
.box_step ul li:nth-child(4) .step {background: url(/cpn/k24/images/bg_step04.png) no-repeat left center;}
.box_step ul li:nth-child(5) .step {background: url(/cpn/k24/images/bg_step05.png) no-repeat left center;}

.box_step ul li:first-child dl{
	border-left:1px solid #ccc
}
.box_step dl {
	height: calc(100% - 73px);
	border-right:1px solid #d9d9d9;
}
.box_step dl dt{
	font-size: 129%;   /* 18px */
	font-weight: bold;
	color: #3b3b3b;
	text-align: center;
	line-height: 1.33em;
}
.box_step dl dd{
	padding:0 15px 15px;
	font-size: 93%;
	text-align: justify;
	text-justify : inter-ideograph;
}
.box_step ul li:last-child dl dd {
	padding-top: 20px;
	text-align: center;
}
.box_step dl dt{
	display: table-cell;
	width: 25%;
	height: 120px;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
.box_step .notice_step,
.notice-attention{
	font-size: 79%;
}
.notice_stephdg {
	display: inline-block;
	margin-top: 9px;
	text-align: left;
	font-size: 68%;
	line-height: 1.75;
}
.box_apply ul{
	margin-bottom: 30px;
	padding: 0 120px;
}
.box_apply ul li{
	font-size: 79%;
}

.btn_apply a{
	display: block;
	width: 318px;
	padding: 13px 0;
	text-align: center;
	color: #252525;
	border-radius: 2px;
	border: 1px solid #fccd0a;
	background: #ffe256;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe256), color-stop(100%, #ffc600));
	background-image: 
	-webkit-linear-gradient(top, #ffe256, #ffc600);
	background-image: 
	-moz-linear-gradient(top, #ffe256, #ffc600);
	background-image: 
	-o-linear-gradient(top, #ffe256, #ffc600);
	background-image: linear-gradient(to bottom, #ffe256, #ffc600);*zoom:1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFffe256', endColorstr='#FFffc600');
	text-decoration: none;
	margin: 40px auto 25px;
	cursor: pointer;
	font-size: 129%;
}
.btn_apply a:hover {
	border: 1px solid #f2c85c;
	background: #f2c85c;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2c85c), color-stop(100%, #f0af0a));
	background-image: -webkit-linear-gradient(top, #f2c85c, #f0af0a);
	background-image: -moz-linear-gradient(top, #f2c85c, #f0af0a);
	background-image: -o-linear-gradient(top, #f2c85c, #f0af0a);
	background-image: linear-gradient(to bottom, #f2c85c, #f0af0a);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFf2c85c', endColorstr='#FFf0af0a');
}

/* footer */
.footer{
	margin-top: 10px;
	font-size: 79%;
	border-top: 1px solid #CCCCCC;
}
.footer .att_tel{
	margin-top: 10px;
}
.footer .att_price{
	margin: 25px 0;
}
.footer .att_price dl dt{
	font-weight: bold;
}
.footer .att_sh{
	background-color: #e7e7e7;
	padding: 10px;
}
#pagetop{
	overflow: hidden;
	margin-top: 40px;
}
#pagetop a{
	float: right;
	padding-left: 22px;
}
#pagetop a{
	padding: 2px 3px 2px 24px;
	background: #ffffff url(/cpn/k24/images/icon_top.png) no-repeat left center;
}
.docomo-attention-box {
	margin: 1em 0;
	padding: .5em;
}
.docomo-attention-box > .docomo-attention-head {
	color: #d00;
	font-size: 115%;
	font-weight: bold;
	margin: 1em 0 .8em;
}
.docomo-attention-box > p {
	margin: .4em 0 .6em;
}
.mod-linkList {
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-left: 1.3em;
}
.mod-linkList b, .mod-linkInfo b, .mod-linkInner b, .mod-linkList a, .mod-linkInfo a, .mod-linkInner a {
	position: relative;
    text-decoration: none;

}

.mod-linkList a::before {
    position: absolute;
    top: .3em;
    display: inline-block;
    overflow: hidden;
    content: '';
    vertical-align: middle;
}

.mod-linkList li > a::before {
    left: -1em;
    width: 0;
    height: 0;
    margin-left: -3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #333;
}
.linkIcon {
	position: relative;
	top: -1px;
	max-width: none;
	margin: 0 10px;
	vertical-align: middle;
}