@charset "utf-8";
/********************************************************************* default settings */
body{
margin:0;
padding:0;
text-align:center;
font-size:75%;
line-height:1.6;
color:#333;
font-family:verdana,"ＭＳ ゴシック", "Osaka－等幅"
}
a{color:#2850D9;
overflow:hidden;}
a:hover{color:#333;}
p{margin:0 0 20px 0;}
p.mb5{margin:0 0 5px 0;}
.clear{clear:both;}
img{vertical-align:middle;}
.red{color:#FF3333;}
.orange{color:#FF6600;}
.green{color:#669900;}
.blue{color:#006699;}
ul,ol{margin-top:0;}
.error{color:#FF3333;}
td,th{
vertical-align:top;
}

/********************************************************************* layout */
#layout{
width:900px;
margin:auto;
padding:auto;
text-align:left;
}
#home #contents{
margin:0;
}
#contents{
margin:10px 0 0 0;
}
#main{
width:680px;
float:right;
margin:0 0 20px 0;
}
#side{
width:200px;
float:left;
}


/********************************************************************* header */
#header{
background:url(../img/bg_header.gif) no-repeat right bottom;
height:100px;
position:relative;
}
#header h1{
font-size:0.8em;
color:#999;
margin:0;
font-weight:normal;
position:absolute;
top:20px;
}
#logo{
width:215px;
height:36px;
position:absolute;
bottom:10px;
}
#logo a{
display:block;
width:215px;
height:36px;
text-indent:-10000px;
background:url(../img/logo.gif) no-repeat;
}

/********************************************************************* pagetop */
#pagetop{
clear:both;
text-align:right;
height:16px;
}
#pagetop img{
border:none;
margin:0 20px 0 0;
}

/********************************************************************* footer */
#footer{
background:#666;
color:#ccc;
padding:20px 30px;
}
#copyright{
text-align:center;
font-size:0.8em;
}

/********************************************************************* toppage */

#top_left{
width:420px;
float:left;
}
#top_right{
width:240px;
float:right;
}



#topimage{
background:url(../img/topimage.jpg) no-repeat;
height:240px;
text-indent:-10000px;
}





#table_update{
margin:0 0 20px 0;
}
#table_update th{
width:22%;
font-size:0.8em;
text-align:left;
padding:2px 0 2px 16px;
border-bottom:1px dotted #ccc;
background:url(../img/a02.gif) no-repeat left top;
background-position:5px 8px;
vertical-align:top;
}
#table_update td{
padding:2px 10px;
border-bottom:1px dotted #ccc;
vertical-align:top;
}

.top_rec{
line-height:1.3;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #ccc;
}
.top_rec h4{
padding:0 0 0 10px;
background:url(../img/a03.gif) no-repeat left center;
}
.top_rec p{
margin:0;
}
.top_rec p img{
float:left;
margin:0 10px 5px 0;
width:80px;
height:80px;
border:none;
}

#top_usedbox{
clear:both;
background:#f7f7f7;
border:1px solid #ccc;
margin:0 0 5px 0;
padding:5px;
line-height:1.3;
font-size:0.8em;
}
#top_usedbox:hover{
border:1px solid #006699;
}

#top_usedbox img{
width:80px;
height:60px;
border:1px solid #ccc;
}
#top_usedbox a.imglink{
diplay:block;
float:left;
margin:0 10px 5px 0;
}
#top_usedbox h4{
margin:0 0 3px 0;
padding:0;
}
#top_usedbox p.price{
margin:0 0 3px 0;
padding:0 0 3px 0;
border-bottom:1px dotted #ccc;
}
#top_usedbox p.price span{
color:#FF3300;
font-weight:bold;
}
#top_usedbox p.com{
margin:0 0 5px 0;

}

/********************************************************************* heading */
h2{
font-size:1.4em;
margin:0 0 30px 0;
padding:40px 0 40px 0;
border-top:1px solid #ddd;
/*background:url(../img/bg_pagetitle.gif) no-repeat bottom;*/
}
h2 span{
font-size:10px;
padding:0 0 0 10px;
color:#999;
}
h3{
font-size:1.0em;
margin:0 0 15px 0;
padding:0 0 0 20px;
line-height:30px;
background:url(../img/bg_h3.gif) no-repeat left bottom;
border:1px solid #ccc;
clear:both;
}
h3.image{
padding:0;
background-image:none;
border:none;
border-bottom:3px solid #ddd;
}
h4{
font-size:1em;
margin:0 0 5px 0;
padding:0;
}

