@charset "utf-8";
/* CSS Document */


/* ------------------------------

    INDEX
	
	A　* reset
	B　* the whole
	C  * link
	D  * jQuery Mobile's default clear
	E  * header
	F  * footer
	G  * inner
	H  * contents

	
------------------------------ */


/*===============================================================================
	A　* reset
===============================================================================*/

h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;}

p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	border: none;
}

ul, li , ol, dl, dt, dd , pre, table, form {
	margin: 0px;
	padding: 0px;
}

li  {list-style-type: none;}

table , img {border: none;}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}

hr {display: none;clear: both;}

img {border: none;}

/*===============================================================================
	B　* the whole
===============================================================================*/

html {overflow-y:scroll;}

body{
	margin: 0;
	padding: 0;
	background:#dddddd;
}

.cl {clear:both;}

.clearfix {zoom:1;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
	}

li img,dt img,dd img{vertical-align:bottom;}


/* -------------------------------------------
    B  * media  LAYOUT
------------------------------------------- */

/* LAYOUT 320
----------------------------------------------- */

@media (min-width: 320px) {
.ui-content {
	width: 100%;
	overflow:hidden;
	padding:0 !important;
}
.ui-body-a .ui-body-z .ui-header{
	width:90%;
}
.my_header_01 {
	margin:0 !important;
}
.ui-page {width:100% !important;}

}

/* LAYOUT BIG
----------------------------------------------- */

@media screen and (min-width: 640px) {
.ui-page {width:640px !important; margin:0 auto !important;/*box-shadow: 2px 0 5px #999 !important;*/ position:absolute; left:50% !important; margin-left:-320px!important;}
.ui-content,.ui-header,.ui-footer{/*box-shadow: 2px 0 5px #999 !important;*/}.ui-content{ padding:0 !important;}
.my_content { width:640px !important;}
}

/* -------------------------------------
    B　* min-width
------------------------------------- */

.my_content {min-width: 320px;}
.my_inn { padding:0 10px;}

/*===============================================================================
	C  * link
===============================================================================*/

a:link,
a:visited,
a:active {text-decoration: none;}
	
a:hover {text-decoration: none;}

img {border: none;}


/*===============================================================================
	D  * jQuery Mobile's default clear
===============================================================================*/

.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc {
	overflow: visible;
	white-space: normal;
}

/*===============================================================================
	E  * header
===============================================================================*/

/* -------------------------------------------
    E  * h1
------------------------------------------- */

.header {height: 65px;}

