/* CSS Document */
@charset "utf-8";

html { 
}


body {
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px auto 0px auto;
	padding:0px;
	font-size:13px;
	color:#333333;
	line-height:150%;
	min-width:980px;
}

a:link		{ color:#333333; text-decoration: none;}
a:visited	{ color:#333333; text-decoration: none;}
a:hover		{ color:#FF0000; text-decoration: underline;}
a:active	{ color:#FF0000; text-decoration: underline;}

img {
	border:none;
	vertical-align:bottom;
}

.clearfix {zoom:1;overflow:hidden;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}


/* header */

.header {
	background:#29A9E7;
}

.head {
	width:980px;
	margin:0 auto;
}

.top_navi {
	width:690px;
	padding-left:10px;
	float:left;
}

.top_navi_item_1 {
	display:inline-block;
}

.top_navi_item_1 a {
	margin-right:35px;
	padding:5px 0 0 30px;
	background:url(../images/common/top_navi/1.png) no-repeat 0 11px;
	display:block;
	color:#FFF;
	text-decoration:none;
}

.top_navi_item_2 {
	display:inline-block;
}

.top_navi_item_2 a {
	margin-right:35px;
	padding:5px 0 0 30px;
	background:url(../images/common/top_navi/2.png) no-repeat 0 11px;
	display:block;
	color:#FFF;
	text-decoration:none;
}

.top_navi_item_3 {
	display:inline-block;
}

.top_navi_item_3 a {
	margin-right:35px;
	padding:5px 0 0 30px;
	background:url(../images/common/top_navi/3.png) no-repeat 0 11px;
	display:block;
	color:#FFF;
	text-decoration:none;
}

.top_navi_item_4 {
	display:inline-block;
}

.top_navi_item_4 a {
	margin-right:35px;
	padding:5px 0 0 30px;
	background:url(../images/common/top_navi/4.png) no-repeat 0 11px;
	display:block;
	color:#FFF;
	text-decoration:none;
}

.top_navi_item_5 {
	display:inline-block;
}

.top_navi_item_5 a {
	padding:5px 0 0 30px;
	background:url(../images/common/top_navi/5.png) no-repeat 0 11px;
	display:block;
	color:#FFF;
	text-decoration:none;
}

.top_navi_big {
	display:block;
	font-size:13px;
	line-height:150%;
	font-weight:bold;
}

.top_navi_small {
	display:block;
	text-align:center;
	font-size:10px;
	line-height:150%;
}

.seminar_btn {
	width:280px;
	float:right;
}

.submenu {
	z-index:100;
}

.submenu a {
	margin-bottom:1px;
	padding:5px 9px 4px 9px;
	background:url(../images/common/top_navi/sub.png) repeat;
	display:block;
	font-size:12px;
	color:#FFF;
	line-height:150%;
	text-decoration:none;
}

.submenu a:hover {
	background:url(../images/common/top_navi/sub_on.png) repeat;
}


/* main_image */

#slide {
}

.main_image_area {
	min-height:555px;
	padding:40px 0 30px 0;
	/*background:url(../images/common/main_image.jpg) repeat;
	background-size:cover;*/
}

.logo {
	width:980px;
	margin:0 auto;
}

.main_image_box {
	width:980px;
	margin:30px auto 25px auto;
	padding:52px 0 40px 0;
	background:url(../images/top/main_image/box_bg.png) repeat;
	text-align:center;
}

.main_image_text {
}

.main_image_btn {
	width:240px;
	margin:50px auto 0 auto;
}

/* wrapper */

.wrapper {
	margin-top:-465px;
	padding-top:20px;
	background:url(../images/common/wrapper_bg.png) repeat-x;
	position:relative;
	z-index:50;
}

.wrapper.top_wrapper {
	margin-top:0;
	background:none;
}

.container {
	width:980px;
	margin:0 auto;
	padding:15px 0 50px 0;
}

.left_area {
	width:240px;
	float:left;
}

.left_navi_box {
	padding:5px;
	background:#29A9E7;
	border-radius:5px;
}

.left_navi_item {
	margin-top:5px;
}

.left_navi_item a {
	padding:5px 11px 5px 5px;
	background:url(../images/common/left_navi/bg.png) no-repeat;
	display:block;
	font-size:14px;
	color:#525050;
	line-height:150%;
	text-decoration:none;
	transition: background 0.2s ease-in 0s;
}

.left_navi_item a:hover,
.left_navi_item a.on {
	background:url(../images/common/left_navi/over.png) no-repeat;
	color:#FFF;
}

.left_navi_thum {
	width:50px;
	float:left;
	display:block;
}

.left_navi_text {
	width:145px;
	padding:9px 0 0 7px;
	float:left;
	display:block;
}

.left_navi_text.two_line {
	padding-top:1px;
	line-height:140%;
}

.left_banner_area {
	padding-top:10px;
}

.left_banner {
	padding-top:5px;
}

.left_link_box {
	margin-top:15px;
	padding:4px;
	background:#F7F8F9;
}

.left_link_item {
	margin-top:5px;
}

.contents_area {
	width:720px;
	float:right;
}

h2 {
	margin:0;
	padding:0;
}

.tel_box {
	height:94px;
	margin-top:40px;
	padding:158px 0 0 370px;
	background:url(../images/common/tel_bg.png) no-repeat;
}

.tel_btn {
}


/* under_column */

.breadcrumb {
	width:970px;
	margin:0 auto;
	padding:0 5px;
	font-size:12px;
	color:#202020;
	line-height:150%;
}

.breadcrumb a {
	color:#202020;
}

.contents_image {
	padding-top:25px;
	text-align:center;
}

.contents_box {
	margin-top:20px;
	padding:4px;
	background:#EEE;
}

.contents_inner {
	padding:5px 15px 25px 15px;
	background:#FFF;
	border:1px solid #DDD;
}

.next_btn_wide a {
	width:250px;
	margin-top:30px;
	padding:0 30px 1px 4px; 
	background:url(../images/common/next_btn_wide.png) no-repeat;
	float:right;
	display:block;
	font-size:14px;
	color:#222;
	line-height:43px;
	text-decoration:none;
	text-align:center;
}

.next_btn a {
	width:170px;
	margin-top:30px;
	padding:0 30px 1px 4px; 
	background:url(../images/common/next_btn.png) no-repeat;
	float:right;
	display:block;
	font-size:14px;
	color:#222;
	line-height:43px;
	text-decoration:none;
	text-align:center;
}

.next_btn_slim a {
	width:140px;
	margin-top:30px;
	padding:0 30px 1px 4px; 
	background:url(../images/common/next_btn_slim.png) no-repeat;
	float:right;
	display:block;
	font-size:14px;
	color:#222;
	line-height:43px;
	text-decoration:none;
	text-align:center;
}


/* about */

.about_text {
	padding-top:15px;
	font-size:14px;
	color:#1F1F1F;
	line-height:150%;
}

.about_item {
	margin-top:25px;
	padding:24px 19px 19px 19px;
	background:url(../images/about/item_bg.png) repeat;
	border:1px solid #DED1AE;
}

.about_thum {
}

.about_item_text {
	margin-top:20px;
	padding:14px 9px;
	background:#F3EFE3;
	border:1px solid #DED1AE;
	font-size:15px;
	color:#1F1F1F;
	line-height:150%;
	font-weight:bold;
}


/* reason */

.reason_title_1 {
	height:48px;
	margin-top:10px;
	padding:42px 15px 0 15px;
	background:url(../images/reason/title/1.png) no-repeat;
	font-size:30px;
	color:#EA7200;
	line-height:150%;
}

.reason_title_2 {
	height:48px;
	margin-top:10px;
	padding:42px 15px 0 15px;
	background:url(../images/reason/title/2.png) no-repeat;
	font-size:30px;
	color:#EA7200;
	line-height:150%;
}

.reason_title_3 {
	height:48px;
	margin-top:10px;
	padding:42px 15px 0 15px;
	background:url(../images/reason/title/3.png) no-repeat;
	font-size:30px;
	color:#EA7200;
	line-height:150%;
}

.reason_text {
	padding:15px 10px 0 10px;
	font-size:14px;
	color:#1F1F1F;
	line-height:150%;
}

.reason_image {
	padding-top:20px;
}

.reason_list {
	padding-top:10px;
}

.reason_list_item {
	padding:10px 10px 6px 10px;
	border-bottom:1px dashed #999;
	font-size:14px;
	color:#444;
	line-height:150%;
}

.reason_text_box {
	margin-top:10px;
	padding:20px 15px;
	background:#FFDC35;
	font-size:14px;
	color:#444;
	line-height:150%;
}


/* earn */

.earn_image {
	padding-top:10px;
}

.earn_list {
	padding-top:18px;
}

.earn_list_item {
	padding:10px 10px 6px 10px;
	border-bottom:1px dashed #999;
	font-size:14px;
	color:#1F1F1F;
	line-height:150%;
}

.earn_text_box {
	margin-top:30px;
	padding:19px;
	background:#F3F3F3;
	border:1px dashed #BBB;
	font-size:14px;
	color:#1F1F1F;
	line-height:150%;
}

/* system */

.system_contents_inner {
	padding:54px 15px 15px 15px;
	background:#FFF;
	border:1px solid #DDD;
	position:relative;
}

.system_title {
	position:absolute; top:-1px; left:-3px;
}

.system_sub_title {
	padding-top:20px;
}

.system_item {
	padding-top:20px;
}

.system_left {
	width:380px;
	float:left;
}

.system_item_title {
	padding:0 5px 2px 5px;
	border-bottom:1px dashed #AAA;
	font-size:18px;
	color:#666;
	line-height:150%;
	font-weight:bold;
}

.system_text {
	padding:13px 5px 0 5px;
	font-size:14px;
	color:#1F1F1F;
	line-height:150%;
}

.system_thum {
	width:282px;
	float:right;
}


/* flow */

.flow_inner {
	background:url(../images/flow/bg.png) repeat;
}

.flow_item_1 {
	margin-top:10px;
	padding-top:2px;
	background:url(../images/flow/item_bg/1.png) repeat;
	font-size:16px;
	color:#FFF;
	line-height:38px;
	font-weight:bold;
	text-align:center;
}

.flow_item_2 {
	margin-top:10px;
	background:url(../images/flow/item_bg/2.png) repeat;
	font-size:16px;
	color:#FFF;
	line-height:38px;
	font-weight:bold;
	text-align:center;
}

.flow_item_3 {
	margin-top:10px;
	background:url(../images/flow/item_bg/3.png) repeat;
	font-size:16px;
	color:#FFF;
	line-height:38px;
	font-weight:bold;
	text-align:center;
}

.flow_acc {
	margin-top:10px;
	text-align:center;
}


/* security */

.security_item {
	padding:20px 0;
	border-bottom:1px dashed #DDD;
}

.security_left {
	width:210px;
	float:left;
}

.security_top_thum {
}

.security_title {
	padding:2px 0 0 40px;
	font-size:16px;
	color:#333;
	line-height:26px;
	font-weight:bold;
}

.security_title.number_1 {
	background:url(../images/security/number/1.png) no-repeat;
}

.security_title.number_2 {
	background:url(../images/security/number/2.png) no-repeat;
}

.security_title.number_3 {
	background:url(../images/security/number/3.png) no-repeat;
}

.security_title.number_4 {
	background:url(../images/security/number/4.png) no-repeat;
}

.security_title.number_5 {
	background:url(../images/security/number/5.png) no-repeat;
}

.security_thum {
	padding:14px 5px 0 5px;
	text-align:right;
}

.security_text {
	width:422px;
	padding:12px 14px;
	float:right;
	background:#F2F2F2;
	border:1px solid #DFDFDF;
	font-size:14px;
	color:#444;
	line-height:150%;
}

.security_text.first {
	width:412px;
	padding:17px 19px 16px 19px;
	background:#F6F5F0;
	font-size:16px;
	color:#333;
	line-height:150%;
}


/* point */

.point_title {
	margin-top:15px;
	padding:0 25px 3px 25px;
	background:url(../images/point/title_bg.png) no-repeat 7px 6px;
	border-bottom:1px dashed #DDD;
	font-size:16px;
	color:#202020;
	line-height:150%;
}

.point_sub_title {
	padding-top:15px;
}

.point_item {
	padding-top:20px;
}

.point_thum {
	width:250px;
	float:right;
}

.point_left {
	width:400px;
	float:left;
}

.point_text {
	padding:5px 0 0 5px;
	font-size:14px;
	color:#444;
	line-height:150%;
}


/* company */

.company_title {
	margin-top:30px;
	padding:10px 5px 5px 5px;
	border-bottom:1px dashed #DDD;
	font-size:16px;
	color:#444;
	line-height:150%;
}


/* privacy */

.privacy_text {
	padding:10px 5px 5px 5px;
	border-bottom:1px dashed #DDD;
	font-size:14px;
	color:#444;
	line-height:150%;
}

.privacy_title {
	padding:20px 5px 0 5px;
	font-size:14px;
	color:#444;
	line-height:150%;
	font-weight:bold;
}


/* contact */

.contact_text {
	padding:20px 5px 5px 5px;
	font-size:14px;
	color:#444;
	line-height:150%;
}

.contact_text a {
	color:#0099FF;
	text-decoration:underline;
}

.contact_title {
	margin-top:30px;
	padding:10px 5px 5px 5px;
	border-bottom:1px dashed #DDD;
	font-size:16px;
	color:#444;
	line-height:150%;
}


/* thanks */

.thanks_text {
	padding:20px 10px 0 10px;
	font-size:14px;
	color:#444;
	line-height:150%;
}


/* footer */

.footer {
	background:url(../images/common/footer_bg.png) repeat-x;
}

.foot {
	width:980px;
	height:165px;
	margin:0 auto;
	padding-top:45px;
}

.top_marker {
	width:30px;
	margin:0 auto;
}

.footer_navi {
	padding-top:42px;
	font-size:13px;
	color:#FFF;
	line-height:215%;
	text-align:center;
}

.footer_navi a {
	color:#FFF;
}

.footer_logo {
	padding-top:40px;
	text-align:center;
}

.copyright {
	margin-top:31px;
	padding:21px 0 14px 0;
	border-top:1px solid #D2D2D2;
	font-size:11px;
	color:#868686;
	line-height:150%;
	text-align:center;
}


/* table */

.table_box {
	padding-top:20px;
}

.table_box table {
	border-collapse:collapse;
	width:100%;
	font-size:13px;
	color:#333;
	line-height:150%;
	text-align:center;
}

.table_box table tr,
.table_box table th,
.table_box table td {
	border-collapse:collapse;
	border:1px solid #BFBFBF;
}

.table_box table th,
.table_box table td {
	padding:10px;
	background:#FFF;
}

.table_box table td{
	background:#FFF;
	margin:0px;
}

.table_box table th {
	background-color:#F2F2F2;
	font-weight:normal;
	text-align:center;
}

.table_box table a {
	color:#0099FF;
}


/* margin,padding */

.mt_none { margin-top:0;}

.mt_30 { margin-top:30px;}

.pt_5 { padding-top:5px;}
.pt_15 { padding-top:15px;}
.pt_25 { padding-top:25px;}


/* font */

.yellow { color:#F9BB00;}
.blue { color:#0099FF;}
.red { color:#FF0000;}
.deep_red { color:#D80000;}

.ta_l { text-align:left;}
.ta_c { text-align:center;}