/*---base---*/
body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal; 
font-style:normal; 
font-size:75%; 
line-height:160%; 
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}

em, i {
font-style:normal;
}

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

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

#header{
width:780px; 
height:390px; 
float:left; 
background-image:url(header_bg2.jpg); 
background-repeat:no-repeat;
margin:0 0 10px 0;
position:relative;}
#header02{
background-image:url("header_bg2.jpg");
background-repeat:no-repeat;
float:left;
height:107px;
margin:0 0 10px;
position:relative;
width:780px;
}

.mainimg_ban {
	position:absolute;
	top:278px;
	left:319px;
}

body#common #header{
height:106px; 
background-image:url(header_bg02.jpg); 
}

#header h1{
margin:15px 0 0 20px;
float:left;
display:inline;
}

#header h2{
margin:35px 0 0 20px;
float:left;
display:inline;
}

#header ul{
margin:85px 0 0 0;
list-style-type:none;
float:right;
display:inline;
}

#header ul li{
margin:0 10px 0 0;
list-style-type:none;
float:left;
display:inline;
height:14px;
line-height:14px;
background-image:url(header_icon.gif);
background-repeat:no-repeat;
}

#header ul li a {
margin:0 0 0 20px;
}

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

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


/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.clear{
	clear:both;
}

.m5 { margin-bottom:5px;}
.m10 { margin-bottom:10px;}
.m12 { margin-bottom:12px;}
.m15 { margin-bottom:15px;}
.m20 { margin-bottom:20px;}
.m30 { margin-bottom:30px;}
.m40 { margin-bottom:40px;}
.m50 { margin-bottom:50px;}
.m60 { margin-bottom:60px;}

.ml10 { margin-left:10px; display:inline;}
.ml10_o { margin-left:10px;}

.mr3 { margin-right:3px; display:inline;}
.mr10 { margin-right:10px; display:inline;}
.mr20 { margin-right:20px;}
.mr15 { margin-right:10px; display:inline;}
.mr30 { margin-right:30px;}
.ma10 {margin:0 10px;}
.m_lb {margin:0 10px 30px 10px;}
.m_lb2 {margin:0 10px 10px 10px;}


.pl10 { padding-left:10px;}
.pr10 { padding-right:10px;}

.flt { float:left;}
.flr { float:right;}




#main {
width:780px;
float:left;
margin:0 0 25px 0;
}

.section {
width:780px;
float:left;
margin:25px 0 0 0;
text-align:left;
}

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

#mainnavi {
width:780px;
float:left;
background-image:url(mainnavi_top.jpg);
background-repeat:no-repeat;
background-position:5px 0;
padding-top:1px;
}

.nav-start {
margin:0 0 0 5px;
}

.dropdown {float:left;display:inline;}

.dropdown dt {cursor:pointer;}

.dropdown dd {
position:absolute;
overflow:hidden;
display:none;
;z-index:200;
}

.dropdown dd li.li-start {
width:0;
text-indent:-9999px;
font-size:0;
line-height:0;
height:0;
}

.dropdown ul {
width:154px;
list-style-type:none;
}

.dropdown li {
width:154px;
height:30px;
line-height:30px;
}

.dropdown li a{
width:154px;
height:30px;
line-height:30px;
display:block;
text-indent:10px;}

.dropdown li a:link,
.dropdown li a:visited{
color:#666666;
background-color:#f4f4f4;
/*background-image:url(nav-bg.jpg);*/
}

.dropdown li a:hover,
.dropdown li a:active{
color:#FFFFFF;
background-color:#003466;
/*background-image:url(nav_ov-bg.jpg);*/
}

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

#footer ul{
width:780px;
height:20px;
float:left;
list-style-type:none;
background-color:#003366;}

#footer ul li {
float:left;
margin:0 0 0 15px;
display:inline;
color:#FFFFFF;
}

#footer ul li a {
margin-right:10px;
}

#footer ul li a:link,
#footer ul li a:visited{
color:#FFFFFF;
}

#footer ul li a:hover,
#footer ul li a:active{
color:#99cccd;
}

#footer p {
float:left;
margin:5px 0 0 20px;
padding-bottom:10px;
display:inline;
font-size:85%;
}

address {
text-align:right;
margin:0 20px 0 0;
display:inline;
font-style:normal;
font-size:85%;
width:760px;
float:left;
}

