@charset "utf-8";


/*

information {
	ファイル名 : /css/style2.css;
	概要 : コンテンツ部分（.main内）のスタイルの設定を行う。;
	}
*/


/* Contents
--------------------------------------------------------------------------

	1 : ページタイトル
	2 : サブタイトル
	3 : 各種共通部分
	4 : ノウハウページのレイアウト
	5 : 見積り同行依頼の使い方、会社紹介申し込みの使い方

--------------------------------------------------------------------------
*/





/* ***********************************************************************
	1 : ページタイトル
*********************************************************************** */

.main #pagettl {
	margin-bottom: 20px;
	}
.main #pagettl h2 {
	font-size: 2em;
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 12px;
	border-bottom: 1px solid #bbb;
	background: url(../images/content/index_pttl.gif) left center no-repeat;
	}

.main #pagettl p {
	font-size: 1.33em;
	line-height: 1.5em;
	}


/* ***********************************************************************
	2 : サブタイトル
*********************************************************************** */

.main #subttl {
	margin-bottom: 19px;
	background: url(../images/content/sttl_bg.gif) left top no-repeat;
	}

.main #subttl h3 {
	font-size: 1.66em;
	font-weight: bold;
	height: 44px;
	padding-left: 85px;
	padding-top: 23px;
	}

.main #subttl p {
	text-align: center;
	font-size: 1.16em;
	line-height: 1.1em;
	margin-top: 5px;
	}

.main #subttl_02 {
	margin-bottom: 19px;
	background: url(../images/content/sttl_bg_02.gif) left top no-repeat;
	}

.main #subttl_02 h3 {
	text-align: center;
	font-size: 1.66em;
	font-weight: bold;
	height: 44px;
	padding-left: 0px;
	padding-top: 23px;
	}

.main #subttl_02 p {
	text-align: center;
	font-size: 1.16em;
	line-height: 1.1em;
	margin-top: 5px;
	}




/* ***********************************************************************
	3 : 各種共通部分
*********************************************************************** */

/* #itembox
----------------------------------------*/
#itembox {
	margin-bottom: 30px;
	background: url(../images/content/itembox_bg.gif) left top repeat-y;
	}
#itembox #inner_top {
	background: url(../images/content/itembox_top.gif) left top no-repeat;
	}
#itembox #inner_btm {
	padding: 23px 23px 35px;
	background: url(../images/content/itembox_btm.gif) left bottom no-repeat;
	}


/* ページトップへ
----------------------------------------*/
div.ptop p {
	line-height: 1.1em;
	text-align: right;
	}
div.ptop p a {
	padding-left: 18px;
	background: url(../images/content/arrow01.gif) left center no-repeat;
	}




/* ***********************************************************************
	4 : ノウハウページのレイアウト
*********************************************************************** */

.knowhow h4 {
	font-size: 1.66em;
	font-weight: bold;
	line-height: 1.2em;
	padding-left: 48px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #999;
	}
.knowhow h4#item01 {background: url(../images/content/item01.gif) left top no-repeat;}
.knowhow h4#item02 {background: url(../images/content/item02.gif) left top no-repeat;}
.knowhow h4#item03 {background: url(../images/content/item03.gif) left top no-repeat;}

.knowhow h4 a:link,
.knowhow h4 a:visited {
	color: #333;
	text-decoration: none;
	}
.knowhow h4 a:hover,
.knowhow h4 a:active {
	color: #06d;
	text-decoration: underline;
	}


.knowhow h5 {
	font-size: 1.66em;
	font-weight: bold;
	line-height: 1.2em;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #999;
	}

.knowhow h5 a:link,
.knowhow h5 a:visited {
	color: #333;
	text-decoration: none;
	}
.knowhow h5 a:hover,
.knowhow h5 a:active {
	color: #06d;
	text-decoration: underline;
	}





.main div.listbox {
	margin-bottom: 30px;
	}
.listbox p {
	float: left;
	width: 295px;
	margin-right: 20px;
	}
.listbox ul {
	font-size: 1.33em;
	line-height: 1.75em;
	}
.listbox li a {
	padding-left: 20px;
	background: url(../images/content/arrow02.gif) left center no-repeat;
	}


.main div.cbox {
	margin-bottom: 25px;
	}
.main div.mb_clear {
	margin-bottom: 0px;
	}
.cbox dt {
	color: #630;
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.25em;
	padding-left: 10px;
	padding-top: 2px;
	margin-bottom: 10px;
	border-left: 5px solid #ffaf00;
	}
.cbox dd {
	font-size: 1.33em;
	line-height: 1.5em;
	margin-bottom: 15px;
	}



/* ***********************************************************************
	5 : 見積り同行依頼の使い方、会社紹介申し込みの使い方
*********************************************************************** */

#imgarea {
	margin-bottom: 25px;
	}



.howto h3 {
	font-size: 1.66em;
	font-weight: bold;
	line-height: 1.2em;
	padding-left: 75px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
	}
.howto h3#step01 {background: url(../images/content/step01.gif) left top no-repeat;}
.howto h3#step02 {background: url(../images/content/step02.gif) left top no-repeat;}
.howto h3#step03 {background: url(../images/content/step03.gif) left top no-repeat;}
.howto h3#step04 {background: url(../images/content/step04.gif) left top no-repeat;}

.main div.sbox {
	margin-bottom: 15px;
	}

.sbox p {
	font-size: 1.33em;
	line-height: 1.5em;
	margin-bottom: 10px;
	}
.sbox ul {
	font-size: 1.33em;
	line-height: 1.1em;
	margin-bottom: 10px;
	}
.sbox li {
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #999;
	}
.sbox li.noline {
	padding-right: 0px;
	margin-right: 0px;
	border: none;
	}
.sbox div.ptop {
	font-size: 0.75em;
	line-height: 1.1em;
	}


.gotohome p {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
	}