@charset "Shift_JIS";
/*-----------------------------------------------
Ecollabo-Net
version:	2006/10/24
----------------------------------------------- */
*{
	margin:0;
	padding:0;
}
img{
	border:none;
}
ul,dt{
	list-style-type:none;
	margin-left: 0;
	padding-left: 0;
}
h1,
h2,
h3,
h4,
h5{
	font-weight:normal;
	margin:0;
	padding:0;
}

td {
	font-size: 12px;
	line-height: 150%;
}
.clear{
	height:0;
	clear:both;
	font-size:1px;
}
.center {
	text-align: center;
}
img, a img {
	 border: 0; margin: 0; 
}
a:link, a:visited {
	color: #006699;
	text-decoration: underline;
}
a:hover, a:active { color: #E57505; text-decoration: none; }

body {
	margin: 0;
	padding: 0;
	background: #eeecec;
	text-align: center;
	font-size: 12px;
	line-height: 150%;
	font-family : Verdana, Geneva, Arial, Osaka, sans-serif; 
	color: #323232;
}
#wrapper {
	background: url(http://www.n-roof.co.jp/image/bg_wrap.gif) repeat-y;
	margin: 0px auto;
	width: 790px;
	position: relative;
}
h1#logo {
	position: absolute;
	height: 40px;
	width: 224px;
	left: 25px;
	top: 70px;
}
h1#logo a {
	background: url(http://www.n-roof.co.jp/image/logo.gif) no-repeat;
	text-indent: -99999px;
	display: block;
	height: 40px;
	width: 224px;
}

#top {
	background: url(http://www.n-roof.co.jp/image/bg_top.gif) no-repeat;
	margin: 0px auto;
	height: 26px;
	padding: 0px;
}
#top h1 {
	font-size: 11px;
	font-weight: normal;
	color: #262626;
	text-align: center;
	padding-top: 4px;
	margin: 0px;
	line-height: 100%;
	padding-bottom: 0px;
}
#top p {
	font-size: 11px;
	font-weight: normal;
	color: #262626;
	text-align: center;
	padding-top: 4px;
	margin: 0px;
	line-height: 100%;
	padding-bottom: 0px;
}

#headl {
	width: 230px;
	float: left;
	margin: 0px 0px 5px 10px;
	background: url(http://www.n-roof.co.jp/image/hapa.jpg) no-repeat left top;
	padding: 0px 0px 0px 10px;
	height: 68px;
}
#headl h2 {
	font-size: 12px;
	text-align: center;
	line-height: 100%;
	margin: 0px;
	padding-top: 30px;
}
#headl p {
	margin: 0px;
	padding-top: 2px;
}

#headr {
	width: 456px;
	text-align: left;
	float: right;
	margin: 3px 0px 0px;
	padding-right: 5px;
}
#headr a {
	color: #323232;
	text-decoration: none;
}
#headr_table {
	margin-top: 2px;
}
#headr_table td {
	padding-top: 2px;
}
.width217 {
	width: 217px;
}
.width238 {
	width: 238px;
}
.width120 {
	width: 120px;
}
#headr p,#headr p h2 {
	margin: 0px;
	text-align: center;
}
#headrL {
	float: left;
	width: 219px;
	margin-top: 0px;
	text-align: left;
}
#headrR {
	float: right;
	width: 233px;
	margin-top: 0px;
	text-align: left;
}
.headr-table {
	margin-top: 3px;
	margin-bottom: 8px;
	width: 100%;
}
.width130 {
	width: 52%;
}
.width105 {
	width: 49%;
}
.text11 {
	font-size: 11px;
	line-height: 100%;
}
.text10 {
	font-size: 10px;
	line-height: 100%;
}
#head_navi {
	clear: both;
	margin: 0px;
	text-align: right;
}
#head_navi ul {
	height: 15px;
	margin: 5px 0px 1px;
}
#head_navi li {
	display: inline;
	margin: 0px 0px 0px 10px;
}