h1{font-size:12px !important;}
.my_h1 { font-size:10px!important; color:#9ebbd5; margin-bottom:2px;}

/* -------------------------------------------
    E  * header icon
------------------------------------------- */

.ui-icon-t-home:after {
  background-image: url("../img/common/t_home.png");
  background-color: transparent;
  background-size: contain;
}

.my_h_home {
	margin:3px 0 0 0 !important;
}
.my_h_btn .ui-btn {
	font-size: 10px !important;
	color:#333333;
	display: inline-block;
	vertical-align: middle;
	padding: 0em 0em !important;
	background:transparent !important;
	border: none !important;
}

.my_h_btn .ui-btn img {
	width:40px;
	height:40px;
}

.ui-title {
	font-size: 1em;
	min-height: 1.1em;
	text-align: left!important;
	display: block;
	margin: 0 30% 0 13%!important;
	padding: .7em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0!important;
}

/*===============================================================================
	F  * footer
===============================================================================*/

.my_footer {
	text-align:center;
	font-size:10px;
	padding:6px 0 7px 0;
	background-color:#333333;
	color: #FFF !important;
	text-shadow: 0px 0px 0px #333333 !important;
}

/*===============================================================================
	G  * inner
===============================================================================*/

/* -------------------------------------------
    G  * model list
------------------------------------------- */

.tml_box {
	width:100%;
	height:28px;
	background-color:#c4c4c4;
	padding:5px 0;
	margin:3px 0 0 0;
	text-align:center;
	letter-spacing:0.1em;
}

.tml_tit {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-indent:6px;
	line-height:26px;
}
.tml_01,.tml_02,.tml_03{
	font-size:12px;
}
.tml_01 a,.tml_02 a,.tml_03 a{
	color:#083054;
}
.tml_01 a:hover,.tml_02 a:hover,.tml_03 a:hover{
	background-color:#fff3a7;
	color:#083054 !important;
}
.tml_01 a {
	width:55px;
	height:28px;
	line-height:29px;
	display:block;
	padding:0 10px 0 8px;
	margin:0px 3px 0 0px;
	background-color:#FFFFFF;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
}
.tml_02 a {
	width:66px;
	height:28px;
	line-height:29px;
	display:block;
	margin:0px 4px 0 0px;
	padding:0 0 0 2px;
	background-color:#FFFFFF;
}
.tml_03 a {
	width:55px;
	height:28px;
	line-height:29px;
	display:block;
	padding:0 8px 0 10px;
	margin:0px 4px 0 0px;
	background-color:#FFFFFF;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;

}

.tml_n:after {
    content: " ";
    float: right;
    position: relative;
    top: 6px;
	right:-4px;
 
    background: url(../img/tml_n.png) 0px 0px;
 
    display: block;
    width: 10px;
    height: 15px;
	background-size:10px 15px;
}
.tml_p:before {
    content: " ";
    float: left;
    position: relative;
    top: 6px;
	left: -4px;
 
    background: url(../img/tml_p.png) 0px 0px;
 
    display: block;
    width: 10px;
    height: 15px;
	background-size:10px 15px;
}

/* -------------------------------------------
    G  * model name
------------------------------------------- */

.mn_box {
	text-align:center;
	color:#333333;
	margin:16px auto 0 auto;
}

.mn_name {
	font-size:16px;
	letter-spacing:2px;
	font-weight:bold;
	margin-bottom:2px;
}

.mn_size {
	font-size:10px;
	letter-spacing:1px;
}

.mn_s {
	color:#3fa1c2;
	margin-left:5px;
	font-weight:bold;
}

/* -------------------------------------------
    G  * beginner
------------------------------------------- */

.beg_box {
	width:110px;
	margin:6px auto 0 auto;
	text-align:center;
	font-size:12px;
	letter-spacing:0.1em;
}
.beg_txt {
	padding:0 0 0 3px;
	font-size:11px;
}

.beg_txt:after {
    content: " ";
    float: right;
    position: relative;
    top: -4px;
	right:3px;
 
    background: url(../img/beg.png) 0px 0px;
 
    display: block;
    width: 15px;
    height: 23px;
	background-size:15px 23px;
}

/* -------------------------------------------
    G  * slider
------------------------------------------- */

/* #flickscroll
--------------------------- */
#flickscroll {
    margin: 15px auto 0 auto;
    width: 240px;
    height: 360px;
    text-align: left;
    position: relative;
}
#flickscroll ul {
	width: 240px;
    height: 360px;
    top: 0;
    left: 0;
    height: 360px;
    position: absolute;
    overflow: hidden;
}
#flickscroll ul li {
    width: 240px;
    height: 360px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#flickscroll #moveprev {
    top: 180px;
    left: -30px;
    background: transparent url(../img/common/prev.png) no-repeat;
    position: absolute;
    cursor: pointer;
	width:20px;
	height:33px;
	background-size:20px 33px;
}
 
#flickscroll #movenext {
    top: 180px;
    right: -30px;
    background: transparent url(../img/common/next.png) no-repeat;
    position: absolute;
    cursor: pointer;
	width:20px;
	height:33px;
	background-size:20px 33px;
}

