/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:140%;
text-align: center;
color:#333333;
background-image:url(background.jpg);
background-repeat:repeat-y;
background-position:50% 0;
}

*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:120%;
}

#base{
width:100%;
height:100%;
/*background-image:url(background.gif);
background-repeat:repeat-x;*/
float:left;
}

#base-common{
width:100%;
height:100%;
/*background-image:url(background-common.gif);
background-repeat:repeat-x;*/
float:left;
}

#wrapper{
margin:0px auto;
width:780px;
text-align:left;
}

#left-bg {
position:absolute;
top:0;
left:0;
width:50%;
height:10px;
background:url(background-left.gif) repeat-x top;
z-index:1;
font-size:10%;
}
	
#right-bg {
position:absolute;
top:0;
right:0;
width:50%;
height:22px;
background:url(background-right.gif) repeat-x top;
z-index:2;
font-size:10%;
}

#header{
width:780px;
height:88px;
background-image:url(header.jpg);
background-repeat:no-repeat;
position:relative;
z-index:3;
}

#header h1{
font-size:85%;
position:absolute;
top:12px;
left:15px;
}

#header ul{
position:absolute;
top:3px;
right:0;
list-style-type:none;
font-size:85%;
}

#header ul li{
float:left;
margin:0 15px 0 0;
display:inline;
}

#header ul li a{
background-image:url(icon01.gif);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:10px;
color:#FFFFFF;
}

#header ol{
top:35px;
right:5px;
position:absolute;
list-style-type:none;
}

#header ol li{
margin:0 10px 0 0;
float:left;
display:inline;
}

#header_text{
font-size:83%;
top:67px;
right:5px;
position:absolute;
}



#main{
width:780px;
float:left;
position:relative;
}


#main2{
width:780px;
float:left;
background-image:url(main-bg.gif);
background-repeat:repeat-y;
position:relative;
}

a:link,a:visited{
color:#006699;
text-decoration:none;
}

a:active,a:hover{
color:#000000;
text-decoration:none;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:530px;
float:right;
margin:0 15px 20px 5px;
display:inline;
}

#contents table{
margin-top:130px;
}

#contents table table{
margin-top:10px;
}

.section{
width:600px;
float:left;
}

#left-space {
width:220px;
float:left;
}

#showcase {
width:560px;
overflow:hidden;
position:absolute;
top:0;
right:0;
}


#top_contents {
width:760px;
float:left;
margin:20px 10px 20px 10px;
display:inline;
}

#top_section01{
width:760px;
float:left;
margin-bottom:15px;
}

#top_rss{
	width:290px;
	float:left;
	height:135px;
	background-image:url(rss_back.jpg);
	background-repeat:repeat-y;
	border-bottom:1px #CCC solid;
	border-top:1px #CCC solid;
}

#top_rss2{
	width:288px;
	float:left;
	height:106px;
	overflow:auto;
}


#rss_title{
	width:288px;
	line-height:29px;
	height:29px;
	background-image:url(whats_new.jpg);
	background-repeat:no-repeat;
	background-position:1px 0px;
	float:left;
}

#rss_title a{
	float:right;
	padding-right:4px;
	text-decoration:underline;
}


#top_contact{
	width:230px;
	float:left;
	height:135px;
	margin-left:5px;
	display:inline;
}



#top_contact2{
	width:230px;
	float:left;
	height:135px;
	margin-left:5px;
	display:inline;
}



.top_title01{
	width:760px;
	line-height:36px;
	height:36px;
	float:left;
	background-image:url(top_title01.jpg);
	background-repeat:no-repeat;
	text-indent:20px;
	text-align:left;
	font-weight:bold;
	font-size:117%;
}

#top_section02{
	width:760px;
	float:left;
	background-image: url(top_section2_back.jpg);
	background-repeat:repeat-y;
	border-bottom:1px #E7E7E7 solid;
}

