@charset "utf-8";

/* base
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	font-family:"ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
	line-height:1.5;
	text-align:center;
	}
body#home {	background: url(../img/home_bg.gif) repeat-x;}
body#concept,body#solution,body#corp,body#achivement,body#sitemap,body#info,body#contact,body#recruit,body#privacy { background: url(../img/bg.gif) repeat-x;}

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6,form,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

table {	border-collapse: collapse;}

th,td {	padding: 0;}

hr { display: none;}

a {	overflow: hidden; color:#174396; text-decoration:none;}
a:hover { text-decoration: underline;}

.pagetop {
	margin:20px 0 0 0;
	width:580px;
	text-align:right;
}
/* wrap
----------------------------------------------- */
#wrap { width:840px; margin: 0 auto;}

#cts_wrap { width:840px;}

/* header
----------------------------------------------- */
#header { width:800px; margin:0 auto;}
#header h1 { text-indent:-9999px; float:left;}
#header h1 strong,#header h1 a {
	display:block;
	width:170px;
	height:46px;
	margin:20px 0 0 0;
	background: url(../img/title.gif) no-repeat;
	}
#header ul { float:right;}
#header li { float:left;}

#header li.gm01,#header li.gm02,#header li.gm03,#header li.gm04,#header li.gm05 {
	text-indent:-9999px;
	}
#header li.gm01 a { display:block; width:95px; height:70px; background:url(../img/gm01.gif) no-repeat;}
#header li.gm02 a { display:block; width:150px; height:70px; background:url(../img/gm02.gif) no-repeat;}
#header li.gm03 a { display:block; width:117px; height:70px; background:url(../img/gm03.gif) no-repeat;}
#header li.gm04 a { display:block; width:185px; height:70px; background:url(../img/gm04.gif) no-repeat;}

#header li.gm01 a:hover { background:url(../img/gm01.gif) 0 -73px no-repeat;}
#header li.gm02 a:hover { background:url(../img/gm02.gif) 0 -73px no-repeat;}
#header li.gm03 a:hover { background:url(../img/gm03.gif) 0 -73px no-repeat;}
#header li.gm04 a:hover { background:url(../img/gm04.gif) 0 -73px no-repeat;}


/* flv
----------------------------------------------- */
h2.flv { margin: 25px auto 0 auto; }
h2.head { margin: 25px auto 0 auto; }

.enpro {
	margin:5px 0 0 0;
	}
/* side
----------------------------------------------- */
.side {
	width:200px;
	margin: 20px 0 0 20px;
	_margin: 20px 0 0 10px;
	float:left;
	}
.side h3.inqury,.side h3.tel,.side p,.side ul li.sm01,.side ul li.sm02,.side ul li.sm03,.side ul li.sm04,.side ul li.sm05,.side ul li.sn01,.side ul li.sn02,.side ul li.sn01_1,.side ul li.sn01_2,.side ul li.sn01_3 { text-indent:-9999px;}

.side p.verisign {
	text-indent:0;
	margin:5px 0 0 0;
	width:192px;
	font-size:x-small;
	}
.side h3.inqury a { display:block; width:200px; height:37px; background:url(../img/inqury.gif) no-repeat;}
.side h3.inqury a:hover {	
	opacity: 0.8;
	filter: alpha(opacity=80);
	}
.side h3.tel strong { display:block; width:200px; height:51px; background:url(../img/tel.gif) no-repeat; margin:5px 0 0 0;}

.side p.about  {display:block; width:200px; height:21px; background:url(../img/sm.gif) no-repeat;margin:20px 0 0 0;}
.side p.solution  {display:block; width:200px; height:21px; background:url(../img/solution.gif) no-repeat;margin:15px 0 0 0;}
.side ul li.sn02 {margin: 7px 0 0 0;}

.side ul li.sm01 a {display:block; width:200px; height:31px; background:url(../img/sm01.gif) no-repeat;}
.side ul li.sm02 a {display:block; width:200px; height:31px; background:url(../img/sm02.gif) no-repeat;}
.side ul li.sm03 a {display:block; width:200px; height:31px; background:url(../img/sm03.gif) no-repeat;}
.side ul li.sm04 a {display:block; width:200px; height:31px; background:url(../img/sm04.gif) no-repeat;}
.side ul li.sm05 a {display:block; width:200px; height:31px; background:url(../img/sm05.gif) no-repeat;}

.side ul li.sm01 a:hover {display:block; width:200px; height:31px; background:url(../img/sm01_ov.gif) no-repeat;}
.side ul li.sm02 a:hover {display:block; width:200px; height:31px; background:url(../img/sm02_ov.gif) no-repeat;}
.side ul li.sm03 a:hover {display:block; width:200px; height:31px; background:url(../img/sm03_ov.gif) no-repeat;}
.side ul li.sm04 a:hover {display:block; width:200px; height:31px; background:url(../img/sm04_ov.gif) no-repeat;}
.side ul li.sm05 a:hover {display:block; width:200px; height:31px; background:url(../img/sm05_ov.gif) no-repeat;}

