@charset "UTF-8";

div#visual {
	width: 100%;
	height: 320px;
	background-image: url(../images/df_visual_background.gif);
	z-index: 10;
}
div#tree_top {
	top: 260px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 05.contents style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#contents {
	margin: 0px auto;
	float: none;
	width: 890px!important;
	width/**/: 920px;
	padding: 15px;
	text-align: left;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 06.sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#sidebar {
	display: none;
	float: right;
	width: 230px!important;
	width/**/: 240px;
	height: 640px;
	border-left: solid 1px #CCCCCC;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#snippet {
	width: 550px;
}
div#snippet h2 {
	font-size: 24px;
}
div#snippet h3 {
	font-size: 12px;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	color: #F39800;
	font-weight: normal;
	padding: 5px 0px;
}
div#snippet p {
	line-height: 1.7em;
}
div#information h3,div#tweet2web h3,div#youtube h3,div#about h3,div#bbs2web h3 {
	width: 320px;
	height: 45px;
	text-indent: -5000px;
	background-repeat: no-repeat;
}
div#about h3 {
	background-image: url(../images/h3_about.gif);
}

div#information h3 {
	background-image: url(../images/h3_news.gif);
}
div#information ul li,div#bbs2web ul li {
	display: block;
	border-bottom: solid 1px #CCCCCC;
	padding: 5px;
}
div#information ul li span,div#bbs2web ul li span {
	font-size: 10px;
	color: #999999;
	float: right;
}
div#bbs2web h3 {
	background-image: url(../images/bbs.gif);
}
div#tweet2web h3 {
	background-image: url(../images/h3_tweet.gif);
}
div#tweet2web ul li {
	margin: 0px 0px 10px 0px;
	padding: 5px 15px 0px 50px;
	background-image: url(../images/tweet.gif);
	background-repeat: no-repeat;
}
div#youtube h3 {
	background-image: url(../images/h3_movie.gif);
}
div#container_left {
	width: 550px;
	float: left;
}
div#container_right {
	width: 320px;
	overflow: hidden;
	float: right;
}
div#information,div#tweet2web,div#youtube,div#about {
	padding: 0px 0px 10px 0px;
}

div.bannersL,div.bannersR {
	clear: both;
	padding: 15px 0px;
}
div.bannersL img {
	float: left;
}
div.bannersL dl {
	width: 390px;
	float: right;
}
div.bannersR img {
	float: right;
}
div.bannersR dl {
	width: 390px;
	float: left;
}

div.bannersL dl dt,div.bannersR dl dt {
	font-size: 16px;
	padding: 5px 0px;
	border-bottom: solid 1px #CCCCCC;
}
div.bannersL dl dt span,div.bannersR dl dt span {
	display: block;
	font-size: 10px;
	color: #999999;
}
div.bannersL dl dd,div.bannersR dl dd {
	padding: 5px 0px;
	font-size: 12px;
	line-height: 1.7em;
}
div.bannersL dl dd ul,div.bannersR dl dd ul {
	padding: 10px;
}
div.bannersL dl dd ul li,div.bannersR dl dd ul li {
	padding: 0px 5px;
}
div.bannersL dl dd ul li span,div.bannersR dl dd ul li span {
	display: block;
	font-size: 10px;
	color: #999999;
}
div.seal {
	clear: both;
	padding: 10px 0px;
}
div.seal img {
	float: left;
}
div.seal p {
	padding: 10px 0px 0px 0px;
	font-size: 10px;
	color: #999999;
}
