@charset "utf-8";

.inbox01 {
    position: relative; 
    overflow: hidden;
    pading:0;
    margin:0 auto;
}

ul.bnr {
    position: relative;
    left: 50%; 
    float: left;
    margin:0 auto;
    pading:0;
}

ul.bnr li {
  position: relative;
  left: -50%; 
  float: left;
  list-style: none;
  width:200px;
  margin:10px 0;
    }

ul.bnr li a{
    text-align:center;
}


img.loppi_menu {
  margin:0 auto;
  display:block;
}


.sectionLv3 .division04 ul {
	margin: 0px 134px;
	padding:0;
	background: url(/service/img/line_h.png) repeat-y;
}@import url("/service/common/css/service.css");
/**
 * =========================================
 * loppi_travel Class lib
 * =========================================
 */


/*
======= list =======
*/
/* list_basic */
ul.list_basic,
ul.list_basic li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list_basic li {
	padding-left: 12px;
	background: url(../img/ico_list02.gif) no-repeat 6px 50%;
}
ul.list_basic li span {
	margin-left: 10px;
	font-weight: bold;
}




/*
======= table =======
*/


/*---- box ----*/
/* inbox */
.inbox01 {
	padding: 0 14px;
}

.division04 dl,
.division04 dt,
.division04 dd {
	margin: 0;
	padding: 0;
}
.division04 dt {
	font-weight: bold;
}

/* box_course */
.box_course01,
.box_course02 {
	float: left;
	width: 295px;
	padding: 1px;
	border: 1px solid #e7ecf2;
}
.box_course02 {
	float: right;
}
/*----*/
div.h3_ico {
  color: #0b3361;
	width: 287px;
	margin: 0 0 1px;
	padding: 4px;
	background: url(../../../common201008/img/components/headingLv3_bg.gif) repeat 0 0;
}
div.h3_ico h3 {
	display:table-cell;
	width: 240px;
	margin-bottom:1px;
	font-size: 93%;
	vertical-align:middle;
}
div.h3_ico div.ico {
	display:table-cell;
	width: 37px;
	padding-right: 10px;
	margin-bottom:1px;
	vertical-align:middle;
	line-height:1;
}
* html div.h3_ico h3,
* html div.h3_ico div.ico {/* IE 6 */
	display:inline;
	zoom:1;
}
*+html div.h3_ico h3,
*+html div.h3_ico div.ico {/* IE 7 */
	display:inline;
	zoom:1;
}
div.h3_ico div.ico img {
	vertical-align: bottom;
}

/*----*/
.box_course01 p,
.box_course02 p {
	margin: 0;
	padding: 0;
}
/*----*/ 
div.box_line {
	padding: 5px 10px 10px;
	border: none;
	background: url(../img/line_dot01.gif) repeat-x 0 0;
}

/* box_detail */
.box_detail p {
	margin: 0;
	padding: 20px 0 0 105px;
}

/* box_contact */
.box_contact {
	margin: 5px auto 20px;
	width: 820px;
	/* text-align: center; */
	border: 5px solid #f6f6f6;
	position: relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 25px 10px 25px 0px;
	behavior: url("/common201008/css/PIE.htc");
	text-align:center;
}
.box_contact p {
	margin: 5px 0 5px;
	padding: 0;
	font-weight: bold;
}
.box_contact img {
	vertical-align: baseline;
}

/*
======= other =======
*/
.fs_b01 {
	color: #1f5fa8;
}
.fs_w01 {
	color: #ffffff;
	margin-right: 12px;
	padding: 1px 5px;
	font-size: 190%;
	background: #0e81d1;
}
.fs_o01 {
	color: #ff9123;
	margin-left: 8px;
	vertical-align: baseline;
	font-size: 190%;
}
.fw_b {
	font-weight: bold;
}
.vli_m {
	vertical-align: middle;
}







.inbox01 {
    position: relative; 
    overflow: hidden;
    pading:0;
    margin:0 auto;
}

ul.bnr {
    position: relative;
    left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
    float: left;
    margin:0 auto;
    pading:0;
}

ul.bnr li {
  position: relative;
  left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
  float: left;
  list-style: none;
  width:200px;
  margin:10px 0;
    }

ul.bnr li a{
    text-decoration:underline;
    text-align:center;
}


img.loppi_menu {
  margin:0 auto;
  display:block;
}


.sectionLv3 .division04 ul {
	margin: 0px 134px;
	padding:0;
	background: url(/service/img/line_h.png) repeat-y;
}

.inbox01 {
    position: relative;
    overflow: hidden;
    pading:0;
    margin: 10px auto 0;
}

ul.bnr {
    position: relative;
    left: 50%;
    float: left;
    margin:0 auto;
    pading:0;
}

ul.bnr li {
  position: relative;
  left: -50%;
  float: left;
  list-style: none;
  width:200px;
  margin: 0 10px;
  }

ul.bnr li a{
    text-decoration:underline;
    text-align:center;
    color: #0687d1;

}
ul.bnr li a:hover{
    color: #4c9be9;
}
.ttl {
    margin:0 ;
}

.img{
    margin:0 0 10px 0;
}

img.loppi_menu {
  margin:0 auto;
  display:block;
  margin-bottom: 30px;
  margin-top: 20px;
}


.sectionLv3 .division04 ul {
	margin: 0px 134px;
	padding:0;
	background: url(/service/img/line_h.png) repeat-y;
}



ul.list_atten {
	width: 820px;
	margin: 0 auto 5px;
	padding: 0;
	list-style: none;
	font-size: 90%;
	display:table-row;
}

ul.list_atten li.phs {
	width: 270px;
	padding: 0 40px 0 0;
	margin-bottom:3px;
}

ul.list_atten li{
	width: 820px;
	/* margin-right:320px; */
	text-align:center;
	padding: 0;
	list-style: none;
	font-size: 100%;
}


======= division =======
*/

/* division04 */
.sectionLv3 .division04{
	padding:0 13px;
}
.sectionLv3 .division04 h4 {
	margin-top: 20px;
	margin-bottom: 12px;
}

.sectionLv3 .division04 ul {
	width:600px;
	/* margin: 0 auto; */
	margin-left: 106px;
	padding: 0;
	background: url(/service/img/line_h.png) repeat-y;
}

.sectionLv3 .division04 ul h5 {
	margin-bottom: 5px;
}
	
.sectionLv3 .division04 li{
	list-style:none;
	float: left;
	width: 164px;
	margin-bottom: 25px;
}
	
.sectionLv3 .division04 li.step1,
.sectionLv3 .division04 li.step4,
.sectionLv3 .division04 li.step7 {
	padding-left: 15px;
}
	
.sectionLv3 .division04 li.step2,
.sectionLv3 .division04 li.step5 {
	background: url(/service/img/arrow_next.png) no-repeat 3px 68px;
	padding-left: 28px;
}	
		
.sectionLv3 .division04 li.step3,
.sectionLv3 .division04 li.step6 {
	padding: 0 15px 0 28px;
	background: url(/service/img/arrow_next.png) no-repeat 3px 68px;
}
.sectionLv3 .division04 li p{
	margin-top:0px;
}		
.sectionLv3 .division04 li p img {
	display: block;
	margin-bottom: 5px;
}

h5.stepTtl {
    color:#0092F2;
	font-size:110%;
	padding:0;
	margin:0 0 5px 0;
	line-height:1;
}


.mt0{
	margin-top:0 !important;
}
.mb0{
	margin-bottom:0 !important;
}