#footer_banner{
margin:5px 20px 0 0;
width:260px;
float:left;
}

#footer_text{
width:480px;
margin-right:50px;
}
/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.top-box01 {
width:780px;
height:620px;
background-image:url(top-box01.jpg);
float:left;
position:relative;
}

.top-box01 p#txt01{
width:540px;
position:absolute;
top:335px;
left:120px;
font-size:150%;
line-height:160%;
font-weight:bold;
}

.top-box01 p#txt01 strong, 
.top-box01 p#txt01 b {
color:#FF6600;
}

.top-box01 p#txt02{
position:absolute;
top:525px;
left:270px;
font-size:150%;
line-height:160%;
font-weight:bold;
}

.top-box02 {
width:170px;
float:left;
margin:0 0 40px 20px;
display:inline;
}

.top-box02 img{
margin:0 0 10px 0;
}

.top-box03 {
float:left;
width:760px;
margin-bottom:0px;
}

.box01 {
width:740px;
margin:0 20px 40px;
float:left;
display:inline;
}

.box01 p.img{
float:left;
}

.box01 h4{
margin:0 20px 0 5px;
float:left;
display:inline;
font-weight:bold;
font-size:115%;
line-height:175%;
}

.box01 h4 strong,
.box01 h4 b{
color:#006599;
font-size:150%;
}

.box01 .box01_content{
width:510px;
margin:0 20px 0 0;
float:right;
display:inline;
background-color:#ededed;
}

.box01 .box01_content .text{
margin:10px;
}

.box01 .box01_content .highlight{
font-size:125%;
color:#cc0000;
font-weight:bold;
margin:0 10px 10px;
}

#box02_frm01 {
margin:0 0 25px 35px;
float:left;
display:inline;
}

#box02_frm02 {
margin:0 0 25px 10px;
float:left;
display:inline;
}

.box02 {
width:350px;
height:200px;
background-color:#f0f0f0;
float:left;
display:inline;
}

.box02 .left{
width:160px;
margin:10px;
float:left;
display:inline;
}

.box02 .right{
margin:10px;
float:right;
display:inline;
}

.price_box {
width:280px;
}

.price_box dt{
width:200px;
margin:0 0 5px 0;
float:left;
}

.price_box dd{
width:80px;
text-align:right;
margin:0 0 5px 0;
float:left;
}

.price_box .last{
border-top:1px dotted #CCCCCC;
}

.price_box01 {
margin:0 0 30px 40px;
float:left;
display:inline;
}

.price_box02 {
margin:0 100px 30px 0;
float:right;
display:inline;
}

.flow_box {
width:780px;
height:220px;
float:left;
background-repeat:no-repeat;
}

.flow_box p {
margin:50px 30px 10px 225px;
float:left;
display:inline;
}

#flow01 {
background-image:url(p06_img01.jpg);
}

#flow02 {
background-image:url(p06_img02.jpg);
}

#flow03 {
background-image:url(p06_img03.jpg);
}

#flow04 {
background-image:url(p06_img04.jpg);
}

#flow05 {
background-image:url(p06_img05.jpg);
}

#flow06 {
background-image:url(p06_img06.jpg);
}

#flow07 {
background-image:url(p06_img07.jpg);
}

#flow08 {
background-image:url(p06_img08.jpg);
}

.example_left {
width:170px;
margin:0 0 0 35px;
float:left;
display:inline;
}

.example_left strong{
font-size:115%;
}

.example_right {
width:560px;
float:right;
margin:0 0 30px 0;
}

.example_right p{
background-image:url(p07_icon.jpg);
background-repeat:no-repeat;
padding:5px 30px 15px 35px;
}

.example_right p strong{
font-size:115%;
color:#006699;
}

#company_data {
width:705px;
height:320px;
background-image:url(p11_img02.jpg);
background-repeat:no-repeat;
float:left;
margin:0 0 30px 40px;
display:inline;
}

#company_data a{
color:#006699;
}

#company_data #text01{
width:600px;
margin:140px 0 0 30px;
float:left;
display:inline;
}

#company_data #text02{
width:300px;
margin:10px 0 0 30px;
float:left;
display:inline;
}

#company_data #text03{
width:180px;
margin:15px 165px 0 0;
float:right;
display:inline;
}

