@charset "utf-8";
/* CSS Document */

html {
overflow-y:scroll;
}


body {
	text-align:center;
	padding:0;
	margin:0 auto;
	background:#f5f5f5;
	font-family:"ＭＳ Ｐゴシック",Arial,Verdana,Helvetica;
	color: #555555;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	font-size:small;
}

form {
	margin:0;
	padding:0;
}

img{
	border:0;
	}
	
h1,h2,h3,h4,h5,h6,form,p {
	margin:0;
	padding:0;
}

#header_top_01{
	width:100%;
	background-color:#363636;
	color:#fff;
	padding:0px;
	margin:0;
	clear:both;
	} 

#header_top_01 h1{
	font-size:85%;
	font-weight:normal;
	text-align:right;
	margin:0px;
	padding:5px 10px 0px 0px;
   	}

#header_top_01 strong{
	font-weight:lighter;
	} 


#pankuzu{
	margin:0 auto;
	margin-top:2px;
	width: 900px;
	padding:3px 0px 3px 0px;
	clear:both;
	font-size:80%;
	text-align:left;
	text-indent:1em;
	background-color:#f5f5f5;
	border-top:3px groove #1C1C1C;
	border-left:2px ridge #1C1C1C;
	}

#image{
	margin:0 auto;
	width: 900px;
	text-align:center;
	clear:both;
	height:auto;
	margin-bottom:2px;
	padding:0px;
	}


#outline-margin { 
	margin:0 auto; 
	text-align:center;
	}
	
#outline {
	margin:0 auto;
 	text-align:center;
 	padding:0;
	font:100%;
	background-color:#FCFCFC;
	}
 

#header {
	margin:0 auto;
	width: 900px;
	height:auto;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	} 

#mainbox {
	margin:0 auto;
	width:888px;
	height:auto;
	background-color:#ffffff;
	text-align:center;
	clear:both;
	float:none;
	padding:10px 5px 20px 5px;/*内側のmarginのようなもの*/
	border:1px solid #ffffff;	
	}

div#main {
	width:690px;
	height:auto;
	background-color:#ffffff;
	float:left;
	margin:4px 0px 4px 0px; /*時計回り*/
	padding:0px;
	clear:both;
	}

.box01#main{

	width:auto;
	height:auto;/*200pxだが、FF障害回避*/
	border:1px solid #1C1C1C;
	margin:8px auto ;
	padding:15px 20px;
	clear: right;
	}





div#side_top02 {
	width:176px;
	height:auto;
	border:1px solid #f5f5f5;
	background-color:#ffffff;
	text-align:right;
	float:right;
	margin:4px 5px 4px 1px;
	padding:0px;
	 }






/*-------------▲共通list------------------*/
	
.img_left{
	border:0;
	float:left;
	margin:6px 6px 8px 0px ;
	
}

.img_right{
	border:0;
	float:right;
	margin:6px 10px 8px 6px ;
	
}

p.clearfloat{
	clear:both;
}

p.clearfloatright{
	clear:left;
}


.style1 {
	font-size: x-small;
	}

.style3{
	font-weight:bold;
	}

.red{
	color:#FF3333;	
	}	

.border1{
	border-bottom: 2px dotted #CCCCCC;
	}	

.border2{
	border-bottom: 1px dotted #CCCCCC;
	}	

	
p,pre {
	font-family:"ＭＳ Ｐゴシック",Arial,Verdana,Helvetica;
	margin-top:4px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:6px;
	font-size:100%;
	text-align:left;
	line-height:180%;
}

	
p.bodytext{
	text-indent:1em;
	line-height:150%;
	font-size:100%;
}

p.bodytext_non{
	line-height:150%;
	font-size:100%;
}
	


p.bodytext_r{
	padding:2px 5px 2px 5px;
	font-size:100%;
	text-align:right;
	line-height:150%;
	}

