@charset "utf-8";
/*
Theme Name: たけのテーマ
Theme URI: http://taka-a-job.info/
Description: たけのテーマ
Version: 1.0
Author: たけ（@take_it02）
Author URI: http://taka-a-job.info/
Text Domain: 
*/


/*reset*/
div{
text-align:left;
line-height:150%;
}
dt,dd{
line-height:150%;
}

h1,h2,h3,,h5,p,ul,li,div,param,dl,dt,dd{
padding:0;
margin:0;
}
table{
border-collapse:collapse;
}
th,td{
vertical-align:top;
border-collapse:collapse;
}
li{
padding:0;
margin:0;
list-style:none;
}
img{
border:0;
padding:0;
margin:0;
vertical-align:bottom;
}
hr{
border:0;
padding:0;
margin:0;
}

a:link {
color:#000;
}
a:visited {
color:#000;
text-decoration:none;
}
a:hover{
color:#666666;
}
h4 a:hover{
color:#000;
}

p{
line-height: 1.7em;
clear:both;
margin:0 10px 1em 0;
}
table{
line-height: 1.5em;
}
table p{
line-height: 1.5em;
}
td{
vertical-align:top;
}

h3{
color:#333;
border-bottom:3px dotted #333;
line-height: 170%;
}



body{
background:url(img/bg.jpg) repeat;
margin:0;
padding:0;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,verdana, sans-serif;
line-height: 180%;
}
#wrapper{width: 1200px;margin:0 auto;}
#header{padding-top:20px;padding-bottom: 30px;}
#header h1{
background:url(img/logo-ic.png) no-repeat;
padding:15px 0 0 55px;
font-size:24px;
float:left;
height:50px;
display:block;
}
h1 a:link,h1 a:visited{
text-decoration:none;
display:block;
}


#nav{float: right;width:700px;}
#nav ul {
float:right;
padding-top:15px;
}
#nav li{
float:left;
margin-left:30px;
text-align:right;
border-bottom:3px solid #C0C0BF;
text-decoration:none;
}
#nav li a:link,#nav li a:visited{
text-decoration:none;
}
#nav li a:hover{
border-bottom:3px solid #999;
}


#header p{
clear:both;
padding:20px 0 30px 0;
}

#pagetop{
clear:both;
text-align:right;
padding:50px 0 20px;
}

#footer{
clear:both;
background:url(img/footer.jpg) repeat-x;
height:355px;	
}
#footer-bx{width: 1200px;margin:0 auto;padding-top:40px;color:#fff;font-size:12px;}
#footer-bx h2{
background:url(img/footer-line.png) no-repeat bottom left;
font-size:18px;
margin-bottom:15px;
padding-bottom:5px;
}
#footer-left{
width:640px;
float:left;
}
#footer-left #pic{
float:left;
width:80px;
}
#footer-left #pic img{
	padding:3px;
	border:1px solid #CCC;
}
#footer-left #txt{
float:right;
width:540px;
}
#footer-left #txt p{
margin:0;
}

#footer-bx p{
text-align:left;
clear:both;
}


/*top*/
#top-txt{
margin:0 auto;
text-align:center;
vertical-align:middle;
padding:160px 0;
}

#top-left{
float:left;
width:400px;
}

#top-right{
float:right;
width:400px;
}

#top-left h2,#top-right h2{
background:url(img/top-line.png) no-repeat bottom;
font-size:16px;
}
#top-left li,#top-right li{
float:none;
background:url(img/ic.png) no-repeat left 7px;
padding:3px 0 0 18px;
}


/*sub*/
#contents{width: 836px;float:left;}
#contents h2{font-size:22px;margin:0 0 5px 0;font-size: 22px;padding-bottom: 10px;margin-bottom: 20px;line-height: 1.3;border-bottom: 3px solid #666;}
#contents h2 a:link,#contents h2 a:visited{
text-decoration:none;
}
.entry{
margin-bottom:50px;
}
#contents h4{
margin:40px 0 10px 0;
font-size:20px;
}

.day{
font-size:12px;
margin:5px 0 0 0;
}
.social{
margin:2px 0;
}
.social p{
margin:2px 0;
}
#nav-below{
	clear:both;
}
.nav-previous{
float:left;
width:45%;
text-align:right;
}
.nav-next{
float:right;
width:45%;
text-align: left;
}

#sub-left{
float:left;
width:300px;
}
#sub-right{
float:left;
width:300px;
padding-left:40px;

}

#sub-left h2,#sub-right h2{
background:url(img/entry-line.png) no-repeat bottom left;
font-size:16px;
margin:20px 0 5px 0;
}
#recommend{
clear:both;
padding-top:30px;
}
#recommend ul{
margin:0;
padding:0;
}
#recommend li{
float:none;
background:url(img/ic.png) no-repeat left 7px;
padding:3px 0 0 18px;
margin:0;
}
#sideber{float: right;width: 320px;padding-left:40px;}

#sideber h2{
font-size:18px;
background:url(img/side-header.png) no-repeat left 20px;
height:40px;
margin:0;
clear:both;
}
.side-bx{
background:url(img/side-bg.png) repeat-y;
padding:0 20px;
clear:both;
}
.side-bx object{
margin:0 auto;
text-align:center;
}
.side-bx ul{
padding:0;
margin:0;
}
.side-bx li{
background:url(img/ic.png) no-repeat left 7px;
padding:3px 0 0 18px;
}
hr{
background:url(img/side-footer.png) no-repeat;
height:40px;
width:270px;
border:0;
clear:both;

}
/*anti-back*/
.side-bx:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .side-bx{
height: 1em;
overflow: visible;
}



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
text-align: center;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

#reply-title,#respond{
clear:both;
padding-top: 30px;
}
#respond #comment{
width:600px;
}
.wc{
margin:10px auto;
width:140px;
}

ul.ad300x250{
margin: 0;
padding: 0;
}
.ad300x250 li{
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
}
ul.side_ad{
	margin: 0;
	padding: 20px 0;
}
.side_ad li{
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
}
.tbl04,
.tbl04 td{
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.tbl04 td{
	padding: 5px;
	width: 25%;
}