.side ul li.sn01 a {display:block; width:200px; height:50px; background:url(../img/sn01.gif) no-repeat;}
.side ul li.sn01_1 a {display:block; width:200px; height:31px; background:url(../img/sn01_1.gif) no-repeat;}
.side ul li.sn01_2 a {display:block; width:200px; height:31px; background:url(../img/sn01_2.gif) no-repeat;}
.side ul li.sn01_3 a {display:block; width:200px; height:31px; background:url(../img/sn01_3.gif) no-repeat;}
.side ul li.sn02 a {display:block; width:200px; height:50px; background:url(../img/sn02.gif) no-repeat;}
.side ul li.sn01 a:hover {display:block; width:200px; height:50px; background:url(../img/sn01_ov.gif) no-repeat;}
.side ul li.sn01_1 a:hover {display:block; width:200px; height:31px; background:url(../img/sn01_1_ov.gif) no-repeat;}
.side ul li.sn01_2 a:hover {display:block; width:200px; height:31px; background:url(../img/sn01_2_ov.gif) no-repeat;}
.side ul li.sn01_3 a:hover {display:block; width:200px; height:31px; background:url(../img/sn01_3_ov.gif) no-repeat;}
.side ul li.sn02 a:hover {display:block; width:200px; height:50px; background:url(../img/sn02_ov.gif) no-repeat;}

.side .bnr {
	margin:15px 0 0 0;
	background: #ebebdc;
	}
.side .bnr li {
	padding:4px;
	}
/* cts
----------------------------------------------- */
.cts {
	width:590px;
	_width:580px;
	float:right;
	padding: 0 0 0 0px;
	margin: 20px 20px 0 0px;
	_margin: 20px 0 0 0;
	text-align:left;
	}
#corp .cts p.path,.cts p.path {
	margin:0 0 0 10px;
	padding: 0 0 3px 0;
	background:url(../img/dotted.gif) bottom repeat-x;
	}

/* privacy
----------------------------------------------- */
h4.h4_privacy01 {text-indent:-9999px;}
h4.h4_privacy01 strong {
	display:block;
	width:580px;
	height:38px;
	background: url(../img/h4_privacy01.gif) bottom repeat-x;
	}

/* info
----------------------------------------------- */
#info h4 {
	margin:20px 0 0 0;
	}
h4.h4_info01 {text-indent:-9999px;}
h4.h4_info01 strong {
	display:block;
	width:580px;
	height:38px;
	background:url(../img/h4_info01.gif);
	}
#info dl {
	margin:10px 0 0 10px;
	padding: 0 0 5px 0;
	background: url(../img/dotted.gif) bottom repeat-x;
	}
#info dd.info {
	padding: 5px 0 5px 100px;
	background:url(../img/info_icon.gif) left center no-repeat;
	}
#info dd.press {
	padding: 5px 0 5px 100px;
	background:url(../img/press_icon.gif) left center no-repeat;
	}
#info dd.media {
	padding: 5px 0 5px 100px;
	background:url(../img/media_icon.gif) left center no-repeat;
	}
#info dd.seminar {
	padding: 5px 0 5px 100px;
	background:url(../img/seminar_icon.gif) left center no-repeat;
	}
.info_wrap { background: url(../img/wrap_bg.gif) no-repeat; width:580px; padding: 0 0 0 10px;}

.info_wrap p { margin: 10px 0 0 10px;}

#info h5.info {
	font-weight:bold;
	font-size:small;
	margin: 10px 0 0 10px;
	padding: 5px 0 0 100px;
	background:url(../img/info_icon.gif) left center no-repeat;
	}
#info h5.seminar {
	font-weight:normal;
	font-size:small;
	margin: 10px 0 0 10px;
	padding: 5px 0 0 100px;
	background:url(../img/seminar_icon.gif) left center no-repeat;
	}
#info h5.press {
	font-weight:normal;
	font-size:small;
	margin: 10px 0 0 10px;
	padding: 5px 0 0 100px;
	background:url(../img/press_icon.gif) left center no-repeat;
	}
#info h5.media {
	font-weight:normal;
	font-size:small;
	margin: 10px 0 0 10px;
	padding: 5px 0 0 100px;
	background:url(../img/media_icon.gif) left center no-repeat;
	}
#info h6 {
	font-weight:bold;
	font-size:small;
	margin: 10px 0 0 10px;
	padding: 0 0 5px 0;
	background:url(../img/dotted.gif) bottom repeat-x;
	}
#info .info_wrap ul.cat {
	width: 570px;
	margin:15px 0 20px 10px;
	}
#info .info_wrap ul.cat li {
	float:left;
	_margin: 0 0 0 5px;
	}
