@charset "UTF-8";

/*   
Theme Name:iketani_naoki
Description:池谷直樹ブログ
Author:田中樹理
Version:1.0
*/

/* 全体的なルール */
* {
	margin: auto;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
p {
	margin: 0;
	padding: 0;
}
 
 img, a {
 	border: none;
 }

#naoki {	
	background-color: #000000;
	color:#333333;/*文字の色*/
	font-family:verdana, sans-serif;
}
	a { text-decoration:none }
	a:link { color:#000000; }
	a:visited { color:#000000; }
	a:hover { color:#999999; }
	a:active { color:#000000; }


div#main {
	/*width:1250px;*/
	background:url(images/naoki_iketani_bg.jpg) top center no-repeat;
	}

div#page {
	width:850px;
	color:#000000;/*文字の色*/
	background:url(images/main_bg.gif);
	background-repeat:repeat-y;
}

/* ヘッダーテンプレート */
/* ------------------------------ */

div#headbar {
	height: 21px;
	border-bottom:1px solid #CCCCCC;
	padding: 0px 0px;
	background-color: #FFFFFF;
	font-size: 11px;
}

div#headbar a {
	font-size: 1em;
}

div#headbar a:hover {
	text-decoration: underline;
}

div#headbar a img {
	margin-top: 0px;
	margin-right: 5px;
	vertical-align: -0.2em;
}

/*div#header {
	width: 1100px;
	height: 490px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background:url(images/header.jpg) top center  no-repeat;
	text-align:center;
}

#header_swf {
	width: 1024px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}*/


#header_swf {
	/*width: 1024px;*/
	height: 490px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background:url(images/header.jpg) top no-repeat;
	text-align:center;
}

.index_banner {
	margin-top:5px;
}
.index_bannertop {
	margin-top:5px;
}
.index_img1{
	border: 1px solid #CCCCCC;
}
/* フッターテンプレート */
#footer {
	clear:both;
	width: 850px;
	height: 108px;
	background:url(images/footer.jpg) no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
}

#copyright {
	height: 50px;
	padding-top: 26px;
	text-align:center;
	font-size:12px;
}

/* トップページテンプレート */
#contaner {
	width: 850px;
}


div#left{
	width:645px;
	float:left;
	padding:0px;
	margin :0px;
;}

div#content {
	width:440px;
	float:right;
	padding:0px;
	margin:0px;
}   
div#innerbox {
	padding:0px 0px 0px 0px;
	margin:0px;

}
div.post {
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 5px;
	/*区切りの点線*/
	border-bottom:1px dashed #66cc99;
	clear:both;
}

.post_inside {
	padding-left: 12px;
	padding-right: 12px;
	}

/*#article_top {
	background:url(images/article_top.gif) no-repeat;
	height: 11px;
	width: 440px;	
}*/

h2.posttitle {
	font-size:16px;
	background:url(images/title_bar.gif) no-repeat;
	height:34px;
	width: 440px;
	font-weight:bold;
	margin-top: 10px;
	padding-top:8px;
	margin-left: -5px;
}
.posttitle_margin {
	margin-left: 20px;
		color: #000000;
}
.title-position a{
	margin-left: 20px;
		color: #000000;
}
.title-position a:link{
	margin-left: 20px;
		color: #000000;

}
.title-position a:visited{
	margin-left: 20px;
		color: #000000;
}
.title-position a:hover{
	margin-left: 20px;
		color: #000000;
}


.post .metadata_top {
	padding-right: 10px;
	margin-bottom: 5px;
	font-size: 11px;
	text-align: left;
	color: #333333;
}

.post .metadata_bottom {
	padding-right: 10px;
	margin-bottom: 5px;
	font-size: 11px;
	text-align: right;
	color: #333333;
}

dl {
	margin-bottom:10px;
}
dl.metadata dt, dl.metadata dd {
	font-size:11px;
	color:#666;
	display:inline;
}
dl.metadata dd {
	border-right:1px solid #ccc;
	padding-right:0.5em;
	margin-right:0.5em;
}
dl.metadata dd.last {
	border-right:none;
}