.top_table02{
	width:530px;
	float:left;
	display:inline;
	border-collapse:collapse;
    text-align:center;
	line-height:1.5em;
}

.top_table02 td{
padding:5px;
border:1px solid #FFFFFF;
font-weight:normal;
}


.top_table{
	width:730px;
	margin:15px;
	float:left;
	display:inline;
	border-collapse:collapse;
    text-align:center;
	line-height:1.5em;
}

.top_table td{
padding:5px;
border:1px solid #FFFFFF;
}

.top_text01{
	clear:left;
	text-align:left;
	padding:15px 0 15px 0px;
}

#top_section02 ul{
	list-style-type:none;
	padding-left:15px;
	padding-bottom:20px;
}

#top_section02 ul li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#top_section02 ul li.list_end{
	float:left;
	margin-right:0px;
}

#top_section03{
width:760px;
float:left;
margin-bottom:15px;
}


.top_section03-1{
	width:375px;
	height:210px;
	float:left;
	border-bottom:1px #E7E7E7 solid;
	border-top:1px #E7E7E7 solid;
	background-image:url(top_section3_back.jpg);
	background-repeat:repeat-y;
	text-align:left;
}


.top_text02{
	width:330px;
	margin:10px 0 0 20px;
}

.top_section03-2{
	width:162px;
	height:130px;
	border:1px #CCC solid;
	margin:20px 0 0 8px;
	float:left;
	display:inline;
}

.top_section03-2 ul{
	list-style-type:none;
	padding:5px 0 0 6px;
}

.top_section03-2 ul li{
	margin-bottom:5px;
}




/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav {
width:780px;
height:42px;
float:left;
}

#nav ul{
margin:0 0 0 4px;
list-style-type:none;
}

#nav ul li{
width:126px;
height:40px;
float:left;
margin:0 3px 0 0;
display:inline;
}

#nav ul li a{
width:126px;
height:40px;
display:block;
background-repeat:no-repeat;
text-indent:-9999px;
}

#nav ul li#nav01 a:link,
#nav ul li#nav01 a:visited{
background-image:url(nav01.jpg);
}

#nav ul li#nav01 a:hover,
#nav ul li#nav01 a:active{
background-image:url(nav01_ov.jpg);
}

#nav ul li#nav02 a:link,
#nav ul li#nav02 a:visited{
background-image:url(nav02.jpg);
}

#nav ul li#nav02 a:hover,
#nav ul li#nav02 a:active{
background-image:url(nav02_ov.jpg);
}

#nav ul li#nav03 a:link,
#nav ul li#nav03 a:visited{
background-image:url(nav03.jpg);
}

#nav ul li#nav03 a:hover,
#nav ul li#nav03 a:active{
background-image:url(nav03_ov.jpg);
}

#nav ul li#nav04 a:link,
#nav ul li#nav04 a:visited{
background-image:url(nav04.jpg);
}

#nav ul li#nav04 a:hover,
#nav ul li#nav04 a:active{
background-image:url(nav04_ov.jpg);
}

#nav ul li#nav05 a:link,
#nav ul li#nav05 a:visited{
background-image:url(nav05.jpg);
}

#nav ul li#nav05 a:hover,
#nav ul li#nav05 a:active{
background-image:url(nav05_ov.jpg);
}

#nav ul li#nav06 a:link,
#nav ul li#nav06 a:visited{
background-image:url(nav06.jpg);
}

#nav ul li#nav06 a:hover,
#nav ul li#nav06 a:active{
background-image:url(nav06_ov.jpg);
}

#subnavi {
width:206px;
float:left;
margin:10px 7px 0;
display:inline;
}

#subnavi-title a{
width:206px;
height:40px;
line-height:40px;
text-align:center;
font-weight:bold;
float:left;
background-image:url(subnavi_title.jpg);
display:block;
color:#FFFFFF;
}

#subnavi ul{
list-style-type:none;
float:left;
}

#subnavi ul li {
width:206px;
height:42px;
float:left;
}

