/* Base Weblog (base-weblog.css) */

/* basic elements */

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; color:#003366; }
a img { border: 0; }
address {
   margin:10px 0;
}
address a {thumbnail
   color:#333;
   text-decoration:none;
}
.red { color:#cc0033; }
.blue { color:#003366; }
.orange { color:#FF9900; }
.center { text-align:center; }
.xxs { font-size:10px; }
.s { font-size:16px; }
.red { color:#cc033;}
.pagetop {
   text-align:right;
   margin-bottom:0;
   font-size:11px;
}
b {
	color:#FF9900;}

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 10px;
   margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* page layout */

body
{
   color: #333;
   text-align:center;
   font-size:13px;
   font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   padding:0;
   margin:0;
   margin:5px;
}

#container
{
   width: 750px;
   margin:0 auto;
   padding:0;
   text-align:left;line-height:1.5;
}


h3 {
   font-size:18px;
   color:#003366;
   margin:0 0 15px 0;
   padding:1px 5px 1px 7px;
   /*
   background:url(images/alpha/bg_.gif) repeat left top #A9A3A1;
   */
   border-left:5px solid #003366;
   border-bottom:1px solid #003366;
}
h4 {
	clear:both;
   font-size:14px;
   margin:0 0 10px 0;
   border-bottom:1px solid #003366;
   background:url(images/alpha/bg_h4.gif) no-repeat left center;
   padding-left:15px;
}

.h4-1 {background:url(images/category/bg_h4_2.jpg) no-repeat left center;
	   border-bottom:1px solid #00ADF2;}
.h4-2 {background:url(images/category/bg_h4.jpg) no-repeat left center;
	   border-bottom:1px solid #003366;}}
.h4-3 {background:url(images/category/bg_h4_4.jpg) no-repeat left center;
	   border-bottom:1px solid #006507;}}
.h4-4 {background:url(images/category/bg_h4_5.jpg) no-repeat left center;
	   border-bottom:1px solid #FFA000;}}
.h4-5 {background:url(images/category/bg_h4_3.jpg) no-repeat left center;
	   border-bottom:1px solid #DE0017;}}
.h4-6 {background:url(images/category/bg_h4_6.jpg) no-repeat left center;
	   border-bottom:1px solid #EB00FF;}}

h5 {
   font-size:14px;
   background:#E2E0DF;
   color:#666;
   padding:3px;
   margin:0 0 10px 0;
}

.rank {
   padding:3px;
   font-size:11px;
   background:#e6e6e6;
   margin-top:0;
}

#banner
{
   width:750px;
   height:114px;
   margin:0;
   padding:0;
   background:url(images/banner/bg.jpg) no-repeat right top;
}
#banner .left {
   width:180px;
   float:left;
   margin:0 10px 0 0;
}
#banner p{
	margin:0 10px 5px 190px;
	padding:10px 0 5px 0;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px solid #fff;
	width: 370px;
}
#banner .center {
   width:370px;
   float:left;
   text-align:left;
}
#banner .right {
	width:200px;
	float:right;
	text-align:right;
}
h1 {
   margin:5px;
   margin-left:-220px;
   color:#666666;
   font-size:12px;
   font-weight:normal;
}
h2 {
   color:#FFFFFF;
   font-weight:normal;
   font-size:13px;
   margin:0;
}

#banner .right img {
   margin:3px 10px 0 0;
   float:right;
}

#banner .member {
   float:right;
   margin:27px 15px 0 0;
   margin:0;
}
#banner-header
{
   margin: 0;
   color: #fff;
   font-size: 30px;
   font-weight: bold;
   line-height: 1;
   text-shadow: #36414d 0 2px 3px;
}

#banner-description
{
   margin-top: 5px;
   margin-bottom: 0;
   color: #fff;
   background: none;
   font-size: 12px;
   font-weight: bold;
   line-height: 1.125;
   text-shadow: #36414d 0 1px 2px;
}

.breadcrumbs {
   margin:3px 0;
   color:#666;
   font-size:11px;
}
.breadcrumbs a {
   color:#160A6F;
}

#alpha { float:right; width: 555px; line-height:1.5;margin:0 0 15px 0; }
.index #alpha ul,
#alpha .index ul {
   width:555px;
   margin:0;
   padding:0;
   list-style-type:none;
}
.index #alpha li ,
#alpha .index li {
   margin:0 auto 10px auto;
   padding:0;
   text-align:center;
   float:left;
   width:185px;
  /* height:235px;*/
   height:210px;
}

.index #alpha li dl,
#alpha .index  li dl {
   margin:0;
   padding:0;
   width:170px;
   /*
   border-top:3px solid #003366;
   */
   border-top:1px solid #EBE9E9;
   border-bottom:1px solid #EBE9E9;
   background:url(images/alpha/bg_li.gif) repeat left top;
   text-align:center;
}
.index #alpha li dt,
#alpha .index  li dt {
   margin:0;
   padding:5px 10px 0 10px;
   line-height:1.2;
   text-align:left;
   color:#736357;
   font-size:11px;
}
.index #alpha li dt strong,
#alpha .index  li dt strong {
   font-size:12px;
   color:#0072BC;
}
.index #alpha li dt img,
#alpha .index li dt img {
   margin:0 0 3px 0;
}
.index #alpha li dd ,
#alpha .index li dd {
   margin:0;
   padding:0 5px 5px 5px;
   font-size:12px;
   background:url(images/alpha/bg_img.gif) no-repeat center 2px;
}

