/* lastedit 09/06/01 */


/* initialize ------------------------------------- */


html,body, form, fieldset {
	margin:0;
	padding:0;
}
fieldset {
	border:none;
}
h1, h2, h3, h4, h5, h6, h7, p, pre, blockquote, ul, ol, dl, dt, dd, li {
	margin:0;
	padding:0;
}

h5 {
	font-size: 12px;
}

li {
	list-style:none;
}


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

html, body {
	font-size:88%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.5;
	color:#555555;
}
body {
	background: url(../images/bg_top.gif) repeat-x;
}
a img {
	border:none;
}
br.clear {
	clear:both;
}
a {
	color:#005999;
}
a:hover {
	color:#0099cc;
	text-decoration:none;
}
li.act a {
	color:#0099cc;
	text-decoration:none;
}
/* boxies */

div#container {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
div#content {
	clear:both;
}
div#content_left {
	float:left;
	width:655px;
	padding-top:20px;
}
div#content_right {
	float:right;
	width:275px;
	padding-top:20px;
}
/* header */

h1 {
	float:left;
	width:500px;
	height:50px;
	font-size:100%;
	line-height:40px;
	font-weight:normal;
}
h1 span {
	font-weight:bold;
	color:#ed6a00;
}
div#header_submenu {
	float:right;
	padding:5px 20px;
	width:321px;
	height:40px;
	line-height:22px;
	background:url(../images/bg_headersubmenu.gif) no-repeat;
}
div#header_submenu ul {
	float:left;
}
div#header_submenu ul li {
	float:left;
	margin-right:5px;
}
div#header_submenu img {
	float:left;
	margin-top:5px;
}
div#logobox {
	float:left;
	clear:both;
}
div#logobox img {
	margin:0px 0;
}
p#telbox {
	float:right;
}
p#telbox img {
	vertical-align:top;
	margin-right:10px;
}
/* mainmenu */

ul#mainmenu {
	width:950px;
	padding-top:15px;
	clear:both;
}
ul#mainmenu li {
	float:left;
	display:block;
}
ul#mainmenu li img {
	vertical-align:top;
}
/* bread crumb */

div#breadcrumb ul {
	clear:both;
	width:910px;
	padding:20px 20px 0 0px;
}
div#breadcrumb ul li {
	float:left;
	margin-right:20px;
}
div#breadcrumb ul li.arrow {
	color:#999999;
}
/* leftmenu */

div#finisher {
	background:white;
	border:10px solid #f1f1f1;
	padding:20px 0;
	width:640px;
	margin:5px 0px 0px 0px;
	text-align:center;
}
div#finisher img {
	vertical-align:middle;
}
div#finisher img.desc {
	margin:0 0 20px 0;
}

div#finisher a{
	margin-left:20px;
}


/* rightmenu */

p#btn_inqform_p {

	padding:0 6px 10px 0px;
	margin-bottom:20px;
	margin-top: 15px;
}
p.detail_link {
	padding-right:5px;
	text-align:right;
}
div#success {
	margin-bottom:30px;
}
div#success ul {
	margin-bottom:10px;
	border:1px solid #dddddd;
	border-top:none;
	width:255px;
	padding:9px;
	background:#f8f8f8;
}
div#success ul li {
	margin:7px 0;
}
div#result {
	margin-bottom:30px;
}
div#result p.date {
	width:263px;
	border:1px solid #eaeaea;
	border-top:none;
	border-bottom:none;
	padding:10px 0 0 10px;
	color:#4e71b1;
	background:#f8f8f8;
}
div#result ul {
	width:253px;
	padding:10px;
	margin-bottom:10px;
	background:#f8f8f8;
	border:1px solid #dddddd;
	border-top:none;
}
div#result ul li {
	margin:5px 0;
	padding:8px;
	background:white;
	border:1px solid #dedede;
}
div#result ul li span.ya {
	color:red;
	font-weight:bold;
	margin-right:5px;
}
div#result ul li span.go {
	color:blue;
	font-weight:bold;
	margin-right:5px;
}
div#result ul li em {
	color:#383878;
	font-weight:bold;
	font-style:normal;
	margin-right:5px;
}
div#result ul li strong {
	color:#e78005;
}
div#result ul li img {
	float:left;
	margin-top:2px;
}