#enquete_box01 {
width:680px;
height:300px;
overflow:auto;
border:2px solid #00bffe;
margin:0 0 20px 50px;
}

#enquete_box01 h4 {
color:#3332cb;
font-size:150%;
font-weight:bold;
margin:15px 0 5px 15px;
}

#enquete_box01 h5 {
color:#222222;
font-weight:bold;
margin:0 0 5px 15px;
}

#enquete_box01 dl {
margin:0 0 0 30px;
}

#enquete_box01 dl dt{
color:#016599;
background-image:url(icon01.gif);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:10px;
}

#enquete_box01 dl dd{
margin:0 30px 20px 30px
}

/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.backtomenu {
width:780px;
float:left;
text-align:center;
}

.subtitle01 {
width:740px;
height:36px;
line-height:36px;
background-image:url(subtitle01.jpg);
margin:0 0 15px 20px;
text-indent:20px;
font-size:150%;
font-weight:bold;
float:left;
display:inline;
}


.subtitle02 {
margin:0 0 15px 30px;
}

.subtitle03 {
margin:0 0 15px 20px;
}
.subtitle04 {
width:730px;
height:36px;
line-height:36px;
background-image:url(subtitle04.jpg);
margin:0 0 15px 0px;
text-indent:20px;
font-size:150%;
font-weight:bold;
display:inline;
float:left;
}
.text01 {
margin:0 40px 15px;
}

.text02 {
margin:0 40px 5px;
}

.text03 {
margin:0 40px 30px;
}

.text04 {
margin:0 60px 15px;
}

.btn01 {
margin:0 20px 0 0;
float:right;
display:inline;
}

.list01 {
margin:0 40px 15px;
list-style-type:none;
}

.list01 li{
background-image:url(icon01.gif);
background-repeat:no-repeat;
background-position:0 6px;
padding-left:10px;
}

.table01 {
width:660px;
float:left;
margin:0 0 20px 60px;
display:inline;
font-size:100%;
}

.table01 td{
padding:10px;
}

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

.table01 td.top{
color:#FFFFFF;
font-size:115%;
font-weight:bold;
background-color:#264471;
}

.table01 td.left{
width:160px;
background-color:#c9dcfc;
border-bottom:1px solid #ffffff;
}

.table01 td.right{
width:500px;
border-bottom:1px solid #cccccc;
}

.table01 textarea{
width:480px;
height:100px;
margin:0 0 10px 0;
}

.table01 input.mid{
width:160px;
margin:0 15px 0 0;
}

.table01 #policy{
width:480px;
height:100px;
overflow:auto;
border:1px solid #cccccc;
margin:0 0 10px 0;
}

.table01 #policy p{
margin:10px;
}

#policy2{
width:600px;
height:340px;
overflow:auto;
border:1px solid #cccccc;
margin: 0 auto;
}

#policy2 p{
margin:10px;
}


.table02 {
width:720px;
float:left;
margin:0 0 20px 30px;
display:inline;
font-size:100%;
border-collapse:collapse;
}

.table02 td{
text-align:center;
border:1px solid #CCCCCC;
font-size:85%;
padding:5px;
}

.table02 td.left{
width:80px;
background-color:#ffffcc;
}

.table02 td.title {
background-color:#ccff00;
}

.red_text {
color:#cc0000;
}

.blue_text {
color:#0099CC;
}

.blue_text02 {
color:#006699;
}

.orange_text {
color:#FF6600;
}

.qa_tab{
float:left;
font-weight:normal;
margin-left:40px;
display:inline;
}


.qa_tab a{
color: #666666;
font-weight:normal;
padding-left:40px;
float:left;
}
.qa_blue{
color:#006699;
line-height:25px;
text-align:left;
background-image:url(qa_icon02.jpg);
background-repeat:no-repeat;
float:left;
}

.qa_red{
color:#990000;
line-height:25px;
text-align:left;
background-image:url(qa_icon01.jpg);
background-repeat:no-repeat;
float:left;
}


.qa_blue2{
padding-left:30px;
}

.qa_red2{
padding-left:30px;
}

.word{
text-align:left;
font-weight:normal;
}

.word2{
text-align:left;
font-weight:normal;
line-height:1.5em;
color:#FFFFFF;
}


.word2 a:link, 
.word2 a:visited {
color:#666666; 
text-decoration:none
}

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