#info #cts_wrap .cts {
	_margin: 20px 10px 0 0;
	}

/* contact
----------------------------------------------- */
h4.h4_contact01 {text-indent:-9999px;}
h4.h4_contact01 strong {
	display:block;
	width:580px;
	height:38px;
	background:url(../img/h4_contact01.gif);
	}
.contact_wrap { background: url(../img/wrap_bg.gif) no-repeat; width:580px; padding: 0 0 0 10px;}
.cts .contact_wrap table { margin: 10px 0 0 10px;}
#contact .contact_wrap th {width:120px;}
#contact .contact_wrap p {
	margin: 10px 0 0 10px;
	}
#contact .cts ul.form_li li {
	border:medium none;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:circle;
	margin:5px 0 0 15px;
}

/* sitemap
----------------------------------------------- */
h4.h4_sitemap01 {margin: 20px 0 0 0; text-indent:-9999px;}
h4.h4_sitemap01 strong {
	display:block;
	width:580px;
	height:38px;
	background:url(../img/h4_sitemap01.gif);
	}
#sitemap .recruit_wrap ul {
	padding:0px 0 10px 20px;
	}
#sitemap .cts li {
	border-bottom:1px dotted #E6E6E6;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	margin:5px 0 ;
	padding:2px 0 ;
}
#sitemap .cts li li {
	border:medium none;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:circle;
	margin:5px 0 0 35px;
	padding:5px 0 0;
}
#sitemap #cts_wrap .cts {
	_margin: 20px 10px 0 0;
	}
/* wrap
----------------------------------------------- */
.foot_bnr {
	margin: 20px 0 0 10px;
	text-indent:-9999px;
	}
.foot_bnr .bnr a {
	display:block;
	width:570px;
	height:50px;
	background: url(../img/foot_bnr.gif) no-repeat;
	}
.foot_bnr .bnr a:hover{
	background: url(../img/foot_bnr.gif) no-repeat 0 -49px;
}

/* concept
----------------------------------------------- */
#concept h4 { margin:30px 0 0 0;}

h4.h4_concept01,h4.h4_concept02,h4.h4_concept03,h4.h4_concept04 { text-indent: -9999px;}
h4.h4_concept01 strong,h4.h4_concept02 strong,h4.h4_concept03 strong,h4.h4_concept04 strong {
	display:block;
	width:580px;
	height:37px;
	}
h4.h4_concept01 strong { background: url(../img/h4_concept01.gif) no-repeat;}
h4.h4_concept02 strong { background: url(../img/h4_concept02.gif) no-repeat;}
h4.h4_concept03 strong { background: url(../img/h4_concept03.gif) no-repeat;}
h4.h4_concept04 strong { background: url(../img/h4_concept04.gif) no-repeat;}

.concept_wrap {
	background: url(../img/wrap_bg.gif) no-repeat scroll 0 0;
	padding:0 0 0 10px;
	width:580px;
	}
.concept_wrap2 {
	padding:0 0 0 10px;
	width:580px;
	}
.concept_wrap p,#concept .concept_wrap3 p { margin: 15px 0 0 10px; }

#concept .concept_wrap2 h3 { margin:20px 0 0 0;}
#concept .concept_wrap h5,#concept .concept_wrap3 h5 { margin: 20px 0 0 10px;}
#concept .concept_wrap2 p { margin:10px 0 0 0; }
#concept .concept_wrap p.border { margin:20px 0 0 10px; padding: 0 0 20px 0; border-bottom:1px solid #cccccc;}

#concept .c_wrap {width:580px; padding: 0 0 20px 0;}
#concept .c_wrap p {float:left; width:350px; _width:330px;}
#concept .c_wrap img {float:right; margin:10px 0 0 0;}

#concept .wrap_bg {
	margin:20px 0 0 0;
	width:580px;
	height:260px;
	background:url(../img/concept_bg.gif) no-repeat;
	}

#concept .concept_wrap .solution h5 {font-size: small; _font-size:x-small;  background:url(../img/line2.gif) no-repeat left center; padding: 0 0 5px 15px;}

#concept .concept_wrap .solution h5 a:hover{text-decoration:none;}

#concept .wrap_bg h5 { display:none;}
#concept .wrap_bg p {
	padding: 55px 0 0 340px;
	_padding: 55px 0 0 330px;
	width:210px;
	_width:550px;
	}

#concept #cts_wrap .cts .concept_wrap h5.fix {
	background: url(../img/dotted.gif) repeat-x bottom;
	padding: 0 0 5px 0;
	}
#concept #cts_wrap .cts {
	_margin: 20px 10px 0 0;
	}

/* corp
----------------------------------------------- */
#corp h4 { margin:20px 0 0 0;}
#corp .cts {
	width:580px;
	float:right;
	padding: 0 0 0 0px;
	margin: 20px 30px 0 0px;
	_margin: 20px 10px 0 0px;
	text-align:left;
	}
