@charset "utf-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.7.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}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{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

body{margin:10px}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold}optgroup{font-weight:normal}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol li{list-style:decimal outside}ul li{list-style:disc outside}dl dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}sup{vertical-align:super}sub{vertical-align:sub}p,fieldset,table,pre{margin-bottom:1em}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px}

body{font:13px/1.231 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small}select,input,button,textarea,button{font:99% "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

html{background:#FDFDFD url(images/background.gif) repeat-y center}
body, h1{margin:0; padding:0}

#header-wrapper{width:100%; background:url(images/header_R.jpg) repeat-x;}
#header-wrapper{zoom:1;	/* for IE5.5-7 */}
#header-wrapper:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
#headerL{background:url(images/header_L.jpg) repeat-x; height:216px; width:50%; float:left; margin-right:-385px}
#header{background:url(images/header.jpg) no-repeat; height:216px; width:770px; float:left}
#header img#main_tt{position:relative; top:9px; left:409px}
html>/**/body #header img#main_tt{top:6px; _top:9px}
#header img#sub_tt{position:relative; top:10px; left:546px}
html>/**/body #header img#sub_tt{top:7px; _top:10px}
#header img#rss{position:relative; top:24px; left:643px}
html>/**/body #header img#rss{top:16px; _top:24px}
#header img#shape_bg{position:relative; top:152px; left:684px}
html>/**/body #header img#shape_bg{top:143px; _top:152px; _left:684px}
#ft{margin-left:95px; padding-top:20px}

div#map{width:540px; height:600px; margin-top:20px}

/*==================================== STRUCTURE ====================================*/
#outerWrapper{
	text-align:left;
	width:770px;
	margin:0 auto;
}
#rightColumn{
	float:left;
	width:180px;
	line-height:1.6em;
	padding:0 0 10px 10px;
	background:url(images/side_bg.jpg) bottom;
}
#outerWrapper{
}
#outerWrapper #content{
	background:url(images/main_bg.jpg) no-repeat top left;
	padding:0px 20px;
	width:540px;
	line-height:2;
	float:right;
}
.post,.page{
padding-bottom:10px;
margin-bottom:30px
}
.entry{overflow:auto}
#wpcf7-f1-p10-o1{text-align:center}

/*==================================== TYPOGRAPHY ====================================*/
.description{
color:#666;
font-size:0.87em;
font-weight:400;
padding:7px 0 0 12px;
width:300px;
display:block
}
.postinfo{
color:#666;
font-size:0.87em;
line-height:1.25em;
margin:10px 0
}
.sticky{
padding:0 10px 10px;
border:solid 1px #ccc;
margin-bottom:30px;
background:#f8f8f8
}
blockquote{
background:url(images/blockquote.gif) top left no-repeat;
border:#CCC dashed 1px;
margin:10px auto 10px 20px;
padding:3px 3px 3px 40px
}
pre,code{
width:450px;
margin-bottom:10px;
background:#fff url(images/pre_bg.gif) top left repeat;
display:block;
color:#000;
line-height:18px;
border:1px solid #e2e2e2;
overflow:auto;
padding:18px 10px 17px
}
input,textarea,select{
border:1px solid #ccc;
background:#F8F8F8;
color:#333;
font-size:1em
}
small{font-size:0.87em}

/*==================================== HEADINGS ====================================*/

/*==================================== LINKS ====================================*/
a,a:link,a:visited,a:active{
	color:#1070c0;
	text-decoration:none
}
a:hover{
	color:#1070c0;
	text-decoration:underline
}
h2.posttitle,h2.posttitle a{
	font-size:1.2em;
	line-height:1em;
	color:#333;
	font-weight:700;
	margin:0;
	text-decoration:none;
	border-bottom:1px solid #CCC;
}
h2.posttitle a:hover{
	color:#666;
	text-decoration:none
}
a.image-border{
	text-decoration:none;
	border:0 none
}
#rightColumn ul a,#rightColumn ul a:link,#rightColumn ul a:visited,#rightColumn ul a:active{
border:0
}
#rightColumn ul a:hover{
border:0
}

/*==================================== SIDEBAR ====================================*/
#rightColumn h3{background:#EEE; padding:5px 10px; margin:0 0 6px}
#rightColumn ul{
	margin:0 0 10px;
	padding:0
}
#rightColumn ul li ul{
	margin:0 0 0 10px;
	padding:0
}
#rightColumn ul.arrow{margin-left:10px}
#rightColumn ul li{
	list-style:none
}
#rightColumn ul li ul li, #rightColumn ul.arrow li{
	list-style:none;
	list-style-position:outside;
	list-style-image:url(images/arrow.gif);
	margin-left:17px
}
#ngg-webslice div{margin:0 0 20px 10px}

