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

#navic {
	height: 51px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#navic ul {
    font-size: 0;
    margin: 0;
    text-align: left;
    width: 980px;
}

#navic li.space {
    display: inline;
    margin: 0;
}
#navic li.last {
    display: inline;
}
#pan {
	margin: 0 auto 20px;
	width: 980px;
}
#pan h2 {
    font-size: 12px;
}
.breadcrumb a {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/bcar.gif");
    background-position: right center;
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
    padding: 0 15px 0 0;
}
#ccontents_area{padding:10px;}
.c_tb{
	background-image: url(../images/c_t.jpg);
	height: 27px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	line-height: 140%;
}
.underc{padding-top:20px;}
/*------------------contents title----------------------*/

.unitcc dl{
	border-bottom: 1px dotted #999999;
    overflow: hidden;
    padding: 15px 10px;
}
.unitcc dt{
	background: url("../images/circle.jpg") no-repeat scroll 0 center transparent;
	float: left;
	padding: 0 0 0 17px;
	width: 150px;
}
.unitcc dd{
	float: left;
}
#faq{padding:0 10px 25px;}
.accordion_head{
	color: #666666;
}
#faq h3{padding-bottom:15px;}
#faq h3 span{margin-right:10px;}
#faq p{
	padding-bottom:15px;
	color: #349890;
}
#flowarea{
	background-image: url(../flow/images/flowbg.jpg);
	background-repeat: no-repeat;
	height: 400px;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.f01{
	position: absolute;
	width: 213px;
}
.f02{
	position: absolute;
	width: 213px;
	left: 255px;
}
.f03{
	position: absolute;
	width: 213px;
	left: 485px;
}
.f04{
	position: absolute;
	width: 213px;
	left: 485px;
	top: 105px;
}
.f05{
	position: absolute;
	width: 213px;
	top: 200px;
	left: 485px;
}
.f06{
	position: absolute;
	width: 213px;
	top: 295px;
	left: 485px;
}
.f07{
	position: absolute;
	width: 213px;
	top: 295px;
	left: 255px;
}
.f08{
	position: absolute;
	width: 213px;
	top: 295px;
}
.f09{
	position: absolute;
	width: 213px;
	top: 200px;
}
.f10{
	position: absolute;
	width: 213px;
	top: 105px;
}
.tableplan {
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 710px;
}
.tableplan th {
    background-color: #EEEEEE;
    font-weight: normal;
}
.tableplan td, .tableplan th {
    border: 1px solid #999999;
    padding: 5px 10px;
    text-align: center;
}
.sim {
	background-color: #1D88B6;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
}
.nom {
	background-color: #669900;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
}
.big {
	background-color: #FF6600;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
}
.st-c {
	color: #CC0066;
	font-size: 12px;
}
#pointlist{
	padding:25px 25px 10px;
	margin-bottom:35px;
	background-image: url(../point/images/bg.jpg);
	background-repeat: repeat;
}
#pointlist ul.pll{margin:0; padding:0 20px 0 0; float:left;}
#pointlist ul.ple{float:right;}
#pointlist li{padding:0 0 10px 0;}
.filebox{
	width: 220px;
	padding-right: 25px;
	margin-bottom:25px;
	float: left;
	text-align: center;
}
.fileboxend{
	width: 220px;
	margin-bottom:25px;
	float: left;
	text-align: center;
}
.file{
	padding: 5px;
	margin-bottom: 3px;
	background-image: url(../portfolio/images/dot.jpg);
	background-repeat: repeat;
}
.file a{
	border: 5px solid #FFFFFF;
	display: block;
	height: 150px;
	width: 200px;
}
.file a:hover {
	border:5px solid #359991;
}
.cbox{margin-bottom:25px;}
.cpbox{
	line-height:200%;
	margin-bottom: 30px;
	padding-top: 16px;
	padding-bottom: 20px;
}
.slist{
	width: 220px;
	padding-right: 25px;
	margin-bottom:25px;
	float: left;
}
.slistend{
	width: 220px;
	margin-bottom:25px;
	float: left;
}
.slbox ul{list-style-type:none;}
.slbox ul li{
	background-image: url(../images/circle1.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
}
.slbox ul li a{
	text-decoration: none;
}
.slbox ul li a:hover{
	text-decoration: underline;
}
#unitgrop ul li {
    background-image: url("../images/aarouws.jpg");
    background-position: left 6px;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-top: 2px;
}
table.tb01 {
	width: 100%;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 35px;
}

table.tb01 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	width: 120px;
}
table.tb01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
.point_unit{
	margin-bottom:25px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D6D6D6;
}
.tableplans {
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-bottom: 7px;
	width: 710px;
}
.tableplans th {
	background-color: #EEEEEE;
	font-weight: normal;
	width: 140px;
}
.tableplans td, .tableplans th {
    border: 1px solid #999999;
    padding: 5px 10px;
    text-align: center;
}
.types {
	background-color: #1D88B6;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
}
#ccontents_area .sitemap dt {
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0 5px;
}
#ccontents_area .sitemap dt a{
	color: #099;
	text-decoration: none;
}
#ccontents_area .sitemap dd {
    font-size: 12px;
    margin: 0 0 10px;
}
#ccontents_area .sitemap dd a {
	padding: 0 0 0 12px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/sm_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	text-decoration: none;
}
/*------------------contents title----------------------*/
.t_unit{
	background-image: url(../unit/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_privacy{
	background-image: url(../privacy/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_contact{
	background-image: url(../contact/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_consignment{
	background-image: url(../consignment/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_diagnosis{
	background-image: url(../diagnosis/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_faq{
	background-image: url(../faq/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_flow{
	background-image: url(../flow/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_partner{
	background-image: url(../partner/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_plan{
	background-image: url(../plan/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_point{
	background-image: url(../point/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_portfolio{
	background-image: url(../portfolio/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_price{
	background-image: url(../price/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_welcome{
	background-image: url(../welcome/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_service{
	background-image: url(../service/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_newsite{
	background-image: url(../service/newsite/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_web{
	background-image: url(../service/web/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_renewal{
	background-image: url(../service/renewal/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_banner{
	background-image: url(../service/banner/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_cms{
	background-image: url(../service/cms/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_coding{
	background-image: url(../service/coding/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_consulting{
	background-image: url(../service/consulting/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_design{
	background-image: url(../service/design/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_ec{
	background-image: url(../service/ec/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_graphic{
	background-image: url(../service/graphic/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_landing{
	background-image: url(../service/landing/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_logo{
	background-image: url(../service/logo/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_support{
	background-image: url(../service/support/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_cm{
	background-image: url(../service/webcm/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_titlebanner{
	background-image: url(../service/titlebanner/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_voice{
	background-image: url(../voice/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_sitemap{
	background-image: url(../sitemap/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_news{
	background-image: url(../news/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.t_information{
	background-image: url(../information/images/title.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}