/*BESCO -Business Equipment Supplier Company-*/
/*スタイルシート*/

/*---背景--------------------------------------------------------------------------------------------------------------------------------------------------*/
body	{background-color:white;margin:10;padding:0;/*text-align:center;*/}
/*---BOXで位置決め-----------------------------------------------------------------------------------------------------------------------------------------*/

#all-box{ width:854px; }		/*全*/
#top-box{ width:854px; }		/*上*/
#left-box{ width:100px; }		/*左*/
#right-box{ width:100px; }		/*右*/
#center-box{ width:654px; }		/*中*/
#Under-box{ width:854px; }		/*下*/
#Bottom-box{ width:854px; }		/*底*/


/*---文字--------------------------------------------------------------------------------------------------------------------------------------------------*/
h1	{
		color:#000000;
		background-color:white;
		vertical-align:middile;
		font-size:32px;
		padding:5px 5px 5px 5px; /*文字周囲余白 上 右 下 左 */
		margin:0;
		/*border-style:dashed;
		border-width:4px;
		border-color:orangered;*/
	}

h2	{
		color:#000000;
		background-color:white;
		vertical-align:middile;
		font-size:24px;
		padding:5px 5px 5px 5px; /*文字周囲余白 上 右 下 左 */
		margin:0;
	}

h3	{
		color:#000000;
		background-color:white;
		vertical-align:middile;
		font-size:18px;
		padding:5px auto 5px auto; /*文字周囲余白 上 右 下 左 */
		margin: 0 auto 0 auto;
		text-align:left;
	}
h4.center	{
				margin:auto auto auto auto;
			}

.honbun	{
			font-size:16px;
			line-height:1.5;
			padding:0; 			/*文字周囲余白 上 右 下 左 */
			text-indent:1em;	/*一字字下げ*/
			text-align:left;
		}

.red	{
			color:#cc0033;
			background-color:white;
			padding:0; /*文字周囲余白 上 右 下 左 */
		}

.line-left		{	margin-left:auto;margin-right:auto;text-align:left;	}	/*左揃え*/
.line-center	{	text-align:center;	}	/*中央揃え*/
.line-right		{	text-align:right;	}	/*右揃え*/
.line-justify	{	text-align:justify;	}	/*両端揃え(英字のみ使用可)*/

.text-danraku:	{	text-indent:1em;	}		/*一字字下げ*/

h1.midashi	{
				color:white;;				/*文字色*/
				background-color:orangered;	/*文字背景色*/
				vertical-align:middile;		/**/
				font-size:24px;				/*文字サイズ*/
				padding:5px 5px 3px 5px;	/*文字周囲余白 上 右 下 左 */
				margin:0;
			}

h1.top-center	{
					color:white;;
					text-align:center;
					background-color:orangered;
					vertical-align:middile;
					font-size:24px;
					padding:5px 5px 3px 5px; /*文字周囲余白 上 右 下 左 */
					margin:5px auto 0px auto;
					font-family:"ＭＳ Ｐ明朝";
				}

h2.link	{
			color:white;
			background-color:white;
			vertical-align:middile;
			font-size:14px;
			padding:5px 5px 3px 5px; /*文字周囲余白 上 右 下 左 */
			margin:0;
			border-style:dotted;
			border-width:medium;
			border-color:orangered;
		}


/*---画像--------------------------------------------------------------------------------------------------------------------------------------------------*/
.img-c{text-align: center;}
.img-l{text-align: left;}
.img-r{text-align: right;}

#wrap	{
		 text-align: center;
		}
		
#img-center	{
			 margin-left:auto;
			 margin-right:auto;
			 padding-top : 15px; /*周辺の画像に合わせて余白調整*/
			 width : auto;    /*画像の幅*/
			 height : auto;  /*画像の高さ*/
			}

#img.top{vertical-align:midd}
			
/*img.center	{display:block;margin:auto;
				 /*margin-left:auto;
				 margin-right:auto;*/
				}*/
				
/*div.center{margin-left:auto;margin-right:auto;padding-left:auto;padding-right:auto;text-align:left;}*/
div.center {
width: 50%;
height: 100px;
margin-left: auto;
margin-right: auto;
background-color: #c0c0c0;
}

/*p.center{text-align:center;}*/

/*---リンク------------------------------------------------------------------------------------------------------------------------------------------------*/
a{text-decoration:none;}
a:link{color:#000066;text-decoration:none;}
a:visited{color:#cc6633;}
a:hover{color:#cc0033;background-color:#f80:font-weight:bold;}
a:active{color#f00;background-color:#ffa;font-weight:bold;border:solid 1px #f00;}


/*---リンク-プルダウンメニュー ----------------------------------------------------------------------------------------------------------------------------*/

#Pull-down_continer {
position: relative;
z-index:100;
width: 400px;
height:50px;
}

#Pull-down {
position: absolute;
top: 0px;
left: 40px;
width: 900px;
}

#Pull-down ul {
margin: 0;
padding: 0;
list-style: none;
}

#Pull-down li {
color: #fffff;
float: left;
width: 150px;
margin: 0;
}

#Pull-down li a {
font-size: 14px;
color: #ffffff;
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: orangered;
}

#Pull-down li a:hover {
color: #ffffff;
background-color: lightsalmon;
}

/* サブメニュー */
#Pull-down ul.sub {
background: #eeeeee;
}
 
#Pull-down ul.sub li {
float: none;
}

#Pull-down ul.sub li a {
color: #666666;
background: none;
font-size: 12px;
font-weight: normal;
padding: 3px 0;
border-top:1px solid white;
}

#Pull-down ul.sub li a:hover {
color: #ffffff;
background-color: #ff9900;
}

#Pull-down ul li.Pull-down_menu ul {
display: none;
}

#Pull-down ul li.Pull-down_menu_on ul {
display: block;
}

#Pull-down li.Pull-down_menu{
border:1px solid white;
}

#Pull-down li.Pull-down_menu_on{
border:1px solid white;
}





/*---段組--------------------------------------------------------------------------------------------------------------------------------------------------*/

.container{width:100%;}				/*コンテナ*/
.content{width:70%;float:right;}	/*コンテンツ*/
.sidebar{width:70%;float:left;}		/*サイドバー*/
.header{width:100%;}				/*ヘッダー*/
.footer{width:100%;clear:both;}		/*フッター*/


#side .contents{clear:none;}
#side .contents ul{padding:0.5em;margin:0;}
#side .contents ul li{margin-left:1me;}
/*#main{float:left;width:70%;}*/
#side{margin:0;}

/*table, td, th { margin-left:auto;margin-right:auto;width:600px;/*border: 2px #808080 solid;*/ }*/
table { margin-left:auto;margin-right:auto; }
.w200 { width:200px; }
.w400 { width:400px; }

.example table {
border: 1px #000000 solid;
}

.example caption {
text-align: center;
}

.example td {
border: 1px #000000 solid;
}

/**/
.vertical {
	writing-mode: tb-rl;
	direction: ltr;
}