.index #alpha li dd img,
#alpha .index  li dd img {
   margin:5px 0 7px 0;
   border:0 solid #666;
}
.index #alpha li dd .point,
#alpha .index li dd .point {
   float:left;
   padding:0 0 0 5px;
   color:#003366;
   font-weight:bold;
}


* html .index #alpha li dd .point,
* html  #alpha .index li dd .point {/*----------------------for IE-------------------------*/
   padding:0 0 5px 5px;
}



.index #alpha li dd .type {
   float:right;
   padding:0 5px 0 0;
}
* html .index #alpha li dd .type {/*----------------------for IE-------------------------*/
   padding:0 5px 5px 0;
}

.index #alpha table {
   font-size:11px;
   width:100%;
}
.index #alpha td {
   width:25%;
}

#beta { float:left; width: 180px;line-height:1.2;margin:0 0 15px 0; }
#beta .greeting {
   margin:0 0 10px 0;
   padding:5px;
   font-size:11px;
   background:#E2E0DF;
}
#beta ul {
   padding:0;
   margin:0 0 10px 0;
   list-style-type:none;
   /*
   background:#F7F6F5;
   */
   background:#fff;
   border-left:1px solid #E2E0DF;
   border-right:1px solid #E2E0DF;
}
#beta li {
   padding:5px;
   margin:0;
   border-bottom:1px solid #e6e6e6;
}
#beta li a {
   color:#160A6F;
   text-decoration:none;
}
#beta li a:hover {
   background:#dcdcdc;
   text-decoration:underline;
}
#beta li ul {
   padding:0 0 5px 0;
   margin:0;
   border:0;
}
#beta li li {
   font-size:11px;
   border:0;
   padding:2px 2px 2px 20px;
}

#beta h2 {
   background:#BBB5B4;
   color:#fff;
   font-size:13px;
   padding:5px;
   margin:0;
}
#beta .comodo {
   padding:0 5px;
   background:#fafafa;
   border-left:1px solid #e6e6e6;
   border-right:1px solid #e6e6e6;
   border-bottom:1px solid #e6e6e6;
   font-size:11px;
}
#beta .comodo p {
   margin:0;
   padding:5px 0;
}
#footer {
   padding:0;
   margin:0;
   font-size:11px;
   text-align:center;
   border-top:2px solid #003366;
}

.date-header
{
   margin-top: 0;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
}

.entry-header
{
   margin-top: 0;
   border-left: 5px solid #003366;
   padding: 0 0 0 10px;
   color: #666;
   font-size: 18px;
}

.entry-content,
.comment-content,
.trackback-content
{
   margin: 0;
   line-height: 1.5;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
   margin: 0 0 20px 0;
   border-top: 1px solid #003366;
   padding-top: 3px;
   color: #666;
   font-size: 10px;
   text-align: right;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
   margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #a3b8cc;
   padding: 0 10px;
   color: #292e33;
   font-size: 11px;
   text-align: center;
   background: #e6ecf2;
}

