@charset "shift_jis";
/* ==================================
「HOME」用CSS
================================== */
/* コンテンツ全体 */
body#index div#pagenavi p#pankuzu span {
	display: inline;
	visibility: hidden;
}

body#index div#contents div#main {
	margin: 0;
}

div#contents p.spnote-series {/*注釈が連続する場合*/
	margin: 3px 0 0 0.8em;
	font-size: 67%;
	text-indent: -0.8em;
}
div#contents p.spnote-series-one{/*注釈が連続する1につけるクラス*/
	margin:10px 0 0 0.8em;
	font-size:67%;
	text-indent:-0.8em;
}
body#index p.note {/*注釈の下に間をとる場合*/
	margin:0 0 15px 0;
	color:#333333;
}
/* カラム */
body#index div#contents div.three-column {
	width: 760px;
}
body#index div#contents div.three-center {
	margin-left: 12px;
}
body#index div#contents div.col-three01 {
	width:174px;
}
body#index div#contents div.col-three02 {
	width:388px;
}
body#index div#contents div.col-three03 {
	width:174px;
}

/* --左カラムコンテンツ-- */
/* ログイン */
body#index .three-left .login {
	margin-top: 5px;
	border: solid 4px 4px 4px 4px #8c8c8c;
	background-color: #E8E8E8;
	border-color: #666666;
}
body#index .three-left .login .title {
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
}
body#index .three-left .login .button {
	margin: 0;
	text-align: center;
}
body#index .three-left .login ul {
	margin: 10px 0 0 5px;
	padding-bottom: 10px;
}
body#index .three-left .login ul li {
	margin: 5px 0 0 0;
	padding: 0;
	background: none;
	line-height: 0;
}

/* 新規会員 */
body#index .three-left .regist {
	margin: 5px 0 0 0px;
}
body#index .three-left .regist .button {
	margin: 0;
	padding-top: 10px;
	text-align: center;
}
body#index .three-left .regist .link {
	margin: 5px 0 0 16px;
	padding-bottom: 10px;
}

/* カードご利用ガイド */
body#index .three-left .guide {
	margin: 10px 0 0 0;
}

/* サポートセンター */
body#index .three-left .support-title {
	margin: 10px 0 0 0;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #999999;
}
body#index .three-left .support {
	border: solid 1px #999999;
	background: url(/content/100158006.gif) repeat-x left top;
}
body#index .three-left .support ul {
	margin: 11px 8px 0 8px;
}
body#index .three-left .support ul li {
	margin: 5px 0 0 0;
	padding: 0;
	background: none;
}
body#index .three-left .support ul li a {
	padding: 0 0 0 10px;
}
body#index .three-left .support .link-right {
	margin: 10px 8px 0 0;
}
body#index .three-left .support .link-right a {
	float: right;
	display: inline;
	padding: 0 0 0 10px;
}
body#index .three-left .support .button {
	margin: 10px 0;
	text-align: center;
}

/* モコネット */
body#index .three-left .moconet-title {
	margin: 10px 0 0 0;
}
body#index .three-left .moconet {
	background-color: #33cc33;
}
body#index .three-left .moconet .title {
	margin: 0;
	padding-top: 5px;
	text-align: center;
}
body#index .three-left .moconet .area01 {
	margin: 0 10px;
	width: 154px;
	background-color: #ffffff;
}
body#index .three-left .moconet .area01 .txt {
	margin: 0;
	padding: 5px 5px 0 5px;
	text-align: center;
}
body#index .three-left .moconet .area01 .txt a {
	text-decoration:none;
	color:#000000;
}
body#index .three-left .moconet .area01 .ph {
	margin: 0;
	padding: 5px;
	text-align: center;
}
body#index .three-left .moconet .area02 {
	padding: 0 0 10px 0;
	margin: 10px 10px 0 10px;
}
body#index .three-left .moconet .area02 .cover {
	float: left;
	width: 62px;
	margin: 0;
}
body#index .three-left .moconet .area02 .detail {
	float: right;
	width: 84px;
}
body#index .three-left .moconet .area02 .detail .title {
	margin: 0;
}
body#index .three-left .moconet .area02 .detail .txt a {
	margin-top: 5px;
	color: #ffffff;
	font-weight: bold;
}
body#index .three-left .moconet .banner {
	margin: 0;
	padding: 10px;
	text-align: center;
}

/* --中央カラムコンテンツ-- */
/* バナー */
body#index .three-center .banner01 {
	margin: 5px 0 0 0;
}

/* 各種トピックタイトル */
body#index .three-center .topic-title-area {
	margin-top: 3px;
	padding-right: 6px;
	border-bottom: solid 1px #333333;
	background-color: #666666;
	height:21px
}
body#index .three-center .topic-title-area .title {
	float:left;
	margin: 0;
}
body#index .three-center .topic-title-area .detail {
	margin: 0;
	padding: 1px 0;
}
body#index .three-center .topic-title-area .detail a {
	float: right;
	display: inline;
	padding: 0 0 0 10px;
	background: url(/content/100157755.gif) no-repeat 2px 0.4em;
	_background: url(/content/100157755.gif) no-repeat 2px 0.5em;
	_height: 1em;
	color: #ffffff;
}
body#index .three-center .topic-title-area .detail a:hover {
	text-decoration: none;
}

