@charset "UTF-8";

/* ---------------------------------------------------------------------
	index
--------------------------------------------------------------------- */
dl.sample_img dt {clear:left; float:left; margin:0; width:177px;}
dl.sample_img dd {margin:0 0 0 185px; line-height:1.4em;}
dl.sample_img dd strong {color:#eb7000; font-size:150%; margin-bottom:1em; line-height:1.2em;}

/* ---------------------------------------------------------------------
	before_login
--------------------------------------------------------------------- */
div#content div.login_check table,
div#content div.login_check th,
div#content div.login_check td {border:0; background-color:#ffffff; padding:0;}
div#content div.login_check th {vertical-align:top; padding-top:3px;}
div#content div.login_check td {vertical-align:top;}
div#content div.login_check td.label1 {vertical-align:top;}
div#content div.login_check table td strong {font-size:150%; font-weight:bold; color:#eb7000;}

div#content div.login_check .col_input {width:10px;}
div#content div.login_check .col_th {width:10px;}

div#content div.next_check table,
div#content div.next_check th,
div#content div.next_check td {border:0; vertical-align:middle; background-color:#ffffff; padding:0;}
div#content div.next_check table{width:17em; margin:0 auto;}
div#content div.next_check th{width:1em;}
div#content div.next_check td{text-align:left;}

/* ---------------------------------------------------------------------
	sp_attention
--------------------------------------------------------------------- */
h3#title_num1{
	display:block;
	min-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#eb7000;
	line-height:1.2em;
	background: url(/sp/images/btn_num1.png) left top no-repeat;
	margin:0;
	padding: 0 5px 0 25px;
}
h3#title_num2{
	display:block;
	min-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#eb7000;
	line-height:1.2em;
	background: url(/sp/images/btn_num2.png) left top no-repeat;
	margin:0;
	padding: 0 5px 0 25px;
}
h3#title_num3{
	display:block;
	min-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#eb7000;
	line-height:1.2em;
	background: url(/sp/images/btn_num3.png) left top no-repeat;
	margin:0;
	padding: 0 5px 0 25px;
}
h3#title_num4{
	display:block;
	min-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#eb7000;
	line-height:1.2em;
	background: url(/sp/images/btn_num4.png) left top no-repeat;
	margin:0;
	padding: 0 5px 0 25px;
}
h3#title_num5{
	display:block;
	min-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#eb7000;
	line-height:1.2em;
	background: url(/sp/images/btn_num5.png) left top no-repeat;
	margin:0;
	padding: 0 5px 0 25px;
}
h3#title_num6{
	display:block;
	min-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#eb7000;
	line-height:1.2em;
	background: url(/sp/images/btn_num6.png) left top no-repeat;
	margin:0;
	padding: 0 5px 0 25px;
}
h3#title_num7{
	display:block;
	min-height:21px;
	font-size:14px;
	font-weight:bold;
	color:#eb7000;
	line-height:1.2em;
	background: url(/sp/images/btn_num7.png) left top no-repeat;
	margin:0;
	padding: 0 5px 0 25px;
}

/* -- num4背景色 -- */
#sp_attention div.bg_ylw {background-color:#ffffe0;}

/* -- 行頭マーク無しリスト -- */
div.radiusBox .lastChild {margin-bottom::0;}

/* -- 行頭マーク無しリスト -- */
div#content ul.none{
	list-style-type:none;
}
div#content ul.none li{
	font-size:14px;
	line-height:1.2em;
	margin-left:10px;
}


/* -- 文字色変更 -- */
.emphasis02 {color:#eb7000;}
/* -- インデント -- */
.indent {padding-left:1em; text-indent: -1em;}

div#content .f-small{font-size:10px;}


#wrapper {
	background: #fef8b9;	
}

img {
	vertical-align: bottom;	
}

div#header {
	height: 38px;
    padding: 16px 10px 0;
}

div#contents {
	width: 320px;
	margin: 0 auto 0 auto;
	background: url(../image/bg_contents.gif) center top repeat-y;	
}

#container {
	background: url(../image/bg_bottom.gif) left bottom repeat-x;
}

#copy_main {
	font-size: 0.1%;
	line-height: 0;	
}

strong {
	width: 300px;
	margin: 0 auto 0 auto;
	display: block;
		
}

#area_balloon {
	width: 300px;
	height: 144px;
	margin: 0 auto;
}

#balloon_left {
	float: left;	
}

#balloon_right {
	float: right;	
}

#main .txt {
	width: 266px;
	margin: 14px auto 0 auto;
	clear: both;	
}

#main .note {
	width: 266px;
	margin: 15px auto 4px auto;
	font-size: 10px;
	line-height: 14px;	
}

#main .note span {
	display: block;	
}

#main .note span.red {
	color: #e60012;
}

#cpn .txt_01 {
	width: 254px;
	margin: 10px auto 0 auto;
	border: solid 3px #3eb134;
	background: #FFFFFF;
}

#cpn .txt_01 p,#cpn .txt_02 p,#cpn .txt_03 p {
	padding: 0 7px 7px 7px;
	font-size: 12px;
	line-height: 20px;
}

#cpn p {
	clear: both;	
}

#cpn p .txt {
	width:187px;
	float: left;	
}

#cpn p .image {
	width:39px;
	float: right;	
}

#cpn .txt_02 {
	width: 254px;
	margin: 10px auto 0 auto;
	border: solid 3px #3eb134;
	background: #FFFFFF;
}

#cpn .txt_02 .note {
	padding: 4px 7px 7px 7px;
	font-size: 12px;
}

