@charset "utf-8";
/* kiyomoto.common */

@import url(./common.css);

/* clearfix hack */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
	line-height:0; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/*
.clearfix {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	min-height: 1%;
}
*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#main{
 width:100%;
 margin:0;
 padding:0;
 border-bottom:10px #361B00 solid;
}

#main_contents{
 width:930px;
 margin:0 0 0 43px;
 padding:0;
}

#blog_title{
 margin:0 0 50px 0;
 width:930px;
 text-align:left;
}

#main_contents table{
 background-color:#DFDFDF;
 width:900px;
 text-align:left;
 margin:0;
 padding:0;
 border:0;
}

#main_contents table td{
 background-color:#FFFFFF;
}

#main_contents table td.color{
 background-color:#F7F5EE;
 width:170px;
}

#main_contents table td p{
 margin:10px;
}

#main_contents #map{
 padding:50px 0 0 0;
}

#main_contents #bottom{
 width:930px;
 margin:100px 0 0 0;
 padding:0;
 height:35px;
 background:url(../img/footer_img.gif) no-repeat top left;
 position:relative;
}

#top_button{
 position:absolute;
 right:0;
 bottom:0;
 margin:0;
 padding:0;
}

h3{
 font-size:2em;
 color:#FF6600;
 margin:40px 0 20px 0;
 font-weight:bold;
}

h2.top{
 margin-top:0;
}

#main_contents p{
 font-size:1.2em;
}

#main_contents #mail{
 width:930px;
 border-top:1px #DFDFDF solid;
 border-bottom:1px #DFDFDF solid;
 margin:40px 0 0 0;
 padding:20px 0;
 font-size:1.2em;
}

#main_contents #mail dl{
 width:350px;
 margin:0 0 0 30px;
 padding:0;
 float:left;
}

#main_contents #mail dl.right{
 float:right;
 margin:0 100px 0 0;
}

#main_contents #mail dl h4{
 font-size:2em;
 color: #000000;
 margin:0 0 10px 0;
 padding:5px 0;
}

#main_contents #mail dl dt{
 font-size:1em;
}

#main_contents #mail dl dd{
 display:block;
 font-size:2em;
 color:#7B2500;
 background:url(../img/free_icon.gif) no-repeat left center;
 padding:5px 0 5px 100px;
 margin:20px 0 0 0;
}

#main_contents #mail dl dd.tel{
 background:url(../img/tel_icon.gif) no-repeat left center;
}

#main_contents #mail dl dd.fax{
 background:url(../img/fax_icon.gif) no-repeat left center;
}

#main_contents #mail dl dd.button{
 background:none;
 padding:0;
}

/* voice */

#voice{
 margin:0;
 padding:0;
 width:930px;
}

#voice img{
 margin-left:14px;
}

/* works */

#works{
 margin:0;
 padding:0;
 width:inherit;
}

#works #detail{
 width:438px;
 border:1px #381C00 solid;
 float:left;
 margin:0 25px 30px 0;
 padding:0 0 10px 0;
}

#works #detail p{
 padding:10px 0 10px 10px;
 background-color:#381C00;
 margin-bottom:10px;
 color:#FFFFFF;
 font-weight:bold;
}

#works #detail dl{
 width:418px;
 margin:0 10px;
 height:120px;
}

#works #detail dl img{
 float:left;
 margin-right:20px;
}

#works #detail dl img.icon{
 margin-right:10px;
}

#works #detail dt{
 font-size:1.4em;
 color:#381C00;
 margin-bottom:5px;
}

.entry{
 width:60px;
 display:block;
 float:left;
}

#works #detail #title{
 border-bottom:1px #381C00 solid;
 width:418px;
 margin:10px;
}

#works #detail #title img{
 float:right;
}

#works #detail #title img.garelly{
 float: left;
}

#works #detail ul{
 margin:0 10px;
 list-style: none;
 padding:0;
}

#works #detail ul li{
 float:left;
 border:1px #CCCCCC solid;
 padding:4px;
 margin:0 6px 0 0;
 line-height:0;
}

#works #detail ul li.last{
 margin-right:0;
}

#works img.top{
 margin-bottom:50px;
}

#works #box{
 width:900px;
 border:1px #381C00 solid;
 padding:0 0 40px 0;
 margin:0 0 30px 0;
}

#works #box p{
 padding:10px 0 10px 10px;
 background-color:#381C00;
 margin-bottom:10px;
 color:#FFFFFF;
 font-weight:bold;
}

#works #box dl{
 margin:0 10px;
 height:120px;
}

#works #box dl img{
 float:left;
 margin-right:20px;
}

#works #box dl img.icon{
 margin-right:10px;
}

#works #box dt{
 font-size:1.4em;
 color:#381C00;
 margin-bottom:5px;
}

#works #box #title{
 border-bottom:1px #381C00 solid;
 width:880px;
 margin:10px;
}

#works #box ul{
 margin:0 0 25px 10px;
 list-style: none;
 padding:0;
}

#works #box ul li{
 float:left;
 margin:0 15px 15px 0;
}

#works #box ul li.right{
 margin-right:0;
}

#works #box #back{
 text-align:center;
}

/* staff */

#staff{
 margin:0;
 padding:0;
 width:930px;
}

/* concept */

#concept{
 width:955px;
 background:url(../concept/img/shacho_bg.jpg) no-repeat top right;
 margin:0;
 padding:0;
}

#concept img{
 margin:40px 0 15px 0;
}

#concept img.top{
 margin:40px 0;
}

#concept p a:link, #concept p a:visited{
 color:#666666;
 text-decoration: none;
}

#concept p a:hover, #concept p a:active{
 color:#666666;
 text-decoration: underline;
}

/* sitemap */

#sitemap{
 width:374px;
 margin:0;
 padding:0;
 background:url(../img/sitemap_bg.gif) repeat-y;
}

#sitemap ul{
 margin:20px;
 padding:0;
 list-style:none;
}

#sitemap ul li{
 margin:10px 0 0 0;
 padding:0;
 color:#4C4C4C;
 font-size:1.2em;
}

#sitemap ul li.margin{
 margin-left:20px;
}

#sitemap ul li a:link, #sitemap ul li a:visited{
 color:#4C4C4C;
 text-decoration: none;
}

#sitemap ul li a:hover, #sitemap ul li a:active{
 color:#4C4C4C;
 text-decoration: underline;
}