.word_title{
font-weight:bold;
text-align:center;
font-size:130%;
color:#990000;
}

.case_title{
background-image:url(case_bar.gif);
background-repeat:no-repeat;
background-position:140px 20px;
color:#0099CC;
font-size:200%;
font-weight:bold;
text-indent:40px;
margin-bottom:10px;
line-height:42px;
}

.case_left{
width:180px;
float:left;
text-align:left;
}

.case_title2{
width:180px;
font-weight:bold;
color:#FF6600;
font-size:120%;
margin-top:7px;
}

.case_right{
width:530px;
float:left;
}

.case_title3{
width:530px;
background-image:url(case_icon.jpg);
background-repeat:no-repeat;
line-height:26px;
color:#0099CC;
font-size:120%;
text-indent:32px;
float:left;
font-weight:bold;
}

.case_title4{
text-align:left;
margin-left:30px;
margin-bottom:10px;
}

.teb01{
width:740px;
float:left;
margin-bottom:20px;
text-align:left;
margin-left:30px;
display:inline;
}


.teb01 ul{
width:740px;
float:left;
list-style:none;
text-align:left;
}

.teb01 ul li{
float:left;
margin-right:10px;
}

.box03{
float: left;
width:170px;
margin-top:10px;
}


.sitemap{
margin-left:50px;
margin-top:20px;
}

.textarea {
border:1px #CCCCCC solid;
overflow:auto;
scrollbar-face-color: ##a2a2a26;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: ##a2a2a2;
scrollbar-darkshadow-color: ##a2a2a2; 
width:730px;
height:70px;
margin:5px 5px 5px 0px;
padding:3px;
float:left;
}


.news{
float:left;
width:730px;
margin-left:20px;
display:inline;
}


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

.news2 ul li{
list-style-type:none;
background-image:url(product_icon02.jpg);
background-repeat:no-repeat;
line-height:15px;
text-indent:20px;
}

.under_banner{
width:705px;
text-align:left;
margin-left:40px;
float:left;
display:inline;
margin-bottom:40px;
margin-top:20px;
}


.company-box {
width:650px;
float:left;
margin:0 0 20px 0;
border-bottom:1px solid #dedede;

}



.company-box dt{
width:250px;
display:block;
float:left;
text-indent:20px;
padding:5px 0 10px;
background-image:url(about_icon.gif);
background-repeat:no-repeat;
background-position:5px 1px;
}



.company-box dd{
width:400px;
float:right;
padding:5px 0 10px;

}



.company-box dd p{
padding-bottom:10px;
margin:0 0 10px 0;
border-bottom:1px dotted #cccccc;
}

/*2010/04/30追加　トップページ*/

#apoint {
	margin-left:5px;
}

#table_apoint {
	background:url(../bag01.jpg) left top no-repeat;
	height:30px;
}

#table_apoint .t_a_0 {
	width:17px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#table_apoint .t_a_1 {
	width:230px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#table_apoint .t_a_2 {
	width:242px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#table_apoint .t_a_3 {
	width:236px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#table_apoint2 {
	background:url(../bag02.jpg) left top repeat-y;
}

#table_apoint2 td{
	padding-left:2px;
	padding-top:10px;
	padding-bottom:20px;
	font-size:12px;
}

#table_apoint2 .t_a2_0 {
	width:17px;
	font-weight:bold;
}

#table_apoint2 .t_a2_1 {
	width:230px;
}

#table_apoint2 .t_a2_1 img {
	vertical-align:middle;
}

#table_apoint2 .t_a2_2 {
	width:242px;
	padding-left:15px;
}

#table_apoint2 .t_a2_2 img {
	vertical-align:middle;
}

#table_apoint2 .t_a2_3 {
	width:236px;
}

#table_apoint2 .t_a2_3 img {
	vertical-align:middle;
}


.mt5 {
	margin-top:5px;
}

.mt20 {
	margin-top:20px;
}

.ml5 {
	margin-left:5px;
}

#header_osaka {
width:780px; 
height:390px; 
float:left; 
background-image:url(header_bg_0.jpg); 
background-repeat:no-repeat;
margin:0 0 10px 0;
position:relative;
}

#header_fukuoka {
width:780px; 
height:390px; 
float:left; 
background-image:url(header_bg_f.jpg); 
background-repeat:no-repeat;
margin:0 0 10px 0;
position:relative;
}