/*==================================== COMMENTS ====================================*/
#respond{
font-size:1em
}
.commentlist .children li #respond{
font-size:1em
}
.commentlist{
line-height:1.3em;
text-align:left;
margin:0;
padding:0
}
.commentlist li{
font-size:1em;
list-style-type:none;
border:#EAEAEA solid 1px;
margin:30px 0;
padding:5px
}
.commentlist .children li{
font-size:1em;
margin:30px 0 0
}
.commentlist li .avatar{
float:right;
border:1px solid #EEE;
background:#FFF;
padding:2px
}
.commentlist cite,.commentlist cite a{
font-weight:700
}
.commentlist p{
line-height:1.6em;
font-weight:400;
text-transform:none;
margin:10px 5px 10px 0
}
.commentmetadata{
font-size:0.87em
}
.xhtmltags{
width:90%;
text-align:justify;
font:0.9em 'Courier New', Courier, Fixed
}

/*==================================== IMAGES ====================================*/
.alignleft{float:left}
.alignright{float:right}
img{border:0}
img.avatar{
	float:left;
	padding-right:5px
}
p img{
	max-width:100%;
	padding:0
}
img.alignright{
	display:inline;
	margin:7px 0 2px 7px;
	padding:4px
}
img.alignleft{
	display:inline;
	margin:7px 7px 2px 0;
	padding:4px
}
img.centered,.aligncenter,div.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto
}

/*==================================== CAPTIONS ====================================*/
.wp-caption{
	border:1px solid #ddd;
	text-align:center;
	background-color:#F8F8F8;
	padding-top:4px;
	margin:10px
}
.wp-caption img{
	border:0 none;
	margin:0;
	padding:0
}
.wp-caption p.wp-caption-text{
	color:#666;
	font-style:italic;
	line-height:17px;
	margin:0;
	padding:0 4px 5px
}

/*==================================== WIDGETS =====================================*/
div#calendar_wrap,table#wp-calendar{width:100%}
div#calendar_wrap{padding:0 15px 0 5px}
div#calendar_wrap caption{
	font-size:1.1em;
	font-weight:700;
	padding:0 20px 0 0
}

/*--------------------------------------
	フッター
---------------------------------------*/
div#permanentmenu{
	position:static;
	border-style:none;
}
#permanentmenu ul{
	position:static;
	float:left;
	display:block;
	list-style:none;
	width:100%;
	border-style:none;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
}
#permanentmenu li{
	position:relative;
	display:inline;
	list-style:none;
	border-style:solid;
	border-width:0 0 0 1px;
	border-color:#999;
	margin:0;
	padding:0 3px 0 6px;
	font-size:90%;
}
#permanentmenu li.firstchild{border-width:0}
#permanentmenu a{margin:0}
div#creditline{
	position:static;
	clear:left;
	margin:0;
	padding:0;
	border-style:none;
}
#creditline address{
	position:static;
	display:block;
	border-style:none;
	margin:0;
	padding:5px 0;
	text-align:center;
	line-height:110%;
	font-size:90%;
	vertical-align:bottom;
}
#creditline address a,#creditline address a:visited, #creditline address a:hover{color:#000; text-decoration:none}
div.navihidden{
	position:absolute;
	z-index:100;
	top:0;
	right:0;
	display:run-in;
	width:1px;
	height:1px;
	border-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

/*==================================== breadcrumb =====================================*/
.breadcrumb{color:#FFF; margin-bottom:80px}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited{text-decoration:underline; color:#FFF}
.breadcrumb a:hover, .breadcrumb a:active{text-decoration:underline; color:#FF0}
/*==================================== lavaLamp =====================================*/
.lavaLampWithImage{
	position:relative;
	height:46px;
	width:590px;
	padding:15px;
	margin:44px 0 0 180px;
	overflow:hidden;
}
.lavaLampWithImage li{float:left; list-style:none; margin-left:26px}
.lavaLampWithImage li.back{
	background:url("images/lava.gif") no-repeat right -30px;
	width:9px;
	height:30px;
	z-index:8;
	position:absolute;
}
.lavaLampWithImage li.back .left{
	background:url("images/lava.gif") no-repeat top left;
	height:30px;
	margin-right:9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a{
	outline:none;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0;
	z-index:100;
	display:block;
	float:left;
	height:16px;
	position:relative;
	overflow:hidden; 
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited{border:none}