@charset 'utf-8';

/*
	----------------------------------------------
	★千代木工ＣＳＳファイル（その他）
	----------------------------------------------
*/

* {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	text-align: left;
	color: #6C6958;
}

body {
	padding: 0px;
	text-align: center;
	margin: 0px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #638CBB;
	background-image: url(http://www.sendai-works.biz/back/back_line.gif);
	border-bottom-width: 30px;
	border-bottom-style: solid;
	border-bottom-color: #638CBB;
}

img {
	border: 0px;
}

/*------------------------------------------------------------
	レイアウト　
------------------------------------------------------------*/

div#container {
	width: 800px;
	margin-right: auto;
	margin-bottom: -30px;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F9F9F2;
	border-left-color: #F9F9F2;
	background-color: #FFFFFF;
}

div#container #header {/* ヘッダー　☆全ページ共通 */
	clear: both;
	float: none;
	margin-bottom: 50px;
}


div#container #quality {/* 　千代体質のページ */
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

div#container #bookcase {/* 左部の本棚の写真　☆千代体質を除くページ */
	float: left;
	margin-left: 40px;
}

div#container #privacy {/* プライバシーのページ */
	float: right;
	width: 520px;
	margin-right: 40px;
	margin-bottom: 30px;
}

div#container #works {/* ワークスのページ */
	float: right;
	width: 520px;
	margin-right: 40px;
	margin-bottom: 30px;
}

div#container #profile {/* 千代プロフィールのページ */
	float: right;
	width: 520px;
	margin-right: 40px;
	margin-bottom: 30px;
}

div#container #mail {/* メールのページ */
	float: right;
	width: 520px;
	margin-right: 40px;
	margin-bottom: 30px;
}

div#container #footer {/* フッター　☆全ページ共通 */
	clear: both;
	float: none;
}

/*------------------------------------------------------------
	ヘッダー（全ページ共通）　
------------------------------------------------------------*/

div#header h1 {/* インテリア小物家具－株式会社 千代木工 */
	padding-top: 15px;
	margin-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#header h2 {/* 千代ロゴ */
	margin-top: 20px;
	margin-left: 40px;
	border: 0px none #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*------------------------------------------------------------
	クオリティー／sendai_quality.html 
------------------------------------------------------------*/

div#quality h1 {
	text-align: center;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

div#quality h2 {
	text-align: center;
	padding: 0px;
	margin-bottom: 30px;
}

div#quality h4 {
	text-align: center;
	padding: 0px;
	margin-bottom: 30px;
}

div#quality h5 {
	font-size: 16px;
	line-height: 32px;
	font-weight: normal;
	color: #3C3928;
	text-align: center;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
	"ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

div#quality ul {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#quality ul li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
}

/*------------------------------------------------------------
	プライバシー／privacy.html 
------------------------------------------------------------*/

div#privacy h2 {
	font-size: 16px;
	font-weight: normal;
	text-align: right;
}

div#privacy h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}

div#privacy dl {
	margin-top: 30px;
}

div#privacy dl dt {
	font-size: 16px;
	font-weight: bold;
}

div#privacy dl dd {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	margin-top: 10px;
}


/*------------------------------------------------------------
	ワークス／sendai_works.html
------------------------------------------------------------*/

div#works h2{
	font-size: 16px;
	font-weight: normal;
	color: #3C3928;
	line-height: 22px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
	"ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC9B8;
	padding-bottom: 20px;
}

div#works p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div#works .works {/* 工程単位の枠 */
	margin-bottom: 0px;
	margin-top: 40px;
	clear: both;
	float: none;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

div#works .works h1{/* 工程のマーク */
	float: left;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	clear: both;
}

div#works .works h3{
	font-size: 18px;
	font-weight: normal;
	color: #6C6958;
	line-height: 26px;
	clear: none;
}

div#works .works .process {/* 各工程の作業手順 */
	text-align: center;
	border: 1px dotted #CCC9B8;
	float: none;
	clear: both;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

div#works .works .process ol  {
	margin: 0px;
	padding: 0px;
}

div#works .works .process ol li {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #6C6958;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}

div#works .works .process dl {
	margin-left: 30px;
	margin-top: 0px;
	margin-right: 20px;
	padding: 0px;
	margin-bottom: 0px;
}

