@charset "utf-8";
/*
Theme Name: island-style
Theme URI: http://www.island-style.net/blog/
Description: アイランドスタイル・ブログ用のテーマ
Version: 1.0
Author: Nobuyuki Makabe
Author URI: http://nobu.post-box.net/
*/



/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}



/* float解除 */
.clearfix:after{
	content:" "; 
	display:block; 
	height:0; 
	visibility:hidden; 
	clear:both; 
}
* html.clearfix{
	/*\*/height:1%;/* for WinIE*/ 
	display:inline-table;/* for MacIE*/
}


/* === common === */

body{
	background-color:#E8E6E6;
}

#wrapper{
	width:812px;
	padding:0px;
	margin:0px auto;
	text-align:left;
	background:transparent url(img/bg_body.jpg) repeat-y;
}


/* mainBlock */
#mainBlock{
	width:812px;
	padding-bottom:30px;
}

/* header */
#catchcopy{
	font-size:85%;
	width:802px;
	color:#FFFFFF;
	background-color:#E8E6E6;
	padding-left:10px;
}
#header{
	width:812px;
	height:198px;
	background:#E8E6E6 url(img/bg_head.jpg) no-repeat bottom;
}
#header a{
	display:block;
	width:812px;
	height:198px;
}
#header h1{
	visibility:hidden;
}

/* footer */
#footer{
	width:802px;
	background:#E8E6E6 url(img/bg_foot.jpg) no-repeat top;
	text-align:right;
	padding:25px 10px 10px 0;
	font-size:85%;
	color:#FF9900;
}


/* content */
#content{
	float:right;
	width:525px;
	padding:0 55px 0 0;
}

/* conthead */
#conthead{
	width:505px;
	background:transparent url(img/ttl_conthead.jpg) no-repeat;
	padding:10px 10px 15px 10px;
}
#conthead p{
	float:left;
	width:275px;
	padding-top:40px;
	color:#FFFFFF;
}
#conthead img{
	float:right;
}

/* postBlock */
.postBlock{
	color:#FFFFFF;
	background:transparent url(img/line_post.gif) no-repeat;
	padding:10px 0 30px 0;
}
.postBlock .posthead a{
	color:#FFFFFF;
	padding-bottom:8px;
	text-decoration:none;
}
.postBlock h2{
	background:transparent url(img/icon_title.gif) no-repeat 0px 10px;
	padding:15px 0 10px 45px;
}
.postBlock h2 a{
	font-size:138.5%;
	color:#FFFFFF;
	font-weight:bold;
}
.postBlock p{
	line-height:200%;
}
.postBlock p img{
	border:#FFFFFF 1px solid;
	vertical-align:middle;
	margin:10px 20px 10px 0;
}

/* contnavi */
.contnavi{
	text-align:center;
	color:#FFFFFF;
	padding-bottom:10px;
}
.contnavi a{
	color:#FFFFFF;
}
#contnavifoot{
	background:transparent url(img/line_post.gif) no-repeat;
	padding-top:20px;
}

/* commentBlock */
#tbURLBlock{
	padding:50px 20px 0px 20px;
	color:#FFFFFF;
}
#tbURLBlock a{
	color:#FFFFFF;
}
#tbURLBlock input{
	color:#666666;
	margin-right:10px;
	width:200px;
}

#commentBlock{
	padding:35px 20px 25px 20px;
	color:#FFFFFF;
}
#commentBlock a{
	color:#FFFFFF;
}
#commentBlock h2{
	font-size:138.5%;
	font-weight:bold;
}
#commentBlock h2 a{
	margin-left:10px;
	font-weight:bold;
}
#commentBlock ol li{
	margin:5px 0;
}
#postcomment{
	padding:20px 0 5px 0;
}
#commentBlock input,
#commentBlock textarea{
	margin:2px 0;
	color:#666666;
}
#commentBlock input{width:200px;}
#commentBlock input#submit{width:100px;}
#commentBlock textarea{width:480px;}


/* sidebar */
#sidebar{
	float:left;
	width:170px;
	color:#FFFFFF;
	padding:0 0 0 35px;
}
#sidebar a{color:#FFFFFF;}

/* widget */
#sidebar .widget{
	padding-bottom:20px;
}
#sidebar .widget .title{
	width:170px;
	height:45px;
}
#sidebar .widget .title span{visibility:hidden;}

#sidebar .widget_categories{background:transparent url(img/ttl_category.jpg) no-repeat;}
#sidebar .widget_calendar{background:transparent url(img/ttl_calendar.jpg) no-repeat;}
#sidebar .widget_recent_entries{background:transparent url(img/ttl_backnumber.jpg) no-repeat;}
#sidebar .widget_archive{background:transparent url(img/ttl_monthlybn.jpg) no-repeat;}
#sidebar .widget_gallery{background:transparent url(img/ttl_gallery.jpg) no-repeat;}
#sidebar .widget_diving{background:transparent url(img/ttl_diving.jpg) no-repeat;}
#sidebar .widget_original{background:transparent url(img/ttl_original.jpg) no-repeat;}
#sidebar .widget_profile{background:transparent url(img/ttl_profile.jpg) no-repeat;}

#sidebar .widget ul li{
	list-style:disc;
	margin-left:15px;
}
#sidebar .widget dl dt{
	font-weight:bold;
}

#sidebar .widget p{
	width:170px;
	text-align:center;
	padding-top:5px;
}

/* calendar */
.widget_calendar table{
	width:150px;
	margin-left:10px;
}
.widget_calendar table caption{
	text-align:center;
}