/* リスト */
body#index .three-center ul.list01 {
	margin-top: 6px;
	margin-left: 6px;
}
body#index .three-center ul.list01 li {
	padding: 0;
	background: none;
}

body#index .three-center ul.list02 {
	margin-top: 6px;
	margin-left: 10px;
}

/* サービス一覧 */
body#index .three-center .service {
	margin: 6px 0 0 0;
}
body#index .three-center dl {
	width: 388px;
}
body#index .three-center .service dt {
	float: left;
	width: 60px;
	text-align:center;
}
body#index .three-center .service dd {
	padding: 0 0 0 60px;
}
body#index .three-center .service dd ul {
	margin: 0;
}
body#index .three-center .service dd ul li {
	display:block;
	padding: 0;
	background: none;
	background: url(/content/100157753.gif) no-repeat 0 0.4em;
	_heght: 1em;
	color: #3366cc;
	font-weight: bold;
}
body#index .three-center .service dd ul li ul li {
	padding: 0 0 0 10px;
	background: url(/content/100157758.gif) no-repeat 0 0.5em;
	color:#000000;
	font-weight: normal;
}
body#index .three-center hr.dash {
	display: block;
	height: 0;
	margin: 10px 0;
	border: none;
	border-top: dashed 1px #666666;
	color: #ffffff;
	line-height: 0;
}
body#index .three-center .service dd .service-li {
	padding:0 8px;
	background: none;
	background: url(/content/100157753.gif) no-repeat 0 0.5em;
	_heght: 1em;
	color: #3366cc;
	font-weight: bold;
}

body#index .three-center .service dd .service-li02 {
	padding: 0 0 0 10px;
	margin:0 0 0 8px;
	background: url(/content/100157758.gif) no-repeat 0 0.5em;
	color:#000000;
	font-weight: normal;
}
body#index .three-center .service dd .service-li03 {
	padding: 0 0 0 0;
	margin:0 0 0 0;
	font-weight: bold;
}
body#index .three-center .service dd .service-txt {
	padding:0 0;
	margin:0 0 0 8px;
	font-weight: normal;
	font-size:67%
	
}
body#index .three-center .service dd .service-linktxt {
	padding:0 0;
	margin:0 0 0 0;
	font-size:83%
}
/* サービス一覧内のラインナップ */
body#index .three-center .lineup-title {
	margin: 10px 10px 0 10px;
}
body#index .three-center .lineup {
	margin: 0 10px;
	padding: 1px;
	border: solid 1px #000000;
}

/* お知らせ */
body#index .three-center .news {
	margin: 25px 0 0 0;
}
body#index .three-center .news .title-area {
	border-bottom: solid 1px #666666;
	height:21px;
}
body#index .three-center .news .title-area .title {
	float: left;
	margin: 0;
}
body#index .three-center .news .title-area .detail {
	margin: 0;
}
body#index .three-center .news .title-area .detail a {
	float: right;
	display: inline;
	padding: 1px 6px 1px 14px;
	background: url(/content/100157753.gif) no-repeat 6px 0.6em #eeeeee;
	_height: 1em;
}

body#index .three-center .news ul.news-list {
	margin: 6px 0 0 10px;
}

/* --右カラムコンテンツ-- */
/* お申込書請求 */
body#index .three-right .request-button {
	margin: 5px 0 0 0;
}

/* カード */
body#index .three-right .card {
	border: solid 1px #0167cc;
}
body#index .three-right .card .title {
	margin: 0;
	padding: 0 0 1px 0;
	_padding-top: 0;
	background-color: #0167cc;
	text-align: center;
}
body#index .three-right .card ul {
	margin: 3px;
}
body#index .three-right .card ul li {
	padding: 0;
	background: none;
}
body#index .three-right .card ul li.company {
	margin-top: 3px;
}
body#index .three-right .card ul li.corporation {
	margin-top: 9px;
}

/* ぴったりナビ */
body#index .three-right .cardnavi-button {
	margin: 10px 0 0 0;
}

body#index .three-left .cardnavi-button {
	margin: 10px 0 0 0;
}

/* qrコード画像用*/
body#index .three-right .cardnavi-qr {
	margin: 3px 0 0 0;
}

body#index .three-right .cardnavi {
	border-style: solid;
	border-width: 0 2px 2px 2px;
	border-color: #ff0000;
}
body#index .three-right .cardnavi .title {
	margin: 0;
	padding: 3px 6px;
	_padding-top: 0;
	background-color: #cc0000;
}
body#index .three-right .cardnavi ul {
	margin: 6px;
}
body#index .three-right .cardnavi ul li {
	background: none;
	padding: 0;
}
body#index .three-right .cardnavi ul li a {
	padding-left: 10px;
}

/* VeriSign */
body#index .three-right .verisign {
	margin: 25px 0 0 0;
	text-align: center;
}

/* プライバシーマーク */
body#index .two-right {
	padding:50px 0 0 0;
	_padding:60px 0 0 0;
}

body#index div#contents {
	padding:0 0 10px 0;
}