@charset "shift_jis";/* エスケープ */

/* sitetop.css:サイトトップのみが読み込むCSSです。 */

/* ========== 目次 ==========
   1:各要素のリセット
   2:基本レイアウト
   3:トップメニューエリア
   4:メインエリア
   5:フットメニューエリア
   ======================= */


@import "base.css";
@import "header_footer.css";

/* ==========================
   1:各要素のリセット
   ======================= */
div#content_wrapper h1,
div#content_wrapper h2,
div#content_wrapper h3,
div#content_wrapper h4,
div#content_wrapper h5,
div#content_wrapper h6 {
font-size:100%;
font-weight:bold;
}

/* for Firefox scrollbar */
html {
overflow-y:scroll;
}

/* ==========================
   2:基本レイアウト
   ======================= */
div#P_siteTop {
font-size:75%;/* P_siteTop内をデフォルトで12pxに設定 */
line-height:1.5em;
padding-bottom:10px;
}


/*トップページ用背景*/
body.TopPage{background-image:url(../img/sitetop/back.png);background-repeat:repeat-x; color:#333; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif; line-height:normal;}

/*イメージ下影*/
div.ImageButtomArea{
	background-image:url(../img/sitetop/image_bottom.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:13px;
}

/*サービスエリア*/
div.ServiceArea{
	width:974px;
	height:582px;
	background-image:url(../img/sitetop/service_back.png);
	margin:0 auto;
	padding:3px;
}
	div.ServiceArea div.ServiceLargeArea{
		width:974px;
		height:187px;
		margin:0 0 2px 0;
	}
		div.ServiceArea div.ServiceLargeArea div.LargeButtonLeft{
			width:323px:
			height:187px;
			float:left;
			margin:0 2px 0 0;
		}
		div.ServiceArea div.ServiceLargeArea div.LargeButtonRight{
			width:323px:
			height:187px;
			float:right;
		}
	
	div.ServiceArea div.ServiceSmallArea01{
		width:949px;
		height:84px;
		margin:17px 15px 0 13px;
	}
		div.ServiceArea div.ServiceSmallArea01 div.SmallButtonLeft{
			width:231px;
			height:84px;
			background-image:url(../img/sitetop/bs_back.png);
			float:left;
			margin:0 8px 0 0;
		}
		div.ServiceArea div.ServiceSmallArea01 div.SmallButtonRight{
			width:231px;
			height:84px;
			background-image:url(../img/sitetop/bs_back.png);
			float:right;
		}
	div.ServiceArea div.ServiceSmallArea02{
		width:949px;
		height:84px;
		margin:2px 15px 0 13px;
	}
		div.ServiceArea div.ServiceSmallArea02 div.SmallButtonLeft{
			width:231px;
			height:84px;
			background-image:url(../img/sitetop/bs_back.png);
			float:left;
			margin:0 8px 0 0;
		}
		div.ServiceArea div.ServiceSmallArea02 div.SmallButtonRight{
			width:231px;
			height:84px;
			background-image:url(../img/sitetop/bs_back.png);
			float:right;
		}
/*ボトムコンテンツエリア*/
div.ButtomContentsArea{
	width:974px;
	height:660px;
	margin:0 auto;
}
/* --------------------------------
   お勧めとお知らせを囲む
-------------------------------- */
	#mainArea {
		width:974px;
		margin-top:10px;
	}
	#mainArea .container {
		background: url(../img/sitetop/recommend_news_bg_mdl.gif) left repeat-y;/* エリアが縦に伸びる場合の背景 */
	}
	#mainArea .container .clearfix {
		background: url(../img/sitetop/recommend_news_bg_btm.gif) left bottom no-repeat;/* お勧め＋お知らせの下辺を揃える背景 */
	}

	div.ButtomContentsArea #recommend{
		float:left;
		width:374px;
		background: url(../img/sitetop/recommend_bg.gif) left top no-repeat;/* 緑斜線背景 */
		padding-top:10px;
	}
	/* 黄色枠 ----- */
	div.ButtomContentsArea #recommend .section01 {
		background:#FFFFEF url(../img/sitetop/recommend_sec_btm01.png) center bottom no-repeat;/* 黄色グラデ下辺背景 */
		margin:0 9px;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	div.ButtomContentsArea #recommend .section01 p {
		margin-left:15px;
		margin-right:15px;
		line-height:1.7em;
	}
	div.ButtomContentsArea #recommend .section01 p.title {
		margin-left:0;
		margin-right:0;
		margin-bottom:10px;
	}
	div.ButtomContentsArea #recommend .section01 p.detail {
		margin-top:15px;
		text-align:right;
	}
	div.ButtomContentsArea #recommend .section02 {
		background:#FFFFEF url(../img/sitetop/recommend_sec_btm02.png) center bottom no-repeat;/* 黄色グラデ下辺背景 */
		margin:0 9px;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	div.ButtomContentsArea #recommend .section02 p {
		margin-left:15px;
		margin-right:15px;
		line-height:1.7em;
	}
	div.ButtomContentsArea #recommend .section02 p.title {
		margin-left:0;
		margin-right:0;
		margin-bottom:10px;
	}
	div.ButtomContentsArea #recommend .section02 p.detail {
		margin-top:15px;
		text-align:right;
	}
	/* テキストメニュー ----- */
	div.ButtomContentsArea #recommend p.textmenu {
		background:url(../img/sitetop/recommend_txtmenu_mdl.gif) repeat-y;
		margin:0 9px;
		margin-bottom:10px;
		font-size:118%;/* 14px相当 */
		line-height:1.5em;
		font-weight:bold;
		height:100%;
		font-size:
	}
	div.ButtomContentsArea #recommend p.textmenu span {
		background:url(../img/sitetop/recommend_txtmenu_btm.gif) bottom no-repeat;
		display:block;
	}
	div.ButtomContentsArea #recommend p.textmenu span span {
		background:url(../img/sitetop/recommend_txtmenu_top.gif) top no-repeat;
		padding-left:25px;
		padding-top:15px;
		padding-bottom:15px;
		padding-right:10px;
	}
	/* --------------------------------
 	  お知らせ
	-------------------------------- */
	#news {
		float:left;
		width:374px;
		margin:0 0 0 12px;
	}
	#news h2 {
		background:url(../img/sitetop/news_ttl.gif) no-repeat;
		font-size:118%;/*14px相当*/
		font-weight:bold;
		height:29px;/* 画像高さ39px-上padding */
		padding:10px 0 0 20px;
	}
	
	/* お知らせ一覧リスト ----- */
	#news dl {
		background:url(../img/sitetop/news_bg.gif) top repeat-x;
		margin:0 1px;
		padding-left:10px;
		padding-right:10px;
		padding-top:15px;
		height:100%;/* 【IE対策】dd.noDateにmargin-top:-1.5em;を指定した際、dd.noDateにdlの背景が表示されるのを防ぐ */
	}
	#news dt {
	}
	#news dt img {
		margin-bottom:-2px;
	}
	#news dt span.date {
		margin-left:10px;
	}
	#news dd {
		padding-left:80px;
		margin-bottom:1em;
	}
	#news dd.noDate {/* 日付を入れない場合 */
	
	}
	
	/* 各サービスのお知らせ一覧へのリンク ----- */
	#news ul {
		border-top:#CCCCCC solid 1px;
		margin:0 10px;
		padding:15px 10px;
	}
	#news ul li {
		background:url(../img/arrow1.gif) left 7px no-repeat;
		padding-left:15px;
		margin-bottom:.5em;
	}
	/* --------------------------------
 	  サービスを目的別に探す
	-------------------------------- */
	#search {
		float:right;
		width:208px;
		margin:0 0 0 6px;
	}
	#search div.SearchButtonTitle{
		width:208px;
		height:38px;
		margin:0 0 16px 0;	
	}
	#search div.SearchButton{
		width:208px;
		height:58px;
		background-image:url(../img/sitetop/s_back.png);
		margin:0 0 10px 0;
	}
	#search div.SearchButtonLast{
		width:208px;
		height:58px;
		background-image:url(../img/sitetop/s_back.png);
		margin:0 0 0 0;
	}
	