h4.h4_corp01,h4.h4_corp02,h4.h4_corp03,h4.h4_corp04 { text-indent: -9999px;}
h4.h4_corp01 strong,h4.h4_corp02 strong,h4.h4_corp03 strong,h4.h4_corp04 strong {
	display:block;
	width:580px;
	height:37px;
	}
h4.h4_corp01 strong { background: url(../img/h4_corp01.gif) no-repeat;}
h4.h4_corp02 strong { background: url(../img/h4_corp02.gif) no-repeat;}
h4.h4_corp03 strong { background: url(../img/h4_corp03.gif) no-repeat;}
h4.h4_corp04 strong { background: url(../img/h4_corp04.gif) no-repeat;}

#corp .cts p { margin:10px 0 0 0; }

#corp .corp_wrap h5 {
	font-weight:normal;
	font-weight:bold;
	_font-size:x-small;
	}
#corp .corp_wrap2 h5 {
	background:transparent url(../img/dotted.gif) repeat-x scroll center bottom;
	color:#1B40A9;
	font-size:small;

	margin:10px 0 0 10px;
	padding:5px;
	}
#corp .corp_wrap2 p {
	margin: 10px 0 0 10px;
	}
#corp td,#corp th {
	_font-size:x-small;
	}
#corp #wrap .cts .corp_wrap ul {
	margin: 0 0 0 10px;
	}

#corp #wrap .cts .corp_wrap li {
	background:url(../img/line2.gif) no-repeat bottom;
	padding: 0 0 8px 20px;
	margin:10px 0 0 0;

	}
#corp #wrap .cts form.print {
	margin:20px 0 0 0;
	text-align:center;
	}
.cts table {
	width:570px;
	margin:10px 0 0 0;
	}
.cts th {
	border-bottom: 1px solid #c8c8c8;
	border-top: 2px solid #c8c8c8;
	background: #f5f5f5;
	padding:5px 5px 5px 10px;
	width:95px;
	font-weight:normal;
	}
.cts td {
	border: 1px solid #c8c8c8;
	border-right: none;
	padding:8px;
	width:485px;
	}
#recruit #wrap #cts_wrap .cts table td p { 	line-height:1.3em;}
/* solution
----------------------------------------------- */

/*---solution_insdex---*/
#solution_insdex { background: url(../img/solution_insdex_bg.jpg) no-repeat; width:580px; padding: 0 0 0 10px;}
#solution_insdex h4 { text-indent: -9999px;}
#solution_insdex h4 strong {display:block; width:580px; margin: 20px 0 0 0; height:38px; background: url(../img/solution_insdex_h4.gif);}

#solution_insdex .solution_box {
	background-position:0 0;
	background-repeat:no-repeat;
	margin:20px 0 0 15px;
	padding:0 0 20px 0;
	border-bottom:1px solid #d8d8d8;
}
#solution_insdex .solution_box h3 {
	margin:0 0 0 120px;
}
#solution_insdex .solution_box h3 a {
	display:block;
	width:245px;
	height:40px;
	text-indent:-9999px;
}
#solution_insdex .solution_box p {
	margin:10px 0 0 120px;
}
#solution_insdex .solution_box div {
	margin:10px 0 0 120px;
	padding:4px;
	background:url(../img/solution_index_ul_bg.gif);
}
#solution_insdex .solution_box ul {
	margin:0;
	padding:7px 0;
	background:#fff;
}
#solution_insdex .solution_box li {
	margin:0;
	line-height:1.3;
	padding:2px 5px 2px 32px;
	font-size:10px;
	font-weight:bold;
	background:#fff url(../img/solution_index_li_icon.gif) 13px 55% no-repeat;
}

#solution_insdex .solution01 { background-image:url(../img/solution01_bg.gif); }
#solution_insdex .solution01 h3 a { background-image:url(../img/solution_index_h3_1.gif); }
#solution_insdex .solution01 h3 a:hover { background-image:url(../img/solution_index_h3_1_ov.gif); }

#solution_insdex .solution02 { background-image:url(../img/solution02_bg.gif); }
#solution_insdex .solution02 h3 a { background-image:url(../img/solution_index_h3_2.gif); }
#solution_insdex .solution02 h3 a:hover { background-image:url(../img/solution_index_h3_2_ov.gif); }

#solution_insdex .solution03 { background-image:url(../img/solution03_bg.gif); }
#solution_insdex .solution03 h3 a { background-image:url(../img/solution_index_h3_3.gif); }
#solution_insdex .solution03 h3 a:hover { background-image:url(../img/solution_index_h3_3_ov.gif); }


/*---solution下層---*/

.cts .sn_img04 h3,.cts .sn_img03 h3,.cts .sn_img01 h3,.cts .sn_img02 h3 {display:none;}