div#content p {
	font:14px/1.5em verdana, sans-serif;
	margin-bottom:1em;
}
p.navigation {
	text-align:center;
}
/* サイドバーテンプレート */


div#sidebar {
	padding-left:0px;
	padding-top:5px;
	width:205px;
	float:left;
}

#calendar_text{	
	line-height:160%;
	font-size:12px;
	color:#7ca800;
}
#calendar_text a {/*カレンダーのリンクの色*/
	color:#7ca800;
	font-weight: bold;
}

#calendar_text a:link { 
	color:#7ca800; 
	font-weight: bold;
}

.sidebar_list {
    margin: 0px 0px 0px 30px;
    list-style-image: url(images/bullet.gif);
	font-size: 12px;
	line-height:160%;
}
.fire_heioght{
	padding-top:12px;
}

.title_bar_top{
	width:182px;
	height:40px;
	padding:　0;
	margin-bottom: 6px;
	margin-top: 0px;
	margin-left: 13px;
}
.title_bar{
	width:182px;
	height:77px;
	padding:　0;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 13px;
}

.title_bar_link{
	width:182px;
	height:77px;
	padding:　0;
	margin-bottom: 2px;
	margin-top: 6px;
	margin-left: 13px;
}

.profile_photo{
	text-align: center;
	padding-bottom:6px;
}

.profile_comment {
	font-size:10px;
	color:#000000;
	padding-bottom:6px;
	padding-left:14px;
	padding-right: 14px;
}

.profile_name{
	font-size:12px;
	line-height:16px;
	color:#000000;
	margin-left:14px;
}
.banner_comment {
	width: 170px;
	font-size:10px;
	color:#000000;
	padding-bottom:6px;
	margin-left: auto;
	margin-right: auto;
}
.category{
	background:url(images/categories.gif);
	background-repeat: no-repeat;
	width:192px;
	height:25px;
	margin-bottom: 6px;
}
.archives{
	background:url(images/Archives.gif);
	background-repeat: no-repeat;
	width:192px;
	height:31px;
	margin-bottom:6px;
}
.rss{
	background:url(images/menu-sample.gif);
	background-repeat: no-repeat;
	width:192px;
	height:25px;
	margin-bottom:6px;
}
.calendar{
	background:url(images/calendar-title.gif);
	background-repeat: no-repeat;
	width:192px;
	height:25px;;
	margin-bottom:6px;
}

.recent{
	background:url(images/Entries.gif);
	background-repeat: no-repeat;
	width:192px;
	height:25px;
	margin-bottom:6px;
}

.dh_blog{
	background:url(images/diamond_blog.gif);
	background-repeat: no-repeat;
	width:213px;
	height:38px;
	margin-bottom:6px;
}

.banner-zone{
	font-size:11px;
}

.banner-comments{
	width:182px;
	padding-left:10px;
	padding-bottom:10px;
}

.banner-comments a:link{
	color:#000000;
}

.banner-comments a:visited{
	color:#000000;
}

.banner-comments a:hover{
	color:#999999;
}

.banner-zone img{
	padding-left:0px;
}

.img_position{
	padding-top:7px;
	padding-left:10px;
}

.blog_image{
	border:solid 1px #CCCCCC;
}

.left_image_comment{
	color:#33cc66;
	font-size:65%;
	padding-top:0px;
	padding-bottom:0px;
	text-align: center;
}



.right_title{
	width:182px;
	height:77px;
	padding-bottom:6px;
	margin-left: 10px;
	padding-left:0px;
}


.shop_link{
	background:url(images/shop.gif);
	background-repeat: no-repeat;
	width:213px;
	height:38px;
	padding-bottom:12px;
}

.link_image{
	padding-bottom: 2px;
	text-align: center;
}

.result{
	font-size:10px;
	color:#FF9900;
	padding-left:14px;
	padding-top:0px;
}

