@charset "UTF-8";

/*----------------------------------------
Name: versionup.css
Date Created:2010/10/28 [t.sato]
Last Updated:2015/06/24 [t.sato]

[新機能リリース]
----------------------------------------*/

/* コンテンツエリア
--------------------------------------------*/
p.para {
	color:#333;
}

strong {
	font-weight:bold;
	color:#333;
}
.arrow_01 {
	background:url(../img/versionup/arrow_01.gif) 0 0.25em no-repeat;
	padding-left:10px;
}
p.pagetop {
	margin-bottom:15px;
}
.attention {
	padding-left:1em;
	text-indent:-1em;
}

#henkou,
#kaiyaku,
#kaisuken,
#note {
	margin-bottom:15px;
}

#mainImage {
	margin-bottom:25px;
	background:url(../img/versionup/mainimage_bg2.jpg) 0 0 no-repeat;
	text-align:right;
}
#pageNavi {
	margin-bottom:25px;
}

#pageNavi li {
	float:left;
	width:240px;
}

/* 便変更について
--------------------------------------------*/
#henkou .att {
	text-align:center;
	margin:10px 0 20px;
}
#henkou .attention {
}
#henkou .caption {
	margin-bottom:20px;
}
#henkou .caption .box {
	float:left;
	width:243px;
	height:220px;
	background:url(../img/versionup/henkou_box_bg.gif) 0 0 no-repeat;
	background-size: 230px 210px;
}
#henkou .box h3 {
	padding:15px 0 10px 15px;
}
#henkou .caption .box p {
	padding:0 18px 10px 80px;
	line-height:1.45;
}
#henkou .caption .cap03 {
	width:234px;
}
#henkou .caption .cap01 p {
	background:url(../img/versionup/henkou_box_04.gif) 15px 0 no-repeat;
}
#henkou .caption .cap02 p {
	background:url(../img/versionup/henkou_box_05.gif) 15px 0 no-repeat;
}
#henkou .caption .cap03 p {
	background:url(../img/versionup/henkou_box_06.gif) 15px 0 no-repeat;
}
.eg h3{
	margin-bottom:15px;
}
.att02 {
	text-align:right;
}
.eg h4 {
	margin-bottom:10px;
}
.eg .illust {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:3px solid #CCC;
}

/* 片道解約について
--------------------------------------------*/

#kaiyaku .attention {
	padding:10px 0 20px 0;
	text-align:center;
}
#kaiyaku .caption {
	margin-bottom:20px;
}
#kaiyaku .caption .box {
	float:left;
	width:355px;
	height:130px;
	background:url(../img/versionup/kaiyaku_box_bg.gif) 0 0 no-repeat;
}
#kaiyaku .caption .cap02 {
	float:right;
}
#kaiyaku .box h3 {
	padding:15px 0 10px 15px;
}
#kaiyaku .caption .box p {
	padding:0 20px 0 80px;
	line-height:1.6;
	height:80px;
}
#kaiyaku .caption .cap01 p {
	background:url(../img/versionup/kaiyaku_box_03.gif) 15px 0 no-repeat;
}
#kaiyaku .caption .cap02 p {
	background:url(../img/versionup/kaiyaku_box_04.gif) 15px 0 no-repeat;
}



/* ご利用方法・ご注意
--------------------------------------------*/
#note dl {
	padding-top:10px;
}
#note dt{
	float:left;
	clear:both;
	width:180px;
	padding-bottom:10px;
	margin-bottom:10px;
	font-weight:bold;
}
#note dt span{
	background:url(../img/versionup/list_icon_02.gif) 0.2em 0.3em no-repeat;
	padding-left:14px;
	display:block;
}
#note dd{
	padding:0 0 10px 180px;
	margin-bottom:10px;
	background:url(../img/versionup/line_dot_01.gif) left bottom repeat-x;
	line-height:1.4;
}
#note dd li{
	background:url(../img/versionup/list_icon_01.gif) 0 0.6em no-repeat;
	padding-left:8px;
	margin-bottom:3px;
}
#note dd strong {
	font-weight:normal;
	color:#F00;
}
#note strong.startDay {
	font-weight:bold;
	font-size:14px;
	line-height:1;
}

/* お問合せ
--------------------------------------------*/
#contact {
	background-color:#EBEBEB;
	padding:15px 20px;
	margin-bottom:20px;
}
#contact h2 {
	font-weight:bold;
	background:url(../img/common/line_gray.gif) left bottom repeat-x;
	margin-bottom:10px;
	padding-bottom:5px;
}

#contact dl {
	margin-top:10px;
}
#contact dt {
	float:left;
	clear:both;
	width:90px;
	padding-bottom:3px;
}
#contact dd {
	padding:0 0 3px 90px;
}
#contact dd strong {
	color:#C00;
}

/* ヘッダー
--------------------------------------------*/

.comMultiColumnWrapper {
	padding-top:0px;
}
.headBordor {
	height:5px;
	border-bottom:1px solid #FFF;
	border-top:1px solid #000;
	background:#FF6600;
	font-size:1px;
}

/* フッター
--------------------------------------------*/
#pageBottomBtn{
	text-align:right;
	margin:30px 0px 10px 0;
}

#pageBottomBtn img{
	margin-left:10px;
}

#pageBottomBtn a{
	text-decoration:none;
	color:#333;
}


/* clearfix
------------------------------------------------*/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */