@charset "utf-8";
/*=== space ===*/
.btm10 {
	padding-bottom: 10px;
}

.btm20 {
	padding-bottom: 20px;
}

.btm30 {
	padding-bottom: 30px;
}

.upper6 {
	padding-top: 6px;
}

.upper10 {
	padding-top: 10px
}

.upper20 {
	padding-top: 20px
}

/*===Pickupコンテンツ（汎用）===*/
#pickup {
	width: 848px;
	margin-right: 36px;
	margin-left: 36px;
	height: 48px;
	padding-top: 22px;
}

#pickup ul {
	list-style-type: none;
	height: 22px;
	width: 848px;
	margin: 0px;
	padding: 0px;
}

#pickup ul li {
	float: left;
}

#pickup ul li.left12 {
	float: left;
	padding-left: 0px;
}

#pickup ul li.title {
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	padding-top: 3px;
	color: #315AC8;
}

.normalSmallBlack {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}

/*===施工紹介===*/
.photoArea {
	padding: 30px;
	width: 738px;
	text-align: center;
	margin-bottom: 36px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
}

.twoColumns {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	overflow: hidden;
}

.twoColumns .leftColumn {
	float: left;
	width: 410px;
}

.twoColumns .leftColumn .txt,
.twoColumns .rightColumnTxt .txt {
	font-size: 15px;
	line-height: 180%;
	padding-bottom: 16px;
	text-indent: 1em;
}

.twoColumns .leftColumn .txtRight,
.twoColumns .rightColumnTxt .txtRight {
	font-size: 15px;
	line-height: 180%;
	padding-bottom: 16px;
	text-align: right;
}

.twoColumns .leftColumn .txtEnd,
.twoColumns .rightColumnTxt .txtEnd {
	font-size: 15px;
	line-height: 180%;
	padding-bottom: 16px;
	text-align: right;
}

.twoColumns .rightColumnTxt {
	float: right;
	width: 370px;
}

.twoColumns table.rightColumn {
	width:370px;
	border-collapse: collapse;
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	float: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 6px;
}

.twoColumns table.rightColumn td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 8px;
	font-size: 90%;
	line-height: 150%;
}

.twoColumns table.rightColumn td.boldTitle {
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-left: 0px;
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
}

.twoColumns table.rightColumn td.left {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 1.2em;
	vertical-align: top;
	text-indent: -1.2em;
}

.twoColumns table.rightColumn td.end {
	text-align: right;
}

/*===出版物===*/
.side {
	background-color: #E1EBFD;
	margin-bottom: 10px;
}

.blueBold {
	font-weight: bold;
	color: #03C;
	line-height: 110%;
	font-size: 90%;
	padding-bottom: 8px;
}

.side .title {
	background-color: #A8C5F9;
	text-align: center;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 80%;
	line-height: 110%;
}

.side .listTxt {
	font-size: 80%;
	line-height: 160%;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 6px;
	letter-spacing: 0em;
}

.bookInfoArea {
	padding: 20px;
	width: 758px;
	text-align: left;
	margin-bottom: 36px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
}

.bookInfoArea .bookPhoto {
	float: left;
	width: 230px;
}

.bookPhoto .photoUnit {
	padding-bottom: 30px;
}

.photoUnit .photoCaption {
	font-size: 80%;
	line-height: 130%;
	padding-top: 6px;
}

/* サイドナビ */
.sideNav {
	margin-bottom: 30px;
	list-style-type: none;
}

.sideNav li a,
.sideNav li a:visited {
	font-size: 14px;
	line-height: 130%;
	text-decoration: none;
	padding-left: 8px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #F60;
	margin-bottom: 8px;
	padding-top: 2px;
	padding-bottom: 3px;
	display: block;
	color: #F30;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #F60;
	border-right-color: #F60;
	border-bottom-color: #F60;
}

.sideNav li a:hover {
	color: #C00;
	text-decoration: none;
	border-left-color: #C00;
	background-color: #FFE7CE;
}

.others {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	line-height: 140%;
	letter-spacing: 0em;
	font-size: 90%;
}

.bookInfoArea .bookTxtArea {
	float: right;
	width: 500px;
}

.bookInfoArea .bookTxtArea .subH1 {
	font-size: 90%;
	line-height: 120%;
	font-weight: bold;
	padding-bottom: 6px;
}

.bookInfoArea .bookTxtArea h1.bookTitle {
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C51E10;
	font-size: 110%;
	line-height: 130%;
}

.bookTxtArea h2 {
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	color: #03C;
	padding-bottom: 4px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #000;
}