/*-----------------------------------------------
g_menu
----------------------------------------------- */
#g_menu {
	position: absolute;
	background: url(../image/g_menu_bg.gif) no-repeat left top;
	height: 43px;
	width: 790px;
	left: 0px;
	top: 122px;
}
#g_menu ul {
	text-align: left;
	margin: 0px;
	padding-left: 5px;
}
#g_menu li a {
	text-decoration: none;
	text-indent: -99999em;
	display: block;
	height: 43px;
}
#g_menu li {
	display: block;
	float: left;
	height: 43px;
}
#link1 a {
	background: url(http://www.n-roof.co.jp/image/link1-on.gif) no-repeat;
	width: 80px;
}
#link2 a {
	background: url(http://www.n-roof.co.jp/image/link2-on.gif) no-repeat;
	width: 91px;
}
#link3 a {
	background: url(http://www.n-roof.co.jp/image/link3-on.gif) no-repeat;
	width: 91px;
}
#link4 a {
	background: url(http://www.n-roof.co.jp/image/link4-on.gif) no-repeat;
	width: 85px;
}
#link5 a {
	background: url(http://www.n-roof.co.jp/image/link5-on.gif) no-repeat;
	width: 85px;
}
#link6 a {
	background: url(http://www.n-roof.co.jp/image/link6-on.gif) no-repeat;
	width: 91px;
}
#link7 a {
	background: url(http://www.n-roof.co.jp/image/link7-on.gif) no-repeat;
	width: 96px;
}
#link8 a {
	background: url(http://www.n-roof.co.jp/image/link8-on.gif) no-repeat;
	width: 75px;
}
#link9 a {
	background: url(http://www.n-roof.co.jp/image/ink9-on-NEW.gif) no-repeat;
	width: 86px;
}
#link1 a:hover,#this1 {
	background: url(http://www.n-roof.co.jp/image/link1.gif) no-repeat;
	width: 80px;
}
#link2 a:hover,#this2 {
	background: url(http://www.n-roof.co.jp/image/link2.gif) no-repeat;
	width: 91px;
}
#link3 a:hover,#this3 {
	background: url(http://www.n-roof.co.jp/image/link3.gif) no-repeat;
	width: 91px;
}
#link4 a:hover,#this4 {
	background: url(http://www.n-roof.co.jp/image/link4.gif) no-repeat;
	width: 85px;
}
#link5 a:hover,#this5 {
	background: url(http://www.n-roof.co.jp/image/link5.gif) no-repeat;
	width: 85px;
}
#link6 a:hover,#this6 {
	background: url(http://www.n-roof.co.jp/image/link6.gif) no-repeat;
	width: 91px;
}
#link7 a:hover,#this7 {
	background: url(http://www.n-roof.co.jp/image/link7.gif) no-repeat;
	width: 96px;
}
#link8 a:hover,#this8 {
	background: url(http://www.n-roof.co.jp/image/link8.gif) no-repeat;
	width: 75px;
}
#link9 a:hover,#this9 {
	background: url(http://www.n-roof.co.jp/image/ink9-NEW.gif) no-repeat;
	width: 86px;
}

/*-----------------------------------------------
本文開始
----------------------------------------------- */
#contents {
	margin: 0px auto 10px;
	width: 760px;
	text-align: left;
	clear: both;
	padding-top: 15px;
}
#content_left {
	float: left;
	width: 180px;
	margin-top: 46px;
	padding-top: 0px;
}
#left h3{
	margin: 0;
	padding: 0;
}
#left #ecolabo{
	border: 1px solid #FF6600;
	padding: 0;
	margin: 0 0 8px;
	font-size: 12px;
	width: 178px;
}
#left #ecolabo a{
	background: url(http://www.n-roof.co.jp/image/yajirushi.gif) no-repeat left center;
	padding-left: 12px;
	font-size: 13px;
	line-height: 150%;
}
#left #ecolabo p{
	padding-left: 4px;
	margin: 0px;
}
#left #ecolabo ul{
	padding-left: 4px;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	margin: 0px;
}
#left #ecolabo li.toevent a{
	background: url(http://www.n-roof.co.jp/image/to_event_copy.gif) no-repeat left top;
	display: block;
	height: 25px;
	width: 165px;
}
#left #ecolabo li.toevent a:hover{
	background: url(http://www.n-roof.co.jp/image/to_event_on.gif) no-repeat left top;
	display: block;
	height: 25px;
	width: 165px;
}
#left p{
	margin: 0;
	padding: 2px 0 4px;
}

/*-----------------------------------------------
右カラム開始
----------------------------------------------- */
#right {
	float: right;
	width: 540px;
	margin-top: 46px;
	padding-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	border-left: 1px solid #D8D8D8;
	padding-left: 25px;
}

.c-both {
	clear: both;
	width: 730px;
	text-align: left;
	margin: 0px auto 8px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.c-both h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000033;
	background: #E0E0E0;
	margin-left: 0px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 6px;
	border: 1px solid #17133E;
}
.c-both p {
	font-size: 12px;
	color: #333300;
	padding-left: 12px;
}
.c-both dl {
	font-size: 12px;
	color: #000000;
	margin-top: -1.5em;
	margin-left: 45px;
}
.c-both dt {
	margin-left: 0px;
	padding-left: 20px;
}

.px12blue {
	font-size: 12px;
	color: #006699;
	background: #FFFFCC;
	border-bottom: 1px dashed #336699;
	display: block;
	width: 310px;
	margin-left: 15px;
}

