@charset "utf-8";
/* CSS Document */


.comment-author img{
	width:40px;
}

.comment-list li.parent{
	padding:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:#f5f5f5 5px solid;
	margin:10px auto;
	
}


.comment-list article{
	position:relative;
	font-size:80%;
	margin:0px auto;
	color:hsla(0,0%,36%,1.00);
}

.reply{
	text-align:right;
}

.comment-list article p{
	margin:10px 0px !important;
	
}

.comment-metadata{
	position:absolute;
	top:0px;
	right:10px;

}


img {
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
}
.ie8 img{
  width: auto;
}

#wrapper{
	width:100%;
}

#content{
	width:100%;
	position:relative;	
}


#headTitle{
	margin:0 auto;
	position:relative;
}

.clearfix:after{  
display:block;  
clear:both;  
height:0;  
visibility:hidden;  
content:".";  
zoom:1;  
} 

.clearfix02:after{  
display:block;  
clear:both;  
height:0;  
visibility:hidden;  
content:".";  
zoom:1;  
} 


	#wrapper{
	width:100%;	
}
	h1#logo{
	font-size:230%;
}

	h2#top{
		font-size:86%;
		color:#616262;
		padding:20px 10px;
		font-weight:100;
		
	}

	#mainHead{
		display:block;
		float:none;
		padding:0px;
		border-bottom:1px solid #efefef;
		position:relative;
		width:100%;
		background:#fff;
		
		
		
		
	}


h1#logo{
		margin:0 auto 10px;
		display:block;
		letter-spacing:0.05em;
		font-size:260%;
		color:#3e5e62;
		padding:20px 0px;
}
	
    
	h1#logo a{
		color:#3e5e62;
	}
	

	#headNav{
		width:100%;
		background:#3e5e62;
	}
	
#headNav ul{
	color:#fff;
	margin:0 auto;
	width:600px;
}
	
	#headNav ul li a{
	float:left;
	color:#fff;
	font-size:80%;
	padding:4px 10px 0;
}


#category{
	width:1200px;
	background:#efefef;
	height:34px;
	margin:0 auto;
}

#category ul{
	width:100%;
	
}

#category ul li{
	float:left;
	font-size:86%;
	font-weight:bold;


}

#category ul li a{
	color:#616262;
	padding:0px 20px 0px;
	display:block;
	line-height:34px;
}


#category ul li:first-child{
	background:#3f5e62;
	color:#fff;
	line-height:34px;
	padding:0px 20px 0px;
}





#content .pt_box div{
	width:100%;
	height:175px;
	position:relative;
}
#content .pt_box div p{
	color:#fff;
	background:rgba(0, 0, 0, 0.7);
	position:absolute;
	bottom:0px;
	height:24px;
	font-size:84%;
	color:#fff;
	width:100%;
	padding:2px 0 4px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
}


#maincolumn{
	padding-bottom:20px;
	
}

footer#mainFoot{
	background:#3e5e62;
	height:220px;

	
}

footer#mainFoot .inner{
	width:1200px;
	margin:20px auto 0px;
	padding:20px 0;
	background:url(../img/logo_topecon.png) center right no-repeat;
}

footer#mainFoot .inner p#copy{
	text-align:center;
	color:#fff;
	clear:both;
	
}

nav#footNav ul li{
	float:left;
	padding:0 20px;
	font-size:86%;
	border-right:1px solid #C7C7C7;
	
}
nav#footNav ul li a{
	color:#fff;
	display:block;
		
	
}


header #searchBox {
	position: relative;
	width:100%;
	padding:10px 0px;

}
header #searchBox form{
	margin:0 auto;
	width:180px;
	
}
header #searchBox input#search_txt {
	width:120px;
}

	h1#logo{
		float:none;
	}

.page .pankuzu{
	font-size:90%;
	padding:10px 0px;
	
}



@media only screen and (max-width:320px){
	
#content .pt_box{
	width:100%;
}
#headNav{
	height:3em;
}


}


@media only screen and (min-width:320px){
	


#content .pt_box{
	width:47%;
	height:175px;
	float:left;
	margin-left:2%;
	margin-bottom:10px;
}

#headNav{
	height:4em;
}

#content .pt_box:nth-child(2){
	margin-right:2%;	
}