div#works .works table {
	margin-top: 10px;
	padding: 0px;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div#works .works table tr th {
	font-size: 15px;
	font-weight: normal;
	color: #638CBB;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ECE9D8;
	margin-top: 1px;
	margin-bottom: 1px;
	border: 1px solid #FFFFFF;
	width: 100px;
	text-align: center;
}

div#works .works table tr td {
	font-size: 15px;
	font-weight: normal;
	color: #6C6958;
	padding-left: 10px;
	background-color: #F9F9F2;
	border: 1px solid #FFFFFF;
}


div#works .works .photo {
	margin-top: 10px;
}

div#works .works .photo b {
	padding-right: 9px;
	padding-left: 9px;
}

/*------------------------------------------------------------
	プロフィール／sendai_profile.html
------------------------------------------------------------*/

div#profile table {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC9B8;
}

div#profile table tr {
}

div#profile table tr th {
	vertical-align: top;
	width: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC9B8;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #638CBB;
}

div#profile table tr td {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC9B8;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #6C6958;
}

div#profile table tr td h3 {
	font-size: 15px;
}

div#profile table tr td h4 {
	font-size: 16px;
	font-weight: normal;
	color: #6C6958;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 22px;
}

div#profile table tr td iframe {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;	
}

div#profile table tr td small, div#profile table tr td small a {
	font-size: 13px;	
}


/*------------------------------------------------------------
	フッター（全ページ共通） 
------------------------------------------------------------*/

div#footer .address {
	font-family: Arial, Helvetica, sans-serif, Osaka;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #638CBB;
	height: 25px;
	padding-top: 5px;
	padding-left: 40px;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 0px;
	margin-left: -5px;
}


/*------------------------------------------------------------
	メール
------------------------------------------------------------*/

div#mail .mail {
}

div#mail .mail h4, div#mail .form h4 {
	font-size: 16px;
	font-weight: normal;
	color: #6C6958;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #638CBB;
}

div#mail .mail dl {
	padding: 0px;
	margin: 0px;
}

div#mail .mail dl dt {
	font-size: 15px;
	font-weight: normal;
	color: #FF6600;
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 3px;
}

div#mail .mail dl dt b {
	color: #FF6600;
}

div#mail .mail dl dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC9B8;
	font-size: 15px;
	font-weight: normal;
	color: #6C6958;
	padding-bottom: 15px;
	padding-left: 22px;
}

div#mail .mail dl dt b, div#mail .mail dl dd b {
	font-family: Arial, Helvetica, sans-serif, Osaka;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

div#mail .form {
	margin-top: 50px;
	margin-bottom: 30px;
}

div#mail .form form {
	padding-right: 20px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
}

div#mail .form fieldset {
	border: 0px solid #000000;
}

div#mail .form legend {
	display: none;
}

div#mail .form dl dt {
	float: left;
	clear: left;
	width: 90px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	color: #6C6958;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 2px;
}

div#mail .form dl dd {
	margin: 1px;
	padding: 2px;
}

div#mail .form dl dd textarea {
	margin-top: 2px;
}

div#mail .form ul {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

div#mail .form ul li {
	list-style-type: none;
}

form input, form select {
	margin-right: 1px;
	padding: 1px;
	font-size: 90%;
}

div#mail .form select {
	margin-top: 1px;
}

div#mail .form p input {
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

div#mail .form textarea, div#mail .form input {
	padding: 1px;
	font-family: 'ＭＳ ゴシック', Osaka, monospace;
	line-height: 1.2;
	border: 1px solid #CCCCCC;
	font-size: 15px;
}


/*------------------------------------------------------------
	フォールメール（３htmlファイル共通）
------------------------------------------------------------*/

div#contents {
	padding: 0px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 30px;
	margin-left: 40px;
}

div#contents h1 {
	display: none;	
}

div#contents p {/* 各メッセージ */
	font-size: 16px;
	font-weight: normal;
	color: #6C6958;		
}

div#contents ul {/* 送信完了・エラーページ　 */
}

div#contents ul li {
    font-size: 16px;
	font-weight: normal;
	color: #6C6958;		
}

/*------------------------------------------------------------
	フォールメール（共通）
------------------------------------------------------------*/

div#contents .message fieldset {
	border: 0px solid #000000;
}

div#contents .message legend {
	display: none;
}

div#contents .message p input {
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

div#contents .message dl dt {
	float: left;
	clear: left;
	width: 90px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	color: #6C6958;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 2px;
}