/* CSS Document */

body,td,form{
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:13px;
	color:#333333;
	}
	
p{
	margin-top:2px;
	margin-bottom:2px;
	}

td{
	text-align:left;
	}

a:link{
	color:#FF9900;
	text-decoration:underline;
	}
a:hover{
	color:#CC0000;
	text-decoration:none;
	background-color:#66CCFF
	}
a:visited{
	color:#330099;
	}

/*サイトマップ用のリンク表示*/
#map a:link{
	color:#FF9900;
	text-decoration:none;
	}
#map a:hover{
	color:#CC0000;
	text-decoration:underline;
	background-color:#FFFFFF;
	}
	
	
	
	
/* ヘッダレイアウト関連 */

#Contents{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/Contents_body.jpg);
	background-repeat:repeat-y;
	text-align:left;
	}

#Contents2{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/Contents_body2.jpg);
	background-repeat:repeat-y;
	text-align:left;
	}
	
#header{
	height:60px;
	background-image:url(images/contents_top01.jpg);
	background-repeat:no-repeat;
}


#headerH{
	float:left;
	}

#headerH h1{
	text-indent:-9999em;
	}
#headerA{
	float:right;
	height:16px;
	margin-top:20px;
	margin-right:40px;
	color:#FFFFFF;
}

.mainTitle{
	margin-left:35px;
	margin-top:16px;
	}

#TopImage{
	clear:both;
	width:760px;
	margin-left:20px;
	background-repeat:no-repeat;
	}

#TopImage2{
	clear:both;
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(menu/images/top_image2_1.gif);
	background-repeat:no-repeat;
}

#TopImage21{
	clear:both;
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(menu/it_support/images/top_image2_1.gif);
	background-repeat:no-repeat;
}
#TopImage22{
	clear:both;
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(menu/pro_planning/images/top_image2_2.gif);
	background-repeat:no-repeat;
}
#TopImage23{
	clear:both;
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(menu/web_planning/images/top_image2_5.gif);
	background-repeat:no-repeat;
}
#TopImage24{
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(menu/141n/images/top_image2_4.gif);
	background-repeat:no-repeat;
}
#TopImage25{
	clear:both;
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(menu/web_shop/images/top_image2_3.gif);
	background-repeat:no-repeat;
}


#TopImage3{
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(info/images/top_image4.gif);
	background-repeat:no-repeat;
}
#TopImage4{
	clear:both;
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(contact/images/top_image3.gif);
	background-repeat:no-repeat;
}
#TopImage5{
	clear:both;
	text-indent:-9999em;
	width:760px;
	height:80px;
	margin-left:20px;
	background-image:url(images/top_image5.gif);
	background-repeat:no-repeat;
}

#subheader2{
	clear:both;
	background-color:#330099;
	color:#FFFFFF;
	height:16px;
	width:760px;
	margin-left:20px;
	}

#sitemap{
	width:270px;
	float:right;
	font-size:10px;
	}

#sitemap ul,#sitemap li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

#sitemap li{
	float:left;
	}

#sitemap a,sitemap a:link,#sitemap a:visited{
	text-decoration:none;
	color:#FF9900;
	width:110px;
	height:auto;
	text-align:center;
	padding:2px 10px;
	display:block;
	}
	
#sitemap a:hover{
	color:#CC0000;
	}

/* ヘッダレイアウト(コンテンツページ用) */




/* 左サイドメニュー表示関連 */

#menu{
	clear:both;
	float:left;
	margin-top:0px;
	padding-left:20px;
	width:204px;
	}

#menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	text-indent:-9999em;
	}

	
#menu li ,#menu a{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:202px;
	height:36px;

	}

#menu a{
	text-decoration:none;
	background-image:url(images/menu_bt.gif);
	background-repeat:no-repeat;
	}

#menu01 a{background-position:0 0px;}
#menu02 a{background-position:0 -36px;}
#menu03 a{background-position:0 -72px;}
#menu04 a{background-position:0 -108px;}
#menu05 a{background-position:0 -144px;}
#menu06 a{background-position:0 -180px;}
#menu07 a{background-position:0 -216px;}
#menu08 a{background-position:0 -252px;}

#menu01 a:hover{background-position:-202px 0px;}
#menu02 a:hover{background-position:-202px -36px;}
#menu03 a:hover{background-position:-202px -72px;}
#menu04 a:hover{background-position:-202px -108px;}
#menu05 a:hover{background-position:-202px -144px;}
#menu06 a:hover{background-position:-202px -180px;}
#menu07 a:hover{background-position:-202px -216px;}
#menu08 a:hover{background-position:-202px -252px;}

/* コンテンツページ用メニュー*/

#menu2{
	clear:both;
	float:left;
	margin-top:0px;
	padding-left:20px;
	width:204px;
	}

#menu2 ul{
	margin:0px;
	padding:0px;
	list-style:none;
	text-indent:-9999em;
	}

#menu2 li ,#menu2 a{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:202px;
	height:36px;

	}

#menu2 a{
	text-decoration:none;
	background-image:url(images/menu_bt2.gif);
	background-repeat:no-repeat;
	}