.cts .sn_img01 {width:580px; height:209px; margin: 20px 0 0 10px; background: url(../img/sn_img01.gif) no-repeat;}
.cts .sn_img02 {width:580px; height:225px; margin: 20px 0 0 10px; background: url(../img/sn_img02.gif) no-repeat;}
.cts .sn_img03 {width:580px; height:258px; margin: 20px 0 0 10px; background: url(../img/sn_img03.gif) no-repeat;}
.cts .sn_img04 {width:580px; height:250px; margin: 20px 0 0 10px; background: url(../img/sn_img04.gif) no-repeat;}

.cts .sn_img01 p { padding: 80px 0 0 180px; }
.cts .sn_img01 ul { margin: 20px 0 0 200px;}
.cts .sn_img01 ul { _margin: 18px 0 0 190px;}
.cts .sn_img01 ul li {line-height: 1.8em; padding: 0 0 0 20px; font-weight: bold; background: url(../img/dot.gif) no-repeat left center;}

.cts .sn_img02 p { padding: 80px 0 0 180px; width:380px; }
.cts .sn_img02 ul { margin: 22px 0 0 190px;}
.cts .sn_img02 ul { _margin: 18px 0 0 190px;}
.cts .sn_img02 ul li {line-height: 1.8em; padding: 0 0 0 20px; font-weight: bold; background: url(../img/dot.gif) no-repeat left center;}

.cts .sn_img03 p { padding: 80px 0 0 180px; width:380px; }
.cts .sn_img03 ul { margin: 16px 0 0 200px;}
.cts .sn_img03 ul { _margin: 13px 0 0 190px;}
.cts .sn_img03 ul li {line-height: 1.8em; padding: 0 0 0 20px; font-weight: bold; background: url(../img/dot.gif) no-repeat left center;}

.cts .sn_img04 p { padding: 80px 0 0 180px; width:380px; }
.cts .sn_img04 ul { margin: 22px 0 0 190px;}
.cts .sn_img04 ul { _margin: 18px 0 0 190px;}
.cts .sn_img04 ul li {line-height: 1.8em;  padding: 0 0 0 20px; font-weight: bold; background: url(../img/dot2.gif) no-repeat left top; width:350px;}

.cts .cases_wrap { width: 570px; margin: 10px 0 0 10px; padding: 0 0 20px 0; border-bottom: 1px solid #eeeeee;}

.cts .scene_wrap,.cts .scene_wrap2 { width: 570px; margin: 10px 0 0 10px; padding: 0 0 20px 0; border-bottom: 1px solid #eeeeee;}

.faq,.flow { width: 570px; margin: 20px 0 0 10px; padding: 0 0 0 0; }

.cts .scene_txt {width:340px; _width: 340px; float:left;margin:0 15px 0 0; _margin: 0 6px 0 0;}
.cts .scene_wrap2 img,.cts .scene_wrap img {float:right; width:215px;}

#scene,#cases,.corp_wrap2,.corp_wrap,.privacy_wrap { background: url(../img/wrap_bg.gif) no-repeat; width:580px; padding: 0 0 0 10px;}
#scene h4,#cases h4,h5.scene01,h5.scene02,h5.scene03 { text-indent: -9999px;}
#scene h4 strong {display:block; width:580px; margin: 20px 0 0 0; height:38px; background: url(../img/scene.gif);}
#cases h4 strong {display:block; width:580px; margin: 20px 0 0 0; height:38px; background: url(../img/cases.gif);}

#solution table { margin: 10px 0 0 10px;}
.cases_wrap h6 { margin: 10px 0 0 3px;}

.corp_wrap h5 {
	font-size: small;
	background: url(../img/archive_h4.gif) repeat-x;
	padding:10px 5px 5px 5px;
	margin:10px 0 0 10px;
	}
#corp .cts .corp_wrap p {
	margin: 10px 0px 0 10px;
	line-height:1.5em;
	}
#corp .cts .corp_wrap p.credit {
	text-align:right;
	}
#wrap #cts_wrap .cts .corp_wrap table { margin: 10px 0 0 10px;}

.faq h4 {text-indent:-9999px;}
.faq h4 strong {display:block; width:565px; margin: 20px 0 0 0; height:30px; background: url(../img/faq.gif);}
.faq dl {
	margin:0;
	padding:4px 0 0 0;
	background: url(../img/line.gif) no-repeat;
	}
.faq dt {
	width:565px;
	padding: 5px 0 0 30px;
	}
.faq dd {
	margin:15px 0 0 30px;
	line-height:1.5em;
}
.flow h4 {text-indent:-9999px;}
.flow h4 strong {display:block; width:565px; margin: 20px 0 0 0; height:30px; background: url(../img/flow.gif);}

#cases p.needs {
	margin:10px 0 0 0;
	background:#f5f5f5 none repeat scroll 0 0;
	padding:10px;
	}
