/* ------- INITIALIZATION ------- */
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;
}

a, a:visited{
	color:#0099CC;
	text-decoration:none;
}

a:hover, a:active{
	text-decoration:underline;
}

img {
	border-style: none;
}

h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}

ul {
	list-style-type:none
}

big {
	vertical-align:top;
}

/* CLEAR FIX */
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clearfix{display:inline-block;}
/*\*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/**/


/* FOCUS FIX for Win Firefox */
:focus
 {?moz-outline-style:none;}

/* FOCUS FIX for Win Firefox */
a {outline:none;}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

body {
  background-color: #FFF;
  font-size: 80%;
  font-family: "MS PGothic", Osaka, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  text-align:center;
}

/* ------- Layout ------- */
#wrap {
  width: 1100px;
  margin: 0 auto;
  text-align:center;
}

#header {
	width:900px;
	margin:0 auto;
	text-align:left;
}

#main-wrap {
	margin:0 auto;
	padding:0;
	text-align:left;
	border-left:1px solid #999;
	border-right:1px solid #999;
  
  width:900px; /* for IE5.5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  width:898px; /* for Modern browsers */
}

#default-contents {
	padding:100px 150px 150px 50px;
	background:url(images/contents_bg.jpg) no-repeat center bottom;
}

#contents {
	padding-top:270px;
	padding-bottom:60px;
	background:url(images/contents_bg.jpg) no-repeat center bottom;
}

#bottom-wrap {
	clear:both;
  margin:0 auto;
	padding:8px 21px 3px 20px;
  background-color:#F0EBE6;
  border:1px solid #999;
  text-align:left;
  
  width:900px; /* for IE5.5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  width:857px; /* for Modern browsers */
}

#footer {
	margin-top:10px;
  font-size:95%;
  line-height:2em;
  text-align:right;
}
#last-logo{
	margin:8px auto;
	text-align:center;
	border-bottom:1px solid #999;
	width:880px;
	padding:6px;
	color:#804040;
}
/* ------- By Part ------- */

/* HEADER */

a#sitelogo {
	width:60px;
	height:60px;
	margin-top:55px;
	margin-left:22px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(images/site_logo_paul.gif);
}

a:hover#sitelogo {
	opacity:0.7;
	filter: alpha(opacity=70);
}

a#sitetitle {
	width:110px;
	height:355px;
	margin-top:55px;
	margin-left:788px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(images/site_ttl.png) no-repeat left top;
}

a:hover#sitetitle span {
	width:110px;
	height:355px;
	display:block;
	background:url(images/site_ttl_ov.png) no-repeat left top;
}

#cattitle {
	width:900px;
	margin:0 auto;
	padding-top:20px;
	border-bottom:5px solid #000;
}

	#cattitle span {
		text-indent:-9999px;
		display:block;
	}

	#cattitle span#cat-default {
		width:235px;
		height:30px;
		margin-left:665px;
		background-image:url(images/cat_default_ttl.png);
	}

	#cattitle span#cat-essay {
		width:200px;
		height:30px;
		margin-left:700px;
		background-image:url(images/cat_essay_ttl.png);
	}

	#cattitle span#cat-recipes {
		width:280px;
		height:30px;
		margin-left:620px;
		background-image:url(images/cat_recipes_ttl.png);
	}

	#cattitle span#cat-staffblog {
		width:140px;
		height:30px;
		margin-left:760px;
		background-image:url(images/cat_staffblog_ttl.png);
	}


/* HEADER by CONTENTES */

#content-header {
	margin-left:135px;
	padding-left:9px;
	position:absolute;
}

h1#content-title a {
	text-indent:-9999px;
	background:no-repeat left top;
	display:block;
}

p#content-read {
	margin:0;
	text-indent:-9999px;
	background:no-repeat left top;
}


/* BOTTOM COLUMN */

#bottomblock-wrap {
	clear:both;
	border-right:2px solid #BFA081;
	border-left:2px solid #BFA081;
}

#bottomblock1 {
	float:right;
	padding:5px 9px;
	border-left:2px solid #BFA081;

  width:283px; /* for IE5.5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  width:265px; /* for Modern browsers */
}

#bottomblock2 {
	float:right;
	padding:5px 9px;
	border-left:2px solid #BFA081;

  width:283px; /* for IE5.5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  width:265px; /* for Modern browsers */
}
#bottomblock3 {
	float:right;
	padding:5px 9px;

  width:283px; /* for IE5.5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  width:265px; /* for Modern browsers */
}