#ad01{display:none;}
footer #sns{display:none;}
footer#mainFoot .inner{width:100%;}	
#category{width:100%; height:64px}
#headNav ul{width:100%;}
footer#mainFoot .inner{
	background-image:none;
}
	

h1#logo,h1#logo img{width:260px; margin:0 auto; padding:10px 10px}
}

@media only screen and (min-width:641px){


h1#logo{
		width:280px;
		height:52px;
		margin:0px 0 10px 30%;
		display:block;
		letter-spacing:0.05em;
		font-size:260%;
		color:#3e5e62;
		padding:10px 0px 20px;
		float:left;
	}



#content .pt_box{
	width:32%;
	height:175px;
	float:left;
	margin-left:1%;
	margin-bottom:10px;
}

#headNav{
	height:1.8em;
}

.page #wrapper{
	padding:0 10px;
}


#content .pt_box:nth-child(2){
	margin-right:0%;
	margin-left:1%;
}

#content .pt_box:nth-child(3){
	margin-right:1%;
	
}

#ad01{display:none;}
footer #sns{display:none;}
footer#mainFoot .inner{width:100%;}
#category{width:100%; height:32px}
#headNav ul{width:100%;}
/*h1#logo{width:100%; -moz-box-sizing:border-box;
box-sizing:border-box;}*/
footer#mainFoot .inner{
	background-image:none;
}
	
header #searchBox {
	position: relative;
	width:100%;
	padding:10px 0px;

}
header #searchBox form{
	margin:0 auto;
	width:180px;
	
}


header #searchBox input#search_txt {
	width:120px;
}

	h1#logo{
		float:none;
	}

}

@media only screen and (min-width:686px){
	header #searchBox{
		position:absolute;
		right:15px;
		top: 25px;
		width:180px;
	}
	

	
}


@media only screen and (min-width:1200px){


#wrapper{
		width:100%;
}
	


#headNav ul{
	height:26px;	
}


	h2#top{
		font-size:98%;
		color:#464646;
		padding:20px 0px;
		font-weight:100;
		width:1200px;
		margin:0px auto;
		line-height:1.7em;

		
	}

	#mainHead{
		display:block;
		float:none;
		padding:0px;
		border-bottom:1px solid #efefef;
		position:relative;
		width:100%;
		
		
		
		
	}


#headTitle{
	margin:0 auto;
	width:1200px;
	position:relative;
}

h1#logo{
		width:280px;
		height:52px;
		margin:0px 0 10px 30%;
		display:block;
		letter-spacing:0.05em;
		font-size:260%;
		color:#3e5e62;
		padding:10px 0px 20px;
		float:left;
	}



	
    
	h1#logo a{
		color:#3e5e62;
	}
	

	#headNav{
		width:100%;
		background:#3e5e62;
	}
	
	#headNav ul{
	height:26px;
	color:#fff;
	margin:0 auto;
	width:600px;
	
}
	
	#headNav ul li a{
	float:left;
	color:#fff;
	font-size:80%;
	padding:4px 10px 0;
}


#category{
	width:1200px;
	background:#efefef;
	height:34px;
	margin:0 auto;
}

#category ul li{
	float:left;

	font-size:86%;
	font-weight:bold;
}

#category ul li a{
	color:#616262;
	padding:0px 20px 0px;
	display:block;
}


#category ul li:first-child{
	background:#3f5e62;
		padding:0px 20px 0px;
	color:#fff;
}


#content{
	width:1200px;
	margin:0px auto;
	position:relative;
	min-height:700px;
}

#content .pt_box{
	width:27.5%;
	height:180px;
	float:left;
	margin:0 1.3% 0 0;
	margin-bottom:10px;
}

#content .pt_box:nth-child(2){
	margin:0 1.3% 0 0;
	
}
/*
#content .pt_box:nth-child(4){
	clear:both;	
}
*/

#content .pt_box div{
	width:100%;
	height:175px;
	position:relative;
}
#content .pt_box div p{
	color:#fff;
	background:rgba(0, 0, 0, 0.7);
	position:absolute;
	bottom:0px;
	height:24px;
	font-size:84%;
	color:#fff;
	width:100%;
	padding:2px 0 4px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
}



aside#ad01{
	position:absolute;
	top:0;
	display:block;
	right:0;
	width:160px;
	height:600px;
	z-index:400;
}