div#result ul li a {
	width:135px;
	padding:7px 10px 7px 10px;
	background-color: #FFFFFF;
	color:#666666;
}
div#result ul a.hover {
	width:135px;
	padding:7px 10px 7px 10px;
	background-color:#FDD8D5;
	color:#333333;
	text-decoration:none;
}
div#result ul a {
	border-bottom: 1px solid #EEEEEE;
	/*opacity: 0.95;
	filter: alpha(opacity=95);*/
}

div#result ul a.end {
	border-bottom:none;
	/*opacity: 0.95;
	filter: alpha(opacity=95);*/
}

div#map ul li {
list-style-type: square;
list-style-position: inside;
}


div#lesson {
	padding:16px 10px 10px 104px;
	width:166px;
	height:114px;
	margin-bottom:20px;
	background:url(../images/lesson_bg.gif) no-repeat;
	border-bottom:1px solid #e5e5e5;
}

div#lesson p {
	margin:15px 0 5px 0px;
	font-weight:bold;
}
div#lesson ul {
	line-height:1.5
}
div#topics {
	margin-bottom:30px;
}
div#topics ul {
	width:253px;
	padding:2px 10px;
	margin-bottom:10px;

	border:1px solid #dedede;
	border-top:none;
}
div#topics ul li {
	margin:5px 0;
	padding:5px 0 10px 0;
	background:url(../images/topics_bg.gif) bottom repeat-x;
}
div#topics ul li.last {
	background:none;
}
div#topics ul li strong {
	line-height:15pt;
}
div#pr {
	padding-top:0px;
	margin-bottom:20px;
}
div#pr ul li {
	margin-left:10px;
}
div#pr img {
	margin-bottom:15px;
}
/* footer */


div#footer {
	background: url(../images/bg_copyright.gif) left bottom repeat-x white;
	text-align:center;
	padding:0;
}
div#pagetop {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height:24px;
	clear:both;
	text-align:right;
}
ul#under_breadcrumb {
	width:948px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background:white;
	border:1px solid #dbdbdb;
	overflow:auto;
	white-space:nowrap;
}
ul#under_breadcrumb li {
	float:left;
	text-align:left;
}
ul#under_breadcrumb li a {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:20px;
	background:white;
	text-decoration:none;
}
ul#under_breadcrumb li.home a {
	width:80px;
	background:url(../images/ubc_home.gif) right no-repeat #efefef;
}
ul#under_breadcrumb li.between a {
	width:100px;
	padding-right:30px;
	background:url(../images/ubc_between.gif) right no-repeat white;
	text-align:center;
}
ul#under_sitemap {
	width:940px;
	margin:0 10px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 5px 10px 5px;
	background:white;
	overflow:auto;
	white-space:nowrap;
	font-size:90%;
}
ul#under_sitemap li {
	float:left;
	margin-right:2px;
	margin-bottom:5px;
}


ul#pagemenu{width:570px;background:#e0e0f6;margin:20px 10px;padding:5px;overflow:auto;}

ul#pagemenu li{float:left;margin:0 5px 0 5px;}








/* CSS Document */


/*div#content_left{padding-left:25px;width:625px;}*/




/*製品*/



#top-product {

	clear:both;

	width:640px;

	margin-bottom:20px;

}



#top-product .title {

	width:655px;

	height:12px;

	background:url(../images/top-product-title.gif) no-repeat left top;

	text-align:left;

	margin-bottom:6px;
	
	border-bottom-style: double 1px #000000;

}



#top-product .title p a {

	font-size:85%;

	letter-spacing:normal;

	color:#666;
	
	border-bottom-style: double 1px #000000;

}



#top-product table {

	border-collapse: collapse;

}





#top-product table td {

	vertical-align:top;

	border:1px solid #DDD;

}



#top-product table td a{

	display:block;

	border:1px solid #FFFFFF;

}



#top-product table td a:hover{

	display:block;

	border:1px solid #FF0000;

	text-decoration:none;

}





#top-product table td p{

	padding:10px 8px 10px 8px;

	font-size:85%;

}



/*開発実績*/



#top-works {

	float:left;

	margin-left:40px;

}



#top-works .title {

	width:150px;

	height:19px;

	background:url(../images/top-works-title.gif) no-repeat left top;

	padding-bottom:10px;

	text-align:right;
	
	border-bottom-style: double 1px #000000;

}