.result a:link{
	color:#FF9900;
	text-decoration:underline;
}

.result a:visited{
	color:#FF9900;
	text-decoration:underline;
}


/*右サイド部分 */
#right_side {
	padding:0px;
	margin:0px;
	width:205px;
	float:right;
}

#right_side h2{
	width: 180px;
	padding:0px;
	margin:0px auto;
}

#right_side .work{
	width: 180px;
	padding:0px;
	margin:0px auto 10px auto;
}

#right_side img {
	border: none;
}

#blogger .blogger_center{
	width:180px;
}

#blogger .blogger_center img{
	width: 180px;
	text-align: center;
	margin: 4px auto 0px auto;
}

#blogger .blogger_center p{
	line-height: 14px;
	font-size: 10px;
	padding: 0px;
	margin: 3px 0px;
}

#shoplink .shoplink_center{
	width:180px;
}

#shoplink .shoplink_center img{
	width: 180px;
	text-align: center;
	margin: 4px auto 0px auto;
}

#shoplink .shoplink_center p{
	line-height: 14px;
	font-size: 12px;
	padding: 0px;
	margin: 3px 0px;
}




div#add_side {
   float:right;
   width:205px;
   margin:0px 0px 0px 0px;
   padding:5px 0px 0px 0px;
}


div#add_side ul {
	margin:0px 0px 0px 0px;
}

div#add_side li, div#add_side li li {
	list-style:none;
	line-height:16px;
}

div#add_side ul li {
	padding:0px 0px 5px 8px;
	font-size:12px;
       text-decoration: none;
}


div#add_side li li {
	background:url(images/bullet2.gif) 18px 4px no-repeat;
	padding-left:30px;
	font-size:12px;
	line-height: 14px;
}
   
div#add_side li li li {
	font-size:0.8em;
}



div#add_side li.searchform ul {
	margin-left:0;
}
div#add_side li.searchform li {
	background:none;
	padding-left:0;
}

div#add_text h2{
	font-size:0.82em;
}

/* 個別記事テンプレート */
div.post img {
	border:1px solid #ccc;
}
div.post img.wp-smiley {
	border:none;
}
div.post img.floatleft {
	float:left;
	margin:0 8px 8px 0;
}
div.post blockquote {
	margin-bottom:1em;
	padding:20px 15px 10px 15px;
	background:url(images/blockquote.png) no-repeat #fafef3;
	border:1px solid;
	border-color:#efefef #ccc #ccc #efefef;
}
div.post ul, div.post ul ul, div.post ol, div.post ol ol{
	margin:0 0 1em 25px;
}
div.post li {
	font-size:0.75em;
	line-height:1.5em;
}
div.post li li {
	font-size:1em;
}
hr {
	border-top:solid #ccc;
	background:#fff;
	color:#fff;
	border-width:1px 0 0 0;
	margin:1em 0;
}
code {
	font-family:"courier new", courier, monotype;
	font-size:1em;
}
/* コメントテンプレート */
#comments {
	padding-left: 20px;
	}

h3 {
	font-size:14px;
	padding:10px 0 0.6em 0;
}
h4 {
	font-size:0.88em;
	padding:0 0 0.4em 0;
	color:#666;
}
input#trackbackurl {
	width:400px;
	font-size:0.75em;
	margin-bottom:1em;
	color:#666;
}
ol#commentlist {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:13px;
}
ol#commentlist li.commentcontent {
	width: 370px;
	list-style:none;
	margin-left: 0px;
	margin-bottom:1em;
	padding:10px 15px 10px 15px;
	border:1px solid;
	border-color:#cccccc;
}
ol#commentlist li dl.metadata dt,
ol#commentlist li dl.metadata dd {
	font-size:0.88em
}
ol#commentlist li, ol#commentlist p {
	font-size:1em;
}
p.note {
	background:#FFF8D5;
	padding:3px 8px;
	color:#666;
	border:2px solid #E5AB6A
}
form#commentform label {
	width:140px;
	float:left;
	margin:0.25em 0 0 0;
	font-weight:bold;
	font-size: 12px;
}
form#commentform p {
	clear:both;
}
form#commentform sub {
	display:block;
	padding-top:2px;
}
input#author, input#email, input#url {
	width:244px;
	border:1px solid #AAAAAA;
	padding:1px 3px;
	font-size: 12px;
}

