@charset "utf-8";

/*ペナルティー対策*/
.title-h2-01{
	font-weight:normal;
	font-size:18px;
	color:#FF3300;
	border-bottom:dotted 1px #999999;
	padding:0px;
	margin:0 0 5px 0;
}


/*MIAN IMG*/
.main-img {
width:1000px;
height:195px;
padding:0px;
margin:8px 0 7px 0;
}

.main-img div{
float:left;
width:601px;
height:195px;
padding:0px;
margin:0px;
}

.main-img ul{
float:right;
list-style-type:none;
width:399px;
height:194px;
background:url(http://www.dream-net.org/common/img/main-img-top-right.jpg) no-repeat;
padding:1px 0 0 0;
margin:0px;
}

.main-img ul li{
float:left;
}

.main-img ul li a{
display:block;
width:198px;
height:43px;
text-align:center;
text-decoration:none;
font-size:medium;
color:#000000;
background:url(http://www.dream-net.org/common/img/main-img-top-right-normal.gif) no-repeat;
padding:20px 0 0 0;
margin:1px 1px 0 0px;
}

.main-img ul li a:hover{
color:#FFFFFF;
background:url(http://www.dream-net.org/common/img/main-img-top-right-over.gif) no-repeat;
}

/*LEFT FLAME*/
.top-flame-left {
	float:left;
	width:390px;
	height:auto;
	padding:0px;
	margin:0px;
}



/*CODE*/

.box-01 {
width:390px;
height:auto;
padding:0px;
margin:0px;
}

.box-01 h2{
width:390px;
height:26px;
text-indent:50px;
font-weight:normal;
font-size:14px;
color:#FFFFFF;
background:url(http://www.dream-net.org/common/img/title-bg-03.gif) no-repeat;
padding:13px 0 0 0;
margin:0px;
} 

.stripViewer { /* これは見ることの窓です。*/
position: relative;
overflow: hidden; 
border: 1px solid #CCCCCC; /* これは境界です。リンクへの同じ値を持つべきです。 */
margin: auto;
width: 388px; /* また、以下の.stripViewer .panelContainer .panelでは、指定されます。 */
clear: both;
background: #fff;
}

.stripViewer .panelContainer { /* これによる大きい長い容器が終わりから終わりへのあなたのdivsを家に使用したということです。 幅は、JSによって計算されて、指定されます。  */
position: relative;
left: 0; top: 0;
list-style-type: none;
/* -moz-user-select: none; // これがCSSに合法化をブレークしますが、偶然であることで止まる、(意図的です--、注意、)、Firefoxにおけるパネルハイライト。 何人かの人々がこの役に立って、気が狂った馬鹿を見つけるかもしれません。. */
}



.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding:5px;
margin:0px;
}

.wrapper img{
float:left;
margin:0 5px 0 0;
}

.wrapper p{
font-size:small;
line-height:1.7em;
padding:0px;
margin:0px;
}

.wrapper p strong{
color:#76973E;
}

.wrapper p a{
display:block;
width:370px;
height:auto;
text-decoration:none;
font-size:10px;
color:#333333;
background:#F0F0F0;
border-left:solid 3px #628B34;
padding:3px;
margin:3px 0 3px 0;
}

.wrapper p a:hover{
display:block;
width:370px;
height:auto;
text-decoration:none;
font-size:10px;
color:#333333;
background:#F0F0F0;
border-left:solid 3px #FF6600;
padding:3px;
margin:3px 0 3px 0;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
width:390px;
height:180px;
overflow:auto;
padding:0px;
margin: 0px;
}

.stripNav ul { /* The auto-generated set of links */
width:390px;
list-style: none;
padding:0px;
margin:0px;
}

.stripNav ul li {
float: left;
margin:2px 10px 10px 0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

#page-wrap{ 
width: 388px; 
height:auto;
padding:0px;
margin: 0px; 
}

.stripViewer {
width: 378px; 
height: 260px; 
padding:5px;
margin: 0px;  
}

.stripViewer .panelContainer .panel	{ 
float: left; 
width: 388px; 
height: 100%; 
padding:0px;
margin: 0px; 
}
.stripNavL, .stripNavR, .stripNav { 
display: none; 
}

.nav-thumb { 
float:left;
display:block;
width:83px;
height:83px;
border: 1px solid black; 
padding:0px;
margin: 0 4px 5px 0; 
}

.nav-thumb:hover { 
float:left;
display:block;
width:83px;
height:83px;
border: 1px solid #FF9900;
padding:0px;
margin: 0 4px 5px 0; 
}

.jissekimenu { 
width:378px;
height:180px;
overflow:auto;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
padding:5px;
margin: 0px; 
}

.stripNav li.tab1 a { }
.stripNav li.tab2 a { }
.stripNav li.tab3 a { }
.stripNav li.tab4 a { }
.stripNav li.tab5 a { }
.stripNav li.tab6 a { }
.stripNav li.tab7 a { }
.stripNav li.tab8 a { }
.stripNav li.tab9 a { }
.stripNav li.tab10 a { }
.stripNav li.tab11 a { }
.stripNav li.tab12 a { }
.stripNav li.tab13 a { }
.stripNav li.tab14 a { }
.stripNav li.tab15 a { }
.stripNav li.tab16 a { }
.stripNav li.tab17 a { }
.stripNav li.tab18 a { }
.stripNav li.tab19 a { }
.stripNav li.tab20 a { }
.stripNav li.tab21 a { }

.stripNav li a:hover {
}

.stripNav li a.current {
color: #fff;
}


.box-02 {
	width:390px;
	height:auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:0px;
	margin:14px 0 0 0;
}

/* ひとつ目のスクロールボックス */
#scrollingContainer{
	width:388px;
	height:300px;		
	overflow:hidden;
	padding:0px;
	margin:0px;
}

	/* ひとつ目のスクロールボックスここまで */

.box-02 h2{
	width:388px;
	height:24px;
	text-indent:8px;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	background:url(http://www.dream-net.org/common/img/title-bg-07.gif) repeat-x;
	border:solid 1px #DA9D08;
	padding:5px 0 0 0;
	margin:0px;
}

.box-02 ul{
	width:370px;
	height:auto;
	list-style-type:none;
	border-bottom:dotted 1px #333333;
	padding:0 0 5px 0;
	margin:0px;
}

.box-02 ul .word{
	width:160px;
	height:auto;
	text-align:center;
	font-size:12px;
	padding:7px 0 0 0;
	margin:0px;
}
.box-02 ul li {
	float:left;
	width:100px;
	height:auto;
	text-align:center;
	font-size:12px;
	padding:7px 0 0 0;
	margin:0px;
}

.box-02 ul li strong{
	color:#FF0000;
}

.box-02-google{
	font-size:14px;
	background:url(http://www.dream-net.org/common/img/ac-google.gif) no-repeat left;
	padding:0 0 0 60px;
	margin:2px 0 2px 0;
}

.box-02-yahoo{
	font-size:14px;
	background:url(http://www.dream-net.org/common/img/ac-yahoo.gif) no-repeat left;
	padding:0 0 0 60px;
	margin:2px 0 2px 0;
}


.box-03 {
	width:570px;
	height:auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:0px;
	margin:14px 0 0 0;
}

	/* ひとつ目のスクロールボックスここまで */

.box-03 h2{
	width:568px;
	height:24px;
	text-indent:8px;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	background:url(http://www.dream-net.org/common/img/title-bg-07.gif) repeat-x;
	border:solid 1px #DA9D08;
	padding:5px 0 0 0;
	margin:0px;
}

.box-03 ul{
	width:570px;
	height:auto;
	list-style-type:none;
	border-bottom:dotted 1px #333333;
	padding:0 0 5px 0;
	margin:0px;
}

.box-03 ul .word{
	width:200px;
	height:auto;
	text-align:center;
	font-size:12px;
	padding:7px 0 0 0;
	margin:0px;
}
.box-03 ul li {
	float:left;
	width:150px;
	height:auto;
	text-align:center;
	font-size:12px;
	padding:7px 0 0 0;
	margin:0px;
}

.box-03 ul li strong{
	color:#FF0000;
}

.box-03-google{
	font-size:14px;
	background:url(http://www.dream-net.org/common/img/ac-google.gif) no-repeat left;
	padding:0 0 0 60px;
	margin:2px 0 2px 0;
}

.box-03-yahoo{
	font-size:14px;
	background:url(http://www.dream-net.org/common/img/ac-yahoo.gif) no-repeat left;
	padding:0 0 0 60px;
	margin:2px 0 2px 0;
}



/*TOP-FLAME-RIGHT*/
.top-flame-right {
	float:right;
	width:600px;
	height:auto;
	padding:8px 0 0 0;
	margin:0px;
}

.top-greeting-box {
	float:right;
	width:600px;
	height:auto;
	padding:8px 0 10px 0;
	margin:0px;
}


.top-greeting-box h2{
	font-weight:normal;
	font-size:18px;
	color:#FF3300;
	border-bottom:dotted 1px #999999;
	padding:0px;
	margin:0 0 5px 0;
}

.top-greeting-box p{
height:220px;
	font-size:small;
	line-height:1.7em;
	padding:0px;
	margin:0px;
}

.top-greeting-box p strong{
font-size:14px;
	color:#799337;
}

.top-greeting-box p span{
	float:left;
	width:280px;
	height:auto;
	padding:10px 0 0 0;
	margin:0px;
}

.top-greeting-box p span img{
	float:left;
	padding:0px;
	margin:0 5px 0 0;
}

#toc_pane{	
	display:none;
}


#content_container{	
	width:600px;
    padding:0px;
	margin:0px;
}


#content_container a{
display:block;
width:110px;
height:20px;
text-align:center;
text-decoration:none;
font-size:11px;
color:#000000;
line-height:1.8em;
background:url(http://www.dream-net.org/common/img/button-01.gif) no-repeat;
}	

.top-greeting-box-adress {
float:left;
width:280px;
height:auto;
font-size:12px;
background:#F0F0F0;
padding:5px;
margin:5px;
}

.top-greeting-box-adress img{
float:left;
margin:0 5px 0 0;
}

/*SERVICE BOX*/

/*TOP*/
.dhtmlgoodies_question{	/* 質問部分 */
	width:390px;
	height:26px;
	text-indent:50px;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	background:url(http://www.dream-net.org/common/img/title-bg-05.gif) no-repeat;
	padding:13px 0 0 0;
	margin:0px;
	overflow:hidden;
	cursor:pointer;
}

.dhtmlgoodies_question h3{
	font-size:14px;
}

.dhtmlgoodies_answer{	/* 解答部分*/
	width:390px;	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}

.dhtmlgoodies_answer_content{	/* 解答部分のコンテンツ */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}



.top-service-box {
	float:left;
	width:390px;
	height:auto;
	margin:0 0 0 10px;
}

.service-box {
	width:390px;
	height:auto;
	padding:0px;
	margin:0px;
}

.service-box h3{
	width:390px;
	height:26px;
	text-indent:50px;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	background:url(http://www.dream-net.org/common/img/title-bg-05.gif) no-repeat;
	padding:13px 0 0 0;
	margin:0px;
}

.service-box img{
margin:0 0 4px 0;
}

.service-box ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.service-box ul li{

}

.service-box ul li a{
	display:block;
	width:390px;
	height:25px;
	text-indent:30px;
	text-decoration:none;
	font-size:small;
	color:#000000;
	background:url(http://www.dream-net.org/common/img/button-02-normal.gif) no-repeat;
	padding:6px 0 0 0;
	margin:0px;
}

.service-box ul li a:hover{
	display:block;
	width:390px;
	height:25px;
	text-indent:30px;
	text-decoration:underline;
	font-size:small;
	color:#FF3300;
	background:url(http://www.dream-net.org/common/img/button-02-normal.gif) no-repeat;
	padding:6px 0 0 0;
	margin:0px;
}

.top-flame-right-right {
	float:right;
	width:200px;
	height:auto;
	background:#EFEFEF;
	padding:0 0 30px 0;
	margin:0px;
}

.top-flame-right-right-h3{
	text-indent:4px;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	background:url(http://www.dream-net.org/common/img/title-bg-06.gif) repeat-x;
	padding:0px;
	margin:0px;
}

.top-flame-right-right h3{
	text-indent:4px;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	background:url(http://www.dream-net.org/common/img/title-bg-06.gif) repeat-x;
	padding:0px;
	margin:0px;
}

.top-flame-right-othermenu a{
	display:block;
	width:200px;
	height:23px;
	text-decoration:none;
	text-indent:2px;
	font-size:12px;
	color:#000000;
	background:url(http://www.dream-net.org/common/img/button-01-normal.gif) repeat-x;
	line-height:1.9em;
	padding:2px 0 0 0;
	margin:1px 0 0 0;
}

.pr {
	width:90%;
	height:auto;
	background:#FFF9D5;
	border:solid 1px #DCD3AF;
	padding:4px;
	margin:10px auto;
}

.pr a{
	text-decoration:none;
	font-size:11px;
	color:#000000;
}

.pr a:hover{
	text-decoration:none;
	font-size:11px;
	color:#FF9900;
}


.box-service {
	width:775px;
	height:auto;
	background:#FFFADE;
	border:solid 1px #E2DBB2;
	-moz-border-radius: .3em;
	padding:5px;
	margin:10px 0 10px 0;
}

.box-service a{
text-decoration:underline;
color:#663399;
}

.box-service a:hover{
text-decoration:underline;
color:#FF0000;
}

.box-service img{
	float:left;
	margin:0 8px 0 0;
}

.box-service-h3 {
	font-weight:normal;
	font-size:18px;
	color:#FF5A00;
	padding:0px;
	margin:0px;
}

.box-service h3{
	font-weight:normal;
	font-size:18px;
	color:#FF5A00;
	padding:0px;
	margin:0px;
}

.box-service ul{
float:right;
	list-style-type:none;
	width:620px;
	padding:0px;
	margin:0px;
}

.box-service ul li{
	float:left;
}

.box-service ul li a{
	display:block;
	width:300px;
	height:25px;
	text-indent:18px;
	text-decoration:none;
	font-size:12px;
	color:#000000;
	background:url(http://www.dream-net.org/common/img/button-03.gif) no-repeat;
	padding:5px 0 0 0;
	margin:5px 10px 0 0;
}

.box-service ul li a:hover{
	text-decoration:none;
	background:url(http://www.dream-net.org/common/img/button-03.gif) no-repeat;
}

.box-service p{
	font-size:small;
	line-height:1.7em;
	padding:0px;
	margin:0px;
}

.box-service02 {
	width:560px;
	height:auto;
	background:#FFFADE;
	border:solid 1px #E2DBB2;
	-moz-border-radius: .3em;
	padding:5px;
	margin:10px 0 10px 0;
}

.box-service02 a{
text-decoration:underline;
color:#663399;
}

.box-service02 a:hover{
text-decoration:underline;
color:#FF0000;
}

.box-service02 img{
	float:left;
	margin:0 8px 0 0;
}

.box-service02 h3{
	font-weight:normal;
	font-size:18px;
	color:#FF5A00;
	padding:0px;
	margin:0px;
}

.box-service02 ul{
	list-style-type:none;
	width:560px;
	padding:0px;
	margin:0px;
}

.box-service02 ul li{
	float:left;
}

.box-service02 ul li a{
	display:block;
	width:260px;
	height:25px;
	text-indent:18px;
	text-decoration:none;
	font-size:12px;
	color:#000000;
	border-right:solid 1px #999999;
	background:url(http://www.dream-net.org/common/img/button-03.gif) no-repeat;
	padding:5px 0 0 0;
	margin:5px 5px 0 0;
}

.box-service02 ul li a:hover{
	text-decoration:none;
	background:url(http://www.dream-net.org/common/img/button-03.gif) no-repeat;
}

.box-service02 p{
	font-size:small;
	line-height:1.7em;
	padding:0px;
	margin:0px;
}

.box-map {
	width:785px;
	height:auto;
	margin:10px 0 10px 0;
}

.twitter-move {
width:410px;
height:auto;
padding:0px;
margin:0 0 0 5px;
}

.twitter-move h3{
width:418px;
height:auto;
font-weight:normal;
font-size:16px;
color:#336600;
padding:0px;
margin:0px;
}

.twitter-move ul{
list-style-type:none;
width:418px;
height:auto;
padding:0px;
margin:0px;
}


.twitter-move ul li{
width:412px;
height:autopx;
font-size:12px;
background:#F2F2F2;
padding:3px;
margin:5px 0 10px 0;
}

.twitter-move ul li a{
text-decoration:none;
color:#000000;
}

.twitter-move img{
float:left;
width:48px;
height:48px;
border:none;
margin:0 3px 0 0;
}


/*TWITTER*/
.twitter {
float:left;
width:785px;
height:auto;
padding:0px;
margin:10px auto;
}

.twitter h3{
width:785px;
height:auto;
font-weight:normal;
font-size:16px;
color:#336600;
padding:0px;
margin:0px;
}

.twitter-scrool {
width:785px;
height:300px;
overflow:auto;
padding:0px;
margin:0px;
}

.twitter ul{
list-style-type:none;
width:760px;
height:auto;
padding:0px;
margin:0px;
}


.twitter ul li{
float:left;
width:170px;
height:270px;
font-size:12px;
background:#F2F2F2;
padding:3px;
margin:7px;
}

.twitter ul li a{
text-decoration:none;
color:#000000;
}

.twitter ul img{
float:left;
width:48px;
height:48px;
border:none;
margin:0 3px 0 0;
}