* {
	margin:0;
	padding:0;
	}

html,body{
height:100%;
}

body {
	background-image:url(../img/bg_hishi.gif);
	background-repeat:repeat;
	font-family:"ＭＳ 明朝",serif;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
}

a:link {
	color:#FFCC99;
	text-decoration:none;
}

a:visited {
	color:#FFCC99;
	text-decoration:none;
}

a:hover {
	color:#FFCC99;
	text-decoration:underline;
}

div {
	margin:0;
}

p {
	margin:0;
}

strong {
	font-size:1.3em;
	font-weight:bold;
	color:#FFCC99;
}

h1 {
	margin:0;
	padding:0;
}

/* ラッパー　コンテンツエリアの外枠 */

#wrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/* イントロダクション　*/
.introduction {
	width: 100%;
	margin:0;
	padding:10px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
}

/* ヘッダー　コンテンツエリアのヘッダー部分 */

#header {
	width:1000px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	background-color:#402000;
}
#header-en {
	width:1000px;
	height:55px;
	margin-left:auto;
	margin-right:auto;
	background-color:#402000;
}

.header_logo {
	width: 340px;
	float:left;
}

.header_menu {
	width: 650px;
	float:right;
	padding-right:10px;
	font-size:12px;
	line-height:45px;
	text-align: right;
}


/* コンテンツエリアのメイン部分（ページごとに内容が変わってくる部分） */

#contents {
	width:980px;
	min-height:800px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	background-color:#000000;
	background-image:url(../img/bg_onigawara.jpg);
	background-repeat:repeat-y;
}

/* 共通　ページタイトル（トップページ以外） */

#pagetitle {
	width:600px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#pagetitle img {
	float:left;
	margin-right:10px;
}

#pagetitle p {
	margin-left:190px;
	font-size:12px;
	color:#FFFFFF;
	line-height:18px;
}