#subnavi ul li a{
width:206px;
height:42px;
line-height:42px;
text-indent:40px;
float:left;
display:block;
background-repeat:no-repeat;
background-image:url(subnavi.jpg);
}

#subnavi ul li a:hover{
background-image:url(subnavi_o.jpg);
}

#subnavi ul li.current{
font-weight:bold;
}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:780px;
height:50px;
background-image:url(footer.jpg);
background-repeat:repeat-x;
text-align:center;
float:left;
}

#footer ul{
height:25px;
line-height:25px;
float:right;
list-style-type:none;
margin:0 15px 0 0;
display:inline;
}

#footer ul li {
font-size:85%;
float:left;
}

#footer ul li a {
padding-left:5px;
color:#006699;
}

address {
width:775px;
height:25px;
line-height:25px;
float:left;
text-align:right;
margin:0 5px 0 0;
font-style:normal;
font-size:85%;
color:#FFFFFF;
display:inline;
}

#footer address a:link,
#footer address a:visited,
#footer address a:hover,
#footer address a:active{
color:#FF0000;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main_image {
width:780px;
float:left;
}

#top-list01 {
margin:10px 0 0 0;
list-style-type:none;
}

#top-list01 li{
margin:0 0 10px 10px;
float:left;
display:inline;
}

#top-list02 {
list-style-type:none;
padding:0 5px 0;
float:left;
}

#top-list02 li{
margin:10px 0 0 0;
}

#top-list03 {
/*margin:10px 0 0 5px;*/
margin:0 0 10px 5px;
/*display:inline;
float:left;*/
}



#top-list04 {
float:left;
list-style-type:none;
padding:0 5px 0;
float:left;
}

#top-list04 li{
margin:10px 0 0 0;
}

#top-list05 {
float:left;
list-style-type:none;
padding:0 5px 0;
float:left;
}

#top-list05 li{
margin:10px 0 0 0;
}

#top-list06 {
float:left;
list-style-type:none;
padding:0 5px 0;
float:left;
margin-bottom:0px;
}

#top-list06 li{
margin:5px 0 0 0;
}

.top-subtitle01 {
margin:10px 0;
float:left;
}

.top-box01 {
width:530px;
float:left;
}

.top-box01 dt{
width:110px;
float:left;
margin:0 0 10px 0;
}

.top-box01 dd{
width:420px;
height:55px;
float:left;
background-image:url(top-bg01.jpg);
margin:0 0 10px 0;
}

.top-box01 dd p{
margin:10px;
font-weight:bold;
}

.top-box01 dd p b,
.top-box01 dd p strong{
font-size:125%;
color:#006699;
}

.top-info{
width:210px;
background-repeat:no-repeat;
background-color:#FFFFFF;
float:left;
margin:10px 5px 0;
padding-bottom:10px;
display:inline;
}

.top-info .scroll{
overflow-y:auto;
height:200px;
}

.top-info img{
float:right;
margin:0 0 0 10px;
}

.top-info .rss-icon{
height:40px;
line-height:40px;
float:right;
background-image:url(rss.jpg);
background-repeat:no-repeat;
background-position:0 50%;
padding:0 0 0 20px;
margin:0 10px 0 0;
}

#news-release {
float:right;
margin:5px 10px 0 0;
font-size:85%;
display:inline;
}

#top-news{
background-image:url(top-bg02.jpg);
}

#top-release{
background-image:url(top-bg03.jpg);
}

#top-media{
padding-top:40px;
background-image:url(top-bg04.jpg);
}

.top-info dl{
width:210px;
float:left;
}

#top-media dl{
width:190px;
}

.top-info dt{
padding:10px;
border-bottom:1px dotted #CCCCCC;
}

.top-info dt a{
display:block;
}

.top-info dd{
font-size:0;
line-height:0;
height:0;
width:0;
text-indent:-9999px;
}