.comments-open-footer
{
   margin: 10px 0;
}
#topics {
   margin:5px;
   padding:0;
}
#topics dt {
   margin:0;
   padding:5px 0;
   width:100px;
}
#topics dd {
   margin:0;
   padding:5px 0;
}








.sitemap #alpha ul {
   margin:0;
   padding:0;
}
.sitemap #alpha li {
   margin:0;
   padding:5px 0 5px 15px;
}
.sitemap #alpha li ul {
   margin:0 0 0 30px;
   padding:5px 0 5px 0;
}
.sitemap #alpha li li {
   margin:0;
   padding:5px 0;
}



.aboutus #alpha dl {
   margin:0;
   padding:0;
}
.aboutus #alpha dt {
   width:100px;
   margin:0;
   padding:5px 0 5px 15px;
   float:left;
   background:url(images/alpha/bg_h4.gif) no-repeat left center;
}
.aboutus #alpha dd {
   margin:0;
   padding:5px 0 5px 120px;
   border-bottom:1px dotted #CECAC8;
}

.form dl {
   margin:10px;
   padding:0;
}
.form dt {
   margin:0;
   padding:0;
   font-weight:bold;
}
.form dd {
   margin:0 0 10px 0;
   padding:0;
}
.submit {
   text-align:center;
   margin:30px 0;
}

.rss #alpha dt {
   font-weight:bold;
   margin-bottom:5px;
   padding-bottom:5px;
   border-bottom:1px dotted #e6e6e6;
}
.rss #alpha dd {
   margin:0;
   padding:0;
}

.media #alpha img.left {
   float:left;
   margin:0 10px 10px 0;
}

* html .index #alpha .comodospace {/*----------------------for IE-------------------------*/
   margin:0 0 10px 0;
}

/**************************************
 original
**************************************/

#beta #news {
	text-align:left;
	}

#news ul {
   /*
   background:#Ffffea;
   */
   background-color:#fff;
   border-left:1px solid #e6e6e6;
   border-right:1px solid #e6e6e6;
}
#news li {
   /*
   border-bottom:1px solid #f2f0DF;
   */
   border-bottom:1px solid #e6e6e6;
}

.top-banner {
	font-size:10px;
	color:#003366;
	text-align:center;
	}
	
.top-banner a{color:#003366;}
	
.top-banner img{
	margin-bottom:5px;
	}
	
#map {
	text-align:left;
	background:url(images/top/mapright.jpg) right top no-repeat;
	width:180px;
	height:159px;
	}
	
#map img {
	float:left;}
	
#map-txt {
	float:left;
	width:63px;
	height:159px;
	color: #333;
	}
	
.img-left {
	padding:0 10px 10px 0;
	float:left;
	}
	
.img-left {
	padding:0 10px 10px 0;
	float:left;
	}
	
.img-right {
	padding:0 0 10px 10px;
	float:right;
	}
	
.dl-list-1 ,
.dl-list-2 {
	float:left;
	text-align:center;
	width:145px;
	}
	
.dl-list-1 dl{
	height:220px;
	padding:0 20px 0 0;
	text-align:left;
	}
		
.dl-list-1 dd{
	padding:2px 0;
	width:125px;
	}
	
.dl-list-2 dl{
	height:180px;
	padding:0 20px 0 0;
	text-align:left;
	}
		
.dl-list-2 dd{
	padding:2px 0;
	width:125px;
	}

.bhmenu {
	padding-top:5px;
	line-height:120%;
	display:none;
	}
	
.madori-list {
	height:900px;
	}
	
.madori-list ul{
	margin-bottom:20px;}
	
.madori-list ul li{
	padding:0;
	margin:0;
	width:222px;
	height:40px;
	background:url(images/category/madori.jpg) no-repeat left top;
	line-height:39px;
	float:left;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	}
	
ul.ul-1 li {background:url(images/category/madori_2.jpg) no-repeat left top;}
ul.ul-2 li {background:url(images/category/madori_1.jpg) no-repeat left top;}
ul.ul-3 li {background:url(images/category/madori_4.jpg) no-repeat left top;}
ul.ul-4 li {background:url(images/category/madori_5.jpg) no-repeat left top;}
ul.ul-5 li {background:url(images/category/madori_3.jpg) no-repeat left top;}
ul.ul-6 li {background:url(images/category/madori_6.jpg) no-repeat left top;}
	
