@charset "utf-8";

/*
======== table of content. =================================

summary:コンテンツページ用 共通設定

- MAIN
  - BREADCRUMBS
  - CONTACT-NAVI
- PROMOTIONAREA
- CONTENT
- SERVICEAREA

============================================================
*/


/*-----------------------------------------------------
MAIN(base.cssをオーバーライド)
-------------------------------------------------------*/
div#main {
	padding:0;
	width:980px;
	background:
			transparent
			url(/global/images/content/img_content_side_middle.jpg) 
			repeat-y 100% 117px;
}


div#main-container {
	background:
			transparent
			url(/global/images/content/img_content_side_btm.jpg) 
			no-repeat right bottom;
	line-height:1.5;
}
* html div#main-container {
	font-size:0.95em;
}
*:first-child+html div#main-container {
	font-size:0.95em;
}

div#main-sideimage {
	position:absolute;
	right:20px;
	top:117px;
}


/*-----------------------------------------------------
CONTACT-NAVI(base.cssをオーバーライド)
※エレベーター動作設定のために必要(基本の高さ：176px)
-------------------------------------------------------*/

dl#contactNavi {
	top:-2824px;
	height:3000px;
}

/*-----------------------------------------------------
BREADCRUMBS
-------------------------------------------------------*/
dl#breadCrumbs {
	margin:10px 0 0 20px;
	width:756px;
	height:26px;
	background:
			transparent
			url(/global/images/content/bg_breadcrumbs.gif) 
			repeat-x left top;
}

dl#breadCrumbs dd {
	padding:3px 0 0 0;
	position:relative;
	height:24px;
	text-align:right;
}
dl#breadCrumbs ul {
	position:absolute;
	right:0;
}
dl#breadCrumbs ul li {
	margin:0 3px 0 0;
	padding:1px 12px 0 0;
	/*display:inline;*/
	float:left;
	background:
			transparent
			url(/global/images/content/blead_c_curosor.gif)
			no-repeat right center;
	font-size:0.75em;
	color:#666;
}

/** HOMEへのリンク */
dl#breadCrumbs ul li a.homelink {
	width:33px;
	height:17px;
	display:block;
	float:left;
	background:
			transparent
			url(/global/images/content/blead_c_home.gif)
			no-repeat left center;
}

dl#breadCrumbs ul li a.homelink span {
	display:none;	
}

/** アクティブページ */
dl#breadCrumbs ul li.active {
	margin-right:0;
	padding:1px 2px;
	border:1px dotted #BBB;
	background:#EEE;
}

dl#breadCrumbs ul li.active h2 {
	padding:2px;
	display:inline;
	font-size:1em;
}


/*-----------------------------------------------------
PROMOTIONAREA(base.cssをオーバーライド)
-------------------------------------------------------*/

/** 各ページのメイン画像の背景部分は各ページ専用のCSSに記述 */
div#promotionArea {
	padding:16px 0 0 0;
	width:776px;
	height:311px;	
}

div#promotionArea h3 {
	
}

div.index-area {
	margin:49px 0 0 43px;
	width:382px;
	background:
			transparent
			url(/global/images/content/txt_index_waku.gif) 
			repeat-y left top;
}
div.index-area p {
	padding:8px 20px 20px 20px;
	width:342px;
	height:108px;
	background:
			transparent
			url(/global/images/content/txt_index_waku_btm.gif) 
			no-repeat left bottom;
	font-size:1em;
	line-height:1.3;
}


/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
div#content-container {
	margin:0 0 0 20px;
	width:756px;
}

/** 詳細は各ページ専用のCSSに記述 */

ul#tags {
	margin:0 0 0 21px;
}
ul#tags li {
	float:left;
}
ul#tags li dl#items {
	
}
ul#tags li dl#items dt {
	height:69px;
}
ul#tags li dl#items dd {
	padding:10px 18px;
	background:
			transparent
			url(/global/images/content/img_tag_middle.gif) 
			repeat-y left top;
}


/*-----------------------------------------------------
SERVICEAREA(base.cssをオーバーライド)
-------------------------------------------------------*/
div#serviceArea {
	margin:23px 0 0 0;
}
dl#serviceNavi {
	width:980px;	
}
dl#serviceNavi dd ul {
	margin:5px 0 5px 20px;
	width:905px;
}