.bookInfoArea .bookTxtArea .bookTxt {
	font-size: 80%;
	line-height: 170%;
	padding-bottom: 20px;
}

.bookInfoArea .bookTxtArea .softTxt {
	font-size: 95%;
	line-height: 170%;
	padding-bottom: 5px;
	margin-bottom: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

.bookInfoArea .bookTxtArea .bookTxt10 {
	font-size: 80%;
	line-height: 170%;
	padding-bottom: 10px;
}

ul.bookTxtList {
	padding-left: 34px;
	list-style-type: square;
	padding-bottom: 18px;
}

ul.bookTxtList li {
	font-size: 80%;
	line-height: 130%;
	padding-bottom: 8px;
}

ul.bookTxtListLine {
	padding-left: 34px;
	list-style-type: square;
	padding-bottom: 18px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

ul.bookTxtList li,
ul.bookTxtListLine li {
	font-size: 80%;
	line-height: 170%;
	padding-bottom: 8px;
}

ul.bookTxtListSimplem {
	padding-left: 34px;
	list-style-type: disc;
}

ul.bookTxtListSimplem li {
	font-size: 80%;
	line-height: 130%;
	padding-bottom: 4px;
}

.bookTxtBox {
	margin-bottom: 30px;
	border: 1px solid #999;
	padding-top: 20px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.bookTxtBox .boxTitle{
	font-size: 90%;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 10px;
}

.bookTxtBox  .boxTxt {
	font-size: 80%;
	line-height: 170%;
	padding-bottom: 20px;
	text-align: justify;
}

/*===出版物（金属屋根の施工と管理）===*/
table.bookSekoukanri {
	width: 100%;
}

table.bookSekoukanri td {
	font-size: 80%;
	line-height: 150%;
	padding: 4px;
}

table.bookSekoukanri td.center {
	text-align: center;
	line-height: 170%;
}

.mainListTitle {
	font-weight: bold;
	color: #33C;
	padding-bottom: 3px;
	padding-top: 10px;
	letter-spacing: 0em;
	font-size: 90%;
	line-height: 120%;
}

.mainList {
	text-indent: -1.5em;
	padding-left: 2.5em;
	line-height: 130%;
	font-size: 80%;
}

.mainListNoIndent {
	padding-left: 1.5em;
	line-height: 130%;
	font-size: 80%;
}

.bookInfoArea .specArea {
	background-color: #DEEBEA;
	padding-top: 16px;
	padding-right: 40px;
	padding-bottom: 16px;
	padding-left: 40px;
	margin-bottom: 40px;
}

.bookInfoArea .specArea .specTxt {
	font-size: 90%;
	line-height: 150%;
	padding-bottom: 10px;
}

.bookInfoArea .specArea .specNote {
	font-size: 80%;
	line-height: 130%;
	padding-bottom: 10px;
	padding-left: 20px;
}

.bookInfoArea .specArea .purchase {
	font-size: 90%;
	line-height: 150%;
	font-weight: bold;
	color: #03C;
	letter-spacing: 0.1em;
}

.bookInfoArea .infoArea {
	background-color: #FFF2C8;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}

.bookInfoArea .infoArea0 {
	background-color: #FFF2C8;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}

.infoArea .note {
	color: #F00;
	line-height: 130%;
	padding-right: 10px;
	padding-left: 22px;
	text-indent: -1em;
	font-size: 80%;
}

.bookIndex {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.bookIndex .bookIndexTitle {
	font-size: 90%;
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
	color: #666;
}

.bookIndex ul.bookIndexList {
	padding-left: 30px;
	list-style-type: none;
	font-size: 90%;
	line-height: 130%;
}

.bookIndex ul.bookIndexList li {
	padding-bottom: 10px;
	font-weight: bold;
}

.bookIndex ul.bookIndexListIn {
	list-style-type: none;
	padding-top: 16px;
	font-size: 80%;
	line-height: 150%;
	padding-left: 30px;
}

.bookIndex ul.bookIndexListIn li {
	list-style-type: none;
	font-weight: normal;
	line-height: 130%;
}

.mainbodySubtitle {
	text-align: center;
	background-color: #E4E4E4;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	margin-bottom: 8px;
	line-height: 120%;
}

.sideTitle {
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	color: #03C;
	padding-bottom: 4px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #000;
}

/*===ページトップ（クリア無し）===*/
.contents .pagetop {
	text-align: right;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 2px;
}

.contents .pagetop p {
	font-size: 90%;
}

.contents .pagetop p a,
.contents .pagetop p a:visited {
	color: #333;
	text-decoration: none;
}

.contents .pagetop p a:hover {
	color: #C00;
	text-decoration: underline;
}