h2#updateinfo_header {
	width:91px;
	height:23px;
	margin-bottom:5px;
	text-indent:-9999px;
	background:url(images/updateinfo_header.gif) no-repeat right top;
	float:right;
}

h3#updateinfo_ttl01 {
	width:265px;
	height:19px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(images/updateinfo_ttl01.gif) no-repeat left top;
}

h3#updateinfo_ttl02 {
	width:174px;
	height:30px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(images/updateinfo_ttl02.gif) no-repeat left top;
}

h3#updateinfo_ttl03 {
	width:154px;
	height:38px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(images/updateinfo_ttl03.gif) no-repeat left top;
}

.blockTitle {
	width:265px;
	padding:0;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
	.blockTitle a {
		width:265px;
		text-indent:-9999px;
		display:block;
	}

	a.blockttl-paul		{ height:46px;	background:url(images/blockttl_paul.gif) no-repeat left top; }
	a.blockttl-tabuti	{ height:46px;	background:url(images/blockttl_tabuti.gif) no-repeat left top; }
	a.blockttl-miyazaki	{ height:46px;	background:url(images/blockttl_miyazaki.gif) no-repeat left top;}
	a.blockttl-suzuki 	{ height:55px;	background:url(images/blockttl_suzuki.gif) no-repeat left top; }
	a.blockttl-takahashi 	{ height:55px;	background:url(images/blockttl_takahashi.gif) no-repeat left top;}
	a.blockttl-stuffblog 	{ height:30px;	background:url(images/blockttl_stuffblog.gif) no-repeat left top; }
	a.blockttl-photogallery	{ height:30px;	background:url(images/blockttl_photogallery.gif) no-repeat left top; }

	a:hover.blockttl-paul,
	a:hover.blockttl-tabuti,
	a:hover.blockttl-miyazaki,
	a:hover.blockttl-suzuki,
	a:hover.blockttl-takahashi,
	a:hover.blockttl-stuffblog,
	a:hover.blockttl-photogallery	{ background-position:left -55px; }

.blockContent {
	margin-bottom:20px;
}


/* KANRI MENU */
.kanrimenu {
	margin:10px 100px 30px;
}

.kanrimenu ul {
	margin-bottom:5px;
	border-right:1px solid #666;
}

.kanrimenu ul li {
	padding:0 5px;
	float:right;
	border-left:1px solid #666;
}


/* IEPNGFIX CSS */

* html #sitetitle,
* html #sitetitle span,
* html #cattitle span
{ behavior: expression(IEPNGFIX.fix(this)); }


/* LightBox2.04 CSS */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#pico_body{
	margin:0 auto;
	text-align:center;
	width:660px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}


.staff-prof{
	float: left;
/*	height: 280px;*/
	width: 170px;
	margin:0 50px 20px 0;
	text-align:left;
}

.staff-prof img{
	display: block;
}
.staff-prof strong{
display: block;
}

/*hr clearfix*/

hr {
margin:8px 0;
padding:0;
clear:both;
height:0;
border:none;

}
* html hr{/* for IE6 */
	border-top: 1px solid;
}
*:first-child+html hr{/* for IE7 */
	border-top:1px solid;
} 


.pico

/* ------- Home(old) ------- */
#swf-area{ width:898px; height:800px; overflow:hidden; border-bottom:solid 1px #666; }
#top-read{ width:900px; height:100px; margin:10px 0 0 70px; position:relative; font-size:11px; line-height:14px; overflow:hidden;}
#top-read h2{ font-size:16px; line-height:20px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#804040; font-weight:normal; margin:0 0 10px 0;}
#top-read .box{ width:530px; height:100px; top:0; left:0; position:absolute;}
#top-read .fslogo{ width:205px; height:80px; top:12px; left:590px; position:absolute; }

/* ------- HOME(new) ------- */
#top-wrap {
	width: 898px;
	height: 719px;
	position: relative;
	background: url(images/top_cat03_mark.gif) no-repeat 47px 129px;
}
	#top-wrap a {
		display: block;
		text-indent: -8000px;
	}

	#top-wrap a:hover {
		opacity:0.6;
		filter: alpha(opacity=60);
	}

	#top-wrap ul, #top-wrap li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
	}

	#top-wrap a#sitelogo {
		position: absolute;
		display: block;
		width: 60px;
		height: 60px;
		margin: 0;
		padding: 0;
		top: 0px;
		left: 21px;
		text-indent: -8000px;
		background: url(images/site_logo_paul.gif) no-repeat left top;
	}

	#top-bg {
		width: 898px;
		height: 719px;
		background: url(images/top-bg2010-winter.jpg) no-repeat 126px 320px;
	}


