/* CSS Document */

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.5;
	font-size:84%;
	margin: auto;
	max-width:1000px;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
}

header{
	text-align: center;
	width:100%;
	height: auto;
	margin: 3% auto;
	padding-bottom: 3%;
	border-bottom: 1px solid #D9D9D9;
}

header img{
	width: 50%;
	height: auto;
}

a:hover{
	border-bottom: 1px solid;
}
a:visited{
	color: #7E0DCA;
}

.main a:hover {
	opacity: 0.7;
	border-bottom: 0;
}

/*------------------メイン・特典-------------------*/
#contents{
	margin:auto;
	max-width:890px;
	padding:0 4%;
}

.ttl {
	font-size: 250%;
	font-weight: bold;
    text-align: center;
}
.procedure{
	font-size: 190%;
	line-height: 2.0;
	text-align: left;
	font-weight: bold;
}


.procedure>p{
	padding-left: 1em;
		text-indent:-1em;
}

.procedure>p>span{
	color: #F82124;
	font-weight: bold;
}


.ph{
	width:100%;
	height: auto;
	margin: 2% auto 0;
	text-align: center;
}

.ph img{
	width: 50%;
	height: auto;
}
.ph a:hover {
	border-bottom: none;
}
.ph a:hover img {
	opacity: 0.7;
}

.main{
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}

.main img{
	width:100%;
	height: auto
}


h1{
	margin-top: 5%;
	font-size:280%;
	text-align: center;
	color:#231f20;
}

.period{
	text-align: center;
	font-size:220%;
	margin: 2% auto;
	border-top:2px solid #000;
	border-bottom: 2px solid #000;
	line-height: 2.0;
}

#service{
	margin: 8% 0;
	text-align: center;
}


.point{
	padding:0 4%;
	border: 4px dotted #231f20;
	margin-bottom: 8%;
}

.titlenum{
	font-size: 270%;
	font-weight: bold;
	color: #231f20;
	margin: -4% auto 2%;
	background-color: #fff;
	width:18%;
	text-align: center;
	font-style: italic;
	
}

.point>p{
	margin:0 3% 3%;
	font-size: 220%;
	line-height: 1.8;
}

.point>p>span{
	color: #231f20;
	font-weight: bold;
}

.point>.attention{
	font-size: 150%;
	margin: -2% 0 4%;
	
}

.attention>p>span{
	color: #fff;
	background-color: #0080de;
	margin:0 0.5%;
	padding: 1%;
	line-height: 2.0;
}

/*------------------メイン・特典-------------------*/
/*------------------U-next・ご利用-------------------*/
#lead{
	font-size:150%;
	margin-bottom: 5%;
	padding-bottom: 5%;
    border-bottom: 1px solid #D9D9D9;
}


#leadtitle{
	font-size: 130%;
	text-align: center;
	color: #231f20;
	font-weight: bold;
	border-bottom: 2px solid #231f20;
	padding-bottom: 1%;
	margin-bottom: 3%;
}

h2{
	padding: 1% 0;
	font-size: 200%;
	text-align: center;
	color:#333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}


#how{
	margin:4% auto 5%; 
	padding-bottom: 3%;
	border-bottom: 1px solid #D9D9D9;
}
.howlead{
	font-size: 180%;
	margin-bottom: 1%;
	padding-left:1em;
	text-indent: -1em;
	
}

.howlead>p{
	margin-bottom: 3%;
}

.howlead>p>span{
	color:#0080de;
	font-weight: bold;
}

.ph{
	width:100%;
	height: auto;
	text-align: center;
}

.ph img{
	width:74%;
	height: auto;
	
}

.netanswer{
	text-align: center;
	margin:2%;
}



/*------------------U-next・ご利用-------------------*/
/*------------------注意・フッター-------------------*/
h3{
	font-size: 160%;
	text-align: center;
	margin-bottom: 1%;
}

.attention{
	font-size: 115%;
	padding-left: 1em;
	text-indent: -1em;
}
.num {
	margin-top: 1em;
	text-align: right;
}

footer{
	text-align: center;
	margin:8% 0 2%;
}