body#approach h2{
background:url(../img/pt_approach.jpg) no-repeat bottom;
}
body#products h2{
background:url(../img/pt_products.jpg) no-repeat bottom;
}
body#case h2{
background:url(../img/pt_case.jpg) no-repeat bottom;
}
body#faq h2{
background:url(../img/pt_faq.jpg) no-repeat bottom;
}
body#contact h2{
background:url(../img/pt_contact.jpg) no-repeat bottom;
}
body#outline h2{
background:url(../img/pt_outline.jpg) no-repeat bottom;
}
body#sitemap h2{
background:url(../img/pt_sitemap.jpg) no-repeat bottom;
}

/********************************************************************* breadcrumb */
#breadcrumb{
font-size:0.8em;
margin:0 0 20px 0;
color:#666;
}
#breadcrumb a{
color:#666;
}

/********************************************************************* side banner */
#side_banner img{
border:none;
}
#side_banner a{
display:block;
margin:0 0 5px 0;
}

/********************************************************************* font */
.small{font-size:0.8em;}
.big{font-size:1.2em;}
.bold{font-weight:bold;}
.blue{color:#0066CC;}
.red{color:#FF3333;}

/********************************************************************* img */
.img_left{
float:left;
margin:0 20px 20px 0;
}
.img_right{
float:right;
margin:0 0 20px 20px;
}
.border{
border:5px solid #ccc;
}

/********************************************************************* box */
.box_g{
border:1px solid #ddd;
background:#f7f7f7;
padding:10px 20px;
margin:0 0 20px 0;
}
.box_g2{
border:5px solid #ccc;
background:#fff;
padding:15px 20px 0 20px;
margin:0 0 20px 0;
}
.box_right01{
width:200px;
float:right;
margin:0 0 20px 30px;
padding:0 0 0 20px;
border-left:1px dotted #ccc;
line-height:1.4;
font-size:0.8em;
}
.box_right01 img{
display:block;
margin:0 0 10px 0;

}

/********************************************************************* case */
#case_box{
border:1px solid #ccc;
background:#f7f7f7;
padding:10px 20px 5px 20px;
margin:0 0 30px 0;
}
#case_box ul{
margin:0;
padding:0;
list-style:none;
}
#case_box ul li{
margin:0 0 5px 0;
}
#case_box ul li strong{
background:#333;
color:#fff;
padding:3px 5px;
font-size:0.8em;
}
#case_box ul li a{
}
#case_box ul li a:hover{
}


.table_case01{
margin:0 0 20px 0;
width:480px;
border:3px solid #eee;
float:left;
}
.table_case01 th{
width:120px;
text-align:left;
vertical-align:top;
padding:3px 0 3px 18px;
border-bottom:1px dotted #ccc;
background:url(../img/a02.gif) no-repeat left top #f7f7f7;
background-position:5px 10px;
}
.table_case01 td{
text-align:left;
vertical-align:top;
padding:5px 10px 3px 5px;
border-bottom:1px dotted #ccc;
}

.table_case02{
margin:0 0 20px 0;
width:100%;
border:3px solid #fff;
clear:both;
}
.table_case02 th{
width:120px;
text-align:left;
vertical-align:top;
padding:3px 0 3px 18px;
border-bottom:1px dotted #ccc;
background:url(../img/a03.gif) no-repeat left top;
background-position:5px 10px;
}
.table_case02 td{
text-align:left;
vertical-align:top;
padding:5px 10px 3px 5px;
border-bottom:1px dotted #ccc;
}

.table_case03{
margin:0 0 20px 0;
width:100%;
border:3px solid #eee;
}
.table_case03 th{
width:120px;
text-align:left;
vertical-align:top;
padding:3px 0 3px 18px;
border-bottom:1px dotted #ccc;
background:url(../img/a02.gif) no-repeat left top #f7f7f7;
background-position:5px 10px;
}
.table_case03 td{
text-align:left;
vertical-align:top;
padding:5px 10px 3px 5px;
border-bottom:1px dotted #ccc;
}

