@charset "shift_jis";

.red {
    color: #CC0000;
}

/* dl_box */
.dl_box {
	border: 2px solid #D0D0D0;
	overflow: hidden;
	padding: 15px;
	/padding: 15px 15px 10px; /*IE6-7 */
}

.dl_box img.left {
	float: left;
	margin-right: 25px;
	display: block;
	width: 80px;
}
.dl_box h4 {
	font-size: 108%;
	margin-bottom: 5px;
}
p.dl_box_link {
	float: left;
}
@media (max-width: 640px){
.dl_box img.left {
	margin-bottom: 10px;
}
p.dl_box_link {
	clear: both;
}
}


/* スマホ時に表中のフォントサイズを縮小 */
@media (max-width: 640px){
.txtadjust {
	font-size: 85%;
}
}


/* アンカー調整 2段の場合下マージン */
a.anchorButtonA,
span.anchorButtonA
{
	margin-bottom:10px;
}


/* リンク 改行設定*/
.indent_area p{
  text-indent:-1em;
  padding-left:1em;
}

.txt_area{
	margin-bottom:20px;
}

@media (max-width: 640px){
.txt_area{
	margin-top:10px;
	margin-bottom:20px;
}
}
	


.line{
	margin-top:10px;
	margin-bottom:20px;
	}
	

/* STEP　設定　*/


.step_inner_wrap{
	margin-bottom:20px;
	margin-top:20px;

}

.step_inner_wrap_line{
	margin-bottom:20px;
	margin-top:20px;
	border: 2px solid #D0D0D0;
	padding:20px 20px 10px 20px;
}


.step_inner_image01{
	float:right;
	width:350px;
	margin-top:20px;
	margin-bottom:40px;
}

.step_inner_image02{
	float:right;
	width:450px;
	margin-top:20px;
	margin-bottom:40px;
}

.step_inner_image03{
	float:right;
	width:150px;
	margin-top:20pxpx;
	margin-bottom:20px;
}

.step_inner_image04{
	float:right;
	width:330px;
	margin-bottom:40px;
	margin-left:20px;
}


.step_innner_txt{
	margin-top:30px;
}

@media (max-width: 640px){
	.step_inner_wrap_line{
	margin-bottom:20px;
	margin-top:20px;
	border: 2px solid #D0D0D0;
	padding:20px 20px 20px 20px;
}
}


@media (max-width: 640px){
.step_inner_image01{
	float:none;
	text-align:center;
	width:100%;
	margin-top:30px;
}


.step_inner_image02{
	float:none;
	text-align:center;
	width:100%;
	margin-top:30px;
}


.step_inner_image03{
	float:none;
	text-align:center;
	width:100%;
	margin-top:30px;
}

.step_inner_image04{
	float:none;
	text-align:center;
	width:100%;
	margin-top:20px;
	margin-left:0px;
	margin-bottom:10px;
}

.step_innner_txt{
	margin-top:20px;
}

}


/* 画像表示設定　*/



　.division150 img.image150 {
	max-width:150px;
	width:100%;
	margin-bottom: 15px;
}

 .division330 img.image330 {
	max-width:350px;
	width:100%;
	margin-bottom: 15px;
}



 .division350 img.image350 {
	max-width:350px;
	width:100%;
	margin-bottom: 15px;
}

 .division450 img.image450 {
	max-width:450px;
	width:100%;
	margin-bottom: 15px;
}


@media (max-width: 640px){
	
 .division150 img.image150 {
	max-width:150px;
	width:100%;
	margin-bottom: 15px;
}

 .division150 {
	margin-top: 10px;
	margin-bottom:0px;
	margin-left:0;
	margin-right:0;
}

 .division330 img.image330 {
	max-width:330px;
	width:100%;
	margin-bottom: 0px;
}

 .division350 img.image350 {
	max-width:350px;
	width:100%;
	margin-bottom: 0px;
}

 .division450 {
	margin-top: 10px;
	margin-bottom:0px;
	margin-left:0;
	margin-right:0;
}
 .division450 img.image450 {
	max-width:350px;
	width:100%;
	margin-bottom: 0px;
}
}

.mb05{
	margin-bottom:5px;
}

br { letter-spacing:0; }


/* 20151127　リニューアル対応 */
dl.step dt {
    clear: both;
    float: left;
	margin-right: 15px;
}
@media (max-width: 640px) {
	dl.step dt {
		float: none;
	}
}

#contents .section .section .section .section.mod-2columnBtn ul {
	margin-left: 0;
}
.mod-2columnBtn li {
    background: white none repeat scroll 0 0;
    border: 1px solid #bcbcbc;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 68px;
    list-style: outside none none;
    margin: 0 0 10px 10px;
    opacity: 1;
    transition: all 0.2s ease-in 0s;
    width: 360px;
}
@media (max-width: 640px) {
	.mod-2columnBtn li {
		width: 95%;
	}
}
.mod-2columnBtn li:hover {
    background: #f1f1f1 none repeat scroll 0 0;
}
.mod-2columnBtn li a {
    display: block;
    height: auto;
    padding: 10px;
}
.mod-2columnBtn li a:active, .mod-2columnBtn li a:hover {
    color: #43677e;
    text-decoration: none;
}
.mod-2columnBtn li img {
    display: block;
    float: left;
    margin-right: 15px;
    vertical-align: top;
    width: 50px;
}
.mod-2columnBtn li img.icon {
    float: right;
    position: relative;
    right: 0;
    top: -40px;
    width: auto !important;
}
.mod-2columnBtn li div span.ico_arrow-black {
    display: block;
    float: left;
    vertical-align: top;
    width: 260px;
}
@media (max-width: 640px) {
	.mod-2columnBtn li div span.ico_arrow-black {
		width: auto;
	}
}
.break {
    display: block;
}