@charset "utf-8";
/* CSS Document */

#contents .contentsR p{ padding: 0 0 20px 0;
	}

#contents .contentsR .topMain{
	width: 712px;
	margin: 0 0 20px 0;
}
#contents .contentsR .topMain li{
	float: left;
}

#contents .contentsR .memshipBtn{
	width: 531px;
	margin: 0 auto;
}

#contents .contentsR .topBannerArea{
	margin: 0 0 20px 0;
	padding: 10px 0 0 15px;
	background: #F5FAFF;
	border: solid 1px #E7F0FA;
}

#contents .contentsR .topBannerArea li{
	width:335px;
	float: left;
	padding: 0 10px 0 0;
	margin:0 0 10px 0;
}

#contents .contentsR .topBannerArea li dl {
}

#contents .contentsR .topBannerArea li dt {
	width:170px;
	padding:0;
	margin:0;
	float: left;
}

#contents .contentsR .topBannerArea li dd {
	width:160px;
	padding:3px 0 0 0;
	margin:0 0 0 170px;
	line-height:1.4;
}

#contents .contentsR .topBannerArea li dd a:link,#contents .contentsR .topBannerArea li dd a:visited{
	color:#036;
	text-decoration:underline;
	font-weight:bold;
}

#contents .contentsR .topBannerArea li dd a:hover{
	color:#036;
	text-decoration:none;
	font-weight:bold;
}

#contents .contentsR .infoWrap{
	padding: 10px 0;
}

#contents .contentsR p.infoNews{
	background: #EEE;
	padding: 5px 0px;
	margin: 0px 20px 0px 10px;
}

#contents .contentsR p.infoNews2{
	padding: 0 5px 10px 5px;
}

#contents .contentsR .infoWrap dl{
	padding: 10px 0 0 0;
}

.infoBox{
	margin:0 0 15px 0;
	border: solid 1px #D5D5D5;
	box-shadow: #EAEAE3 0px 0px 3px, #EAEAE3 0px 0px 3px;
	-moz-box-shadow: #EAEAE3 0px 0px 3px, #EAEAE3 0px 0px 3px;
 	-webkit-box-shadow: #EAEAE3 0px 0px 3px, #EAEAE3 0px 0px 3px;
}

/*
#contents .contentsR .infoWrap dt{
	width: 135px;
	float: left;
	padding: 0 10px 5px 10px;
	margin: 0 0 10px 0;
}

#contents .contentsR .infoWrap dd{
	padding: 0 10px 10px 95px;
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #D3D7EB;
	line-height:1.2em;
}

#contents .contentsR .infoWrap dd a{
	text-decoration: underline;
}
*/
/*information scrollbar*/

*.logbox
      {
	 /*border: solid 1px #808080;
	 width: 240px;*/
	 height: 170px;
	 padding: 10px;
	 overflow: auto;
      }

.infoWrap .logbox dl{
	padding: 0;
	margin: 0px 0px 10px 10px;
}

.infoWrap .logbox dl dt{
	width: 80px;
	float:left;
	clear:both;
}

.infoWrap .logbox dl dd{
	border-bottom: dotted 1px #D3D7EB;
	padding: -2em 10px 10px -120px;
	margin-left:0;
}

.infoWrap .logbox dl dd.news{
	background: url(../image/top/icon_news.gif) no-repeat 80px 0;
	padding: 0 0 10px 150px;
}

.infoWrap .logbox dl dd.info{
	background: url(../image/top/icon_info.gif) no-repeat 80px 0;
	padding: 0 0 10px 150px;
}

.infoWrap .logbox dl dd.delivery{
	background: url(../image/top/icon_delivery.gif) no-repeat 80px 0;
	padding: 0 0 10px 150px;
}

.infoWrap .logbox dl dd.important{
	background: url(../image/top/icon_important.gif) no-repeat 80px 0;
	padding: 0 0 10px 150px;
}

.infoWrap .logbox dl dd.maintenance{
	background: url(../image/top/icon_maintenance.gif) no-repeat 80px 0;
	padding: 0 0 10px 150px;
}

#login_infomation p.infoNews {
	margin: 5px 20px 5px 10px;
}

/*login??@information scrollbar*/
*.logbox2
      {
	 height: 100px;
	 padding: 10px;
	 overflow: auto;
      }

.logbox2 dl{
	padding: 0;
	margin: 0px 0px 10px 10px;
}

.logbox2 dl dt{
	width: 140px;
	float: left;
	margin: 0px 10px 10px 0px;
}

.logbox dl dd{
	padding: 0 10px 10px 85px;
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #D3D7EB;
	line-height:1.2em;
}


/*201506 改修　鈴木*/

h2.top_main {
	margin-bottom: 10px;
}


/*メリット部*/


.top_merit {
	background-color: #193991;
	width: 682px;
	padding: 15px;
	margin-bottom: 20px;
}

.top_merit_left {
	background-color: #ffffff;
	width: 330px;
	padding: 0 10px 7px;
	margin: 0;
	float: left;
}

.top_merit_left_title {
	float: left;
	width: 330px;
	margin-bottom: 5px;
}

.merit_left_exist {
	background-color: #5C6164;
	float: left;
	width: 104px;
	padding: 5px 7px;
	margin: 0 6px 0 0;
}

.merit_left_exist_txt {
	margin: 20px 0 0 0;
	padding: 0;
	color: #ffffff;
}

.merit_left_arrow {
	background-color: #ffffff;
	float: left;
	width: 61px;
	margin-top: 10px;
}


.merit_left_verycard {
	background-color: #E70044;
	float: left;
	width: 125px;
	padding: 5px 7px;
	margin: 0 0 0 6px;
}

.merit_left_verycard_txt {
	margin: 5px 0 0 0;
	padding: 0;
	color: #ffffff;
}


.top_merit_right {
	float: left;
	width: 332px;
}

.top_merit_right_box01 {
	float:left;
	height:151px;
	padding: 0 0 15px 15px;
}

.top_merit_right_box02 {
	float:left;
	height:151px;
	padding: 0 0 0 15px;
}


/*フロー説明部*/


.top_flow {
	background-color: #193991;
	width: 682px;
	padding: 15px;
	margin-bottom: 20px;
}


.top_flow_h3 {
	color: #ffffff;
	font-size: 150%;
	margin-bottom: 15px;
}


.flow_cont_all {
	width: 682px;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.flow_cont {
	float: left;
	width: 214px;
	margin-left: 10px;
}

.flow_title {
	background-color: #03AECB;
	width: 204px;
	padding: 5px;
	margin-bottom: 10px;
}

.flow_no_img {
	float: left;
	width: 30px;
}

.flow_txt {
	color: #ffffff;
	float: left;
	width: 160px;
	margin-left: 10px;
}

.flow_img01 {
	width: 167px;
	margin: 0 auto;
}

.flow_img02 {
	width: 89px;
	margin: 0 auto;
}

.flow_img03 {
	width: 143px;
	margin: 0 auto;
}