/*
 @charset "shift_jis";
*/
/* =====================================================================
*
*    INDEX
*
*    // コンテンツ共用スタイル
*
*    1. Global Structure
*    2. Header Structure
*    3. Global Navigation Structure
*    4. Main Contents Structure
*    5. Footer Structure
*
* =================================================================== */


/* =====================================================================
*
*    1. Global Structure
*
* =================================================================== */
body {
	background-color: #ffffff;
/*	background-image : url(/images/page_bg.gif);
	background-repeat : repeat;
	background-position : top left; */
}

div#Wrapper {
	background: #fff;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}


/* =====================================================================
*
*    2. Header Structure
*
* =================================================================== */

div#Header {
	background-color: #fff;
	background-image : url(/images/headder_bg.png);
	background-repeat : no-repeat;
	background-position : top left;
	overflow: hidden;
}
div#Header h1 {
	padding:0 0 0 150px;
}
	* html div#Header h1 {
		margin: 0 0 0 150px;
		width: 460px;
		height: 60px;
		/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/headder_logo.png); */
	}
	* html div#Header h1 img {
		display: none;
	}
div#Header h1 img {
	display: block;
}
div#Header p#sitemapLink {
	position:absolute;
	right:331px;
	top:25px;
	font-size:0;
}
/* =====================================================================
*
*    3. Global Navigation Structure
*
* =================================================================== */
div#GrovalNavi {
	background: #fff;
}
div#GrovalNavi dl {
	width: 178px;
	margin: 1px;
	padding: 0;
	margin: 4px 0 14px 2px;
}
div#GrovalNavi dl:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
div#GrovalNavi dl {
	display: inline-block;
}
/*\*/
* html div#GrovalNavi dl {
	height: 1%;
}
div#GrovalNavi dl {
	display: block;
}
div#GrovalNavi dl dt {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
	display:none;
}
div#GrovalNavi dl dd ul li {
	float:left;
	font-size:0px;
	margin:0;
	padding:0;
}

