@charset "UTF-8";

/*----------------------------------------------

cmn.css
target HTML; /loan/tpoint_taiyopower/
date created; Nov, 2015

----------------------------------------------*/

/*general controls
----------------------------------------------*/
html{font-size:10px;}
body{font-family:"メイリオ",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",osaka,"ＭＳ Ｐゴシック",sans-serif; font-size:16px; font-size:1.6rem; line-height:1.5; color:#333; min-width:950px;}
img{vertical-align:middle; position: relative;}
a img{background: #fff;}
table {width:100%;}

a{color:#f36006; text-decoration:underline;}
a:hover {text-decoration:none;}
a:hover img{opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity = 75);}

.pull-left{float:left !important;}
.pull-right{float:right !important;}
.pull-none{float:none !important;}

.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}
.mT80{margin-top:80px !important;}

.mB0{margin-bottom:0 !important;}
.mB5{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB45{margin-bottom:45px !important;}
.mB50{margin-bottom:50px !important;}

.mR0{margin-right:0 !important;}
.mR-100{margin-right:-100px !important;}
.mL0{margin-left:0 !important;}

.txt10{font-size:10px !important; font-size:1.0rem !important;}
.txt11{font-size:11px !important; font-size:1.1rem !important;}
.txt12{font-size:12px !important; font-size:1.2rem !important;}
.txt13{font-size:13px !important; font-size:1.3rem !important;}
.txt14{font-size:14px !important; font-size:1.4rem !important;}
.txt15{font-size:15px !important; font-size:1.5rem !important;}
.txt16{font-size:16px !important; font-size:1.6rem !important;}
.txt17{font-size:17px !important; font-size:1.7rem !important;}
.txt18{font-size:18px !important; font-size:1.8rem !important;}
.txt19{font-size:19px !important; font-size:1.9rem !important;}
.txt20{font-size:20px !important; font-size:2.0rem !important;}
.txt21{font-size:21px !important; font-size:2.1rem !important;}
.txt22{font-size:22px !important; font-size:2.2rem !important;}
.txt23{font-size:23px !important; font-size:2.3rem !important;}
.txt24{font-size:24px !important; font-size:2.4rem !important;}
.txt25{font-size:25px !important; font-size:2.5rem !important;}
.txt26{font-size:26px !important; font-size:2.6rem !important;}
.txt27{font-size:27px !important; font-size:2.7rem !important;}
.txt28{font-size:28px !important; font-size:2.8rem !important;}
.txt29{font-size:29px !important; font-size:2.9rem !important;}
.txt30{font-size:30px !important; font-size:3.0rem !important;}

.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}
.bold{font-weight:bold;}

.container{
	width: 948px;
	margin:0 auto;
}

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

.clearfix {
	min-height: 1px;
}

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

.clear {
	clear: both;
}

.fw-bold {
	font-weight: bold;
}

/*header
----------------------------------------------*/
header{
	border-bottom: 1px solid #ebebeb;
}

header .container{
	position: relative;
	height: 53px;
	padding: 15px 0 0 0;
}

header h1{
	width: 212px;
	height: 34px;
}

header p{
	position: absolute;
	top: 28px;
	left: 222px;
	color: #555;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.3;
}

/*footer
----------------------------------------------*/
footer .ftr_arr{background:url(/loan/tpoint_taiyopower/cmn/imgs/ftr_arr.png) left center no-repeat; padding-left:30px; font-size:20px; font-size: 2.0rem; height:21px; line-height:21px;}

footer {
	background: #f36006;
}

footer .inner{
	background: #ffffff;
	border-top: 5px solid #fab475;
	border-bottom:2px solid #f36006;
}

footer .container{
	position: relative;
	padding: 45px 0 45px 0;
}

footer section {
	margin-top: 0;
}

footer .inner + .container a {
	color: #ffffff;
}

footer .inner .container .pagetop{
	position: absolute;
	bottom:0;
	right:0;
}

footer .h1_style{font-size:28px; font-size:2.8rem; font-weight:bold; position:relative; height: 36px; line-height:36px; padding-left:30px;}
footer .h1_style:before{content:""; width:16px; height:36px; background:#f36006 !important; position:absolute; left:0; top:0;}

footer .h1_style_primary{font-size:20px; font-size:2.0rem; font-weight:bold; position:relative; height: 30px; line-height:30px; padding-left:20px;}
footer .h1_style_primary:before{content:""; width:8px; height:30px; background:#f36006; position:absolute; left:0; top:0;}

footer section .dl_style>dt:before {
	content: "■";
	display: inline-block;
	width: 1em;
	position: absolute;
	left: 0;
	top: 0;
}

footer section .dl_style>dt{
	padding-left: 1em;
	position: relative;
	font-size:18px; font-size:1.8rem;
	font-weight: bold;
}
footer section .dl_style dd{font-size:14px; font-size:1.4rem;}

footer .frame_agree{
	border: 1px solid #ccc;
	background: #fff;
	padding:0 24px;
	font-size: 14px;
	font-size: 1.4rem;
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
	line-height: 1.8;
}

footer .btn_agree p{text-align: center; font-size: 28px; font-size: 2.8rem; color: #f36006; font-weight:bold;}
footer .btn_agree li{display: inline-block; padding:0 15px;}

footer .box_contact section{
	width: 474px;
	float: left;
}

footer>.container{padding:25px 0;}

.hidden{position:absolute; width:1px; height:1px; overflow:hidden; left:0; bottom:0;}

/*list
----------------------------------------------*/
.indent{
	text-indent: -1.6em;
	margin-left: 1.6em;
}

.list_caution li:before {
	content: "※";
	display: inline-block;
	width: 1em;
	position: absolute;
	left: 0;
	top: 0;
}

.list_caution li {
	padding-left: 1.3em;
	position: relative;
}

.list_disc li:before {
	content:"●";
	display: inline-block;
	width: 1.3em;
	position: absolute;
	left: 0;
	top: 0;
}

.list_disc li {
	padding-left: 1em;
	position: relative;
}

.list_disc_primary li:before {
	content:"・";
	display: inline-block;
	width: 1em;
	position: absolute;
	left: 0;
	top: 0;
}

.list_disc_primary li {
	padding-left: 1em;
	position: relative;
}