p.bodytext_08{
	padding:2px 5px 2px 30px;
	font-size:100%;
	margin-left:0.8em;
	line-height:150%;
	}

p.bodytext_30{
	padding:2px 5px 2px 30px;
	font-size:100%;
	margin-left:3em;
	line-height:150%;
	}	

p.bodytext_50{
	padding:2px 5px 2px 30px;
	font-size:100%;
	margin-left:5em;
	line-height:150%;
	}	

/*-------------TOP mark-----------------*/	

#pmark{
	margin:0 auto;
	width: 886px;
	text-align:center;
	clear:both;
	height:auto;
	padding:2px;
	}
/*-------------TOP mark------------------*/	
	
/*-------------footer-----------------*/	 
	 
#foot{	
	margin:0 auto;
	clear:both;
	width:888px;
	height:auto;
	padding: 5px 0px 0px 0px;  
	text-align:right;
	font-size:85%;
	clear:both;
	}	 


ul.foot {
	margin:0;
	padding:0;
	text-align:right;
	list-style-type:none;
}

ul.foot li {
	float:right;
	width:0 auto;
	margin-right:3px;
	padding:3px;
}

#foot a {
	color:#555555;
	text-decoration:underline;
	}
	
#foot a:hover {
	color:#555555;
	text-decoration:none;
	}
	 
#footer01 {
	clear:both;
	width:auto;
	height:auto;
	background-color:#808080;
	padding: 0px 0px 0px 0px;
	margin:0 auto;
} 	 
/*-------------footer------------------*/		 

a{
	text-decoration:none;
	color:#003399; 
	}
	
a:hover{
	text-decoration:underline;
	color:#0099CC;
}



/*-------------bb@lj---------------------*/

.midashi_topm{
	background-color:#483d8b ;
	border-bottom:4px solid #1C1C1C;
	padding-left:1em;
	margin:0px 5px 8px 5px;

	font-size:medium;
	color:#ffffff;
	text-align:left;	
	}

.midashi_top{
	background-color:#f5f5f5;
	border-top:4px solid #1C1C1C  ;
	padding-left:1em;
	margin:0px 0px 1px 0px;
	line-height:180%;	
	}	

.komidashi_top{
	background-color:#483d8b ;
	border-left:6px solid #1C1C1C  ;
	padding-left:1em;
	margin:0px 5px 8px 5px;
	color:#ffffff;
	}

.mini_bizm{
	background-color:#f5f5f5;
	border-bottom:2px solid #483d8b ;
	padding-left:0.4em;
	margin:2px 0px 2px 0px;
	line-height:120%;	
	text-align:left;
	}	
	
.komidashi_greybb{
	background-color:#f5f5f5;
	border-left:6px solid #1C1C1C;
	padding-left:1em;
	margin:0px 5px 8px 5px;
	font-weight:bold;	
	}

.komidashi_grey{
	background-color:#f5f5f5;
	border-left:6px solid #1C1C1C;
	padding-left:1em;
	margin:0px 5px 8px 5px;
	font-weight:bold;	
	}

.komidashi_back{
	background-image:url(../images/komidashi_menu.gif);
	background-repeat:repeat-y;
	border-left:3px solid #1C1C1C;
	border-left:6px solid #1C1C1C;
	border-bottom:1px solid #ffffff;
	padding-left:1em;
	margin:0px 5px 0px 5px;
	color:#ffffff;
	font-weight:bold;
	}	
	
.waku_top{
	background-color:#fafafa ;
	border:2px dotted #1C1C1C;
	margin:1px 0px 1px 0px;	
	padding:5px;
	}		

.cc0000{
	background-color:#f8f8f8;
	border-left:12px solid #cd5c5c ;
	border-top:1px solid #cc0000;
	padding-left:1em;
	margin:0px 5px 0px 5px;
	}
	
.bb_box03{
	width:46%;
	height:auto;
	padding:3px;
	margin:5px 9px;
	float: left;
	}