h5.case07,h5.case08,h5.case05,h5.case06,h5.case03,h5.case04,h5.case01,h5.case02,h5.scene03,h5.scene04,h5.scene05,h5.scene06,h5.scene07,h5.scene08,h5.scene09,h5.scene10 {text-indent:-9999px;}
h5.case01,h5.case02,h5.case03,h5.case04,h5.case05,h5.case06,h5.case07,h5.case08 { margin:0px 0 0 0; display:block;}
h5.case01 {	background: url(../img/case01.gif) no-repeat;	width:165px; height:18px;}
h5.case02 {	background: url(../img/case02.gif) no-repeat; width:220px; height:21px; margin:20px 0 0 0;}
h5.case03 { background: url(../img/case03.gif) no-repeat; width:246px; height:21px;}
h5.case04 {	background: url(../img/case04.gif) no-repeat; width:246px; height:21px;}
h5.case05 { background: url(../img/case05.gif) no-repeat; width:246px; height:21px;}
h5.case06 {	background: url(../img/case06.gif) no-repeat; width:246px; height:21px;}
h5.case07 { background: url(../img/case07.gif) no-repeat; width:246px; height:21px;}
h5.case08 {	background: url(../img/case08.gif) no-repeat; width:246px; height:21px;}

h5.scene01 strong {display:block; width:320px; height:20px; background:url(../img/scene01.gif) no-repeat;}
h5.scene02 strong {display:block; width:320px; height:20px; background:url(../img/scene02.gif) no-repeat;}
h5.scene03 strong {display:block; width:320px; height:20px; background:url(../img/scene03.gif) no-repeat;}
h5.scene04 strong {display:block; width:331px; height:43px; background:url(../img/scene04.gif) no-repeat;}
h5.scene05 strong {display:block; width:331px; height:43px; background:url(../img/scene05.gif) no-repeat;}
h5.scene06 strong {display:block; width:331px; height:43px; background:url(../img/scene06.gif) no-repeat;}
h5.scene07 strong {display:block; width:300px; height:20px; background:url(../img/scene07.gif) no-repeat;}
h5.scene08 strong {display:block; width:300px; height:20px; background:url(../img/scene08.gif) no-repeat;}
h5.scene09 strong {display:block; width:480px; height:24px; background:url(../img/scene09.gif) no-repeat;}
h5.scene10 strong {display:block; width:480px; height:24px; background:url(../img/scene10.gif) no-repeat;}

.cases h6 { margin:20px 0 0 0;}

.scene_wrap p,.scene_wrap2 p,.scene_txt p {margin:10px 0 0 0;}

.scene_wrap p.needs,.scene_wrap2 p.needs,.scene_txt p.needs {
	padding:10px;
	background: #f5f5f5;
	}
#solution #wrap #cts_wrap .cts #scene .scene_wrap2 p.needs {
	margin:10px 0 0 0;
	width:320px;
	}
#cts_wrap .cts p.caption {
	margin: 10px 0 0 0;
	padding:0 0 0 180px;
	font-size:x-small;
	}
#solution .cts h4.service { margin:20px 0 0 10px;}

#solution #wrap #cts_wrap .cts #scene .scene_wrap,#solution #wrap #cts_wrap .cts #scene .scene_wrap2 {
	margin:20px 0 0 10px;
	width:570px;
	}

#solution #wrap #cts_wrap .cts #scene h5 {
	margin: 0px 0 0 0;
	}
/* archieve
----------------------------------------------- */
#achivement .cts h3 {margin:30px 0 0 0px;}
#achivement .cts p img { margin:0px 0 0 0px;}
#achivement h4 {
	background: url(../img/archive_h4.gif) repeat-x;
	font-size: 1.2em;
	padding: 10px 0 0 10px;
	margin:20px 0 0 0;
	}
*:first-child+html #achivement h4{
	font-size: small;
}
#achivement .cts p {
	margin:10px 0 0 0;
	}
#achivement .cts p.path {
	margin:0 0 0 10px;
	}
body#achivement .cts {
	width:590px;
	float:right;
	padding: 0 0 0 0px;
	margin: 20px 20px 0 0px;
	_margin: 20px 10px 0 0px;
	text-align:left;
	}
.achivement_wrap { width: 580px; margin: 20px 0 0 0px; padding: 0 0 20px 0; _margin: 0 0 0 0px;}

body#achivement .box { width:580px;}
body#achivement .box .box_txt {width:350px; float:left;}
body#achivement .box img {float:left; margin: 10px 0 0 15px;}

body#achivement .achivement_wrap .iv_title {
	background: #f5f5f5;
	}

body#achivement .achivement_wrap .iv_title p {
	font-size: x-small;
	margin:5px 0 0 10px;
	padding: 0 0 5px 0;
	}
body#achivement .achivement_wrap .box .box_txt p.more {
	background: url(../img/list.gif) no-repeat left center;
	padding: 1px 0 0 18px;
	}