div#GrovalNavi ul#ecapGNaviList li {
}
div#GrovalNavi ul#ecapGNaviList li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 178px;
	height: 45px;
}
div#GrovalNavi ul#ecapGNaviList li.memberlogin a {
	background-image : url(/images/MenuMemberLogin.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapGNaviList li.home a {
	background-image : url(/images/MenuTopPageLink.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapGNaviList li.contractinfo a {
	background-image : url(/images/MenuMemberservice.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapGNaviList li.companyinfo a {
	background-image : url(/images/MenuCompanyprofile.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapGNaviList li.requestguide a {
	background-image : url(/images/MenuShiryoseikyu.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapGNaviList li.contactus a {
	background-image : url(/images/MenuContact.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapGNaviList li a:hover { background-position: left bottom; }


div#GrovalNavi ul#ecapComplianceMenu li {
	margin-bottom: 4px;
}
div#GrovalNavi ul#ecapComplianceMenu li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 178px;
	height: 36px;
}

div#GrovalNavi ul#ecapComplianceMenu li.compliance a {
	background-image : url(/images/Menu_compliance.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapComplianceMenu li.privacy a {
	background-image : url(/images/Menu_privacy.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapComplianceMenu li a:hover { background-position: left bottom; }


div#GrovalNavi ul#ecapBannerLink li {
	margin-bottom: 16px;
}
div#GrovalNavi ul#ecapBannerLink li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 148px;
	height: 78px;
}

div#GrovalNavi ul#ecapBannerLink li.bannerKabunikki a {
	background-image : url(/images/banner_kabunikki.jpg);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapBannerLink li.bannerSharetive a {
	background-image : url(/images/banner_Sharetive.jpg);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapBannerLink li.bannerSharetive2 a {
	background-image : url(../images/banner_Sharetive_5.jpg);
	background-repeat : no-repeat;
	background-position : top left;
}
div#GrovalNavi ul#ecapBannerLink li a:hover { background-position: left bottom; }

/* =====================================================================
*
*    4. Main Contents Structure
*
* =================================================================== */
div#Columns {
	background: #fff;
}

div.MainContents  {
	display:block;
	float:right;
	height:auto;
	width:100%;
	margin:0 auto;
	padding:6px 0 10px;
	position:relative;
}

div#Contents {
	width:756px;
	height: auto;
	margin: 4px 2px 0 0;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 0;
	overflow: hidden;
	background: #fff;
}
div#MainContents h3 {
}

#ContentsSubMenu{
	padding-top:0px;
	padding-right:2px;
	padding-left:4px;
	margin: 20px 0 0 0;
	padding-bottom:4px;
	width: 146px;
	float:left;
	position:relative;
	display:inline;
}
#ContentsSubMenu h3{
	padding-bottom:8px;
	font-size:small;
	font-weight:bold
}
ul#ContentsSubMenuList{
    list-style: none;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
}
ul#ContentsSubMenuList li {
	padding-top:0px;
	padding-right:4px;
	padding-left: 14px;
	margin: 0px;
	padding-bottom: 8px;
    background: url(../images/m_mini.gif) no-repeat 0px 0.2em;
    list-style: none;
    font-size:small;
}

/*================================================================
	コンテンツページ用　コンテンツブロック
	[補足]
		コンテンツページにて、上下に2ブロックに分ける場合を想定して、
		コンテンツ・メインブロック内に1層分ネスト構造にしている。
		コンテンツ・タイトル（＝分類タイトル）はこのブロックで定義している。
================================================================*/
div.ContentsBlock01 {
	padding-top:0px;
	padding-right:4px;
	padding-left:0px;
	margin: 20px 0 0 0;
	padding-bottom:4px;
	/*width:590px;*/
	float:left;
	position:relative;
	display:inline;
}
div.ContentsBlock01Title {
	padding-top:2px;
	padding-right:0px;
	padding-left: 12px;
	margin: 0px;
	padding-bottom: 2px;
	border-left: 7px #4d80e4 solid;
	border-bottom: 2px #4d80e4 solid;
	font-size:large;
	font-weight:bold;
}
div.ContentsBlock01 p {
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	margin:0px;
	padding-bottom:8px;
	font-size:small;
	line-height:1.5em;
}
div.ContentsBlock01 h4 {
	font-size:18px;
	font-weight:bold;
	margin:10px 0 0 0;
}

div.ContentsBlock02 {
	padding-top:0px;
	padding-right:4px;
	padding-left:40px;
	margin: 20px 0 0 0;
	padding-bottom:4px;
	width:680px;
	float:left;
	position:relative;
	display:inline;
}
div.ContentsBlock02Title {
	padding-top:2px;
	padding-right:0px;
	padding-left: 12px;
	margin: 0px;
	padding-bottom: 2px;
	border-left: 7px #4d80e4 solid;
	border-bottom: 2px #4d80e4 solid;
	font-size:large;
	font-weight:bold;
}
div.ContentsBlock02 p {
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	margin:0px;
	padding-bottom:8px;
	font-size:small;
	line-height:1.5em;
}
div.ContentsBlock02 h4 {
	font-size:18px;
	font-weight:bold;
	margin:10px 0 0 0;
}
div.ContentsBlock02SubTitle {
	padding-top:2px;
	padding-right:0px;
	padding-left: 12px;
	margin: 0px;
	padding-bottom: 2px;
	border-left: 7px #4d80e4 solid;
	border-bottom: 2px #4d80e4 solid;
	font-size:large;
	font-weight:normal;
}
/*================================================================
	tableタグ　装飾クラス（共通外）
================================================================*/
/*--- 会員システム表  ---*/
table.MemberSystem {
	background-color:#fff;
}
.MemberSystem tr {
	background-color:#fff;
}
.MemberSystem td {
	background-color:#fff;
	padding:6px;
	font-size:20px;
}
/*--- 会社概要表  ---*/
table.CompanyOverview {
	background-color:#fff;
}
.CompanyOverview tr {
	background-color:#fff;
}
.CompanyOverview td {
	background-color:#fff;
	padding:6px;
	font-size:14px;
}
div.Doc1 {
	font-size:14px;
}
div.Doc1 p {
	font-size:14px;
}
/*================================================================
	リスト（ ul + li ）タグ　装飾クラス（共通外）
================================================================*/
ul.PrivacyPolicyText {
    list-style: none;
	padding-left:20px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:10px;
    margin: 0px;
}
.PrivacyPolicyText li {
	font-size:small;
}
ul.LinkList {
    list-style: none;
	padding-left:40px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:10px;
    margin: 0px;
}
.LinkList li {
	font-size:medium;
	padding-bottom:4px;
}


/* =====================================================================
*
*    5. Footer Structure
*
* =================================================================== */
div#Fotter {
	clear:both;
	border-top:3px solid #E4E4E4;
	padding:10px 0 0 0;
	background-image : url(/images/fotter_bg.gif);
	background-repeat : repeat-x;
	background-position : top left;
}
div#Fotter ul {
	float:left;
	display:inline;
	margin:0 0 0 10px;
}
div#Fotter ul li {
	float:left;
	display:inline;
	margin:0 20px 0 0;
	font-size:0;
}
div#Fotter p {
	float: right;
	display:inline;
	margin:0 10px 0 0;
}

div#FotterNavi {
}
div#FotterNavi dl {
}
div#FotterNavi dl:after {
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
div#FotterNavi dl {
	display: inline-block;
}
/*\*/
* html div#FotterNavi dl {
	height: 1%;
}
div#FotterNavi dl {
	display: block;
}
div#FotterNavi dl dt {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
	display:none;
}
div#FotterNavi dl dd ul li {
	float:left;
	font-size:0px;
	margin:0;
}
div#FotterNavi ul {
	float:left;
	display:inline;
	margin:0 0 0 10px;
}
div#FotterNavi ul#ecapFNaviList li {
}
div#FotterNavi ul#ecapFNaviList li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

div#FotterNavi ul#ecapFNaviList li.sitepolicy a {
	background-image : url(/images/btn_fnavi01_on.gif);
	background-repeat : no-repeat;
	background-position : top left;
	width: 100px;
	height: 10px;
}
div#FotterNavi ul#ecapFNaviList li.sitepolicy a:hover {
	background-image : url(/images/btn_fnavi01_off.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#FotterNavi ul#ecapFNaviList li.privacy a {
	background-image : url(/images/btn_fnavi02_on.gif);
	background-repeat : no-repeat;
	background-position : top left;
	width: 140px;
	height: 10px;
}
div#FotterNavi ul#ecapFNaviList li.privacy a:hover {
	background-image : url(/images/btn_fnavi02_off.gif);
	background-repeat : no-repeat;
	background-position : top left;
}
div#FotterNavi ul#ecapFNaviList li.compliance a {
	background-image : url(/images/btn_fnavi03_on.gif);
	background-repeat : no-repeat;
	background-position : top left;
	width: 140px;
	height: 10px;
}
div#FotterNavi ul#ecapFNaviList li.compliance a:hover {
	background-image : url(/images/btn_fnavi03_off.gif);
	background-repeat : no-repeat;
	background-position : top left;
}