textarea {
	font-size:1em;
	border:1px solid #AAAAAA;
	width:400px;
}
p.submitbutton {
	text-align:center;
}
p.submitbutton input {
	padding:3px 1em;
	font-weight:bold;
	color:#555;
}

.navigation {
	display: block;
	font-size:12px;	
	margin-top: 10px;
	margin-bottom: 0px;
}

.browse{
	width:400px;
	font-size:12px;
	color:#000000;
}

.browse a:link{
	color:#33cc66;
}
	
.top_he {
	padding-top:14px; 
	padding-bottom: 10px; 
	text-align: center; 
	font-size: 12px;
} 
.kinshi {	
margin-top: 2px;;
margin-bottom: 0;
 font-size: 11px;
 font-weight: bold;
 }

/* Mac IE 文字化け回避対策 */
input, select, textarea {
	font-family:"ヒラギノ角ゴ Pro W3", osaka, verdana, "ＭＳ ゴシック", sans-serif;
}

/*IE向けハック*/

* html #headerimg{
	padding-bottom:0px;
	margin:0px;
}
*html .banner-zone{
	font-size:10px;
}



/*ニュース*/
.news {
	padding:0px 0px 0px 0px;
	width: 440px;
	clear:both;
	margin-top: 10px;
	margin-bottom: 0px;
}



.info_list{
	padding-top:8px;
	list-style:none;
	width:480px;
}

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


.info_left{
	font-size:12px;
	float:left;
	width:80px;
	height:18px;
	padding-top:1px;
	padding-left: 20px;
	/*line-height:20%;*/
}

.info_left a:link{
	color:#333333;
}

.info_left a:visited{
	color:#333333;
}

.info_right{
	font-size:12px;
	color: #cc0000;
	float:left;
	width:320px;
	height:18px;
	border-bottom:1px dotted #333333;
	line-height:160%;
	/*margin-right:65px;*/
}
.info_right a:link{
	color: #f23d9c;
	}

.info_right a:visited{
	color: #f23d9c;
	}
	


	
*html .info_list{
	padding-top:8px;
	list-style:none;
	width:440px;
}



*html .info_left{
	font-size:13px;
	float:left;
	width:80px;
	height:18px;
	padding-top:1px;
	/*line-height:20%;*/
} 


*html .info_right{
	font-size:12px;
	float:left;
	width:310px;
	height:18px;
	border-bottom:1px dotted #333333;
	line-height:160%;
	margin-right:5px;
}

*html .info_right a:link{
	text-indent: 5px;
	}
*html .info_right a:visited{
	text-indent: 5px;
	}


.info_bottom{
	background:url(images/info_bar_under.gif) no-repeat;
	height:30px;
	font-size:11px;
	/*width:413px;*/
	text-align:right;
}

.info_link_position{
	padding-top:10px;
	padding-right:40px;
}

.info_bottom a:link{
	color:#f23d9c;
}

.info_bottom a:visited{
	color:#f23d9c;
}
.linkspace1 {
	width: 200px;
	text-align: center;
	background :led;
}
.mylink {
	text-align: center;
	padding: 0;
	margin: 0 ;
}

/* -----read_buttonページ--------- */

#read_button {
	padding: 10px 0;
	text-align: center;
	margin: auto;
}
#read_button p {
	padding-top: 5px;
	margin: 10px;
	padding: 0;
	margin: 10px 0px 0px 0px;
	font-size: 10px;
}
#read_button img {
	padding: 0px;
	padding-bottom: 5px;
	margin: 10px 10px 0px 0px;
}