/* #flickthumb
--------------------------- */
#flickthumb {
    margin: 10px auto 8px auto;
    width: 290px;
    height: 172px;
    text-align: center;
}
#flickthumb ul {
    width: 290px;
    height: 172px;
}
#flickthumb ul li {
    width: 56px;
    height: 84px;
    float: left;
    cursor: pointer;
    display: inline;
	margin:0 2px 2px 0;
}
#flickthumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* ClearFixElements
--------------------------- */ 
#flickscroll ul:after,
#flickthumb ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#flickscroll ul,
#flickthumb ul {
    display: inline-block;
    overflow: hidden;
}

/* -------------------------------------------
    G  * update
------------------------------------------- */

.update {
	margin:0px auto 12px auto;
	text-align:center;
	font-size:11px;
	color:#333;
	letter-spacing:0.1em;
	color:#082f52;
}

/* -------------------------------------------
    G  * real time
------------------------------------------- */

.real_time_area {
	margin:0px 0 15px 0;
}

.real_time{
	float:left;
	width:100%;
	background:#cb0000;
	margin-bottom:10px;
	padding:2% 0;
}
	
.real_time_title{
	padding-bottom:3px;
	margin-bottom:4px;
	color:#eded1e;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
}

.rt_b {
	width:96%;
	height:10px;
	margin:0 auto;
	border-top: 1px dotted #FFEB62;
}

.real_time_list{
	width:98%;
	height:100%;
	font-size:12px;
	margin:0 auto;
}

.real_time_list_l,
.real_time_list_c,
.real_time_list_r{
	height:24px;
	line-height:24px;
	background:#FFF;
	text-align:center;
}
	
.real_time_list_l{
	width:32%;
	margin-right:1%;
	float:left;
}

.real_time_list_c{
	width:32.5%;
	margin-right:1%;
	float:left;
}

.real_time_list_r{
	width:32%;
	margin-right:0px;
	float:left;
}

/* リアルタイム速報 */
.real_time_list .sokuhou{
	border:1px solid #920035;
	color:#920035;
	background:#ffeb62;
}

/* 出勤中 */
.real_time_list .syukkin{
	border:1px solid #F00;
	color:#F00;
}
	
/* 出勤確定 */
.real_time_list .kakutei{
	border:1px solid #FC0099;
	color:#FC0099;
}

/* 出勤予定 */
.real_time_list .yotei{
	border:1px solid #FF96BF;
	color:#FF96BF;
}

/* 急遽休み */
.real_time_list .yasumi{
	border:1px solid #959595;
	color:#959595;
}

/* 予約受付中 */
.real_time_list .uketsuke{
	background:#FFFAD4;
	border:1px solid #FF2822;
	color:#FF2822;
}

/* 待ち時間なし */
.real_time_list .nowaiting{
	background:#FFF;
	border:1px solid #F00;
	color:#F00;
}

/* 新人出勤 */
.real_time_list .shinjin{
	background:#00CB5E;
	border:1px solid #FFF;
	color:#FFF;
}

/* 体験入店中 */
.real_time_list .taiken{
	background:#00CB5E;
	border:1px solid #FFF;
	color:#FFF;
}

/* キャンセル待ち */
.real_time_list .cancel{
	background:#8FAA10;
	border:1px solid #FFF;
	color:#FFF;
}
	
/* レア出勤 */
.real_time_list .rare{
	background:#00CB5E;
	border:1px solid #FFF;
	color:#FFF;
}

/* 予約枠完売 */
.real_time_list .kanbai{
	background:#7324DF;
	border:1px solid #FFF;
	color:#FFF;
}

/* 予約枠残少 */
.real_time_list .zansho{
	background:#4B7BFF;
	border:1px solid #FFF;
	color:#FFF;
}

/* 当日受付 */
.real_time_list .tojitsu{
	border:1px solid #7324DF;
	color:#7324DF;
}

/* お問合せ下さい */
.real_time_list .toi{
	background:#FFFAD4;
	border:1px solid #3958D0;
	color:#3958D0;
}
	