#cpn .txt_02 .note span.red {
	color: #e60012;
}

.icon_plus {
	width: 17px;
	height: 17px;
	margin: 10px auto 0 auto;	
}

#cpn .txt_03 {
	width: 271px;
	margin: 0 auto 0 auto;
	padding: 0 11px 0 0;
}

#cpn .txt_03 p {
	width: 240px;
	margin: 0 0 0 11px;
	border: solid 3px #00b0ec;	
	border-top: none;
	border-bottom: none;
	background: #FFFFFF;
}

#cpn .link_txt_03 {
	width: 156px;
	margin: 0 30px 0 11px;
	padding: 4px 0 4px 98px;
	float: right;
	line-height: 14px;
	border: solid 3px #00b0ec;	
	border-top: none;
	background: #FFFFFF url(../image/arrow_blue.gif) 80px center no-repeat;
}

#cpn .link_txt_03 a {
	text-decoration: underline;
	color: #000000;	
}

.area_btns {
	width: 300px;
	margin: 0 auto 0 auto;
	padding: 23px 0 0 0;
	clear: both;	
}

.btn_more {
	width: 275px;
	margin: 11px 0 25px 0;
	padding: 0 0 0 25px;
	background: url(../image/arrow_green.gif) left 2px no-repeat;
	line-height: 16px;	
}

.btn_more a {
	color: #000000;
	text-decoration: underline;	
}

#use h2 {
	padding: 0 0 0 0;
}

#use .txt_01 {
	width: 260px;
	margin: 10px auto 0 auto;
}

#use .txt_01 .border {
	width: 254px;
	padding: 0 0 7px 0;
	border: solid 3px #e9536b;	
	border-top: none;
	background: #FFFFFF;
}

#use .txt_01 p {
	width: 240px;
	padding: 0 7px 7px 7px;
	line-height: 20px;	
}

#use .txt_01 p.note {
	font-size: 10px;
	display: inline;
	color: #000000;
}

#use .txt_02 {
	width: 260px;
	margin: 10px auto 0 auto;
	clear: both;
}

#use .txt_02 .border {
	width: 254px;
	padding: 0 0 7px 0;
	border: solid 3px #00a1bd;	
	border-top: none;
	background: #FFFFFF;
}

#use .txt_02 p {
	width: 240px;
	padding: 0 7px 7px 7px;
	line-height: 20px;	
}

#use .txt_02 p.note {
	font-size: 10px;
}

#use p .txt {
	width:187px;
	float: left;
	font-size: 10px;	
}

#use p .image {
	width:39px;
	float: right;
}

#use .txt_03 {
	width: 260px;
	margin: 10px auto 0 auto;
	padding: 0 0 0 0;
	clear: both;
}

#use .txt_03 .border {
	width: 254px;
	border: solid 3px #85b839;	
	border-top: none;
	background: #FFFFFF;
}

#use .txt_03 p {
	width: 240px;
	padding: 0 7px 7px 7px;
	line-height: 20px;
}

#use .txt_03 p.note {
	width: 240px;
	font-size: 10px;
	color: #000000;
}

#use .note {
	width: 259px;
	margin: 0 auto;
	padding: 9px 0 0 0;
	clear: both;
	font-size: 10px;
	line-height: 20px;
	color: #e60012;
}

#use .area_btns {
	width: 300px;
	margin: 0 auto 0 auto;
	padding: 23px 0 0 0;
	clear: both;	
}

#kiyaku {
	width: 254px;
	margin: 0 auto 0 auto;
	border: solid 3px #3eb134;
	background: #FFFFFF;	
}

#kiyaku .red {
	color: #e60012;
}

#kiyaku .bold {
	font-weight: bold;
	padding: 0 0 0 7px;
}

#kiyaku p {
	padding: 0 7px 7px 7px;
	font-size: 12px;
	line-height: 20px;
}

#kiyaku p.image {
	padding: 0 0 0 0;	
}

#contact {
	width: 254px;
	margin: 10px auto 0 auto;
	border: solid 3px #c9c9ca;
	background: #FFFFFF;	
}

#contact p {
	padding: 0 7px 7px 7px;
	font-size: 12px;
	line-height: 20px;	
}

#contact p.tel span.no {
	font-size: 15px;
	font-weight: bold;
}

#contact p.tel span.no a {
	text-decoration: none;
	color: #000000;	
}

#contact p.tel span.free {
	font-weight: bold;
}

.date {
	width: 300px;
	text-align: right;
	padding: 26px 0 18px 0;	
}

div#globalMenu {
	margin :0 0pt 10px 0pt!important;	
}

div#footer {
	margin: 0 0 0 0;	
}
/**/
/* clearfix */
/**/

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

/* ---------------------------------------------------------------------
	capmaign_end
--------------------------------------------------------------------- */

.post{
	margin:10px;
}
.radiusBox{
	background-color:#f5f5f5;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.inner{
	padding:10px;
}
/* content-attention */
ul.attention,
ul.attention2{
	margin:0;
	padding:0;
}
ul.attention li,
ul.attention2 li{
	min-height:16px;
	font-size:12px;
	line-height:1.4em;
	background:url('/sp/images/icon_attention.png') left 2px no-repeat;
	margin-bottom:5px;
	padding-left:20px;
}
ul.attention li:last-child,
ul.attention2 li:last-child{
	margin-bottom:0;
}
ul.attention2 li{
	color:#d80042;
	font-weight:bold;
	background-image:url('/sp/images/icon_attention2.png');
}
ul.attention a,
ul.attention a:link,
ul.attention a:visited{
	color:#369;
	font-weight:bold;
}