@charset "utf-8";
/* ===================================================================
style info :コンテンツエリア関係 他
=================================================================== */
/*----------------------------------------------------
	ADJUST
----------------------------------------------------*/
img{
vertical-align:bottom;
border:0;
}

p{
margin-bottom:1em;
}
p.lastChild{
margin-bottom:0;
}
/*----------------------------------------------------
	BODY
----------------------------------------------------*/
body{
margin:16px 0;
background:url(../images/allBg.gif) repeat fixed 0px 0px #FFFFFF;
color: #474747;
text-align:center;
}

/*----------------------------------------------------
	LINK COLOR
----------------------------------------------------*/
a:link { color : #008DB7;text-decoration : none;outline:none;} 
a:visited { color : #765A0D;text-decoration : none;outline:none;} 
a:hover { color :#765A0D;text-decoration : none;} 
a:active { color : #008DB7;text-decoration : none;outline:none;} 

/*----------------------------------------------------
	CLEAR FIX
----------------------------------------------------*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----------------------
image caption
-------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}
p.capImage{
	float: left;
}
p.capImage img{
	margin: 0 1em 1em 0;
}

/*----------------------------------------------------
	#wrap
----------------------------------------------------*/
div#wrap {
	width:940px;
	margin:0 auto;
	text-align:left;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
div#header {
    position:relative;
	width:940px;
    height:104px;
    background:#F4F2E5;
}
/*----------------------------------------------------
	#photobox
----------------------------------------------------*/
div#photobox{
width:940px;
height:340px;
margin:16px 0;
overflow:hidden;
border-bottom:8px solid #666666;
background:#F4F2E5;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
div#contents{
width:940px;
height:auto;
}

div.feedArea{
float:left;
width:396px;
height:200px;
background:#F4F2E5;
overflow:hidden;
}
div.aboutArea{
float:left;
width:312px;
height:200px;
margin:0 16px;
background:#F4F2E5;
}
div.thumbsArea{
float:left;
width:200px;
height:200px;
background:#F4F2E5;
}


/*----------------------------------------------------
	#footer
----------------------------------------------------*/
div#footer{
width:940px;
padding:1em 0 0 0;
text-align:right;
color:#666;
text-shadow: 0 0 3px #FFF;
clear:both;
}

/*----------------------------------------------------
	#header H1  
----------------------------------------------------*/
#header h1{
text-indent:-9999px;
}
#header h1 a{
position:absolute;
top:16px;
left:16px;
width:200px;
height:40px;
display:block;
background:url(../images/flipperblue.png) 0px 0px no-repeat;
}
#header h1 a:hover{
background:url(../images/flipperblue_on.png) 0px 0px no-repeat;
}
#header h1 a:focus{
/*\*/
	overflow: hidden;
/**/
}

/*----------------------------------------------------
	#header navigation  
----------------------------------------------------*/
#header .gNavi{
position:absolute;
bottom:0;
right:16px;
height:15px;
z-index:20;
}

/*----------------------------
Tab setting
-------------------------------*/
#tab-container{
width:396px;
height:200px;
}
#tab-container ul.clearfix{
width:396px;
height:25px;
font-size:110%;
}
#tab-container ul.clearfix li.tab {
width:132px;
height:25px;
float:left;
background: #D4D2C6;
text-align:center;
}
#tab-container ul.clearfix li.even{
width:130px;
border-left:1px solid #F4F2E5;
border-right:1px solid #F4F2E5;
}
#tab-container ul.clearfix li.tab a {
display: block;
padding: 5px;
outline: none;
color: #474747;
}
#tab-container ul.clearfix li.tab a:hover {
 background:#BAB7A7;
 color: #474747;
}
#tab-container ul.clearfix li.active {
background: #F4F2E5;
position: relative;
}
#tab-container ul.clearfix li a.active {
}
#tab-container .panel-container {
width:396px;
height:175px;
background:#F4F2E5;
}

.panel-container iframe{
width:396px;
height:175px;
overflow:auto;
border:0;
overflow-x : hidden ;
}