.case_photo{
width:180px;
text-align:center;
float:right;
}

.case_voice{
padding:20px 30px 20px 140px;
background:url(../img/case_voice.gif) no-repeat left top #FDFCE8;
border:2px solid #CCDA9C;
font-size:1em;
}


.dl_case{
margin:0;
}
.dl_case dt{
font-weight:bold;
}
.dl_case dd{
margin:0 0 0 20px;
}

.dl_voice{
margin:0;
}
.dl_voice dt{
font-weight:bold;
color:#533A1A;
}
.dl_voice dd{
margin:0 0 5px 10px;
color:#333;
}


/********************************************************************* faq */
#q_box{
border:1px solid #ccc;
background:#f7f7f7;
padding:10px 20px;
margin:0 0 30px 0;
}
#q_box ul{
margin:0;
padding:0;
list-style:none;
}
#q_box ul li{
margin:0 0 5px 0;
}
#q_box ul li strong{
background:#C72929;
color:#fff;
padding:0 5px;
}
#q_box ul li a{
color:#333;
}
#q_box ul li a:hover{
color:#C72929;
}

dl#faq{
margin:0 0 0 10px;
}

dl#faq dt{
font-size:1.2em;
margin:0 0 5px 0;
padding:0 0 0 25px;
font-weight:bold;
background:url(../img/faq_q.gif) no-repeat left top;
background-position:0 3px;
}
dl#faq dd{
margin:0 0 30px 0;
padding:0 0 20px 25px;
border-bottom:1px dotted #ccc;
background:url(../img/faq_a.gif) no-repeat left top;
background-position:0 3px;
}


/********************************************************************* form */
.form_box label{
display:block;
font-weight:bold;
padding:0 0 0 12px;
background:url(../img/a02.gif) no-repeat left center;
}
.form_box label span{
font-weight:normal;
padding:0 0 0 10px;
}
.form_box p input,.form_box p textarea{
margin:0 0 0 10px;
border:1px solid #999;
}
.form_se{
border:3px solid #ddd;
background:#eee;
padding:10px 20px;
}









/********************************************************************* prodcts */

.table_p{
margin:0 0 20px 0;
}
.table_p td{
vertical-align:top;
border-bottom:1px dotted #ccc;
}
.table_p td.photo{
width:150px;
padding:0 0 0 10px;
border:none;
}
.table_p td.photo img{
border:3px solid #ccc;
margin:0 0 5px 0;
}
.table_p td.photo img:hover{
border:3px solid #ff9900;
}
.table_p td.name{
padding:0 0 0 100px;
background:url(../img/p01.gif) no-repeat left top;
background-position:0 2px;
font-weight:bold;
}
.table_p td.price01{
padding:0 0 0 100px;
background:url(../img/p02.gif) no-repeat left top;
background-position:0 2px;
}
.table_p td.price02{
padding:0 0 0 100px;
background:url(../img/p03.gif) no-repeat left top;
background-position:0 2px;
color:#FF3333;
}
.table_p td.feature{
padding:0 0 0 100px;
background:url(../img/p04.gif) no-repeat left top;
background-position:0 2px;
}


.table_used{
margin:0 0 30px 0;
}
.table_used td{
vertical-align:top;
border-bottom:1px dotted #ccc;
}
.table_used td.photo{
width:200px;
padding:0 0 0 10px;
border:none;
}
.table_used td.photo img{
border:3px solid #ccc;
margin:0 0 5px 0;
}
.table_used td.photo img:hover{
border:3px solid #ff9900;
}
.table_used td.name{
padding:2px 0 2px 100px;
background:url(../img/u01.gif) no-repeat left top;
background-position:0 4px;
font-weight:bold;
}
.table_used td.price{
padding:2px 0 2px 100px;
background:url(../img/u02.gif) no-repeat left top;
background-position:0 4px;
color:#FF3300;
font-weight:bold;
}
.table_used td.date{
padding:2px 0 2px 100px;
background:url(../img/u03.gif) no-repeat left top;
background-position:0 4px;
}
.table_used td.feature{
padding:2px 0 2px 100px;
background:url(../img/u04.gif) no-repeat left top;
background-position:0 4px;
}
.table_used td.contact{
padding:2px 0 2px 100px;
background:url(../img/u05.gif) no-repeat left top;
background-position:0 4px;
}
.table_used td.blank{
border:none;
}

