@charset "utf-8";
/* -----------------------------------------------------------
 reset
----------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}img,abbr,acronym,fieldset{border:0;}li{list-style-type:none;}a{color:#333333;}a:hover{text-decoration:underline;}
/* -----------------------------------------------------------
 layout
----------------------------------------------------------- */
body{
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
header{
	width:1100px;
	margin:0 auto;
position: relative;
}
#logo img{
	float:left;
}
#gnav ul {
	overflow:hidden;
	float:right;
	margin-top:30px;
}
#gnav ul li{
	float:left;
}
#blog li{
	float:left;
	margin-right:160px;
	overflow:hidden;
}
#blog{
	width:1200px;
	position:absolute;
	top:360px;
	left:50%;
	margin-left:-475px;
	z-index:999;
}
#content{
	width:1100px;
	margin:90px  auto 20px auto;
	overflow:hidden;
}
#c-left{
	float:left;
	width:680px;
}
#c-right{
	float:right;
	width:400px;
}


footer{
	height:300px;
	background-color:#000;

}
#blog li img:hover {
	opacity: 0.6 ;
}
#line{
	height:10px;
	background-color:#f29159;
}
#footercontent{
	width:1100px;
	margin:0 auto;
	color:#fff;
}
#f-left{
	float:left;
	margin:50px 220px 0 0;
	font-size:12px;
}
#f-center{
	float:left;
	margin-top:50px;
	font-size:16px;
	line-height:30px;
}
#f-center ul a{
	color:#fff;
	text-decoration: none;
}
#f-center ul a li:hover {
	opacity: 0.5;
}


#f-right{
	float:right;
	margin-top:190px;
	font-size:16px;

}
#f-left ul{
	margin:8px 0 0 30px;
	line-height:30px;
}

#footer-c{
	width:1100px;
	margin:0 auto;
}
#copyright{
	color:#605f61;
	text-align:center;
}
#c-left table{
	font-size:18px;
	margin-bottom:20px;
	margin-left:20px;
}

#c-left table tr td{
	padding-left:20px;
}

#c-left table tr td,
#c-left table tr th{
	padding-bottom:10px;
}



#link img{
	margin:40px 20px
}
#link img:hover {
	opacity: 0.6;
}

/*blog*/
#main{
	float:left;
	width:760px;
}
.widget-area{
	float:right;
	width:300px;

}
.wrap,
.content-area{
	width:1100px;
	margin:0 auto;
}
#sideblog li img:hover {
	opacity: 0.6 ;
}
#sideblog li a:hover .img{
	border: none;
} 
.entry-content img{
	margin-top:5px;
}
.wrap h3,
.wrap h2{
	font-size:24px;
}
#h-img{
	width:1100px;
	height:120px;
	margin:0 auto;
	background-image: url(http://design-craft-works.t-web-design.info/images/h-blog.jpg);  
}

#h-img h1{
	font-size:50px;
	color:#605f61;
	padding-left:5px;
}

#hh-img{
	width:1100px;
	height:120px;
	margin:0 auto;
}
#h-out{
	width:100%;
	height:106px;
	background-image: url(http://design-craft-works.t-web-design.info/images/bg.gif);
	background-repeat:repeat;
	margin-bottom:14px;
}