#left_banner01{
background-image:url(left_banner_back.jpg);
width:209px;
height:115px;
background-repeat:no-repeat;
margin:0 0 0 5px;
position:relative;
}

#left_banner01 img{
	position:absolute;
	top:70px;
	left:8px;
}

#left_banner02{
background-image:url(left_banner_back.jpg);
width:209px;
height:115px;
background-repeat:no-repeat;
margin:10px 0 0 5px;
float:left;
display:inline;
}

#left_banner03{
width:210px;
height:150px;
margin:10px 5px 0;
float:left;
display:inline;
}

#left_banner04{
width:210px;
height:487px;
margin:10px 5px 0;
float:left;
display:inline;
}

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
}

.sitemap ul{
margin:0 0 15px 30px;
}

.sitemap ul ul{
margin:0 0 15px 30px;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.table01 {
width:530px;
border-collapse:collapse;
float:left;
margin:0 0 15px 0;
}

.table01 td{
border:1px solid #cccccc;
text-align:center;
padding:10px;
}

.table01 td.highlight{
background:#efefef;
font-weight:bold;
}

.element01 {
width:530px;
float:left;
margin:0 0 15px 0;
}

/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*#contact_form {
width:500px;
float:left;
}

#contact_form dl{
width:500px;
border-bottom:1px dotted #99cccc;
float:left;
padding:10px 0;
line-height:220%;
}

#contact_form dt{
width:180px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:360px;
float:left;
}

#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:360px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact_form dd ul#privacy{
width:360px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 20px 0;
background-color:#f6f6f6;
}

#contact_form dd ul#privacy li{
width:340px;
margin:0 0 15px 0;
float:left;
}

#contact_button {
width:500px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:500px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}*/

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.subtitle01 {
width:530px;
height:40px;
line-height:40px;
background-image:url(sub2.jpg);
background-repeat:no-repeat;
float:left;
font-weight:bold;
padding-left:15px;
margin:0 0 0px 0;
font-size:115%;
}

.subtitle02  {
width:530px;
height:32px;
line-height:32px;
background-image:url(sub5.jpg);
background-repeat:no-repeat;
float:left;
font-weight:bold;
padding-left:20px;
font-size:115%;
color:#FFFFFF;
text-align:left;
}

.subtitle03{
width:530px;
height:35px;
line-height:35px;
background-image:url(sub6.jpg);
background-repeat:no-repeat;
float:left;
font-weight:bold;
padding-left:20px;
margin:0 0 0px 0;
font-size:115%;
color:#003366;
text-align:left;
}


.red {
color:#990000;
font-weight:bold;
} 

.sub7 {
background-image:url(sub7.gif);
background-repeat:no-repeat;
float:left;
font-weight:normal;
padding-left:10px;
font-size:100%;
color:#666666;
width:500px
}

/*service*/



#service_cont {
width:545px;
float:left;
margin-left:9px;
margin-top:17px;
}

.srevice_text01{
float:left;
width:530px;
line-height:1.5em;
text-align:left;
font-weight:normal;
}

.srevice_text02{
float:left;
width:530px;
line-height:1.5em;
text-align:left;
font-weight:normal;
margin-left:12px;
display:inline;
}

.srevice_text03{
float:left;
width:500px;
line-height:1.5em;
text-align:left;
font-weight:normal;
margin-left:12px;
display:inline;
}


.title1 {
float:left;
}

.title2 {
float:left;
}

.sec1 {
background-image:url(s_back.jpg);
background-repeat:no-repeat;
width:530px;
height:80px;
margin-bottom:6px;
float:left;
}

.sec1 p{
float:left;
margin-left:15px;
font-size:75%;
margin-top:10px;
display:imline;
}


.sec2 {
background-image:url(s_back.jpg);
background-repeat:no-repeat;
width:530px;
height:80px;
float:left;
}

.sec2 p{
float:left;
margin-left:15px;
margin-top:10px;
font-size:75%;
}


