﻿@import url("/service/common/css/service.css");
/**
 * =========================================
 * toto Class lib
 * =========================================
 */


/*
======= list =======
*/

/* list_atten */
ul.list_atten li {
	color: #FF0000;
	margin: 0 0 0 1em;
	list-style: none;
	text-indent: -1em;
}

/* list_basic */
ul.list_basic,
ul.list_basic li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list_basic {
	width: 575px;
	margin-bottom: 20px;
	font-size: 100%;
}
ul.list_basic li {
	padding-left: 12px;
	background: url(../img/ico_list02.gif) no-repeat 6px 0.4em;
}

/* list_link */
ul.list_link,
ul.list_link li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list_link {
	width: 576px;
	margin-bottom: 20px;
	height: 40px;
}
ul.list_link li {
	float: left;
	width: 288px;
}
ul.list_link li.link_toto a {
	position: relative;
	bottom: 12px;
	margin-left: 10px;
	vertical-align: baseline;
}

ul.list_link li.link_toto span {
	vertical-align: baseline;
}

/* box_toto dl */

.box_toto02 dl,
.box_toto02 dt,
.box_toto02 dd {
	margin: 0;
	padding: 0;
}
.box_toto02 dl {
	float: right;
	width: 400px;
}
.box_toto02 dt {
	color: #1f5fa8;
	font-weight: bold;
}
.box_toto02 dd {
	margin-bottom: 10px;
}
.box_toto02 dd.mag_bt05 {
	margin-bottom: 5px;
}
.box_toto02 dd.txt_end {
	margin-bottom: 0;
}

/* dl_contact */
dl.dl_contact,
dl.dl_contact dt,
dl.dl_contact dd {
	margin: 0;
	padding: 0;
}
dl.dl_contact dt {
	padding-left: 14px;
	background: url(../img/ico_list01.gif) no-repeat 0 0.4em;
	font-weight: 500;
}


/* dl_appli */
dl.dl_appli dt {
	color:#0092F2;
	padding:0;
	font-size:110%;
	font-weight:bold;
}
dl.dl_appli dd {
	margin: -1.5em 0 10px 0;
	padding: 0 0 0 52px;
}
/*
======= table =======
*/

/*---- box ----*/
/* inbox */
.inbox01 {
	padding: 0 14px;
}

.inbox02 {
	width: 525px;
	margin: 0 auto;
}
.inbox02 p {
	margin: 0;
	padding:0;
}

.division04 dl,
.division04 dt,
.division04 dd {
	margin: 0;
	padding: 0;
}
.division04 dt {
	font-weight: bold;
}

/* box_toto */
.box_toto01 {
  position: relative;
/*  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
*/	margin: 0 0 20px;
  padding:5px;
/*	background: #f6f6f6;
*/  behavior: url("/common201008/css/PIE.htc");
}
.box_toto01 p {
	margin: 0;
	padding: 0;
}
/*----*/
.box_toto02 {
	width: 536px;
	margin: 0 auto 20px;
	padding: 0 40px 0 29px;
	background: url(../img/bg_toto01.gif) repeat-y 13px 0;
}
.box_toto02 p {
	float: left;
	width: 96px;
	height: 71px;
	margin: 0;
	padding: 0;
	border: 3px solid #e2e2e2;
}
/**/
.box_toto01 p img,
.box_toto02 p img {
	vertical-align: bottom;
}

/* box_step */
.box_step dl,
.box_step dt,
.box_step dd,
.box_step ul,
.box_step li,
.box_step p {
	margin: 0;
	padding: 0;
}
/*----*/
.box_step {
	width: 535px;
	padding: 0 35px;
	background: url(../img/bg_toto02.gif) repeat-y 50% 0;
	margin: 0 auto;
}
/*----*/
.pattern01 {
	float: left;
	width: 250px;
}
.pattern02 {
	float: right;
	width: 250px;
}
/*----*/
.box_step h4 {
	color:#0092F2;
	font-size:110%;
	padding:0;
	margin:0 0 5px 0;
	line-height:1;
}
/*----*/
.toto_step1 {
	margin-bottom: 8px;
	padding-bottom: 30px;
	background: url(../img/step_arrow01.gif) no-repeat 50% 100%;
}
.toto_step3 {
	padding: 38px 0 10px;
	background: #FFFFFF url(../img/step_arrow02.gif) no-repeat 50% 10px;
}
.toto_step4 {
	padding: 38px 0 0;
	background: #FFFFFF url(../img/step_arrow02.gif) no-repeat 50% 10px;
}
/*----*/
.pattern01 .toto_step1 dl {
	float: left;
	width: 175px;
}
.pattern01 .toto_step1 p {
	float: right;
	width: 62px;
}
.pattern01 .toto_step1 .box_atten p {
	float: left;
	width: 47px;
}
.pattern01 .toto_step1 .box_atten ul {
	float: right;
	width: 190px;
}
.pattern02 .toto_step1 dl {
	float: left;
	width: 157px;
}
.pattern02 .toto_step1 p {
	float: right;
	width: 79px;
}
.toto_step3 .txtbox01 {
	float: left;
	width: 353px;
}
.toto_step3 p {
	float: right;
	width: 170px;
}
.toto_step4 p {
	float: right;
	width: 220px;
	text-align: right;
}

/* box_step dl */
.box_step dt {
	color: #1f5fa8;
	font-weight: bold;
}
.box_step dd {
	margin-bottom: 10px;
}

/* box_detail */
.box_detail p {
	margin: 0;
	padding: 20px 0 0 14px;
}


/*
======= other =======
*/
p.txt18 {
	margin: 0;
	padding: 10px 0 20px;
	text-align: center;
}
.vli_m {
	vertical-align: middle;
}

.fs_r01 {
	color: #ff0000;
}

.inbox01 p{
	font-size:110%;
}

ul.list_link li.mail{
    margin-top:8px;

}

/*20200909_Add*/
.sectionCm {
	margin: 50px 0;
}
.sectionCm .cmHeading {
	border-bottom: 3px solid #e80000;
	margin:0 0 30px 0;
}
.sectionCm .cmTxt01 {
	font-size:1.2em;
}

/*20210217_Add*/
.btnBlock01 {
	text-align: center;
	margin: 10px 0 0 0;
}
.btnBlock01 img:hover {
	opacity: 0.6;
}