@charset "utf-8";

/* formatting style
---------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body  {
	margin: 0;
	text-align: center;
	color: #333333;
	background-color: #7C8A7F;
	font-family: Verdana, sans-serif;
	font-size: 75%;
	line-height: 1.5;
}
body#gallery  {
	background-color: #FFFFFF;
}




/* link style
---------------------------------*/
a img {
	border-style: none;
}
a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
table.catalogue a:hover {
	color: #C4A44A;
	text-decoration: none;
}


/* basic layout
---------------------------------*/
#wrapper {
	width: 100%;
	text-align: left;
	background-color: #FFFFFF;
	border-top: 5px solid #7C8A7F;
}
#wrapperIn {
	border-top: 5px solid #9ab8a9;
}
#container {
	width: 860px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
} 
#header {
	background-image: url(img/header_bg.jpg);
	height: 118px;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 30px;
}
#header h1 {
	margin: 0; 
}
#header h1 em {
	font-weight: normal;
	font-size: 12px;
	display: none;
}
#sidebar {
	float: right;
	width: 150px;
	padding: 35px 0px 30px;
	color: #4E4B44;
	position: relative;
}
#mainContent {
	padding-bottom: 10px;
	margin: 30px 197px 0 0px;
} 
#gallery #mainContent {
	margin-right: 0px;
} 
#mainContent #list {
	width: 660px;
	margin-bottom: 30px;
	float: right;
}
.photoarea {
	width: 863px;
	float: left;
	margin-bottom: 30px;
} 

#footer {
	background-color: #7C8A7F;
	background-repeat: repeat-x;
	background-position: top;
	height: 84px;
	background-image: url(img/footer_bg.gif);
} 
#pagetop {
	padding: 75px 0 5px;
	text-align: right;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(img/pagetop_bg.gif);
	width: 860px;
	margin: 0px auto;
	clear: both;
}


/* sidebar style
---------------------------------*/
#sidebar h5 {
	background-image: url(img/sidebar_bg.gif);
	letter-spacing: 5px;
	color: #4E4B44;
	height: 25px;
	display: block;
	line-height: 25px;
	padding-left: 25px;
	font-size: 1em;
}
#sidebar ul.menu li {
	list-style: none;
	border-left: 5px double #4E4B44;
	background-image: url(img/sidebar_bg.gif);
	position: relative;
	margin-top: 3px;
}
#sidebar ul.menuIn {
	margin-top: 3px;
}
#sidebar ul.menuIn li {
	list-style: none;
	border-left: none;
	background-image: none;
	position: relative;
	margin-top: 0px;
}
#sidebar ul.menu li a {
	height: 25px;
	line-height: 25px;
	padding-left: 20px;
	display: block;
	color: #4E4B44;
	position: relative;
}
#sidebar ul.menuIn li a {
	height: 22px;
	line-height: 22px;
	padding-left: 10px;
	display: block;
	color: #4E4B44;
	position: relative;
	background-image: none;
}
#sidebar ul.menu li a:hover {
	border-left: 5px solid #4E4B44;
}
#sidebar ul.menuIn li a:hover {
	border-left: 0px none;
	background-color: #e0e4e0;
}
#sidebar ul.menuIn li.act a {
	color: #000000;
	background-color: #e0e4e0;
}
#sidebar ul li a.pdf {
	position: relative;
}
#sidebar ul li a.pdf img {
	position: absolute;
	top: 0px;
	left: 65px;
}
#sidebar_pdf {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.3;
	font-size: x-small;
	margin-top: 30px;
}
#sidebar_pdf .pdf_img {
	text-align: center;
}
#new #sidebar ul li.new ,
#b_house #sidebar ul li.b_house ,
#roof #sidebar ul li.roof ,
#in-exterior #sidebar ul li.in-exterior ,
#insulation #sidebar ul li.insulation ,
#window #sidebar ul li.window ,
#marvin #sidebar ul li.marvin ,
#integrity #sidebar ul li.integrity ,
#marvin_integrity #sidebar ul li.marvin_integrity ,
#velux #sidebar ul li.velux ,
#door #sidebar ul li.door ,
#naibu #sidebar ul li.naibu ,
#shoe #sidebar ul li.shoe ,
#kaidan #sidebar ul li.kaidan ,
#floor #sidebar ul li.floor ,
#paint #sidebar ul li.paint ,
#kitchen #sidebar ul li.kitchen ,
#furniture #sidebar ul li.furniture ,
#stove #sidebar ul li.stove ,
#gallery #sidebar ul li.gallery ,
#close #sidebar ul li.close ,
#formail #sidebar ul li.formail {
	border-left: 5px solid #4e4b44;
}