/* footer
----------------------------------------*/
#footer {
	padding-top: 20px;
	margin: 0px auto;
	width: 780px;
	padding-bottom: 10px;
}
#foot-navi02{
	padding:0 0 10px;
	text-align: left;
	margin: 10px 0px 0px 15px;
	float: left;
	font-size: 11px;
	color: #666666;
}
#foot-navi02 ul{
	list-style:none;
	margin:0;
	font-size: 11px;
}
#foot-navi02 li{
	display:inline;
	line-height:130%;
	margin:0 15px 0 0;
	background: url(http://www.n-roof.co.jp/solar/imge/yy005_04.gif) no-repeat left center;
	padding-left: 18px;
}
#foot-navi02 li a{
	padding:2px 0 0 0px;
}
#foot-navi{
	padding:0 0 12px;
	background-image:url(http://www.n-roof.co.jp/image/foot_line.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	text-align: left;
	margin: 0px;
}
#foot-navi ul{
	list-style:none;
	margin:0 0 0 15px;
	font-size: 11px;
}
#foot-navi li{
	display:inline;
	line-height:130%;
	margin:0;
}
#foot-navi li a{
	padding:2px 0 0 0px;
}
.pagetop{
	text-align:right;
    margin:-22px 10px 0 0;
}
#copyright {
	margin-top: 15px;
	line-height: 140%;
	color: #666666;
	text-align: right;
	margin-right: 15px;
	font-size: 12px;
}
#copyright p {
	margin-bottom: 10px;
}


/* Posts
----------------------------------------------- */
  .date-header {
	font: bold 11px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background: #8fabbe;
	margin: 10px 0 0 0px;
	padding: 2px 0 2px 6px;
    }
	.date-header2 {
	font: bold 11px Verdana, Arial, sans-serif;
	color: #FEFEFE;
	margin: 10px 0 0 0px;
	padding: 2px 0 2px 6px;
	background:#a22041;
    }
  .post {
    margin:1em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  .post {
    padding:0;
    }

.post-title {
	color: #0E5A3D;
	margin: 15px 0px 12px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
  }
  .post-title2 {
	color: #330a14;
	margin: 15px 0px 12px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
	font:78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
	margin-left:.6em;
	font-size: 78%;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
  div.sideMENU4 ul.shatyo {
	margin-left: 0px;
	padding-left: 5px;
	font-size: 95%;
	margin-top: 4px;
	list-style: none;
  }
   div.sideMENU4 ul.shatyo li {
	background: url(http://www.n-roof.co.jp/solar/image/li09-05.gif) repeat-x left bottom;
	margin-bottom: 3px;
	padding-bottom: 3px;
  }
div.sideMENU4 ul#recently {
	margin-left: 0px;
	padding-left: 0px;
	font-size: 95%;
	margin-top: 4px;
	width: 180px;
	list-style: none;
  }
  div.sideMENU4 ul#recently li {
	background: url(http://www.n-roof.co.jp/solar/image/li09-05.gif) repeat-x left bottom;
	margin-bottom: 3px;
	padding-bottom: 3px;
  }
 ul#archive-list {
	margin-left: 5px;
	padding-left: 0px;
	margin-top: 4px;
  }
 ul#archive-list li {
	margin:0 0 4px;
	line-height: 160%;
}
ul#archive-list li a {
	color:#2d75df;
	text-decoration:none;
}
ul#archive-list li a:hover {
  color:#FF6600;
}
#sidebar li {
	margin:0;
	padding-left: 10px;
	text-indent:-15px;
	line-height:1.5em;
  }
#sidebar li a {
  color:#666;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }
  h3 {
	font-size: 12px;
}


/* head変更2009.03.05
----------------------------------------*/
#headrLBOX {
	float: left;
	font-size: 11px;
	line-height: 130%;
	text-align: center;
}
#headrRBOX {
	font-size: 11px;
	line-height: 130%;
	float: right;
	margin-right: 2px;
	text-align: center;
}
.text12bk-center {
	font-size: 12px;
	display: block;
}
#headr-table-NEW {
	margin-left: 50px;
}

/* footer変更2009.03.05
----------------------------------------*/
#adress {
	margin-top: 15px;
	line-height: 140%;
	color: #313131;
	text-align: center;
	font-size: 12px;
	margin-left: 420px;
}
#adress-LBOX {
	float: left;
	margin-top: 8px;
}
#adress-RBOX {
	margin-top: 8px;
	float: right;
	margin-right: 15px;
}
.text12black {
	font-size: 12px;
	color: #292929;
}
#copyright-NEW {
	font-size: 12px;
	color: #333333;
	margin-top: 45px;
}