#top-works .title p a {

	font-size:85%;

	letter-spacing:normal;

	color:#666;
	
	border-bottom-style: double 1px #000000;

}



#top-works .block {

	margin:0 auto 20px auto;

	text-align:center;

}



#top-works .block img{

	margin-bottom:5px;

	padding:5px;

	background:url(../images/bg1.gif);

}



#top-works .block p a{

	font-size:85%;

	line-height:120%;

}

div .pho img {
	margin: 10px;
	float: right;
}

div .worksicon img {
	margin-bottom: 3px;
	float: right;
}



/*News&Topics*/



#top-news {

	float:left;

	width:640px;

}



#top-news .title {

	

	height:19px;

	background:url(../images/top-news-title.gif) no-repeat left top;

	padding-bottom:5px;

	text-align:right;
	
	border-bottom-style: double 1px #000000;

}



dl#news-list dt{

	clear: left;

	float: left;

	width: 6em;

 	padding: 5px 0.5em 5px 0;

	color:#666;



}

dl#news-list dd{

    margin-left: 0;

	padding: 5px 0.5em 5px 6.5em;

	background:url(../images/line2.gif) repeat-x left bottom;

}




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

div#benefits {
	margin-left:10px;
	margin-bottom:40px;
}
div#benefits p.desc {
	display:block;
	background:url(../images/benefits_desc_bg.gif) repeat-x;
	width:637px;
	height:53px;
	padding:8px 0 0 0px;
	margin:20px 0px 5px 0px;
	font-weight:bold;
	color:#666666;
}
div#benefits h3 {
	margin:8px 0 10px 0;
}
ul#benefits_list li {
	float:left;
	width:280px;
	padding: 20px 45px 5px 0px;
}

ul#benefits_list li.left{
	padding-right:55px;
}

ul#benefits_list li.right{
	padding-right:0px;
}



ul#benefits_list li strong {
	color:#ec7a00;
}
ul#benefits_list h4 {
	margin-bottom:10px;
}

/*
div#develop {
	margin-left: 10px;
	margin-left: 40px;
}

ul#test li{
	float: left;
	width: 280px;
	padding: 20px 45px 5px 0;
}

ul#test li.right{
	padding: 50pxpx;
}

ul#test li.left{
	padding: 55px;
	float: right;
}

*/


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

div#price {
	padding-bottom:40px;
}
div#price div.desc {
	width:630px;
	height:118px;
	padding:10px 10px 10px 10px;
	background:url(../images/price_desc_bg.gif) no-repeat;
}
div#price div.desc p {
	margin-bottom:7px;
}
div#price h3 {
	margin-top:15px;
	font-size:14px;
}
div#price h3 span.diff {
	color:#252593;
}
div#price h3 span.sitedetail {
	color:#ec7a00;
}
/* ------------------------------------------------------ */

div#column p {
	width:420px;
	margin-left:10px;
	margin-bottom:30px;
}
div#column p strong {
	color:#044fa9;
}
div#column h2 {
	padding:10px 0 30px 0px;
}
div#column h3 {
	margin:10px 0px 30px 10px;
	color:#171794;
}
div#column p.fook {
	width:600px;
	margin:0 0 10px 0px;
	text-align:center;
	clear:both;
	border-top:1px dotted #CCCCCC;
	padding:20px;
}
div#column p.fook strong {
	color:#171794;
}
div#column img.cut {
	float:right;
	margin-bottom:30px;
	margin-right:25px;
}
/* ------------------------------------------------------ */


a.center img {
	margin-left:85px;
}














/****************************************************************************************************

	ケーススタディ

****************************************************************************************************/

h2.casestudy {

	margin-bottom:10px;

	padding-bottom:15px;

	font-size:123.1%;

	font-weight:bold;

	background:url(../images/line1.gif) repeat-x bottom left;

	color:#333;

	letter-spacing:1px;

}



#casestudy {

	clear:both;

	width:640px;

}

#casestudy h5 {

	margin:15px 0 0 0;

	font-weight:bold;

	color:#333;

}



#casestudy #icon {

	width:640px;

	text-align:left;

	margin-bottom:5px;

	background:url(../images/system-icon.gif) no-repeat right top;

}



#casestudy #icon img {

	margin-left:15px;

}



#casestudy #icon span {

	margin-left:4px;

	font-size:85%;

	letter-spacing:normal;

	color:#999;

}



