@charset "UTF-8";

/*
*	Title: 各ページ用CSS
*	URI: 
*	Last Modified: 2010-03-31
*	Description: 各ページで使用する要素を定義する
*/

/*========================================
	1. 要素
========================================*/
body>div {
	background: #ffffff;
}

/*========================================
	2. メインコンテンツ枠
========================================*/
/* ----- ページ内コンテンツ枠 ----- */
#main #pageBodyWrap {
	position: relative;
	padding: 0 0 0;
}

/* ----- ページ内セクション枠 ----- */
#main #pageBodyWrap .sectionWrap {
	padding: 0 0 58px;
	line-height: 1.5;
}

#main #pageBodyWrap .sectionBox {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

#main #pageBodyWrap .sectionWrap .spaceTextBottom {
	margin-bottom: 30px;
	display: block;
}

#main #pageBodyWrap .sectionWrap .spaceImgBottom {
	margin-bottom: 29px;
}

#main #pageBodyWrap .sectionWrap .spaceWidth {
	margin-left: 10px;
	margin-right: 10px;
	display: block;
}


/*========================================
	3. 共通要素
========================================*/
/*--------------------------------------
	3-1. コンテンツエリア内
---------------------------------------*/
/* ----- 文字赤 ----- */
.attention {
	color: #9d0101;
}

/*--------------------------------------
	3-2. タイトル
---------------------------------------*/
/* ----- ページタイトル ----- */
h2 {
	padding-bottom: 24px;
}

h3 {
	height: 28px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/bg_subtitle_line.gif) no-repeat left bottom;
}

/*--------------------------------------
	3-3. 共通パーツ（メインエリア）：ページの先頭へ戻るリンク
---------------------------------------*/
#pageBodyWrap .pageLinkToTopArea {
	padding: 0 0 0;
	margin-top: 20px;
}

#pageBodyWrap .pageLinkToTopArea li {
	float: right;
	margin: 0;
}

#pageBodyWrap .pageLinkToTopArea li a {
	display: block;
	background: none;
	text-indent: 0;
}

#pageBodyWrap .pageLinkToTopArea li a:hover {
	text-indent: -9999px;
}

*:first-child+html #pageBodyWrap .pageLinkToTopArea li a:hover {
	margin-top: 4px;
}

/* ----- 各種メニュー ----- */
#pageBodyWrap .pageLinkToTopArea .pageLinkToTop {
	left: 0;
}

#pageBodyWrap .pageLinkToTopArea .pageLinkToTop,
#pageBodyWrap .pageLinkToTopArea .pageLinkToTop a {
	width: 64px;
}

#pageBodyWrap .pageLinkToTopArea .pageLinkToTop a:hover {
	background: url(../images/img_backToTop_on.gif) no-repeat;
}

/*--------------------------------------
	3-4. パンくずリスト
---------------------------------------*/
#topicPath {
	margin: 0 39px 0 52px;
	line-height: 1;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 38px;
}

#topicPath a {
	margin-right: 4px;
	color: #0000ff !important;
}

#topicPath span {
	margin-left: 4px;
}

/*--------------------------------------
	3-5. フッター
---------------------------------------*/
#footer #linkToTop #pageTop {
	left: 0;
}

#footer #linkToTop #pageTop,
#footer #linkToTop #pageTop a {
	width: 64px;
}

#footer #linkToTop #pageTop a:hover {
	background: url(../images/img_backToTop_on.gif) no-repeat;
}

/* ----- トップ、フッターIE7 ----- */
*:first-child+html #ind #footer #linkToTop #pageTop a:hover {
	margin-top: 4px;
}

/* ----- トップ以外、フッターIE7 ----- */
*:first-child+html #footer #linkToTop #pageTop a:hover {
	margin-top: 2px;
}

/* ----- トップ、フッターIE6 ----- */
*html #ind #footer #linkToTop #pageTop a:hover {
	margin-top: 4px;
}

/* ----- トップ以外、フッターIE6 ----- */
*html #footer #linkToTop #pageTop a:hover {
	margin-top: 2px;
}

/* ----- トップ、フッターIE6 ----- */
*html #seminar #footer #linkToTop #pageTop a:hover {
	margin-top: 4px;
}

/*--------------------------------------
	3-6. お問い合わせ・資料請求枠
---------------------------------------*/
#inquiryDemandArea {
	padding-bottom: 100px;
}

#inquiryDemandArea .lineStraight {
	padding-bottom: 45px;
}

#inquiryDemandArea span{
	display: block;
	text-align: center;
}

/*========================================
	4. ホーム ： 【ind】
========================================*/
/* ----- トップへ戻る ----- */
#header span.toTop {
	float: left;
	padding-left: 176px;
	padding-top: 5px;
}

#header span.toTop a {
	display: block;
	background: url(../images/totop_hover.jpg) no-repeat top left;
}

/* ----- メイン枠 ----- */
#ind #main {
	margin-bottom: 70px;
}

#ind #indMainArea01 {
	background: url(../images/ind_line_1px.gif) no-repeat left top;
}

#ind #indMainArea02 {
	background: url(../images/ind_line_1px.gif) no-repeat right top;
}

/* ----- ビジュアルエリア01 ----- */
#ind #indImgArea01 {
	padding-top: 24px;
	margin: 0 auto;
	width: 772px;
	text-align: center;
}

#ind #indImgArea01 img{
	display: inline-block;
}

#ind #indImgArea01 .indImg1 {
	padding-bottom: 12px;
}

#ind #indImgArea01 .indImg2 {
	padding-bottom: 4px;
}

