@charset "utf-8";
.h2_point {
	background-image: url(../images/h2_point.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
	padding-right: 0px;
	display: block;
}

.h2_topics {
	background-image: url(../images/h2_news.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
}

.h2_contact {
	background-image: url(../images/h2_contact.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
}

.h2_company {
	background-image: url(../images/h2_company.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
}

.h2_privacy {
	background-image: url(../images/h2_privacy.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
}
.h2_price {
	background-image: url(../images/h2_price.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
}
.h2_about {
	background-image: url(../images/h2_about.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
}
.h2_recommen {
	background-image: url(../images/h2_recommen.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
}
.h2_case {
	background-image: url(../images/h2_case.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
	padding-right: 0px;
	display: block;
}
.h2_sitemap {
	background-image: url(../images/h2_sitemap.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
	padding-right: 0px;
	display: block;
}


.p_news {
	border-bottom: 1px dashed #999;
	text-indent: -84px;
	padding-left: 84px;
	margin-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	float: left;
	width: 572px;
}

.text_color_red2 {
	color: #FF3333;
}
.text_color_red2_bold {
	color: #FF3333;
	font-weight: bold;
}


.text_color_wite {
	color: #FFF;
}

.text_color_blue {
	color: #CCFFFF;
}

.text_color_blue2 {
	color: #2B78CB;
}
.text_color_blue3 {
	color: #70A5E0;
}

.text_color_purple {
	color: #C6B5D5;
}


.text_bold {
	font-weight: bold;
}

.h3_blue2 {
	color: #2B78CB;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.h3_blue2_center {
	color: #2B78CB;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}


.h3_red2 {
	color: #FF3333;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.h3_sitemap {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 5px;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
}
.h3_blue3 {
	font-size: 30px;
	color: #2B78CB;
	font-weight: bold;
	padding: 10px 0 0;
	margin: 0 0 36px;
	line-height: 1.2;
	clear: both;
}
.h3_blue3_2 {
	font-size: 30px;
	color: #2B78CB;
	font-weight: bold;
	padding: 0 0 0 1em;
	margin: 0 0 24px;
	line-height: 1.2;
	clear: both;
	text-indent: -1em
}

.point_point {
	font-size: 11px;
	color: #FF6533;
	font-weight: bold;
	line-height: 1
}

.h2_feature {
	background-image: url(../images/h2_feature.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
}
.h2_app {
	background-image: url(../images/h2_appli.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
	padding-right: 0px;
	display: block;
}
.h2_flow {
	background-image: url(../images/h2_flow.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
	padding-right: 0px;
	display: block;
}
.h2_faq {
	background-image: url(../images/h2_faq.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 630px;
	font-size: 18px;
	color: #2B78CB;
	padding-top: 15px;
	padding-left: 26px;
	padding-bottom: 15px;
	line-height: normal;
	padding-right: 0px;
	display: block;
}




.center {
	text-align: center;
}


.right {
	text-align: right;
}

.right_sp {
	text-align: right;
}

.right_top10px {
	text-align: right;
	float: left;
	width: 100%;
	margin-top: 10px;
}
.right_under0px {
	text-align: right;
	margin-bottom: 0px;
}
.l_indent30 {
	padding-left: 30px;
}

.mgn_top_under0px {
	margin: 0px;
	padding: 0px;
}
.mgn_top10px {
	padding-top: 10px;
}

.mgn_top15px {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.mgn_top25px {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.mgn_top_under15px {
	padding-top: 15px;
	padding-bottom: 15px;
}

.mgn_top15_under25px {
	padding-top: 15px;
	padding-bottom: 25px;
}
.mgn_top15_under35px {
	padding-top: 15px;
	padding-bottom: 35px;
}

.mgn_under0px {
	padding: 0px;
	margin-bottom: 0px;
}
.mgn_under10px {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.mgn_under20px {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.feature_list {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 656px;
	float: left;
}
.feature_list li {
	list-style-image: url(../images/arrow.jpg);
	list-style-type: none;
	list-style-position: inside;
	width: 296px;
	float: left;
	padding-left: 26px;
	text-indent: -26px;
	margin-right: 4px;
}
.case_list {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 656px;
	float: left;
}
.case_list li {
	list-style-image: url(../images/arrow.jpg);
	list-style-type: none;
	list-style-position: inside;
	width: 296px;
	float: left;
	padding-left: 26px;
	text-indent: -26px;
	margin-right: 4px;
}
.text_small {
	font-size: 13px;
}
.flow_list li {
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 24px;
	text-indent: -24px;
}
.sitemap_list li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	list-style-type: none;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	text-indent: 0px;
	margin: 0px;
}
li.arrow {
	list-style-image: url(../images/arrow.jpg);
	list-style-type: none;
	list-style-position: inside;
}

#main_contents #textbox_news h2 {
	padding-bottom: 20px;
}

#main_contents #textbox_news h3 {
	padding-bottom: 20px;
}

#main_contents #textbox_news h4 {
	padding-bottom: 20px;
}

#main_contents #textbox_news h5 {
	padding-bottom: 20px;
}

#main_contents #textbox_news h6 {
	padding-bottom: 20px;
}

#main_contents #textbox_news ul, ol {
	padding-bottom: 20px;
}

#main_contents #textbox_news ul li {
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	list-style-image: none;
	list-style-type: none;
}

#main_contents #textbox_news ol li {
	list-style-type: decimal;
	list-style-position: inside;
	text-indent: -2em;
	margin-left: 2em;
}

#main_contents #textbox_news blockquote {
	padding-bottom: 0px;
	background-color: #EEE;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	margin-bottom: 20px;
}

#main_contents #textbox_news blockquote p {

}

.faq_question {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	background-image: url(../images/line01.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 8px;
	text-indent: -27px;
	padding-left: 27px;
}

.p_top_under0_indent27 {
	margin-top: 0px;
	margin-bottom: 36px;
	text-indent: -27px;
	padding-left: 27px;
}

.image_r8px {
	margin-right: 8px;
}

.image_r7px {
	margin-right: 7px;
}

/* ============================== レスポンシブ（500pxより狭い場合） ============================== */
@media screen and (max-width: 500px) {
	.h2_point,
	.h2_topics,
	.h2_feature,
	.h2_contact,
	.h2_company,
	.h2_privacy,
	.h2_price,
	.h2_about,
	.h2_recommen,
	.h2_case,
	.h2_faq,
	.h2_flow,
	.h2_point,
	.h2_sitemap{
        float: inherit;
        width: auto;
        background-image: none;
        line-height: 1.2;
        display: block;
        margin: 0 0 15px 0;
        padding: 0.5em;
        color: #2B78CB;
        background: #F7F7F7;
        border-left: solid 5px #2B78CB;
        clear: both;
        height: auto;
    }
    .h3_blue3 {
        font-size: 26px;
    }
	.p_news {
        border-bottom: 1px dashed #999;
        text-indent: 0;
        padding-left: 0;
        margin-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 0px;
        float: left;
        width: 100%;
    }
    .feature_list {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        float: left;
    }
	.case_list {
        padding-top: 0px;
        padding-bottom: 20px;
        width: 100%;
        float: left;
    }
    .feature_list li,
	.case_list li {
        width: auto;
		float: none;
        margin-right: 0;
    }
	
	#main_contents h3 img {
		width: 100%;
		height: auto;
	}
	
	.right_sp {
	text-align: left;
    }



}