@charset "euc-jp";
/* CSS Document */

/*
=============================================
共通
=============================================
*/

div#main h2{
	background:url(/_resource/images/common/title_01.jpg) scroll no-repeat left center;
	font-weight:bold;
	line-height:40px;
	margin:0 0 15px;
	padding-left:10px;
	font-size:120%;
}

div#main h3.subTit{
	background:#F6F6F6;
	padding:8px 5px;
	border:1px solid #CCC;
	border-bottom:4px solid #555;
	font-weight:bold;
	margin-bottom:10px;
}

div#main h3.subTit span{
	border-left:4px solid #CC9900;
	padding:0 0 0 5px;
}

a.linkarrow{
	padding:0 0 0 20px;
	background:url(/_resource/images/common/icon_arrowred2.gif) no-repeat left 3px;
	margin:0 0 0 3px;
}

.bold{
	font-weight:bold;
}


/*
=============================================
メインイメージ
=============================================
*/

div.mainImage{
	padding:0 0 10px 0;
}

div.mainImage div.imgarea{
	float:right;
	width:255px;
}

div.mainImage h4{
	font-weight:bold;
	font-size:110%;
	padding:8px 5px;
}

div.mainImage p{
	line-height:1.6;
	padding:5px;
}

/*
=============================================
オリナビ機能一覧テーブル
=============================================
*/

table.flowtable{
	clear:both;
	margin-bottom:20px;
}

table.flowtable td{
	background:url(/_resource/images/flow/bg2.jpg) scroll repeat-x left top;
	padding:8px 5px;
	width:33%;
	line-height:1.5;
	font-size:90%;
	vertical-align:top;
}

table.flowtable td div.iconBox{
	float:left;
	margin:0 5px 0 0;
}

table.flowtable td h3{
	color:#C00;
	font-weight:bold;
	margin-bottom:5px;
}

table.flowtable td p{
	clear:both;
	padding:8px 0 0 0;
}

.borderT{ border-top:1px solid #CCC; }
.borderB{ border-bottom:1px solid #CCC; }
.borderL{ border-left:1px solid #CCC; }
.borderR{ border-right:1px solid #CCC; }

/*
=============================================
会員登録について
=============================================
*/

div#kaiinlist{
	padding:10px 0;
	margin-bottom:10px;
}


div#kaiinlist table.layout caption{
	border:1px solid #CCC;
	border-bottom:none;
	font-weight:bold;
	padding:10px 7px;
	background:#FFF url(/_resource/images/mypage/bg_tabletit.jpg) repeat-x left bottom;
	margin:0;
}

div#kaiinlist table.layout,
div#kaiinlist table.layout2{
	border-collapse: separate;
	font-size:95%;
	width:600px;
	margin:0 10px;
}
div#kaiinlist table.layout{
	border:1px solid #CCC;
	border-bottom:none;
}

div#kaiinlist table.layout2{
	border:1px solid #88A7C4;
}

div#kaiinlist table.layout th{
	background:#E6E6E6;
	line-height:1;
	padding:6px 0 4px 6px;
	color:#666;
	border-top:1px #FFF solid;
	border-bottom:1px #CCC solid;
}

div#kaiinlist table.layout th.cellL{
	border-right:1px solid #CCC;
}

div#kaiinlist table.layout th.cellC{
	border-left:1px solid #FFF;
	border-right:1px solid #CCC;
}

div#kaiinlist table.layout th.cellR{
	border-left:1px solid #FFF;
}

div#kaiinlist table.layout2 td{
	background:#FFF;
	line-height:1.4;
	padding:2px 0 1px 8px;
	overflow:hidden;
	height:30px;
	border-bottom:1px dotted #88A7C4;
}

td.tablecellS{
	font-weight:bold;
}

.tablecellM{
	width:150px;
}

.tablecellP{
	width:150px;
}

.tablecellM,
.tablecellP{
	text-align:center;
}

div#kaiinlist table.layout2 td.ps{
	background:url(/_resource/images/flow/award_star.jpg) no-repeat left 4px;
	zoom:1;
	padding:0 0 0 20px;
}

div#kaiinlist p{
	margin:0 10px 20px 10px;
	line-height:1.5;
}

div#kaiinlist p.subTxt{
	color:#C00;
	margin:10px;
}

/*
=============================================
ご利用ガイド
=============================================
*/
div.stepArea{
	margin:0 10px;
	padding-bottom:15px;
}

div.stepArea h3{
	padding:8px 6px;
	font-weight:bold;
	background:#CCC;
	border-bottom:3px solid #666;
	margin:15px 0 ;
}

div.stepArea h4{
	padding:8px 6px;
	font-weight:bold;
	border:1px solid #CCC;
	margin:10px 0 0 0;
	background:#F6F6F6;
}

div.stepArea h4 span{
	color:#C00;
	margin:0 8px 0 0;
}

div.stepArea p{
	padding:10px;
	border:1px solid #CCC;
	border-top:none;
	line-height:1.4;
}


div.stepArea p.arrowImg{
	text-align:center;
	margin:5px auto;
	padding:0;
	line-height:1;
	border:none;
}


/*
=============================================
お問い合わせ関連
=============================================
*/


div.contactBox{
	background:#F6F6F6;
	border:1px solid #CCC;
	padding:10px;
	text-align:center;
	margin:25px 0 25px 0;
}

div.contactBox div.contactBtn{
	padding:10px 0;
}


/*
=============================================
フィード用ページ
=============================================
*/

div#newsBox{
	clear:both;
	margin-bottom:25px;
}


div#newsBox img{
	float:right;
	display:block;
	margin:0 10px;
}


div#newsBox h3{
	font-size:14px;
	font-weight:bold;
	color:#CC3300;
}

div#newsBox p{
	line-height:1.5;
}


div#newsCatBox{
	clear:both;
	margin-bottom:15px;
}

div#newsCatBox h4{
	background:transparent url(/_resource/images/common/bg_lineblock.gif) repeat scroll;
	font-size:12px;
	color:#333;
}

div#newsCatBox ul li{
　list-style-type:circle;
}

.newsDate{
	text-align:left;
	font-size:90%;
	font-weight:normal;
	color:#333;
	padding-bottom:10px;
	}

.newsDateList{
	text-align:right;
	font-size:90%;
	font-weight:normal;
	color:#333;
	padding-left:10px;
	}