#top-comment {
	position: absolute;
	height: 151px;
	left: 129px;
	top:-43px;
	padding: 23px 115px 0 25px;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
	font-size: 11px;
	line-height: 135%;
	background: url(images/top_comment_bg.gif) no-repeat left top;

	  width:616px; /* for IE5.5 */
	  voice-family: "\"}\"";
	  voice-family: inherit;
	  width:476px; /* for Modern browsers */
}
	.top-comment-ttl {
		margin-bottom: 8px;
		font-size: 14px;
		line-height: normal;
		color: #804040;
		
	}

#top-menu li a, #top-menu li li a { position:absolute;}

h1#top-sitettl {
	position: absolute;
	left:787px;
	top:0px;
	width:100px;
	height:355px;
}
	h1#top-sitettl a {
		background: url(images/top_sitettl.gif) no-repeat left top;
		width:100px;
		height:355px;
	}

#top-catch {
	position: absolute;
	left:802px;
	top:356px;
	width:73px;
	height:304px;
	background: url(images/top_catch.gif) no-repeat left top;
	text-indent: -8000px;
}

a#top-cat01 { left:734px; top:99px;  width:29px; height:321px; background: url(images/top_cat01.gif) no-repeat left top;}
a#top-cat02 { left:404px; top:129px; width:28px; height:321px; background: url(images/top_cat02.gif) no-repeat left top;}
a#top-cat03 { left:114px; top:128px; width:50px; height:189px; background: url(images/top_cat03.gif) no-repeat left top;}
a#top-btn01 { left:663px; top:129px; width:52px; height:316px; background: url(images/top_btn01.gif) no-repeat left top;}
a#top-btn02 { left:545px; top:132px; width:87px; height:286px; background: url(images/top_btn02.gif) no-repeat left top;}
a#top-btn03 { left:462px; top:128px; width:56px; height:215px; background: url(images/top_btn03.gif) no-repeat left top;}
a#top-btn04 { left:301px; top:164px; width:78px; height:179px; background: url(images/top_btn04.gif) no-repeat left top;}
a#top-btn05 { left:191px; top:166px; width:83px; height:208px; background: url(images/top_btn05.gif) no-repeat left top;}
a#top-btn06 { left:80px;  top:200px; width:19px; height:297px; background: url(images/top_btn06.gif) no-repeat left top;}
a#top-btn07 { left:40px;  top:200px; width:23px; height:272px; background: url(images/top_btn07.gif) no-repeat left top;}

#top-logo2 { left:25px;	top:625px;	width:160px;	height:61px; position: absolute;}
	#top-logo2 a { background: url(images/top_logo2.gif) no-repeat left top; width:160px; height:61px;}


/* ------- ABOUT ------- */
#about{
	width:600px;
	margin:40px auto 0;
	text-align:left;
}
#about h2{
	font-size:13px;
	font-weight:bold;
	margin-bottom:20px;
}


/* ------- LINKS ------- */
h2.title {
	border: thin dotted #CCC;
	background-color: #FFF9DE;
	margin: 0 0 40px;
	padding: 8px;
}
.links-lst {
	text-align: left;
}

.links-lst dt {
	width: 160px;
}

.links-lst dd {
	margin: -18px 0 15px 0;
	padding: 0 0 5px 160px;
	border-bottom: 1px dotted #999;
}

.links-lst h3{
	font-weight:bold;
	margin:8px 0;
	background:#EEEEEE;
	padding:1px 10px;
	color:#777;
	width:660px;
	clear:both;
}
#sinsai{
	border:1px solid #666;
	font-size:11px;
	line-height:1.4em;
	color:#666;
	margin:0 0 20px 0;
	padding:6px;
}

/* ------- シェアボタン ------- */



ul#like_area{
	height:30px;
	margin:0;
	background:#FFF;
}
ul#like_area li{
	float:right;
	list-style:none;
	padding:4px 0;
}
ul#like_area li#hatebu{

}
ul#like_area li#share{

}

#share{
	margin-top:-6px;
}