/* ランキング */
.real_time_list .rank{
	background:#FD8A00;
	border:1px solid #FFF;
	color:#FFF;
}

/* -------------------------------------------
    G  * schedule
------------------------------------------- */

.mm_sche { margin:0 0 10px 0;}

.mm_sche_tit {
	height:30px;
	line-height:35px;
	margin:0px 0px 7px 0px;
	padding:10px 0 0px 9px;
	color:#082f52;
	text-indent:6px;
	letter-spacing:0.1em;
	border-top: 1px dotted #082f52;
}
.mm_sche_tit:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: left;
    position: relative;
    top: 0px;
	left:1px;
 
    background: url(../img/clock.png) 0px 0px;

    display: block;
    width: 30px;
    height: 30px;
	
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
.table_01{
	width: 98%;
	border-collapse: collapse;
	text-align:center;
	margin:0 auto;
}
.table_01 th{
	width: 12%;
	padding: 6px 0;
	text-align: center;
	vertical-align: top;
	color: #333;
	font-size:10px;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
.table_01 td{
	font-size:10px;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}

.table_01 td.empty { background-color:#f7f7f7 !important;}
.table_01 th.sat { color:#029dd3 !important;}
.table_01 th.sun { color:#ff1b9b !important;}


th.cth_sat {background-color:#d2eaff;}
th.cth_sun {background-color:#ffe1eb;}

.c_sat {color:#2175c1;}
.c_sun {color:#ff266e;}

/*  G  * schedule * more
---------------------------------------- */

.sche_more {
	margin:16px 0px 36px 0px;
}
.sche_more h4.schem {
	margin:0 6px 0px 6px;
}

.sche_more p.sch {
	margin:0 -16px 0 -16px;
}

.ui-collapsible-content p.sch {
	display: block;
	margin:0 -16px 0 -16px !important;
	padding: 0em 0em .5em 0em !important;
}

/* -------------------------------------------
    G  * option
------------------------------------------- */

.op_box { margin:0 0 5px 0; padding-bottom:25px;}

.op_tit {
	height:30px;
	line-height:35px;
	margin:0px 0px 14px 0px;
	padding:10px 0 0px 9px;
	color:#082f52;
	text-indent:8px;
	letter-spacing:0.1em;
	border-top: 1px dotted #082f52;
}
.op_tit:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: left;
    position: relative;
    top: 0px;
	left:1px;
 
    background: url(../img/op.png) 0px 0px;

    display: block;
    width: 30px;
    height: 30px;
	
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}

.op_inn {
	margin:0px 8px 8px 8px;
}

.op_name {
	font-size:12px !important;
	line-height:18px;
	text-indent:5px;
}
.op_yes:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: left;
    position: relative;
    top: 0px;
	left:0px;
 
    background: url(../img/op_yes.png) 0px 0px;

    display: block;
    width: 16px;
    height: 16px;
	
	-webkit-background-size:16px 16px;
	background-size:16px 16px;
}
.op_no:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: left;
    position: relative;
    top: 2px;
	left:1px;
 
    background: url(../img/op_no.png) 0px 0px;

    display: block;
    width: 14px;
    height: 14px;
	
	-webkit-background-size:14px 14px;
	background-size:14px 14px;
}

/* -------------------------------------------
    G  * reservation
------------------------------------------- */

.reserve_box {
	margin:0 0 4px 0;
	padding-bottom:25px;
}

.reserve_tit {
	height:30px;
	line-height:35px;
	margin:0px 0px 14px 0px;
	padding:12px 0 0px 9px;
	color:#082f52;
	text-indent:8px;
	letter-spacing:0.1em;
	border-top: 1px dotted #082f52;
}

.reserve_tit:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: left;
    position: relative;
    top: 0px;
	left:1px;
 
    background: url(../img/ph.png) 0px 0px;

    display: block;
    width: 30px;
    height: 30px;
	
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}

.reserve_inn {
	margin:0px 8px 8px 8px;
}

/*===============================================================================
	H  * contents
===============================================================================*/
/* -------------------------------------------
    H  * personal data
------------------------------------------- */

.personal_tit {
	width:100%;
	height:30px;
	line-height:35px;
	margin:0px 0px 0px 0px;
	padding:12px 0 0px 9px;
	color:#082f52;
	text-indent:8px;
	letter-spacing:0.1em;
	border-top: 1px dotted #082f52;
}
.personal_tit:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: left;
    position: relative;
    top: 0px;
	left:1px;
 
    background: url(../img/content.png) 0px 0px;

    display: block;
    width: 30px;
    height: 30px;
	
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}

/* -------------------------------------------
    H  * diary
------------------------------------------- */

.diary_box {
	margin:0px 8px 0px 8px;
}

/* -------------------------------------------
    H  * ranking
------------------------------------------- */

.rank_box {
	margin:0 2px;
}

.ui-icon-rank:after {
  background-image: url("../img/common/rank.png");
  background-color: transparent;
  background-size: contain;
}

.rank_box .ui-btn {
	margin-right: .0em !important;
	margin-left: .4025em !important;
	text-align:left !important;
	font-size:13px !important;
}

/* -------------------------------------------
    H  * tab
------------------------------------------- */

.tab_box {
	margin:16px 5px 0px 4px;
	padding-bottom:5px;
}

.my_tab {
	padding:10px 0;
	border-right: 1px solid #a6a6a6;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.mytab_cont {
	border-left: 1px solid #a6a6a6;
	border-right: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
}

#shop_coment {
	padding: 6px;
}

#shop_coment .coment_tit01 {
	font-weight: bold;
	color:#ec38d5;
	border-left: 4px solid #ec38d5;
	padding: 5px 5px 5px 10px;
	margin:5px 0 8px 0;
	background: #fde6fa;
}

#shop_coment .coment_tit02 {
	font-weight: bold;
	color:#24417D;
	border-left: 3px solid #24417D;
	padding: 5px 0 5px 10px;
	margin:10px 0 8px 0;
	background: #dde5f5;
}

