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

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

/*----------------------------------------------------
	LINK COLOR
----------------------------------------------------*/
a:link { color : #474747;text-decoration : none;outline:none;} 
a:visited { color : #474747;text-decoration : none;outline:none;} 
a:hover { color :#765A0D;text-decoration : none;} 
a:active { color : #765A0D;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 {
position:relative;
	width:900px;
	margin:0 auto;
	text-align:left;
}

/*----------------------------------------------------
	h1
----------------------------------------------------*/
h1{
position:absolute;
width:172px;
height:57px;
top:8px;
left:8px;
z-index:10;
text-indent:-9999px;
display:block;
background:url(../mystree/images/mystreeLogo.png) no-repeat 0px 0px;
}

/*----------------------------------------------------
	h2
----------------------------------------------------*/
h2{
font-size:120%;
margin:0 0 1em 0;
padding:0 0 .5em 0;
border-bottom:1px solid #777;
}
h2#exp{
padding-top:1em;
}

/*----------------------------------------------------
	#photobox
----------------------------------------------------*/
div#photoArea{
width:476px;
height:357px;
margin:16px 0 16px 16px;
float:left;
overflow:hidden;
}
div#photobox{
width:476px;
height:357px;
position:relative;
}

div.scrollableArea{
position: relative;
			float: left;
			margin: 0;
			padding: 0;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
div#contents{
float:right;
width:392px;
height:357px;
margin:16px 0 0 0;
background:url(../mystree/images/textBg.gif) no-repeat 0px 0px;
}

/*----------------------------------------------------
	tab setteing
----------------------------------------------------*/
div#contents ul.clearfix{
margin:2px 0 0 16px;
height:16px;
background:url(../mystree/images/naviDiv.gif) repeat-y 0px 0px ;
}
div#contents ul.clearfix li{
float:left;
height:16px;
padding:0 7px;
font-size:110%;
text-align:center;
background:url(../mystree/images/naviDiv.gif) repeat-y top right ;
}

/*----------------------------------------------------
	tab-panel setteing
----------------------------------------------------*/
#tab-1-div,
#that-other-tab{
width:358px;
margin:16px 0 0 0;
}
div.text{
font-size:11px;
padding:0 0 16px 16px;
}

div.scroll-pane{
width: 100%;
height: 304px;
overflow: auto;
outline:none;
}