#ind #indImgArea01 .indImg4 {
	padding-bottom: 31px;
}

/* ----- ビジュアルエリア02 ----- */
#ind #indImgArea02 .indImg6 {
	padding-bottom: 29px;
}

#ind #indImgArea02 .indImg7 {
	padding-bottom: 30px;
}

#ind #indImgArea02 .indImg8 {
	padding-bottom: 10px;
}

#ind #indImgArea02 .indBtn1 {
	padding-bottom: 20px;
}

#ind #indImgArea02 .indBtn2 {
	padding-bottom: 10px;
}

#ind #indImgArea02 {
	margin: 0 auto;
	width: 505px;
	text-align: center;
}

#ind #indImgArea02 span {
	display: inline-block;
	font-size: 12px;
	padding-bottom: 35px;
}

/* ----- ビジュアルエリア03 ----- */
#ind #indImgArea03 {
	padding-top: 45px;
	padding-bottom: 10px;
	margin: 0 auto;
	width: 772px;
	text-align: center;
}

/* ----- ご提供する機能テーブル ----- */
#ind #indTxtArea01 {
	margin: 0 auto;
	width: 716px;
	font-size: 12px;
}

#ind #indTxtArea01 .indTitle1 {
	margin-bottom: 20px;
}

#ind #indTxtArea01 .indTitle2 {
	width: 677px;
	margin: 35px auto 20px auto;
}

#ind #indTxtArea01List {
	text-align: left;
	width: 656px;
	margin: 0 auto 0 auto;
} 

#ind #indTxtArea01List td.indTd01 {
	background: url(../images/ind_bg_subTxtBottom.gif) no-repeat left bottom;
} 

#ind #indTxtArea01List td img {
	padding: 0 0  13px 0;
} 

#ind #indTxtArea01List td ul {
	padding: 0 0 10px 16px;
	list-style-type: disc;
	margin-left: 10px;
	width: 180px;
} 

#ind #indTxtArea01List td ul li {
	line-height: 1.2;
	padding-bottom: 8px;
} 

/* ----- サービス体系テーブル ----- */
#ind #indTxtArea02List {
	width: 654px;
	text-align: left;
	margin: 0 auto;
} 

#ind #indTxtArea02List th {
	color: #ffffff;
	text-align: center;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 6px 0 5px 0;
} 

#ind #indTxtArea02List th.indTh01 {
	width: 202px;
	background-color: #236588;
} 

#ind #indTxtArea02List th.indTh02 {
	width: 225px;
	background-color: #5293b5;
} 

#ind #indTxtArea02List td {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 6px 14px 5px 14px;
} 

#ind #indTxtArea02List td.indTd01 {
	font-size: 14px;
	font-weight: bold;
} 

#ind #indTxtArea02List td.indTd02 {
	background-color: #e6e9eb;
} 

#ind #indTxtArea02List td.indTd03 {
	background-color: #f2f4f5;
} 

#ind #indTxtArea02List td img {
	padding: 0 0  13px 0;
} 

#ind #indTxtArea02List td ul {
	padding: 0 0 10px 16px;
	list-style-type: disc;
} 

/* ----- サービス料金ご案内テーブル ----- */
#ind #indTxtArea03List {
	width: 654px;
	text-align: left;
	margin: 0 auto;
} 

#ind #indTxtArea03List th {
	color: #ffffff;
	text-align: center;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 6px 0 5px 0;
} 

#ind #indTxtArea03List th.indTh01 {
	width: 140px;
	background-color: #6f8823;
} 

#ind #indTxtArea03List th.indTh02 {
	width: 120px;
	background-color: #92ab47;
} 

#ind #indTxtArea03List th.indTh03 {
	width: 196px;
	background-color: #92ab47;
} 

#ind #indTxtArea03List td {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 6px 14px 5px 14px;
} 

#ind #indTxtArea03List td.indTd01 {
	font-size: 14px;
	font-weight: bold;
} 

#ind #indTxtArea03List td.indTd02 {
	background-color: #e6e9eb;
} 

#ind #indTxtArea03List td.indTd03 {
	background-color: #f2f4f5;
} 

#ind #indTxtArea03List td span {
	font-size: 10px;
} 

#ind #indTxtArea03List td img {
	padding: 0 0  13px 0;
} 

/* ----- 保守サービステーブル ----- */
#ind #indTxtArea04List {
	width: 654px;
	text-align: left;
	margin: 0 auto;
} 

#ind #indTxtArea04List th {
	color: #ffffff;
	text-align: center;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 6px 0 5px 0;
} 

#ind #indTxtArea04List th.indTh01 {
	width: 140px;
	background-color: #6f8823;
} 

#ind #indTxtArea04List th.indTh02 {
	width: 120px;
	background-color: #92ab47;
} 

#ind #indTxtArea04List th.indTh03 {
	width: 196px;
	background-color: #92ab47;
} 

#ind #indTxtArea04List td {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 6px 14px 5px 14px;
} 

#ind #indTxtArea04List td.indTd01 {
	font-size: 14px;
	font-weight: bold;
} 

#ind #indTxtArea04List td.indTd02 {
	background-color: #e6e9eb;
} 

#ind #indTxtArea04List td.indTd03 {
	background-color: #f2f4f5;
}

#ind #indTxtArea04List td img {
	padding: 0 0  13px 0;
} 

/* ----- 保守サービステーブル下注釈 ----- */
#ind #indBox01 {
	width: 616px;
	margin: 15px auto 0 auto;
}

#ind #indBox01 ul {
	list-style-type: disc;
	padding: 0 0 0 16px;
}