table.bb{
	width:85%;
	text-align:left;
	margin:0px auto ;
	padding:0px 3px;
	font-size:100%;
	line-height:120%;
	font-weight:normal;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-collapse:collapse;
	
}
.bb th{
	border-right:1px solid #dcdcdc  ;
	border-bottom:1px solid #dcdcdc  ;
	color:#ffffff ;
	background-color:#1C1C1C;
	padding:0.3em 1em;
	text-align:left;
}
.bb td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc  ;
	border-bottom:1px solid #dcdcdc  ;
	padding:0.3em 1em;
	text-align:left;
}

.bb_02 td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background-color:#1C1C1C;
	padding:0.3em 1em;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
}

.bb_gray td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background-color:#f5f5f5;
	padding:0.3em 1em;
	text-align:left;
}


/*問い合わせ_top*/
#box02_top{
	width:50%;
	background-color:#ffffff;
	border:1px dotted #778899 ;
	font-size:small;/*100%*/
	text-align:center;
	margin:0px auto ;
	padding:0px 3px;
	clear:both;
	}


.box01#main{
	width:auto;
	height:auto;
	border:1px solid #8DB6CD;
	padding:15px 20px 15px 20px;
	margin:8px auto;
	clear: right;
	}	

/*-------------▲bb　追加---------------------*/	
div#side_top {
	width:176px;
	height:auto;
	border:1px solid #b0c4de;
	background-color:#ffffff;
	text-align:right;
	float:right;
	margin:4px 5px 4px 1px;
	padding:0px;
	 }
	 
.side_s {
	width:176px;
	height:auto;
	border:1px solid #b0c4de;
	background-color:#ffffff;
	text-align:right;
	float:right;
	margin:4px 5px 4px 1px;
	padding:0px;
	 }	 


/*-------------▼top　leftnavi---------------------*/

#secondary_top{

	float:left;
	width:176px;
	}
/*navArea_top*/

/*#secondary_top .navArea_top{
	margin-bottom:18px;
		}*/

#secondary_top .navArea_top h3{
	font-size:small;

	background-color:#696969  ;
	color:#ffffff;
	margin:0;
	padding:5px 0px;
	text-align:center;	
	}





#secondary_top .navArea_top ul{
	padding:0;
	 margin:0 1px;
	list-style:none; 
	}

#secondary_top .navArea_top ul ul{
	margin:0;
	border-top:1px solid #CFCFCF;
	background-color:#ffffff;
}



#secondary_top .navArea_top li{
	list-style:none; 
	border-bottom:1px solid #ffffff;
	font-weight:normal;/*親カテゴリの表示の太さ*/
}

#secondary_top .navArea_top li li{
	margin:0 0 0 10px;
	padding-top:1px;
	border:none;	
	font-weight:normal;
}

#secondary_top .navArea_top li li.first-child{
	padding-top:0;
	background:none;
}

#secondary_top .navArea_top a{
	display:block;
	color:#555555;
	text-decoration:none;
}

#secondary_top .navArea_top li a{

	padding:0.4em 7px 0.4em 19px;

	width:148px;

	background:#f5f5f5;	/*カテゴリーカラー*/

	text-indent:-15px;

}

#secondary_top .navArea_top li.current a{
	background-color:#FFFFFF;
	color:#1C1C1C;
	}

#secondary_top .navArea_top li a:hover{

	background-color:#FFFFFF;	/*カテゴリーカラー あえて同じ灰色に。*/
	color:#1C1C1C;				/*fontカラー あえて同じ色に。*/
	font-weight:normal;/*子カテゴリの表示の太さ*/

}

#secondary_top .navArea_top li.current li a,

#secondary_top .navArea_top li li a{
	padding:0.4em 7px 0.4em 15px;
	width:142px;
	background-image:none;
	background-color:#fff;
	text-indent:-8px;
}

#secondary_top .navArea_top li li.current a,
#secondary_top .navArea_top li li a:hover{
	background-image:none;
	background-color:#696969  ;	/*カテゴリーカラー　小見出しと同じ*/
}

