@charset "UTF-8";


/* ==========================================

  “Style” CSS

========================================== */


/* Base 
========================================== */
body	{	color:#dddddd;
}
			
/* Common
========================================== */

	/* Text Module
	---------------------------------------- */
	p	{	font-size:93%; line-height:1.5;}
	strong	{	font-weight: bold;}

	.text10 { font-size:77%; }
	.text11 { font-size:85%; }
	.text12 { font-size:93%; }
	.text13 { font-size:100%; }
	.text14 { font-size:108%; }
	.text15 { font-size:116%; }
	.text16 { font-size:123.1%; }
	.text17 { font-size:131%; }
	.text18 { font-size:138.5%; }
	.text19 { font-size:146.5%; }
	.text20 { font-size:153.9%; }
	.text21 { font-size:161.6%; }
	.text22 { font-size:167%; }
	.text23 { font-size:174%; }
	.text24 { font-size:182%; }
	.text25 { font-size:189%; }
	.text26 { font-size:197%; }


	/* Hypertext Module
	---------------------------------------- */
	a:link			{	text-decoration:underline; color:#dddddd;	}
	a:visited		{	text-decoration:underline; color:#dddddd;	}
	a:hover			{	text-decoration:none; color:#dddddd;	}
	a:active		{	text-decoration:none; color:#dddddd;	}

	/* Image Module
	---------------------------------------- */
	img 		{	vertical-align:top;}

	/* other Module
	---------------------------------------- */
	.left 		{	float:left;}
	.right 		{	float:right;}

/* Content　Base
========================================== */

/* Container
---------------------------------------- */
#container	{	
	width:100%;
}

/* Header
---------------------------------------- */
h1	{
	width:380px;
	float:left;
	margin:8px 25px 10px 10px;
}

.about	{
	float:left;
	width:180px;
	line-height:200%;
	margin:55px 0 0 20px;
	padding:0 0 0 25px;
	background: url(../../images/header_icon01.png) left no-repeat;
}
.yoshimuraLogo	{
	float:left;
	margin:30px 12px 0 444px;
}
.netmoveLogo	{
	float:left;
	margin:30px 0 0 0;
}

/*ナビゲーションのDIV*/
#slider {
	width:100%;
	height:100px;
	background: url(../../images/header_bg.png) repeat-x ;
}

/*ナビゲーションされるコンテンツのDIV*/
.scroll {
	height: 500px;
	width: 965px;
	margin:20px 0 0 20px;
	overflow: auto;
	overflow: hidden;
	border-radius: 10px;			/* CSS3 */
	-moz-border-radius: 10px;		/* Firefox */
	-webkit-border-radius: 10px;	/* Safari,Chrome */
	box-shadow: 4px #545454;
	-moz-box-shadow: 0px 0px 4px #545454;
	-webkit-box-shadow: 0px 0px 4px #545454;
}

/*panel*/
.panel1 {
	width: 965px;
	height: 500px;
	overflow: auto;
	overflow: hidden;
	overflow-x: hidden;
	border-radius: 10px;			/* CSS3 */
	-moz-border-radius: 10px;		/* Firefox */
	-webkit-border-radius: 10px;	/* Safari,Chrome */
	background:#333;
	box-shadow: 4px #545454;
	-moz-box-shadow: 0px 0px 4px #545454;
	-webkit-box-shadow: 0px 0px 4px #545454;

}

.panel2 {
	width: 965px;
	height: 500px;
	overflow: auto;
	overflow: hidden;
	overflow-x: hidden;
	border-radius: 10px;			/* CSS3 */
	-moz-border-radius: 10px;		/* Firefox */
	-webkit-border-radius: 10px;	/* Safari,Chrome */
	background:#333;
	box-shadow: 4px #545454;
	-moz-box-shadow: 0px 0px 4px #545454;
	-webkit-box-shadow: 0px 0px 4px #545454;

}
.stream {
	width: 308px;
	height:480px;
	float:left;
	margin:7px 0 0 0;
}
.hide {
    display: none;
}
/* Contents
---------------------------------------- */
#contentsbg {
	width:100%;
	float:left;	
	background: url(../../images/contents_bg.png) repeat ;
}


#note {
	width:940px;
	padding:15px 17px 25px 9px;
	margin:20px 0 20px 20px;
	text-align:left;
	border-radius: 10px;			/* CSS3 */
	-moz-border-radius: 10px;		/* Firefox */
	-webkit-border-radius: 10px;	/* Safari,Chrome */
	background:#333;
	box-shadow: 4px #545454;
	-moz-box-shadow: 0px 0px 4px #545454;
	-webkit-box-shadow: 0px 0px 4px #545454;
	line-height:200%;
	overflow-x:hidden;
}

#note .box01 {
	width:890px;
	overflow:hidden;
	margin:0 auto 20px auto;
}
#note .box01 img{
	margin:0 20px 0 0;
}
#note .box01 h2{
	margin:35px 0 10px 0;
}
#note p {
	line-height:180%;
	text-shadow: -1px -1px -1px #000;
}
#note .box02 {
	width:440px;
	margin:0 0 0 25px;
	overflow:hidden;
}
h2.sub{
	margin:0 0 10px 0;
	padding:4px 0 3px 0;
	text-align:center;
	border-radius: 20px;			/* CSS3 */
	-moz-border-radius: 20px;		/* Firefox */
	-webkit-border-radius: 20px;	/* Safari,Chrome */
	background:#535353;
	color:#bbbbbc;
	text-shadow: -1px 0 0 #000;
}
#note .box02 p {
	margin:30px 15px 0 0;
	line-height:160%;
}
#note .box02 img {
	margin:0 5px 0 0;
}
#note .box03 {
	width:440px;
	overflow:hidden;
	background: url(../../images/contents_img03.png) 60px 45px no-repeat;
}
#note .box03  p {
	margin:170px 20px 0 20px;
	line-height:160%;
}



/* Footer
---------------------------------------- */
#footerbg {
	width:100%;
	min-width: 960px;
	height:60px;
	float:right;
}
#footer	{
	width:960px;
	height:60px;
	padding: 0 0 0 20px;
}
#footer	ul {
	overflow:hidden;
	float:left;
	padding:15px 0 0 0;
}
#footer	ul li {
	display:inline;
	white-space:nowrap;
	border-left:1px solid #dddddd;
	padding:0 8px;
}
#footer	ul li.top	{
	border-left:none;
	padding-left:0;
}
#footer	.copyright	{
	float:right;
	padding:15px 0 0 0;
}