body#achivement .cts .achivement_wrap2 {
	background:transparent url(../img/wrap_bg.gif) no-repeat scroll 0 0;
	padding:0 0 0 10px;
	width:580px;
	}
#achivement #wrap #cts_wrap .achivement_wrap2 .ac_title {
	background:#1E70E0 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:medium;
	padding:10px 0 10px 15px;
	margin:20px 0 0 0;
}
#achivement #wrap #cts_wrap .achivement_wrap2 .ac_title h4 {
	margin:0;
	padding:0;
	font-size:medium;
	background: none;
	}
#achivement #wrap #cts_wrap .achivement_wrap2 p {
	margin: 10px 0 0 10px;
	}
#achivement #wrap #cts_wrap .achivement_wrap2 .ac_title p {
	margin:3px 0 0 0;
	font-size:0.75em;
	font-weight:bold;
	}
body#achivement .achivement_wrap2 .txt {
	background:#F5F5F5 url(../img/archive_h4.gif) repeat-x scroll 0 0;
	font-size:small;
	margin:10px 0 0 10px;
	padding:10px 5px 8px 8px;
	}
body#achivement #wrap #cts_wrap .achivement_wrap2 .txt p {
	margin:0;
	}
body#achivement #wrap #cts_wrap .achivement_wrap2 .qa {
	width: 580px;
	}
body#achivement #wrap #cts_wrap .achivement_wrap2 .qa img {
	float:right;
	padding:10px 0 10px 10px;
	}

/* privacy
----------------------------------------------- */
h4.h4_privacy01 {
	margin:20px 0 0 0;
	}
#privacy h5 {
	background:transparent url(../img/archive_h4.gif) repeat-x scroll 0 0;
	font-size:small;
	_font-size:x-small;
	margin:10px 0 0 10px;
	padding:10px 5px 5px;
	}
#privacy h6 {
	background:transparent url(../img/dotted.gif) repeat-x scroll center bottom;
	color:#1B40A9;
	font-size:small;
	_font-size:x-small;
	margin:15px 0 0 10px;
	padding:0 0 3px;
	}
#privacy .cts p.path {
	margin: 0px 0 0 10px;
	}
#privacy .cts p {
	margin: 10px 0 0 10px;
	}
#privacy ol li {
	line-height:1.5em;
	list-style :decimal;
	}
#privacy p.right {text-align:right;}

#privacy .contact{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin:20px 0 0;
	padding:15px;
	}
#privacy .contact p {
	margin:0;
	}
.secure_wrap {
	width:570px;
	margin: 10px 0 0 10px;
	border:1px solid #cccccc;
	}
#privacy .secure_wrap p {
	float:right;
	width:420px;
	margin:30px 10px 0 0;
	}
.secure_wrap .secure {
	float:left;
	width:115px;
	margin:5px;
	}
/* recruit
----------------------------------------------- */
.recruit_wrap { background: url(../img/wrap_bg.gif) no-repeat; width:580px; padding: 0 0 0 10px; }
h4.h4_recruit01,h4.h4_recruit02,h4.h4_recruit03,.recruit_wrap h5.recruit01,.recruit_wrap h5.recruit02,.recruit_wrap h5.recruit03,h5.recruit04,h5.recruit05,h5.recruit06 { text-indent: -9999px;}
h4.h4_recruit01 strong,h4.h4_recruit02 strong,h4.h4_recruit03 strong {
	display:block;
	width:580px;
	height:37px;
	}
h4.h4_recruit01 strong { background: url(../img/h4_recruit01.gif);}
h4.h4_recruit02 strong { background: url(../img/h4_recruit02.gif);}
h4.h4_recruit03 strong { background: url(../img/h4_recruit03.gif);}

h4.h4_recruit { font-size:medium; padding: 7px 0 0 15px; height:30px; background: #1e70e0; color:#ffffff;}


h5.recruit01 strong,h5.recruit02 strong,h5.recruit03 strong,h5.recruit04 strong,h5.recruit05 strong,h5.recruit06 strong {
	margin: 20px 10px 10px 10px;
	display:block;
	width:570px;
	height:35px;
	}
h5.recruit01 strong { background: url(../img/h5_recruit01.gif);}
h5.recruit02 strong { background: url(../img/h5_recruit02.gif);}
h5.recruit03 strong { background: url(../img/h5_recruit03.gif);}
h5.recruit04 strong { background: url(../img/h5_recruit04.gif);}
h5.recruit05 strong { background: url(../img/h5_recruit05.gif);}
h5.recruit06 strong { background: url(../img/h5_recruit06.gif);}

#recruit .cts h6 {
	margin: 15px 0 0 10px;
	padding: 0 0 5px 0;
	font-size: small;
	color: #1B40A9;
	background: url(../img/dotted.gif) bottom repeat-x;
	}