/*-------------------------
 ページトップへ　のリンク
--------------------------*/

div.PageTop {
	text-align:right;
	height:20px;
	width:974px;
	margin:0 auto 0;
	padding:20px 0 0 0;
}
div.PageTop a {
	background:url(../img/pagetop.gif) left top no-repeat;
	padding:0 0 0 20px;
}

/*-------------------------
  フッターリンク
--------------------------*/
div.GrobalFootterFont{
	font-size:125%
}

div.FooterArea{
	width:100%;
	background-color:#f6f6f6;
	margin:0 0 5px 0;
}

	div.FooterArea div.FooterUpper{
		background:url(../img/sitetop/f_upper.png) center top no-repeat;
		height:20px;
		width:100%;
	}
	div.FooterArea div.FooterBootom{
		background:url(../img/sitetop/f_bottom.png) center bottom no-repeat;
		height:15px;
		width:100%;
	}
	div.FooterArea div.FooterContents{
		width:974px;
		margin:0 auto 0;
		height:230px;
		padding:10px 0 0 0;
	}
		div.FooterArea div.FooterContents div.SiteMenu{
			background:url(../img/sitetop/f_line.png) right center no-repeat;
			height:230px;
			width:160px;
			float:left;
			margin:10px 20px 0 15px;
		}
		div.FooterArea div.FooterContents div.ServiceLeft{
			float:left;
			width:360px;
			margin:10px 15px 0 15px;
		}
		div.FooterArea div.FooterContents div.ServiceRight{
			float:right;
			width:380px;
			margin:10px 5px 0 0;
		}
		ul.FooterList{
			font-size:11px;*
			margin:35px 0 0 15px;
		}
			ul.FooterList li.List01{
				list-style-image:url(../img/arrow1.gif);
				padding:2px 0;
			}
			ul.FooterList li.List02{
				margin:0 0 0 0;
				padding:2px 0;
			}
			ul.FooterList li.ListFloat02{
				float:left;
				margin:0 5px 0 5px;
				width:60px;
				padding:2px 0;
			}
			ul.FooterList li.List03{
				list-style-image:url(../img/arrow2.gif);
				padding:2px 0;
				margin:0 0 0 8px;
			}
			img.ListIcon{
				margin:5px 8px 0 0;
			}

/*-------------------------
  フッターロゴ
--------------------------*/
div.LogoArea{
	width:974px;
	margin:0 auto 10px;
	text-align:right;
}
	div.LogoArea img{
		vertical-align: middle;
		margin:0 5px;
	}
	div.LogoArea img.Privacy{
		margin-bottom:25px;
	}
	div.LogoArea img.Nintei{
		margin-bottom:40px;
	}