/* order style
---------------------------------*/
#order h5 {
	background-image: url(img/sidebar_orderbg.gif);
}
#order ul li {
	list-style: none;
	border-left: 5px double #28699D;
	background-image: url(img/sidebar_orderbg.gif);
	position: relative;
	margin-top: 3px;
}
#order ul li a {
	height: 25px;
	line-height: 25px;
	padding-left: 20px;
	display: block;
	color: #4E4B44;
	position: relative;
}
#order ul li.no {
	border-left: none;
	background-image: none;
}
#order ul li a:hover {
	border-left: 5px solid #28699D;
}
#sidebar #order ul li.chart ,
#sidebar #order ul li.rule ,
#sidebar #order ul li.exchange {
	border-left: 5px solid #28699D;
}




/* mainContent style
---------------------------------*/
#mainContent .new_list ul li {
	list-style: square inside;
	height: 25px;
}
#mainContent .new_list ul li a {
	line-height: 25px;
}
#mainContent .new_list a.new {
	color: #C4A44A;
}

#mainContent #list ul {
	float: left;
	width: 650px;
}
#mainContent #list ul li {
	list-style: none;
	margin-right: 15px;
	background-image: url(img/marker.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	float: left;
}
#mainContent #list ul.listIn li {
	background-image: url(img/marker2.gif);
}
#mainContent #list ul.listIn1 {
	margin-left: 5px;
}
#mainContent #list ul.listIn2 {
	width: 610px;
	margin-left: 22px;
}
#mainContent #list ul.listIn2 li.margin0 {
	margin-right: 0px;
}

#mainContent #list ul.listIn3 {
	margin-left: 41px;
	width: 540px;
}
#mainContent #list ul.listIn1 li ,
#mainContent #list ul.listIn2 li ,
#mainContent #list ul.listIn3 li {
	background-image: url(img/marker2.gif);
}
#mainContent #list ul li a {
	text-decoration: underline;
	line-height: 25px;
	height: 25px;
	padding-left: 15px;
	color: #4E4B44;
}

#mainContent #list table a {
	text-decoration: underline;
	color: #4E4B44;
}
#mainContent #list ul li a.bold {
	font-weight: bold;
	text-decoration: none;
	color: #4E4B44;
}
#mainContent #list table a.bold {
	font-weight: bold;
	text-decoration: none;
	color: #4E4B44;
}
#mainContent table.title {
	margin-bottom: 8px;
}
.space {
	padding: 5px;
}
.space3 {
	padding: 3px;
}


/* footer style
----------------------------------*/
#footerIn {
	width: 860px;
	margin: 0 auto;
	height: 42px;
	text-align: right;
	position: relative;
}
#footerIn2 {
	width: 860px;
	margin: 0 auto;
	height: 32px;
	text-align: center;
	padding-top: 10px;
}
#footerIn .nagai_logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#footerIn2 ul li {
	list-style-type: none;
	display: inline;
}
#footerIn2 ul li a {
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #4e4b44;
}
#footerIn2 ul li a.traedmark {
	border-style: none;
	margin: 0px;
	padding: 0px;
}




.ki-ro {
	color: #c4a44a;
}
.pink {
	color: #C1717B;
}
.ao {
	color: #45768E;
}
.green {
	color: #6B7740;
}
.gray {
	color: #999999;
}
.link {
	color: #7c8a7f;
	text-decoration: underline;
}
.small {
	font-size: 10px;
}
.small2 {
	font-size: 11px;
}
.t14 {
	font-size: 14px;
}
.w-sen {
	border-bottom: 3px double #C4A44A;
}




.netstyle {
	background-color: #a2c8dc;
}
.netbg {
	background-color: #E1EEF4;
}
.netprice {
	color: #C1717B;
}
.mitsumoristyle {
	background-color: #A3CFAB;
}
.mitsumoribg {
	background-color: #E9F3EB;
}
#chart h3 {
	background-color: #DFDFDF;
	line-height: 25px;
	width: 640px;
	padding-left: 5px;
	height: 25px;
	margin-top: 20px;
}
#chart #mainContent p {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 1.6;
}
input.spacetop {
	margin-top: 8px;
}
#paint img.color ,
#door img.color {
	border: 1px solid #999999;
}
#duro table.index {
	line-height: 2;
}
#duro #sidebar ul.menu li {
	border-left: none;
	background-image: none;
	margin-top: 30px;
	height: 25px;
}
#duro #sidebar ul.menuIn li {
	height: 30px;
}
#duro #sidebar ul.menu li a {
	padding-left: 0px;
}
#duro #sidebar ul.menuIn li a {
	height: 25px;
	line-height: 25px;
	padding-left: 15px;
}
#duro #sidebar ul.menu li a:hover {
	border-left: none;
	background-color: #e0e4e0;
}


#gallery table.top_link {
	float: right;
	margin-right: 30px;
}
#gallery table.top_link a {
	color: #999999;
}
#publish table td {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#publish table th {
	font-weight: normal;
}