.sec3 {
background-image: url(back_up_bk3.jpg);
background-repeat:no-repeat;
width:530px;
height:110px;
float:left;
}

.sec3 p{
float:left;
margin-left:15px;
margin-top:10px;
font-size:75%;
display:inline;
}

.sec1 {
background-image:url(s_back.jpg);
background-repeat:no-repeat;
width:530px;
height:80px;
margin-bottom:6px;
float:left;
}


.title{
margin-top:20px;
}


.sec1 p{
float:left;
margin-left:10px;
font-size:75%;
display:inline;
margin-top:10px;
}

.blue_s {
color:#006699;
font-weight:bold;
}

.s_image {
width:520px;
height:347px;
background-image:url(img1.jpg);
background-repeat:no-repeat;
float:left;
}

.step1 {
margin:65px 0 0 18px;
width:180px;
float:left;
display:inline;
}


.step2 {
margin:65px 0 0 65px;
width:240px;
float:left;
}

.tphe{
float:right;
margin-right:20px;
}

.sesanba {
float:left;
margin:20px 0px 30px 8px;
}

.ffftp {
float:left;
margin:20px 0px 30px 14px;
}

.title3 {
float:left;
}

.kan {
float:left;
margin-bottom:20px;
}

/*price*/

.tab1 {
margin-left:6px;
margin-bottom:20px;
float:left;
display:inline;}

table.tab1 {
border-collapse:collapse;
width:530px;
}

.tab1 td {
padding:10px;
border:1px solid #cccccc;
color:#666666;
line-height:155%;
}

.tab1 td.highlight {
width:120px;
font-weight:bold;
color:#333333;
background-color:#EBEBEB
}
.tab2 {
margin-left:6px;
margin-bottom:50px;
float:left;
}

table.tab2 {
border-collapse:collapse;
width:530px;
}

.tab2 td {
padding:10px;
border:1px solid #cccccc;
color:#666666;
}

.tab2 td.highlight {
width:120px;
font-weight:bold;
color:#333333;
background-color:#EBEBEB
}

.tab1 td dl {
float:left;
}

.tab1 td dl dt {
float:left;
}

.tab1 td dl dd {
float:left;
line-height:35px;
margin-left:10px;
font-weight:bold;
}


.tab2 td dl {
float:left;
}

.tab2 td dl dt {
float:left;
}

.tab2 td dl dd {
float:left;
line-height:35px;
margin-left:10px;
font-weight:bold;
}


.tab3 {
margin-left:6px;
margin-bottom:20px;
float:left;
margin-top:12px;
font-weight:normal;
display:inline;
}

table.tab3 {
border-collapse:collapse;
width:530px;
}

.tab3 td {
padding:10px;
border:1px solid #cccccc;
color:#666666;
line-height:155%;
}

.tab3 td.highlight {
width:120px;
font-weight:bold;
color:#333333;
background-color:#EBEBEB
}



.tab4 {
margin-bottom:20px;
float:left;
margin-top:12px;
font-weight:normal;
}

table.tab4 {
border-collapse:collapse;
width:530px;
}

.tab4 td {
padding:10px;
border:1px solid #cccccc;
color:#666666;
line-height:155%;
}

.tab4 td.highlight {
width:100px;
font-weight:bold;
color:#333333;
background-color:#EBEBEB
}

.style1 {
	color: #333333;
	font-weight: bold;
}
.style3 {color: #666666}

.tab3 td.highright {
padding:2px;
}

.tab3 td.highright ul {
list-style-type:none;
float:left;
} 

.tab3 td.highright ul li {
list-style-type:none;
float:left;
margin-right:2px;
margin-bottom:2px;
} 

.style5 {color: #006699; font-weight: bold; }

#qa_cont {
float:left;
margin-top:17px;
line-height:155%;
font-weight:normal;
}

/*他社との違い*/

.table02 {
width:530px;
border-collapse:collapse;
margin:0 0 25px 0;
float:left;
display:inline;
}

.table02 td {
padding:10px;
border:1px solid #cccccc;
}

.table02 td.hl {
background-color:#EBEBEB;
}

.table02 td.hl02 {
background-color:#D9ECEC;
}

.table02 td.cntr {
text-align:center;
vertical-align:middle;
}



.blue_b {
color:#006699;
font-size:14px;
line-height:1.3em;
}


.red_b {
color:#990000;
font-size:14px;
line-height:1.3em;
}

.redtxt {
color:#990000;
}



/*demo*/


#contact_form {
width:500px;
float:left;
}