.table_prodcts{
margin:0 0 20px 0;
background:#ccc;
}

.table_prodcts th{
background:#ddd;
text-align:center;
}
.table_prodcts td{
}

.table_prodcts td.bg01{
background:#fff;
text-align:center;
}
.table_prodcts td.bg02{
font-weight:bold;
color:#FF3333;
text-align:center;
background:#fff;
}
.table_prodcts td.bg03{
text-align:center;
background:#fff;
}
.table_prodcts td.bg03 img{
display:block;
}






/********************************************************************* navi */
#home #main_navi{
height:30px;
border-bottom:none;
}
#main_navi{
height:30px;
border-bottom:10px solid #eee;
}
#main_navi ul{
margin:0;
padding:0;
list-style:none;
}
#main_navi ul li{
margin:0;
padding:0;
float:left;
}
#main_navi ul li a{
background:url(../img/main_navi.gif) no-repeat;
display:block;
height:30px;
text-indent:-10000px;
}
#main_navi ul .mn01 a{
width:131px;
background-position:0 0;
}
#main_navi ul .mn01 a:hover,#main_navi ul .mn01 a.current{
background-position:0 -30px;
}
#main_navi ul .mn02 a{
width:184px;
background-position:-131px 0;
}
#main_navi ul .mn02 a:hover,#main_navi ul .mn02 a.current{
background-position:-131px -30px;
}
#main_navi ul .mn03 a{
width:142px;
background-position:-315px 0;
}
#main_navi ul .mn03 a:hover,#main_navi ul .mn03 a.current{
background-position:-315px -30px;
}
#main_navi ul .mn04 a{
width:141px;
background-position:-457px 0;
}
#main_navi ul .mn04 a:hover,#main_navi ul .mn04 a.current{
background-position:-457px -30px;
}
#main_navi ul .mn05 a{
width:156px;
background-position:-598px 0;
}
#main_navi ul .mn05 a:hover,#main_navi ul .mn05 a.current{
background-position:-598px -30px;
}
#main_navi ul .mn06 a{
width:146px;
background-position:-754px 0;
}
#main_navi ul .mn06 a:hover,#main_navi ul .mn06 a.current{
background-position:-754px -30px;
}


/********************************************************************* localnavi */
#localnavi{
margin:0 0 20px 0;
border:5px solid #eee;
}
#localnavi_inner{
border:1px solid #ccc;
padding:85px 0 0 0;
}
#localnavi ul{
margin:5px;
padding:0;
list-style:none;
}
#localnavi ul li{
margin:0 0 3px 0;
padding:0;
border-bottom:1px dotted #ccc;
}
#localnavi ul li a{
display:block;
padding:0 0 0 15px;
line-height:20px;
color:#333;
background:url(../img/a02.gif) no-repeat left center;
background-position:5px;
}
#localnavi ul li a:hover{
color:#2850D9;
}

body#approach #localnavi_inner{
background:url(../img/bg_ln_approach.gif) no-repeat;
}
body#products #localnavi_inner{
background:url(../img/bg_ln_products.gif) no-repeat;
}
body#case #localnavi_inner{
background:url(../img/bg_ln_case.gif) no-repeat;
}
body#faq #localnavi_inner{
background:url(../img/bg_ln_faq.gif) no-repeat;
}
body#contact #localnavi_inner{
background:url(../img/bg_ln_contact.gif) no-repeat;
}
body#outline #localnavi_inner{
background:url(../img/bg_ln_outline.gif) no-repeat;
}
body#sitemap #localnavi_inner{
background:url(../img/bg_ln_sitemap.gif) no-repeat;
}



/********************************************************************* headnavi */

#head_navi{
position:absolute;
bottom:10px;
right:180px;
}
#head_navi ul{
margin:0;
padding:0;
list-style:none;
}
#head_navi ul li{
margin:0 10px 0 0;
padding:0 0 0 10px;
float:left;
background:url(../img/a02.gif) no-repeat left center;
}
#head_navi ul li a{
color:#333;
}
#head_navi ul li a:hover{
color:#2850D9;
}



#act{
text-align:center;
font-size:0.8em;
color:#999;
margin:5px 0 0 0;
}
#act a{
color:#999;
}