/*-------------▲top　leftnavi---------------------*/



/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/



/*----------------------- globalNavi Style-- */  
#topnavi{
	width:900px;
	background:#dcdcdc;
	text-align:center;
	padding:0;
	margin:0 auto;
	}

#globalNavi {  
	background: url(../../top_images/globalnavi.jpg) no-repeat;  
	width: 900px;  
	height: 30px;  
	text-align:center;
	padding:0;
	margin:0 auto;
	/*for mac-ie5.x*/  
	/*\*//*/ 
	overflow:hidden; 
	/**/  
	}  

#globalNavi a   {  
	width: 150px;  
	height: 30px;  
	display: block;  
	text-indent: -9999px;  
	overflow: hidden;  
	}  

#globalNavi li  {  
	list-style:none;
	float: left;  
	}  


/*----------------- Link-- */
.gnavi01 a	{
	background: url(../../top_images/globalnavi.jpg) no-repeat 0px -30px;
}
.gnavi01 a:link,.gnavi01 a:visited	{
	background: url(../../top_images/globalnavi.jpg) no-repeat 0px 0px;
}
.gnavi02 a	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -150px -30px;
}
.gnavi02 a:link,.gnavi02 a:visited	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -150px 0px;
}
.gnavi03 a	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -300px -30px;
}
.gnavi03 a:link,.gnavi03 a:visited	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -300px 0px;
}
.gnavi04 a	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -450px -30px;
}
.gnavi04 a:link,.gnavi04 a:visited	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -450px 0px;
}
.gnavi05 a	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -600px -30px;
}
.gnavi05 a:link,.gnavi05 a:visited	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -600px 0px;
}

.gnavi06 a	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -750px -30px;
}
.gnavi06 a:link,.gnavi06 a:visited	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -750px 0px;
}


/*---------------------- hover-- */
.gnavi01 a:hover,.gnavi01 a:active	{
	background: url(../../../../top_images/globalnavi.jpg) no-repeat 0px -30px;
}
.gnavi02 a:hover,.gnavi02 a:active	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -150px -30px;
}
.gnavi03 a:hover,.gnavi03 a:active	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -300px -30px;
}
.gnavi04 a:hover,.gnavi04 a:active	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -450px -30px;
}
.gnavi05 a:hover,.gnavi05 a:active	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -600px -30px;
}
.gnavi06 a:hover,.gnavi06 a:active	{
	background: url(../../top_images/globalnavi.jpg) no-repeat -750px -30px;
}





/*-------------▼共通subnavi------------------*/	

/*-------------▼製品トップsubガテゴリ------------------*/	

.side_biztop {
	width:176px;
	height:auto;
	border:1px solid #f5f5f5;
	background-color:#f5fffa;
	text-align:left;
	float:left;
	margin:6px 5px 6px 1px;
	padding:0px;
	 }	 



		


.list01 li{
	list-style:none;
	line-height:150%;
	background:url(../images/allow_red.gif) no-repeat center left;
	margin:0;
	padding:0 0 0 1em;
	}
	
ul,ol li.list01{
	list-style:none;
	text-align:left;
	margin:0.2em;
	padding:0 0 0 1em;
	}	

/*-------------▲共通list------------------*/

/*-------------▼共通list------------------*/	

.list02 li{
	list-style:decimal;
	line-height:150%;
	margin:0 0 0 1em;
	padding:0;
	}
	
ul,ol li.list02{
	list-style:none;
	text-align:left;
	margin:0.2em;
	padding:0 0 0 1em;
	}	

/*-------------▲共通list------------------*/

/*-------------▼共通list------------------*/	

.list03 li{
	list-style:none;
	line-height:150%;
	background:url(../../images/ciricle_common.gif) no-repeat 0 0.3em;
	margin:0;
	padding:0 0 0 1.2em;/*テキスト開始の位置指定*/
	}
	