#casestudy .block {

	padding:25px 0;

	background:url(../images/line2.gif) repeat-x left bottom;

	clear:both;

}



#casestudy .block img.image {

	float:left;

	margin-right:20px;

	padding:5px;

	background:url(../images/bg1.gif);

}



#casestudy .block .data {
	float:left;
	width: 440px;
	padding-right: 30px;

}



#casestudy .block p.name {

	font-weight:bold;

	margin:5px 0;

}



#casestudy .block a.more {

	background:url(../images/arrow3.gif) no-repeat left 2px;

	padding-left:20px;

}



#casestudy .block .icon {

	text-align:right;

}



#casestudy .block .icon img{

	display:inline;

	margin-left:5px;

}	



#casestudy #data{

	width:262px;

	float:left;

	padding-left:8px;
	padding-right: 10px;

}



#casestudy img.image {

	float:right;

	padding-left:30px;

}



#casestudy .sitename {

	font-size:123.1%;

	/*margin-bottom:3px;

	padding:6px 0 0 0;

	border-bottom:1px solid #DDD;*/

	/*background:url(../images/casestudy-name.gif) no-repeat left top;*/

	font-weight:bold;

}



#casestudy .url {

	margin-bottom:12px;

	/*padding-top:6px;

	background:url(../images/casestudy-url.gif) no-repeat left top;*/

}



#casestudy .client {

	margin-bottom:12px;

	/*padding-top:6px;

	background:url(../images/casestudy-client.gif) no-repeat left top;*/

}



#casestudy .system {

	margin-bottom:12px;

	padding-top:9px;

	background:url(../images/casestudy-system.gif) no-repeat left top;

}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	width: 100%px;
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}





table.design1 {
	margin:0 auto;
	border-collapse: collapse;
}
table.design1 th {
	padding: 5px 10px;
	background-color:#dddddd;
	/*background:url(../images/right-nav-bg-category.gif);*/
	border: 1px #FFFFFF solid;
	text-align:center;
	color:#333;
	font-weight:bold;
}
table.design1 td {
	padding: 5px 10px;
	background-color:#eaeaea;
	border: 1px #FFFFFF solid;
}
table.design1 tr.even td {
	background: #f2ede8;
}

table.design2 {
	margin:0 auto;
	border-collapse: collapse;
}

table.design2 h4 {
	margin:0 0 10px 0;
}

table.design2 th {
	padding: 2px 2px;
	background-color:#dddddd;
	border: 1px #FFFFFF solid;
	text-align:center;
	color:#333;
	font-weight:bold;
}
table.design2 td {
	padding:5px 5px 10px 5px;
	background-color:#FFF;
	border: 1px #DDD solid;
	vertical-align:top;
	
}

table.design3 {
	margin:0 auto 0 auto;
	border-collapse: collapse;
}

table.design3 h4 {
	margin:0;
}

table.design3 th {
	padding:1px;
	background-color:#FFF;
	border: 1px #DDD solid;
}
table.design3 td {
	padding:10px;
	background-color:#FFF;
	border: 1px #DDD solid;
	vertical-align:top;
	
}

table.design4 {
	margin:0 auto 0 auto;
	border-collapse: collapse;
}

table.design4 h4 {
	margin:0;
}

table.design4 tr {
	background:url(../images/line2.gif) repeat-x bottom left;
} 

table.design4 th {
	padding:12px 10px;
	font-weight:bold;
	vertical-align:top;
}
table.design4 td {
	padding:12px 10px;
	vertical-align:top;
	
}
/****************************************************************************************************
	リストデザイン
****************************************************************************************************/
ul.list1 li {
	border-bottom:1px solid #e5e5e5;
	background:url(../images/arrow1.gif) no-repeat 8px 11px;
	padding:4px 4px 4px 26px;
}

dl.list2 dt{
	clear: left;
	float: left;
	width: 9em;
 	padding: 8px 0.5em;
	font-weight:bold;

}

dl.list2 dd{
	margin-left: 0;
	padding: 8px 0.5em 8px 11em;
	background:url(../images/line2.gif) repeat-x left bottom;
}


ul.list_develop {
	list-style-type: none;
	float: left;
	color: #333;
	width: 80%px;
}