#menu200 a{background-position:0 0px;}
#menu201 a{background-position:0 -36px;}
#menu202 a{background-position:0 -72px;}
#menu203 a{background-position:0 -108px;}
#menu204 a{background-position:0 -144px;}
#menu205 a{background-position:0 -180px;}
#menu206 a{background-position:0 -216px;}
#menu207 a{background-position:0 -252px;}
#menu208 a{background-position:0 -288px;}

#menu200 a:hover{background-position:-202px 0px;}
#menu201 a:hover{background-position:-202px -36px;}
#menu202 a:hover{background-position:-202px -72px;}
#menu203 a:hover{background-position:-202px -108px;}
#menu204 a:hover{background-position:-202px -144px;}
#menu205 a:hover{background-position:-202px -180px;}
#menu206 a:hover{background-position:-202px -216px;}
#menu207 a:hover{background-position:-202px -252px;}
#menu208 a:hover{background-position:-202px -288px;}


/* ボディレイアウト関連 */
#ContentBody{
	margin-left:204px;
	}
#ContentBody2{
	margin-left:224px;
	margin-right:20px;
	line-height:1.5em;
	}
	
#ContentBody2 h3{
	font-size:14px;
}

#ContentBody2 table{
	margin-top:10px;
	margin-bottom:5px;
}
#ContentBody2 table td{
	vertical-align:top;
	padding:3px 10px;
}

#ContentBody2  .mgt0{
	margin-top:0px;
	}


.Col1{

}
.Col2{
	border-bottom:2px dotted #777777;
}
.Col3{
	border-bottom:2px dotted #777777;
	padding:10px 0px;
	margin-bottom:5px;
}

#BodyL{

	float:left;
	padding:10px;
	width:280px;
	}

#BodyL td{
	vertical-align:top
	}
	
#BodyL td img{

	margin-right:3px;
	}

#BodyR{
	float:right;
	margin-right:20px;
	padding:10px;
	width:236px;
	}

#BodyM{
	margin:5px 10px;
	padding:5px;
	}

.stInfo{
	background-image:url(images/st_info.gif);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:5px;
	text-indent:-9999em;
	}
.stAccess{
	background-image:url(images/st_access.gif);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:5px;
	text-indent:-9999em;
}
.st_Otoiawase{
	background-image:url(images/st_otoiawase.gif);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:5px;
	text-indent:-9999em;

}

.form01{
	margin:5px 10px;
	background-color:#FFFFCC;
}

.form01 p{
	text-align:left;
	padding:5px;
	}



/*商品企画サポートのページ*/
#stPro1{

	background-image:url(menu/pro_planning/images/st_pro1.gif);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:5px;
	text-indent:-9999em;
	}
#stPro2{

	background-image:url(menu/pro_planning/images/st_pro2.gif);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:5px;
	text-indent:-9999em;
	}
#stPro3{

	background-image:url(menu/pro_planning/images/st_pro3.gif);
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:5px;
	text-indent:-9999em;
	}
	
.stPrice1{

	background-image:url(images/st_price1.gif);
	background-repeat:no-repeat;
	height:36px;
	margin-bottom:2px;
	text-indent:-9999em;
	}
.stPrice2{

	background-image:url(menu/web_planning/images/st_price2.gif);
	background-repeat:no-repeat;
	height:36px;
	margin-bottom:2px;
	text-indent:-9999em;
	}


.topComment{
	font-size:15px;
	line-height:22px;
	border-left:5px solid #ff9933;
	border-bottom:1px dotted #333333;
	padding-left:10px;
	}


.pad5pt{
	padding-bottom:5pt;
	}

.mg5pt{
	margin-bottom:5px;
	}

.mgtb10pt{
	margin-top:10pt;
	margin-bottom:10pt;
	}

.hflow{
	text-indent:-9999em;
	background-image:url(menu/it_support/images/st_flow.gif);
	background-repeat:no-repeat;
	height:36px;
	}
	
.yaji{
	margin-left:80px;
	}

.KoujichuCom{
	margin:5px 20px 5px 20px;
	border:1px dotted #777777;
	padding:10px;
	background-color:#CCFF99;
	}

#map ul{
	line-height:24px;
	margin-left:10px;
	list-style-image:url(images/midashi3.gif);
	}

#map ul ul{
	margin-left:20px;
	}

.Addillust{
	background-color:#cccccc;
	margin:10px 0;
	padding:5px;
	}
.Addillust p{
	font-size:12px;
	color:#333333;
	padding:10px 10px 0px 0px;
	}

.Addillust img{
	float:left;
	margin:10px;
	vertical-align:text-top;
	border:1px solid #777777;
	}

.clearfloat{
	clear:left;
	height:0px;
	}

/*フッタレイアウト関連 */

#bottom1{
	clear:both;
	text-indent:-9999em;
	clear:both;
	height:50px;
	background-image:url(images/contents_bottom2.jpg);

	}

#bottom2{
	clear:both;
	text-indent:234px;
	padding:0px 20px 5px 0px;
	}