#contact_form dl{
width:500px;
border-bottom:1px dotted #99cccc;
float:left;
padding:10px 0;
line-height:220%;
overflow:hidden;
}

#contact_form dt{
width:170px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:360px;
float:left;
}


#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:360px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact_form dd ul#privacy{
width:500px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 40px 0;
background-color:#f6f6f6;
}


#contact_form dd ul#privacy li{
width:480px;
margin:0 0 15px 0;
float:left;
font-weight:normal;
}




#contact_button {
width:400px;
float:left;
margin:10px 60px 30px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:500px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}

/*back_up*/

.back_c{
background-image:url(back_up_bk2.jpg);
background-repeat: no-repeat;
float:left;
width:516px;
margin:0px;
height:8px;
}


.back_box01{
width:140px;
float:left;
}

.back_box01 ul{
list-style-type:none;
float:left;
text-align:left;
margin-top:10px;
}

.back_box01 ul li{
background-image:url(back_up_icon.gif);
background-repeat:no-repeat;
background-position:0px 5px;
line-height:16px;
text-indent:10px;
margin-left:20px;
color:#006699;
font-weight:bold;
margin-bottom:7px;
}

.back_box02{
width:185px;
float:left;
}

.back_box02 ul{
list-style-type:none;
float:left;
text-align:left;
margin-top:10px;
}

.back_box02 ul li{
background-image:url(back_up_icon.gif);
background-repeat:no-repeat;
background-position:0px 5px;
line-height:16px;
text-indent:10px;
margin-left:20px;
color:#006699;
font-weight:bold;
margin-bottom:7px;
}

.back_box03{
width:150px;
float:left;
}

.back_box03 ul{
list-style-type:none;
float:left;
text-align:left;
margin-top:10px;
}

.back_box03 ul li{
background-image:url(back_up_icon.gif);
background-repeat:no-repeat;
background-position:0px 5px;
line-height:16px;
text-indent:10px;
margin-left:20px;
color:#006699;
font-weight:bold;
margin-bottom:7px;
}



/*case*/


.tabcase {
margin-left:6px;
margin-bottom:20px;
float:left;
}

table.tabcase {
border-collapse:collapse;
width:500px;
}

.tabcase td {
padding:10px;
border:1px solid #cccccc;
color:#666666;
line-height:155%;
font-weight:normal;
}

.tabcase td.highlight {
width:120px;
font-weight:bold;
color:#333333;
background-color:#EBEBEB
}


.tabcase2 {
margin-left:6px;
margin-bottom:20px;
float:left;
}

table.tabcase2 {
border-collapse:collapse;
width:470px;
}

.tabcase2 td {
padding:3px;
border:1px solid #cccccc;
color:#666666;
line-height:110%;
font-weight:normal;
}

.tabcase2 td.highlight {
width:120px;
font-weight:bold;
color:#333333;
background-color:#EBEBEB
}

.tabcase td dl {
float:left;
}

.tabcase td dl dt {
float:left;
}

.tabcase td dl dd {
float:left;
line-height:35px;
margin-left:10px;
font-weight:bold;
}

/*お客様の声TOP*/

.dot_tb02{
background-image:url(sub8.jpg);
background-repeat:no-repeat;
float:left;
width:520px;
height:53px;
font-weight:bold;
font-size:100%;
color:#006699;
line-height:53px;
text-align:left;
text-decoration:underline;
margin-left:5px;
display:inline;
}