.page aside#ad01,
.category aside#ad01{
	position:absolute;
	top:60px;
	display:block;
	right:0;
	width:160px;
	height:600px;
	z-index:400;
}


footer#mainFoot{
	background:#3e5e62;
	
}

footer#mainFoot .inner{
	width:1200px;
	margin:20px auto 0px;
	padding:20px 0;
	background:url(../img/logo_topecon.png) center right no-repeat;
}

footer#mainFoot .inner p#copy{
	text-align:center;
	color:#fff;
	
}

nav#footNav ul li{
	float:left;
	padding:0 20px;
	font-size:86%;
	border-right:1px solid #C7C7C7;
	
}
nav#footNav ul li a{
	color:#fff;
	display:block;
		
	
}


article#page h1{;
	margin:40px 0px 30px;
	font-size:160%;
}
article#page h2{
	margin:40px 0px 30px;
	font-size:160%;
}

article#page h2.green{
	color:#4e878f;
	border-left: #4e878f 3px dotted;
	padding-left: 20px;
	
}
article#page h2.red{
	color:#d44f4f;
	border-left: #d44f4f 3px dotted;
	padding-left: 20px;
	
}


.page_numbers{
	clear: both;
	height:110px;
}


.category h2 {
font-size: 180%;
padding: 10px 0 0 6px;
clear:both;
height:50px;
}






.category-196 #category ul li:nth-child(5) a,
.category-17 #category ul li:nth-child(2) a,
.category-77 #category ul li:nth-child(3) a,
.category-4 #category ul li:nth-child(4) a{
	background: #3f5e62;
	display:block;
	color: #fff !important;
}

aside#ad02{
	clear:both;
	margin:10px auto;
}

.page p,
.page p small{
	font-size:98%;
	line-height:1.8em;
	
}



#links #linksArea h3{
	margin-left:0px;
	font-size:120%;
	
}

#links .linksBox{
	float:left;	
	width:260px;
	height:230px;
}

#links .linksBox div{
	width:200px;
	height:120px;
	background:url(../img/icon_site.gif) 0 0;
	margin-bottom:10px;

}

.linksBox a{
	color:#222;

}


#links .linksBox p{
	line-height:1.6em;
	font-size:84%;
	width:80%;
	
}


#links .linksBox div a{
	display:block;
	width:100%;
	height:100%;
}
#links .linksBox div a:hover{
	background:#FFFFFF;
	opacity:0.4;
}

#links .linksBox .link01{ background:url(../img/icon_site.gif) 0 0; }
#links .linksBox .link02{ background:url(../img/icon_site.gif) -200px 0; }
#links .linksBox .link03{ background:url(../img/icon_site.gif) -400px 0; }
#links .linksBox .link04{ background:url(../img/icon_site.gif) -600px 0; }
#links .linksBox .link05{ background:url(../img/icon_site.gif) -800px 0; }
#links .linksBox .link06{ background:url(../img/icon_site.gif) -1000px 0; }
#links .linksBox .link07{ background:url(../img/icon_site.gif) -1200px 0; }
#links .linksBox .link08{ background:url(../img/icon_site.gif) -1400px 0; }
#links .linksBox .link09{ background:url(../img/icon_site.gif) -1600px 0; }
#links .linksBox .link10{ background:url(../img/icon_site.gif) -1800px 0; }
#links .linksBox .link12{ background:url(../img/icon_site.gif) -2000px 0; }
#links .linksBox .link11{ background:url(../img/icon_site.gif) -2200px 0; }
#links .linksBox .link13{ background:none; }


#content .linksBox p.sentence{
	margin:10px 0 0 0;
	padding:0px;
}


/* SNS */

footer #sns {
	display:block;
	width: 440px;
	float: left;
	margin-top:15px;
	margin-left: 20px;
}

footer #sns p{
	float:left;
	width:90px;
}

footer #sns p.google{
	width:70px !important;
	
}


.page #content{
	padding-right:150px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
}

.page dt{
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	
}
.page dd{
	margin-bottom:20px;
}

.page dt span{
	color:#4e878f;
	display:inline-block;
	padding-right:10px;
}
.page dd span{
	
	color:#d44f4f;
	display:inline-block;
	padding-right:10px;
}



.single h2{
	font-size:160%;
	margin:10px 0px;
	
}


}