/*----------------------------
iframe
-------------------------------*/
body.iFrame{
width:354px;
margin:0;
padding:0;
background:#F4F2E5;
}
body.iFrame #content{
width:354px;
height:auto;
text-align:left;
}
.feedIcon{
text-align:right;
margin:16px 0 0 0;
}
.feedIcon img{
margin:0 0 0 6px;
background:#F4F2E5;
}
.backTop{
text-align:right;
margin:0 0 16px 0;
padding-top:16px;
}
.backTop img{
background:#F4F2E5;
}
/*----------------------------
Feed Block
-------------------------------*/
div.feedburnerFeedBlock{
padding:0 0 0 16px;
}
div.feedburnerFeedBlock ul li{
margin:0 0 3em 0;
padding:0 0 2em 0;
border-bottom:3px solid #D4D2C6;
font-size:110%;
color:#474747 !important;
background:url(../images/feedBg.png) 0px 0px no-repeat;
}
font{
color:#474747 !important;
}
div.feedburnerFeedBlock img{
display:none;
}
div.feedburnerFeedBlock img.pict{
display:block;
width:40%;
height:40%;
}
div#creditfooter img{
}
div.feedburnerFeedBlock ul li .headline{
padding:0 0 0 8px;
font-weight:bold;
line-height:2em;
}
div.feedburnerFeedBlock ul li p.date{
padding:0 0 1em 8px;
border-bottom:1px dotted #D9D9D9;
}

#tweet div.feedburnerFeedBlock ul li{
margin-bottom:3em;
padding-left:8px;
padding-bottom:0;
background:url(../images/feedBg.png) 0px 0px repeat-y;
border-bottom:0;
}
#tweet div.feedburnerFeedBlock ul li p.date{
padding-top:.5em;
padding-bottom:0;
padding-left:0;
border:none;
}

#tweet div.feedburnerFeedBlock ul li div{
display:none;
}
#tweet div.feedburnerFeedBlock ul li .headline{
padding-left:0;
line-height:normal;
}

#tweet .backTop{
border-top:3px solid #D4D2C6;
margin-left:16px;
}

/*--------------------
contents styles
------------------------*/
.aboutArea h2{
padding:5px 0 5px 16px;
font-size:110%;
font-weight:normal;
}


/*wrapper*/
.imageFlow {
	_zoom: 1;
	overflow: hidden;
    padding:0 16px;
}
.imageFlow p{
font-size:10px;
margin-top:1em;
}
/*image*/
.imageFlow p img {
	float: left;
	margin:0 1em .5em 0;
}
.imageFlow p.flowtext{
overflow: hidden;
}

ul.address li{
font-size:10px;
}
li.indent{
text-indent:5em;
}
ul.address li img{
margin:0 0 0 .3em;
background:#F4F2E5;
}

/*--------------------
Thumbs Area
------------------------*/
.thumbsArea div{
margin:0 -4px -4px 0;
}
.thumbsArea img{
width:64px;
height:64px;
margin:0 4px 4px 0;
}

/*--------------------
Link
------------------------*/
body#link{
margin:0 auto;
background:url(../mystree/images/allBg.gif) repeat 0px 0px;
}
body#link #wrap{
width:500px;
height:auto;
margin-bottom:16px;
text-align:left;
background:#F4F2E5;
}
body#link div#header{
width:500px;
height:88px;
background:none;
position:relative;
}
body#link div#header h1{
position:absolute;
top:16px;
left:16px;
width:200px;
height:40px;
background:url(../images/flipperblue.png) no-repeat 0px 0px;
}

body#link div.linkArea{
padding:0 16px 16px 16px;
}

body#link ul.scroll-pane{
width:100%;
height:250px;
overflow: auto;
outline:none;
}

body#link ul{
font-size:11px;
margin-bottom:16px;
}
body#link li.link{
background:url(../images/listBg.png) no-repeat left center;
line-height:1.0;
margin:0 0 .3em 0;
padding:0 0 0 12px;
}
body#link li.url{
margin:0 0 1em 0;
padding:0 0 .5em 12px;
border-bottom:1px dotted #BAB7A7;
}

body#link p.top{
text-align:right;
margin:0 16px;
}

.tabby{
background:url(../images/allBg.gif);
}