#qa_coment {
	padding: 6px;
}

li.datail_q {
	font-weight:bold;
	font-size:14px;
	margin:5px 0 2px 0;
	color:#646060;
}
	
li.datail_a {
	font-size:12px;
	color:#dc4e86;
	padding-left:10px;
}

/* ---------------------------------------------
    H  * support comment
--------------------------------------------- */

.comment_inn {
	margin:0px 8px 20px 8px;
}

/* ---------------------------------------------
    H  * Personal Information 
--------------------------------------------- */

.icon_box {
	margin:0 0 4px 0;
	padding-bottom:25px;
}

.icon_tit {
	height:30px;
	line-height:35px;
	margin:0px 0px 14px 0px;
	padding:12px 0 0px 9px;
	color:#082f52;
	text-indent:8px;
	letter-spacing:0.1em;
	border-top: 1px dotted #082f52;
}

.icon_tit:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: left;
    position: relative;
    top: 0px;
	left:1px;
 
    background: url(../img/per.png) 0px 0px;

    display: block;
    width: 30px;
    height: 30px;
	
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}

.icon_area{
	width:96%;
	font-size:12px;
	margin:0 auto;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0% 2% 0% 2%;
}

.icon_inn {
	width:100%;
}

.icon_inn ul {
	width:102%;
	margin-right:-2%;
}