.madori-list ul li a{
	color:#333333;
	text-decoration:none;
	}
	
.madori-list ul li a:hover{
	text-decoration:underline;
	}	

.madori-list ul li p{
	padding:0;
	margin:0;
	padding-left:30px;
	}
	
.box-1 {
	padding:10px;
	text-align:center;
	background:#FFCCFF;
	}
	

/***************************
  table
***************************/
table {
	font:12px "ＭＳ Ｐゴシック", Osaka;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	line-height:140%;}

div.sheet-c,
div.sheet-l,
div.sheet-cl
{
	padding-bottom:10px;
	}

div.sheet-c table,
div.sheet-l table,
div.sheet-cl table{
	font:12px "ＭＳ Ｐゴシック", Osaka;
	border-collapse:collapse;
	border:1px solid #ccc;
	border-spacing:0;
	empty-cells:show;
	line-height:140%;
	}

div.sheet-c th,
div.sheet-l th,
div.sheet-cl th{
	padding:5px;
	border:1px solid #ccc;
	background:	#F1F5F6;
	font-weight:normal;
	text-align:center;
	}

div.sheet-c td,
div.sheet-l td,
div.sheet-cl td{
	padding:5px;
	border:1px dotted #ccc;
	text-align:center;
	}

div.sheet-l table,
div.sheet-l th,
div.sheet-l td,
div.sheet-cl td{
	text-align:left;
	}


.index #alpha ul.ul-space {
   margin:10px 0 0 10px;
   padding:0;
   width:500px;
}	
.index #alpha ul.ul-space li {
	/*line-height:220%;*/
        float:none;
	width:500px;
	height:auto;
	text-align:left;
	list-style-type: disc;
	list-style-position: inside;
}
	
.mpage {
	width:500px;
	clear:both;
	text-align:left;
	}






/*******************************************************************************追加*/

/*各コンテンツ共通部品*/
#alpha div#event_modelroom table {
	font-size: 10px;
	width: 490px;
	margin: 0 auto;
}
#alpha div#event_modelroom td {
	padding: 0 0 2px 0;
}


/*施工実績一覧ページ　タイプ別施工実績用*/
#alpha div#category_type table {
	width: 520px;
	margin: 0 auto;
}
#alpha div#category_type table td {
	padding: 5px;
}


/*イベント・セミナーページ　今後の予定用*/
#alpha div.event_list {
	clear: both;
}
#alpha div.event_list dl {
	margin: 0;
	padding: 0;
}
#alpha div.event_list dt {
	float: left;
}
#alpha div.event_list dd {
	padding: 0 0 15px 0;
	text-align: left;
	float: left;
}

#alpha div.event_application {
	clear: both;
}
#alpha div.event_application dl {
	margin: 0;
	width: 555px;
}
#alpha div.event_application dt {
	float: left;
	text-align: right;
	margin: 0;
	width: 100px;
	margin-right: 10px;
	font-weight: bold;
}
#alpha div.event_application dd {
	padding: 0 0 15px 0;
	float: left;
	margin: 0;
}

#alpha div#form_link {
	clear: both;
	width: 555px;
	text-align: center;
	margin-bottom: 40px;
}
#alpha div#form_link p {
	font-size: 14px;
	font-weight: bold;
	background-color: #FF6600;
	width: 160px;
	padding: 10px;
	color: #FFFFFF;
	border: solid 2px;
	border-color: #FFCC33;
	margin: 0 auto;
}
#alpha div#form_link p a {
	color: #FFFFFF;
	text-decoration: none;
}
#alpha div#form_link p a:hover {
	text-decoration: underline;
}

#alpha div#end_list {
	clear: both;
}

/*メールフォーム用*/
#alpha div#form table {
	width: 557px;
	border: none;
}
#alpha div#form th {
	width: 150px;
	border: none;
	text-align: right;
	padding: 5px 5px 5px 0;
}
#alpha div#form td {
	border: none;
	text-align: left;
	padding: 5px 0;
}


#beta li#subscribe form input#design {
	margin:0;
	background-color: #FFFFFF;
	padding: 0;
	display: text;
	color: #160A6F;
	border: none;
	width: 90px;
}