.page_innner {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


/* コンテンツエリア　ページ別設定 */

/* トップページ（index.html） */

.intro {
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.intro_img {
	margin-bottom:10px;
}

.intro_img-hov {
	margin-bottom:10px;
	background: #fff;
}

.intro_img-hov a:hover {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter:"alpha( opacity=60 )";
background:none!important;
}


.banner {
	height:80px;
	margin-bottom:5px;
}

.pr {
	width:400px;
	height:70px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-size:11px;
	line-height:14px;
}

.pr img {
	float:left;
	margin-right:5px;
}
.pr a img:hover {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter:"alpha( opacity=60 )";
background:none!important;
}

.lang {
	padding: 5px 0px;
	font-weight: bold;
	text-align: right;
}


/* 会社概要（company.html） */

.company_title {
	width:590px;
	height:22px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#402000;
	font-size:18px;
	color:#FFCC99;
	line-height:22px;
	letter-spacing:1em;
}

.company_midashi {
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	color:#FFFFFF;
}

.company_txt {
	font-size:12px;
	padding-top:10px;
	color:#FFFFFF;
}

.company_img {
	margin:5px;
	border:1px solid #FFFFFF;
}

.company_img_cap {
	font-size:10px;
	font-family:"ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	color:#FFFFFF;
	text-align:center;
}

/* 施工事例（sekou.html） */

.sekou_title {
	width:590px;
	height:22px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#402000;
	font-size:18px;
	color:#FFCC99;
	line-height:22px;
	letter-spacing:1em;
}

.sekou {
	width:600px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	}
	
.sekou h2 {
	margin:0;
	margin-top:20px;
	background-color:#402000;
	}
	

.sekou_left {
	float:left;
	width:295px;
	margin-top:10px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:12px;
	line-height:15px;
	color:#FFFFFF;
}

.sekou_left img {
	margin-bottom:5px;
	border:5px solid #999999;
}

.sekou_right {
	float:right;
	width:295px;
	margin-top:10px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:12px;
	line-height:15px;
	color:#FFFFFF;
}

.sekou_right img {
	margin-bottom:5px;
	border:5px solid #999999;
}

.kouhou {
	color:#FFCC99;
}

.caption_1 {
	padding-top:10px;
}

.caption_2 {
	font-size:10px;
	font-family:"ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	color:#FFFFFF;
	text-align:center;
	padding:10px;
}


/* 瓦の豆知識（mame.html） */

.question {
	width:580px;
	height:22px;
	margin-top:15px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#402000;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:16px;
	color:#FFCC99;
	line-height:22px;
}

.answer {
	width:580px;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;
}


/* 職人紹介（shokunin.html） */

.profile_box {
	width:580px;
	margin-top:15px;
	border:1px solid #FFFFFF;
	padding:10px;
}

.photo_left {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

.photo_right {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}

.profile {
	font-size:13px;
	line-height:22px;
}

.profile-left {
	margin-bottom:10px;
	width:50%;
	float:left;
	font-size:13px;
	line-height:22px;
}

.profile-right {
	margin-bottom:10px;
	width:50%;
	float:right;
	font-size:13px;
	line-height:22px;
}

.profile-en {
	margin-bottom:10px;
	width:100%;
	font-size:13px;
	line-height:22px;
}

.catchcopy-box {
	display:table;
}

.catchcopy-icon {
	margin: 0 5px 0 0;
	width:22px;
	height:22px;
}
	
.catchcopy-txt {
	display: table-cell;
	line-height:22px;
	text-align:left;
	vertical-align:top;
}

.catchcopy-txt-en {
	display: table-cell;
	line-height:22px;
	text-align:left;
	vertical-align:top;
	padding-left: 10px;
}

.name {
	font-size:16px;
}

.red {
	color:#FF0000;
	font-size:16px;
}

.text {
	margin-top:20px;
	font-size:13px;
	line-height:20px;
	color:#CCCCCC;
	clear:both;
}

/*　お問い合せ（contact.html） */

.contact_title {
	width:590px;
	height:22px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#402000;
	font-size:18px;
	color:#FFCC99;
	line-height:22px;
}

.contact_img {
	margin-top:15px;
}

.contact_mail {
	font-size:16px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;
	line-height:20px;
}

.contact_number {
	font-size:24px;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 0px;
}

/*　リンク（link.html） */

.link_title {
	width:590px;
	height:22px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:5px;
	background-color:#402000;
	font-size:18px;
	line-height:22px;
}

.link {
	width:590px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.link ul {
	margin:0;
	padding:0;
}

.link li {
	list-style-type:none;
	font-size:14px;
	line-height:24px;
}

/* フッター　コンテンツエリアのフッター部分 */

#footer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#402000;
}

.footer_company {
	padding:10px;
	text-align:center;
	font-size:11px;
}

.footer_copyright {
	padding:10px;
	text-align:center;
	font-size:10px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;
}

/* 特設ページ　イェール */

.sp_pagetitle {
	width:600px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

.sp_pagetitle img {
	display:block;
	margin-bottom:20px;
}

.sp-page {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	}


h2.sp-title {
	margin-bottom:10px;
	padding:3px;
	background-color:#402000;
	}

.sp-page div.sp-txt {
	margin-bottom:20px;
	font-size:13px;
	line-height:20px;
	color:#CCCCCC;
}

.sp-page div.sp-txt p {
	margin-bottom:10px;
}

h3.gallery {
	font-size:1.3em;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #CCC;
	line-height: 1.5;
}

.gallery-box {
	width:600px;
	margin-bottom:60px;
	overflow:hidden;
}

.gallery-box a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha( opacity=60 )";
	background-color:#fff;
}

.gallery-box ul li {
	list-style:none;
	width:70px;
	margin:15px 15px 0 0;
	float:left;
	display:block;
}

.recruit-movie {
	width: 600px;
	margin: 20px 0;
}
.recruit-movie p {
	padding: 20px 20px 0;
}