/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
caption {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

img {
	border: 0px;
	vertical-align: bottom;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #1F4985;
	text-decoration: underline;
}

a:active {
	color: #1F4985;
	text-decoration: underline;
}

/*a:hover img {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
}
*/
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.clear {
	clear: both;
}

/*------------------------------------------------------------
	オリジナル
------------------------------------------------------------*/

body {
	font-size: 14px;
	color: #333;
	line-height: 130%;
	letter-spacing: 0.1em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color:#666;
scrollbar-track-color:#999;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color:#666;
scrollbar-shadow-color:#666;
scrollbar-3dlight-color: #ffebcd;
scrollbar-darkshadow-color:#666;
}
#ecwrapper {width:900px;
	margin:0 auto 0 auto;}

td.con{
	background-color:#F5F5F5;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
td.con2{
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
A:hover IMG .bn {
FILTER: alpha(opacity=75);
opacity: 0.75;
}
a:link { color:#333; text-decoration:none; } 
a:visited { color:#669; text-decoration:none; } 
a:hover { color:#C00; text-decoration:none; } 

.f12 {
	font-size: 12px;
	line-height: 130%;
}

.f12b {
	font-size: 12px;
	line-height: 140%;
}
.f14b {
	font-size: 14px;
	line-height: 140%;
	font-weight:bold;
}
.f12-white {
	font-size: 12px;
	line-height: 150%;
	color: white;
}
.f12link {
	font-size: 12px;
	line-height: 150%;
	color:#003300;
}
.f12-250 {
	font-size: 12px;
	line-height: 250%;
}
a.f12cateb {
	font-size: 12px;
	line-height: 150%;
	color:#003333;
}

.f12-red {
	font-size: 12px;
    color: red;
}
a .f12 {
    color:#003300;
}
.f10 {
	font-size: 11px;
	line-height: 125%;
}
.f10red {
	font-size: 11px;
	line-height: 125%;
	color:#FF0000;
	font-weight:bold;
}
.f14-red {
	font-size: 14px;
    color: red;
font-weight: bolder;
line-height:150%;
}
.f16-redb {
	font-size: 18px;
	color: red;
	font-weight: bolder;
}

.mar30 {margin:0 0 30px 0;}

.marr10 {margin:0 10px 0 0;}
.mar0 {margin:0;}

/* 20110406クラスあり修正版
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
 */
/*-----------ヘッダー-----------*/

#header {
	width:100%; height:160px; background-image:url(../images/menu-bg.jpg); 
}


h1#logo span {
    display: none;
}
h1#logo {
	width:743px;
    height: 74px;
    background:url(../images/kanban-1a1412.jpg);
    background-repeat: no-repeat;
	 text-indent:-9999px;
	 float:left;
}

ul#hmenu {width:950px;
	height:74px;
	clear:both;}
	
ul#hmenu li {margin:10px 14px 0 0;
	float:left;
	list-style-type:none;}
ul#bn li {margin:0 14px 0 0;
	float:left;
	list-style-type:none;}
ul#hmenu li.hmenu2 {margin:10px 0 0 0;
	float:left;}
ul#bn2 li {margin:15px 10px 0 0;
	float:left;
	list-style-type:none;}
ul#bn2 li.hmenu2 {margin:15px 0 0 0;
	float:left;}
.listbox {
	height: auto;
	width: 300px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F9F9F9;
	border-right-width: 0px;
	border-left-width: 0px;
	padding-right: 20px;
	padding-left: 20px;
}
.listbox2 {
	height: auto;
	width: 420px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F9F9F9;
	border-right-width: 0px;
	border-left-width: 0px;
	padding-right: 20px;
	padding-left: 20px;
	line-height:100%;
}
.f14 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height:150%;
}

.2010oseibo-box {
	width:180px;
	height:80px;
	font-size:12px;
	line-height:150%;
	text-align: left;
	background-color: #FFF;
	padding: 10px;
}

img {border:0px;}
.kanban {
	width:900px;
	text-align:center;}
.menu {margin-right:10px;
margin-top:10px;
}
.bn {
margin-top:15px;
width:245px;
margin-right:10px;
float:left;
}
.bn2 {
margin-top:15px;
width:245px;
float:left;
}
.bn3 {
margin-top:10px;
width:235px;
margin-right:10px;
float:left;
}
.bn4 {
margin-top:10px;
width:235px;
float:left;
}
.kmenu {margin-right:14px;
margin-top:10px;
height:50px;
float:left;
}
.kmenu2 {
margin-top:10px;
height:50px;
float:left;
}
.menu2 {
	margin-top:10px;
}
.menu2b {
	margin-top:15px;
}
.menu3 {margin-top:16px;
}
.bigbox {
	width: 900px;
}
.leftbox {width:500px;
	margin-right:15px;
	float:left;}
.leftbox2 {
	width:480px;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/main-ecbg.jpg);
	text-align:left;
	float:left;
}
.leftbox3 {
	width:480px;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/main-webbg.jpg);
	text-align:left;
	float:left;
}


/*---トピックス---*/
.rightbox {
	width:385px;
	float:right;
	font-size: 12px;
}



/*---制作実績---*/

.righbox2 {
	width:363px;
	margin:0px;
	padding-left:11px;
	padding-right:11px;
	background-image:url(../images/main-cabg.jpg);
	text-align:left;
}


.new {
	background:url(../images/newicon.jpg) no-repeat left top;
	width:170px;
	padding:0 0 0 23px;}

/*---トピックス---*/




.cabox {width:170px;
	background-color:#FFF;
	float:left;
	padding:3px;
	margin-right:10px;
	text-align:center;}
.cabox2 {width:170px;
	background-color:#FFF;
	padding:3px;
	float:right;
	text-align:center;}
.topicsbox {
	width:373px;
	height:123px;
	overflow:auto;
	font-size: 12px;
}
.topicsbox2 {
	width:355px;
	margin:0px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(../images/main-12bg.jpg);
	text-align:left;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height:200%;
}	

.topics {
	border-bottom:dotted 1px #666666;
	margin-bottom:5px;}


/*------------フッター------------*/
.footer {
	width:100%;
	text-align:center;
	background-image:url(../images/footer-bg.jpg);
	margin-top:20px;
	padding-top:10px;
	padding-bottom:20px;}
.footeri {
	width:98%;
	background-color:#FFF;
	height:25px;
	text-align:left;
	margin-bottom:5px;
	margin-top:10px;
	margin-right:3px;
}
	
ul {
	margin:0px;
	padding:0px;
	text-align:left;}

 li#sitemap
	{
	background-image:url(../images/menu-icon.gif);
	background-repeat:no-repeat;
	list-style-type: none;
	padding-left:15px;
	line-height:150%;
	}
  li#sitemap:hover {background:#e3e3e3;
	width:94%;}

.footerinfo {
	width:890px;
	margin-top:15px;
	padding:5px;
	background-color:#FFF;
	text-align:center;}

.rb {font-weight:bold; color:#C00;}