.dot_tab_title{
	text-indent:40px;
text-align:left;
text-decoration:none;
}

.dot_tb{
float:left;
border:#CCCCCC 1px dotted;
}

.dot_tab_text{
float:left;
line-height:1.5em;
text-align:left;
font-weight:normal;
}

.highlight02{
background:#efefef;
font-weight:bold;
}

/*お客様の声_example*/

.example_img{
width:194px;
height:146px;
float:left;
margin-right:7px;
margin-left:4px;
display:inline;
}

.example_text{
text-align:left;
padding:7px;
clear:right;
font-weight:normal;
line-height:1.3em;
}


.tabcase02 {
margin-left:6px;
margin-bottom:20px;
float:left;
}

table.tabcase02 {
border-collapse:collapse;
width:500px;
}

.tabcase02 td {
padding:10px;
border:1px solid #cccccc;
color:#333333;
line-height:155%;
font-weight:normal;
}

.tabcase02 td.highlight {
width:120px;
font-weight:bold;
color:#333333;
background-color:#EBEBEB
}

.tabcase02 td dl {
float:left;
}

.tabcase02 td dl dt {
float:left;
}

.tabcase02 td dl dd {
float:left;
line-height:35px;
margin-left:10px;
font-weight:bold;
}

.tabcase03 {
margin-left:6px;
margin-bottom:20px;
float:left;
border:#CCCCCC 1px solid;
}

table.tabcase03 {
border-collapse:collapse;
width:500px;
}

.tabcase03 td {
padding:10px;
border:1px solid #cccccc;
color:#333333;
line-height:155%;
font-weight:normal;
}

.tabcase03 td.highlight {
width:120px;

color:#333333;

}

.tabcase03 td dl {
float:left;
}

.tabcase03 td dl dt {
float:left;
}

.tabcase03 td dl dd {
float:left;
line-height:35px;
margin-left:10px;
font-weight:bold;
}

.sub8 {
background-image:url(sub7.gif);
background-repeat:no-repeat;
float:left;
font-weight:normal;
padding-left:10px;
font-size:100%;
color:#333333;
width:500px;
line-height:1.3em
}

.sub8_red {
background-image:url(sub7.gif);
background-repeat:no-repeat;
float:left;
font-weight:normal;
padding-left:10px;
font-size:100%;
color:#990000;
width:500px;
margin-bottom:5px;
}

*html .sitemap_img{
position:relative;
left:20px;
}

.sitemap_img{
position:relative;
left:-15px;
}

/*スタッフ紹介*/

.dot_tb03{
background-image:url(sub9.jpg);
background-repeat:no-repeat;
float:left;
width:520px;
height:53px;
font-weight:bold;
font-size:100%;
color:#006699;
line-height:53px;
text-align:left;
text-decoration:underline;
margin-left:5px;
display:inline;
}

/*bussiness*/

#bussiness-list {
width:520px;
float:left;
list-style-type:none;
}

#bussiness-list li{
width:520px;
float:left;
background-repeat:no-repeat;
background-image:url(arrow01.jpg);
background-position:100px bottom;
margin-bottom:20px;
}

#bussiness-list li p{
padding:25px 0 40px 70px;
float:left;
background-repeat:no-repeat;
font-weight:bold;
font-size:115%;
}

#bussiness-list li#step01 p{
background-image:url(business-bg01.jpg);
}

#bussiness-list li#step02 p{
background-image:url(business-bg02.jpg);
}

#bussiness-list li#step03 p{
background-image:url(business-bg03.jpg);
}

#bussiness-list li#step04 p{
background-image:url(business-bg04.jpg);
}

#bussiness-list li#step05 p{
background-image:url(business-bg05.jpg);
}

#bussiness-list li#step06 p{
background-image:url(business-bg06.jpg);
}

#remote {
margin-top:10px;
float:left;
width:534px;
}