#recruit .cts {
	width:590px;
	float:right;
	padding: 0 0 0 0px;
	margin: 20px 20px 0 0px;
	_margin: 20px 5px 0 0px;
	text-align:left;
	}
#recruit .cts p.path {
	margin: 0 0 0 10px;
	}

#recruit .cts .recruit_wrap dd p { margin: 0px 0 0 10px;}

#recruit .cts .recruit_wrap p { margin: 10px 0 0 10px;}

#recruit h4 { margin:20px 0 0 0; }
#recruit .cts .recruit_wrap table p  { margin:5px 0 0 0;}

#recruit dl { width:570px; margin:10px 0 0 10px; padding: 0 0 10px 0; background: url(../img/dotted.gif) bottom repeat-x;}

#recruit dt { width:100px; float:left; }
#recruit dd { width:460px; float:left; }

.cts .recruit_wrap table { margin: 20px 0 0 10px;}

#recruit p.entry {text-indent:-9999px;}
#recruit p.entry a {margin: 20px 0 0 220px; display:block; width:130px; height:29px; background: url(../img/entry.gif) no-repeat;}
#recruit p.entry a:hover {background: url(../img/entry.gif) 0 -29px;}

#recruit p.center {text-align:center;}

/*flow
---------------------------------------------- */
#tab { width:580px; margin:10px 0 0 0;}
ul#tab li { float:left; text-indent:-9999px;}
ul#tab li a { display:block; height:46px;}
ul#tab li a.fl01 { width:90px; background: url(../img/flow01.gif);}
ul#tab li a.fl02 { width:108px; background: url(../img/flow02.gif);}
ul#tab li a.fl03 { width:115px; background: url(../img/flow03.gif);}
ul#tab li a.fl04 { width:75px; background: url(../img/flow04.gif);}
ul#tab li a.fl05 { width:74px; background: url(../img/flow05.gif);}
ul#tab li a.fl06 { width:109px; background: url(../img/flow06.gif);}

ul#tab li a.fl07 { width:111px; background: url(../img/flow07.gif);}
ul#tab li a.fl08 { width:130px; background: url(../img/flow08.gif);}
ul#tab li a.fl09 { width:109px; background: url(../img/flow09.gif);}
ul#tab li a.fl10 { width:125px; background: url(../img/flow10.gif);}
ul#tab li a.fl11 { width:96px; background: url(../img/flow11.gif);}

ul#tab li a.fl01:hover { background: url(../img/flow01.gif) 0 -46px;}
ul#tab li a.fl02:hover { background: url(../img/flow02.gif) 0 -46px;}
ul#tab li a.fl03:hover { background: url(../img/flow03.gif) 0 -46px;}
ul#tab li a.fl04:hover { background: url(../img/flow04.gif) 0 -46px;}
ul#tab li a.fl05:hover { background: url(../img/flow05.gif) 0 -46px;}
ul#tab li a.fl06:hover { background: url(../img/flow06.gif) 0 -46px;}

ul#tab li a.fl07:hover { background: url(../img/flow07.gif) 0 -46px;}
ul#tab li a.fl08:hover { background: url(../img/flow08.gif) 0 -46px;}
ul#tab li a.fl09:hover { background: url(../img/flow09.gif) 0 -46px;}
ul#tab li a.fl10:hover { background: url(../img/flow10.gif) 0 -46px;}
ul#tab li a.fl11:hover { background: url(../img/flow11.gif) 0 -46px;}

#footer {
	width:800px;
	margin: 20px auto 20px auto;
	padding:10px 0 0 0;
	border-top: 1px solid #cccccc;
	}
#footer p {
	text-align: center;
	font-size: x-small;
	_font-size:xx-small;
	margin:5px 0 0 0;
	}

#achivement #footer p,#solution #footer p {
	font-size: x-small;
	}
#recruit #footer p,#info #footer p {
	font-size: x-small;
	}

/* after
----------------------------------------------- */
#solution #wrap #cts_wrap .cts #scene .scene_wrap2:after,#solution #wrap #cts_wrap .cts #scene .scene_wrap:after,
body#achivement #wrap #cts_wrap .achivement_wrap2 .qa:after,
body#achivement #wrap #cts_wrap .achivement_wrap2:after,#info .info_wrap ul.cat:after,#cts_wrap:after,body#achivement .box:after,.secure_wrap:after,#concept .c_wrap:after,#recruit dl:after,#solution .scene_wrap:after,#corp dl:after,#tab:after,.box_wrap:after,#cts_wrap:after,#header:after,#header ul:after,.cts .scene_wrap:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  
}


/* tab javascript
----------------------------------------------- */

#javascript_tab dl {
	margin:15px 0 0 0;
	border:1px solid #cccccc;
	padding:10px;
	}
#javascript_tab dt {font-weight:bold;}
#javascript_tab dd {margin:10px 0 0 0;}