dl.list_develop dt {
	font-weight: bold;
	background-color: #eee;
	padding: 5px;
	margin: 8px;
}

ul.list3 li {
	background:url(../images/arrow1.gif) no-repeat 8px 11px;
	padding:4px 4px 4px 26px;
}


ul.list4 li {
	background:url(../images/arrow3.gif) no-repeat 8px 9px;
	padding:4px 4px 4px 26px;
}



/*********
h2 {
	margin-bottom:20px;
	padding-bottom:15px;
	font-size:123.1%;
	font-weight:bold;
	background:url(../images/line1.gif) repeat-x bottom left;
	color:#333;
	letter-spacing:1px;
}
*********/


h4 {
	height:32px;
	margin:35px 0 15px 0;
	/*border-left:2px solid #000000;*/
	background:url(../images/right-nav-bg-category.gif);
	line-height:32px;
	text-indent:8px;
	font-weight:bold;
	clear:both;
	color:#333;
	letter-spacing:1px;
}

h4.nospace {
	margin:0 0 15px 0;
}

h4.nospace-bottom {
	margin:35px 0 0 0;
}


img.right2 {
	float:right;
	margin:0 0 0 25px;
}



/****************************************************************************************************

	サイトマップ

****************************************************************************************************/



#sitemap .block {

	float:left;

	width:280px;

	padding:0 15px 15px 15px

}



#sitemap .block h4 {

	margin:0 0 10px 0;

}



#sitemap .block dl dt {

	background:url(../images/arrow4.gif) no-repeat 8px 7px;

	padding:2px 2px 2px 26px;

	font-weight:bold;

}





#sitemap .block dl dd {

	background:url(../images/arrow3.gif) no-repeat 8px 7px;

	padding:2px 2px 2px 26px;

}





dl#history dt{

	clear: left;

	float: left;

	width: 6em;

 	padding: 8px 0.5em 8px 0;

	color:#666;



}

dl#history dd{

    margin-left: 0;

	padding: 8px 0.5em 8px 6.5em;

	background:url(../images/line2.gif) repeat-x left bottom;

}

#top #container #content #content_left #benefits .service {
	background-image: url(../images/midashi_6.jpg);
	background-repeat: no-repeat;
	padding: 8px;
	height: 37px;
	width: 648px;
}

#top #container #content #content_left #benefits .sitemap {
	background-image: url(../images/midashi_7.jpg);
	padding: 5px;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	height: 50px;
	width: 660px;
}

#top #container #content #content_left #benefits h2 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 15px;
	padding-left: 10px;
	background-image: url(../images/midashi_2.gif);
	height: 66px;
	width: 656px;
	background-repeat: no-repeat;
}
#top #container #content #content_left #benefits table td .price {
	font-weight: bold;
	color: #C00;
}
.seo {
	list-style-position: inside;
	list-style-type: none;
	width: 600px;
	height: 24px;
/*	border-left-style: solid;
	border-left-color: #36C; */
	padding-left: 10px;
	margin-bottom: 5px;
	border-left-width: 10px;
	background-color: #fff;
	margin-left: 20px;
	font-weight: bold;
	vertical-align: bottom;
 }

.seolist {
	background-image: url("../images/arrow_red.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding: 15px;
	font-weight: bold;
}
#top #container #content #content_left #benefits .articleseo { 
	padding-left: 30px;
	padding-bottom: 10px;
}


.privacy_area {
	width: 610px;
	padding: 10px;
	border: solid 1px #eeeeee;
	margin: 5px auto 0px auto;
}

.recruit_privacy {
	width: 610px;
	padding: 10px;
	background-color: #f7f7f7;
	border: solid 1px #eeeeee;
	margin: 10px 0 0 0;
}

.recruit_privacy_scroll {
	width: 580px;
	height: 200px;
	overflow: scroll;
	margin: 5px auto;
	background-color: #ffffff;
}


.privacy_policy_bizpart {
	width: 630px;
	padding: 10px;
	border: solid 1px #eeeeee;
	margin: 10px 0 0 0;
}

.bizpart_privacy_scroll {
	width: 580px;
	height: 200px;
	overflow: scroll;
	margin: 5px auto;
	background-color: #ffffff;
}

/*add by tou*/
.map_bk{
 border: 5px solid #ddd;
 padding: 5px; /*Inner border size*/
 background: #fff; /*Inner border color*/
}