.icon_inn li {
	width:29%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.icon_inn .m_icon {
	padding:1%;
	height:30px;
	line-height:30px;
	letter-spacing:0em;
}

.effective {
	background:#fff7c9;
	color:#d2005e;
	font-size:12px;
	border:1px solid #d2005e;
}

.invalid {
	background:#FFFFFF;
	color:#d2005e;
	font-size:12px;
	border:1px solid #d2005e;
}

/* ---------------------------------------------
    H  * Personal Information 
--------------------------------------------- */

.sl_box {
	margin:0 0 0px 0;
	padding-bottom:0px;
}

.sl_tit {
	height:30px;
	line-height:35px;
	margin:0px 0px 14px 0px;
	padding:12px 0 0px 9px;
	color:#082f52;
	text-indent:8px;
	letter-spacing:0.1em;
	border-top: 1px dotted #082f52;
}

.sl_tit:before {
    content: " ";
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: left;
    position: relative;
    top: 0px;
	left:1px;
 
    background: url(../img/shop.png) 0px 0px;

    display: block;
    width: 30px;
    height: 30px;
	
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}

.myb_txt {
	font-size:12px;
	letter-spacing:0.1em;
	padding:0px 10px 10px 10px;
	text-shadow: 1px 1px 1px #FFFFFF;
	color:#666666;
}

.b_grid_area {
	padding:0px 6px 10px 6px;
}

.bga_l a {
	width:99%;
	height:45px;
	line-height:45px;
	margin:0% 1% -16px 0%;
	display:block;
	font-size:12px;
	font-weight:normal !important;
	text-indent:8px;
	background-color:#e0f2fd !important;
	color:#082f52 !important;
}
.bga_r a {
	width:100%;
	height:45px;
	line-height:45px;
	margin:0% 0% -16px 0%;
	display:block;
	font-size:12px;
	font-weight:normal !important;
	text-indent:5px;
	background-color:#e0f2fd !important;
	color:#082f52 !important;
}
.bga_l:after,.bga_r:after {
	content: " ";
    text-align: center;
    color: #fff;
    float: right;
    position: relative;
    bottom: 17px;
	right:5px;
    border-radius: 25px;
 
    background: url(../img/common/next.png) 0px 0px;
 
    display: block;
    width: 12px;
	height: 20px;
	background-size: 12px 20px;
}

.bga_l a:hover,.bga_r a:hover{ background-color:#c5e8fd !important;}

/* ---------------------------------------------
    H  * other device
--------------------------------------------- */

.od_box {
	margin:0 2px;
}

.ui-icon-od-pc:after {
  background-image: url("../img/common/pc.png");
  background-color: transparent;
  background-size: contain;
}
.ui-icon-od-mo:after {
  background-image: url("../img/common/mo.png");
  background-color: transparent;
  background-size: contain;
}

.od_box .ui-btn {
	margin-right: .0em !important;
	margin-left: .4025em !important;
	text-align:left !important;
	font-size:13px !important;
}








.other_carriers_area {
	width:96%;
	margin:5px auto;
}

.other_carriers_area img {
	width:100%;
}

.other_carriers_inn {
	width:100%;
	margin:0 auto;
}

.o_carriers_left,
.o_carriers_right {
	width:49%;
	float:left;
}

.o_carriers_left{
	margin-right:2%;
}

/* ---------------------------------------------
    J  * index * other carriers
--------------------------------------------- */

.my_contact_area {
	margin:28px 10px 15px 10px;
}


/*===============================================================================
	Z  * common
===============================================================================*/

.f_l {float:left;}
.f_r {float:right;}

.my_list-divider03 {
	text-align:center !important;
	letter-spacing:0.1em;
}



/* ---------------------------------------------
      * addition * 2015.06
--------------------------------------------- */

.plan_box {
	margin:0px 0 15px 0;
}

.plan_01{
	float:left;
	width:100%;
	background:#0e34b1;
	margin-bottom:10px;
	padding:2% 0;
}
.plan_02{
	float:left;
	width:100%;
	background:#555;
	margin-bottom:10px;
	padding:2% 0;
}
	
.plan_tit{
	padding:3px 0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	text-shadow: none !important;
}