ul,ol li.list03{
	list-style:none;
	background-positon:left center;	
	text-align:left;
	margin:0.2em;
	padding:0 0 0 1.2em;
	}	

/*-------------▲共通list------------------*/



/*-------------▼共通list------------------*/	

.list_non li{
	list-style:none;
	line-height:150%;
	margin:0 0 0 1em;
	padding:0 0 0 0em;
	}
	
ul,ol li.list_non{
	list-style:none;
	text-align:left;
	margin:0.2em;
	padding:0 0 0 2em;
	}	

	


/*-------------▲共通list------------------*/

/*-------------▼製品バナー02------------------*/	
#banner_biz{
	width:342px;
	min-height:80px;
	padding:0 0 0 0;
	margin:0 20 20 0;
	float:left;
	clear:left;
	}

.banner_biz_title{
	text-align:left;
	font-weight:bold;
	font-size:115%;
	color:#ffffff;
/*	border-top:2px solid #1d86ae;
	background:#003366;*/
	border-bottom:double #0080b1;
	background-image:url(../../top_images/biz.jpg);
	background-repeat: repeat-x;
	padding-left:0.6em;
	line-height:130%;	
	margin:0;
}

.banner_biz_title a{
	color:#ffffff;
}

.banner_biz_title a:hover{
	color:#ffffff;
	text-decoration:underline;	
}

/*.banner_biz_list{
	text-align:left;
	font-size:110%;
	background:#dcdcdc;
	line-height:120%;	
	margin:0;
}
*/

#banner_sol{
	width:342px;
	min-height:80px;
	padding:0 0 0 0;
	margin:0 20 20 0;
	float:right;
	clear:left;
	}

.banner_sol_title{
	text-align:left;
	font-weight:bold;
	font-size:115%;
	color:#FFFFFF;
	background-image:url(../../top_images/sol.jpg);	
	background-repeat: repeat-x;
/*	background:#b03060;
	border-top:2px solid #5D5791;*/
	border-bottom:double #8a1a64;

	padding-left:0.6em;
	line-height:130%;	
	margin:0;
}

/*.banner_sol_list{
	text-align:left;
	font-size:100%;
	background:#dcdcdc;
	line-height:120%;	
	margin:0;
}
*/

.banner_sol_title a{
	color:#ffffff;
}

.banner_sol_title a:hover{
	color:#ffffff;
	text-decoration:underline;	
}


#banner_apli{
	width:342px;
	min-height:80px;
	padding:0 0 0 0;
	margin:0 20 20 0;
	float:left;
	clear:left;
	}
	
.banner_apli_title{
	text-align:left;
	font-weight:bold;
	font-size:115%;
	color:#ffffff;
	background-image:url(../../top_images/apli.jpg);
	background-repeat: repeat-x;	
/*	background:#cd950c;
	border-top:2px solid #A38204;*/
	border-bottom:double #977f00;

	padding-left:0.6em;
	line-height:130%;	
	margin:0;
}

.banner_apli_title a{
	color:#ffffff;
}

.banner_apli_title a:hover{
	color:#ffffff;
	text-decoration:underline;	
}

/*.banner_apli_list{
	text-align:left;
	font-size:100%;
	background:#dcdcdc;
	line-height:120%;	
	margin:0;
}
*/

#banner_cloud{
	width:342px;
	min-height:80px;
	padding:0 0 0 0;
	margin:0 20 20 0;
	float:right;
	clear:left;
	}

.banner_cloud_title{
	text-align:left;
	font-weight:bold;
	font-size:115%;
	color:#FFFFFF;
	background-image:url(../../top_images/onclouds.jpg);
	background-repeat:repeat-x;	
/*	background:#838B8B;	
	border-top:2px solid #5D5791;*/
	border-bottom:double #222222;

	padding-left:0.6em;
	line-height:130%;	
	margin:0;
}