#remote ul {
list-style-type:none;
float:left;
width:534px;
}

#remote ul li {
width:260;
height:105px;
float:left;
margin:0 7px 7px 0;
display:inline;
}

.remote_list{
margin-left:0px;
}

.remote_list ul{
list-style-type:none;
}

.remote_list ul li{
float:left;
margin-right:3px;
}

.remote_text{
font-weight:normal;
padding-left:38px;
padding-top:7px;
line-height:1.5em;
width:500px;
}

.remote_table{
width:500px;
border-collapse:collapse;
}

.remote_table td{
padding:10px;
border:1px solid #cccccc; color:#666666;
color:#666666;
text-align:left;
}

.remote_table td.highlight{
width:140px;
font-weight:bold;
color:#333333;
background-color:#EDEDED;
text-align:left;
}


.remote_table2{
width:480px;
border-collapse:collapse;
}

.remote_table2 td{
padding:10px;
border:1px solid #cccccc; color:#666666;
color:#666666;
text-align:left;
}

.remote_table2 td.highlight2{
width:160px;
font-weight:bold;
color:#333333;
background-color:#EDEDED;
text-align:left;
}


.remote_table3{
width:530px;
border-collapse:collapse;
}

.remote_table3 td{
padding:10px;
border:1px solid #cccccc; color:#666666;
color:#666666;
text-align:left;
}

.remote_table3 td.highlight3{
font-weight:bold;
color:#333333;
background-color:#EDEDED;
text-align:left;
}

.left_banner_box{
background-color:#F0EDE0;
width:210px;
float:left;
}


.bannrerbox01{
width:81px;
height:96px;
float:left;
padding:15px;
}

.bannrerbox02{
width:66px;
height:77px;
float:left;
padding:25px 0 0 15px;
}

.featurebox{
width:509px;
height:86px;
float:left;
background-image:url(featurebgimg.jpg);
background-repeat:no-repeat;

}

.featurebox dl dt{
	color:#006699;
	text-align:left;
	display:block;
	padding: 30px 0 0 10px;
	width:230px;
	float:left;
	
	font-weight:bold;
	
}

.featurebox dl dd{
	float:left;
	padding: 15px 0 0 10px;
	
	
}

.faq_icon{
background-image:url(icon02.jpg);
background-repeat:no-repeat;
background-position:10px 14px;
line-height:16px;
text-indent:19px;
}

.article{
width:500px;
margin-left:15px;
height:600px;
overflow:auto;
border:1px solid #CCCCCC;
}

.article dl{
width:470px;
margin-top:15px;
font-weight:normal;
padding:5px;
}

.article dt{
width:470px;
margin-top:10px;
font-weight:normal;
}

.article dd{
width:470px;
margin-top:10px;
font-weight:normal;
}

.article dd ol{
padding-left:30px;
list-style-type:decimal;
}

.article dd ol li{
margin-bottom:5px;
line-height:1.3em;
}


.article dd ol li ol{
padding-left:15px;
list-style-type:none;
padding-top:10px;
}

.article dd ol li ol li{
margin-bottom:5px;
line-height:1.3em;
text-indent:-3em;
}


.rss{
	width:258px;
}

.rss dt{
	width:258px;
	font-weight:bold;
	color:#006699;
	padding-left:5px;
	padding-top:10px;
}

.rss dt a{
	width:258px;
	font-weight:normal;
	color:#333;
	padding-bottom:10px;
	border-bottom:1px #333 dotted;
	float:left;
}

.case_list{
	width:531px;
	background-image:url(case_back.jpg);
	background-repeat:repeat-y;
	height:390px;
	border-top:1px #CCC solid;
	border-bottom:1px solid #CCC;
}


.case_list ul{
	list-style-type:none;
	padding:15px 0 0 10px;
}

.case_list ul li{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}

.case_list ul li.listend{
	float:left;
	margin-right:0px;
	margin-bottom:12px;
}