/*.banner_sol_list{
	text-align:left;
	font-size:100%;
	background:#dcdcdc;
	line-height:120%;	
	margin:0;
}
*/

.banner_cloud_title a{
	color:#ffffff;
}

.banner_cloud_title a:hover{
	color:#ffffff;
	text-decoration:underline;	
}

.banner_all_list{
	background-image:url(../../top_images/biz.jpg) repeat x;
	text-align:left;
	font-size:110%;
	background:#ffffff;
	line-height:120%;	
	margin:0;
}

.banner_all_list a{
	color:#363636;
	text-decoration:none;
}

.banner_all_list a:hover{
	color:#363636;
	text-decoration:underline;
}

/*----------------▲製品バナー02-----------------------------*/
/*-------------▼製品バナー------------------



#banner_biz{
	width:226px;
	height:100px;
	background-image:url(../../top_images/biz.jpg);
	font-size:105%;
	color:#FFFFFF;
	padding:0 1px 0 0;
	margin:0px 0px 0px 0px;
	float:left;
	clear:left;
	}

.banner_biz_title{
	text-align:left;
	font-weight:bold;
	font-size:medium;
	color:#FFFFFF;
	border-left:6px solid #003366;
	padding:1px;
	margin:4px 2px 0px 6px;
}

#banner_biz a{
	color:#ffffff;
}

#banner_biz a:hover{
	text-decoration:underline;
}

#banner_sol{
	width:226px;
	height:100px;
	background-image:url(../../top_images/sol.jpg);
	font-size:105%;
	color:#FFFFFF;
	padding:0;
	margin:0px 2px 0px 2px;
	float:right;
	clear:left;
	}

.banner_sol_title{
	text-align:left;
	font-weight:bold;
	font-size:medium;
	color:#FFFFFF;
	border-left:6px solid #B03060;
	padding:1px;
	margin:4px 2px 0px 6px;
}

#banner_sol a{
	color:#ffffff;
}

#banner_sol a:hover{
	text-decoration:underline;
}

#banner_apli{
	width:226px;
	height:100px;
	background-image:url(../../top_images/apli.jpg);
	padding:0;
	margin:0px 2px 0px 2px;
	font-size:105%;
	color:#FFFFFF;
	float:right;
	clear:left;
	}

.banner_apli_title{
	text-align:left;
	font-weight:bold;
	font-size:medium;
	color:#FFFFFF;
	border-left:6px solid #CD950C;
	padding:1px;
	margin:4px 2px 0px 6px;
}

#banner_apli a{
	color:#ffffff;
}

#banner_apli a:hover{
	text-decoration:underline;
}
*/	
/*----------------▲製品バナー-----------------------------*/

.banner_toiawase{
	width:180px;
	height:50px;
	padding:0px 6px 8px 0px;
	margin:0;	
	float:right;

	}


.waku_bizcommon{
	width:95%;
	background-color:#fafafa ;
	border:2px dotted #1C1C1C;
	margin:1px 0px 1px 0px;	
	padding:5px;
	}

/* -----------------影付きBOX------------------- */
.shadowbox{
	margin:2px auto;
	width:550px;
 	background: url(../../images/shadow_middle.jpg) repeat-y;

	}

/*  */
.shadow_header{
	width:550px;
	height:20px;
	background: url(../../images/shadow_header.jpg) no-repeat;

	}

/*  */
.shadow_content{
	font-size:105%;
	padding:0 2px 0 2px;
	margin:0 1em;
	}
	
	
/* 下部の影 */
.shadow_footer{
	width:550px;
	height:20px;
	background: url(../../images/shadow_footer.jpg) no-repeat;

	}
	
.shadow_footer_02{
	width:550px;
	height:35px;
	background: url(../../images/footer_fukidashi_02.jpg) no-repeat;

	}	

#toiawase_common{
	width:0 auto;
	height:100px;
	padding:0;
	margin:0;
	text-align:center;	
	}

/*-------------------------------------------  */