/*---base---*/

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

*{
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:100%;
}



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

#wrapper2{
width:780px;
margin:0px auto;
}


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

#header h1{
font-size:200%;
}


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

a:active,a:hover{
color:#8C1C18;
text-decoration:underline;
}

#main_image{
width:543px;
height:229px;
float:right;
margin-right:18px;
margin-top:10px;
display:inline;
}

h1 a{
width:112px;
height:89px;
margin-left:40px;
margin-top:20px;
float:left;
}


#phone{
width:166px;
height:78px;
clear:left;
margin-left:22px;
}

/*#header_menu{
width:780px;
height:20px;
float:left;
font-size:80%;
}
*/

/*#header_menu ul{
list-style-type:none;
padding-left:480px;
}

#header_menu ul li{
float:left;
background-image:url(header_icon.gif);
background-repeat:no-repeat;
background-position:0% 50%;
text-indent:15px;
margin-right:20px;
color:#FFFFFF;
}

#header_menu ul li a{
color:#FFFFFF;
}*/

h2{
background-image:url(h2.jpg);
background-repeat:no-repeat;
float:left;
width:387px;
line-height:30px;
color:#333333;
text-indent:30px;
text-align:left;
font-weight:bold;
}

h4{
background-image:url(h4.jpg);
background-repeat:no-repeat;
float:left;
width:543px;
line-height:30px;
color:#333333;
text-indent:30px;
text-align:left;
font-weight:bold;
}


h3{
background-image: url(h3.gif);
background-repeat:no-repeat;
background-position:5px 5px;
float:left;
line-height:18px;
color:#333333;
padding-left:23px;
text-align:left;
font-weight:bold;
}


a:hover img{
filter:Alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}
/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

td {
text-align:left;
vertical-align:top;
}

td#left_space {
width:190px;
background-color:#f3f3f3;
}

.seg01{
width:780px;
float:left;
}

.seg02{
width:780px;
float:left;
}

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

/*#information{
margin-left:11px;
width:85px;
margin-top:23px;
}
*/

#mainnavi {
width:203px;
float:left;
margin-right:4px;
font-size:85%;
font-weight:bold;
color:#000000;
display:inline;
}

#mainnavi a{
color:#000000;
text-decoration:none;
}


#mainnavi_title a{
background-image:url(manu_top.jpg);
width:203px;
height:23px;
background-repeat:no-repeat;
margin-bottom:3px;
float:left;
text-indent:25px;
line-height:24px;
}


#mainnavi_title a:hover,#mainnavi_title a:active{
color:#8C1C18;
text-decoration:none;
}



#mainnavi ul{
list-style-type:none;;
margin-bottom:10px;
}

#mainnavi ul li a{
background-image:url(manu.jpg);
width:203px;
height:20px;
background-repeat:no-repeat;
float:left;
display:inline;
text-indent:25px;
line-height:20px;
}

#mainnavi ul li{
float:left;
display:block;
padding-bottom:5px;
}


#mainnavi ul li.current a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#mainnavi ul li.current a:visited,#mainnavi ul li.current a:hover{
color:#8C1C18;
text-decoration:none;
font-weight:bold;
}



#mainnavi ul li a:link,#mainnavi ul li a:visited{
color: #000000;
text-decoration:none;
}

#mainnavi ul li a:active,#mainnavi ul li a:hover {
color:#8C1C18;
text-decoration:none;
}

#left_img01{
width:198px;
height:140px;
clear:left;
padding-top:5px;
}

#left_img02{
width:198px;
height:264px;
margin-top:3px;
float:left;
display:inline;
}

#left_img03{
width:198px;
height:72px;
clear:left;
padding-top:4px;
}

#left_img04{
width:198px;
height:80px;
margin-top:5px;
float:left;
display:inline;
}


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

#subnavi ul li a{
color:#339966;
}

#subnavi ul li ul li a{
color:#990000;
}

#subnavi ul li ul li ul li a{
color:#000066;
}

#subnavi ul{
}

#subnavi ul li ul{
margin:0 0 0 15px;
}

#subnavi ul li ul li ul{
margin:0 0 0 15px;
}

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

#footer{
width:780px;
text-align:center;
float:left;
margin-top:45px;
}

#footer ul{
width:400px;
float:left;
list-style-type:none;
height:20px;
margin-left:240px;
display:inline;
margin-bottom:10px;
margin-top:10px;
}

#footer ul li {
float:left;
background-image: url(header_icon.gif);
background-repeat:no-repeat;
background-position:7px 3px;
text-indent:20px;
font-size: 80%;
}

#footer ul li a{
color:#FFFFFF;
}


address {
font-size: 80%;
font-style: normal;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#main2{
width:560px;
float:left;
text-align:left;
}

#main3{
width:561px;
float:left;
text-align:left;
margin-left:1px;
}

#main_left{
background-image:url(center_back2.jpg);
background-repeat:repeat-y;
background-position:0 50px;
width:389px;
text-align:center;
float:left;
margin-left:1px;
}

#topic{
text-align:left;
padding-left:15px;
padding-bottom:10px;
float:left;
}



#text_wrapp{
background-image:url(center_back2.jpg);
background-repeat:repeat-y;
width:389px;
float:left;
padding-top:10px;
padding-bottom:8px;
margin-left:1px;
}


.textarea {
border:1px #CCCCCC solid;
overflow:auto;
scrollbar-face-color: ##a2a2a26;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: ##a2a2a2;
scrollbar-darkshadow-color: ##a2a2a2; 
width:372px;
height:140px;
float:left;
background-color:#FFFFFF;
margin-left:7px;
display:inline;
text-align:left;
margin-bottom:10px;
}

.textarea dl{
color:#990000;
font-weight:bold;
margin:5px 0px 5px 5px;
}
.textarea dt{
background-image:url(topics_icon.gif);
background-repeat:no-repeat;
padding-left:20px;
background-position:6px 2px;
}

.textarea dd{
color:#333333;
font-weight:bold;
margin:4px 0 5px 0;
padding-left:20px;
}

.topic_bar{
margin-left:25px;
margin-top:10px;
margin-bottom:10px;
}




.recommen_center{
width:376px;
background-image:url(recomm_c.jpg);
background-repeat:repeat-y;
float:left;
}

.recommen_top{
float:left;
display:inline;
margin:0px;
}

.recomm_table{
float:left;
display:inline;
margin-left:6px;
background-image:url(recomm_c.jpg);
background-repeat:repeat-y;
width:376px;
margin-bottom:6px;
}

.recomm_table_th{
background-image: url(recomm_title.jpg);
background-repeat:no-repeat;
background-position:17px 0px;
height:28px;
width:276px;
font-weight:normal;
paddind-left:20px;
float:left;
}


.recomm_table_th p{
text-indent:46px;
padding-bottom:30px;
font-weight:normal;
font-size:10px;
padding-top:3px;
}

.recomm_img_back{
width:143px;
height:135px;
background-color:#383838;
text-align:center;
}

.recomm_img_back img{
margin-left:2px;
}


*html .recomm_img_back img{
margin-left:0px;
}

.recomm_text{
background-image:url(recomm_icon.jpg);
background-position:20px 3px;
background-repeat:no-repeat;
/*text-indent:10px;*/
font-size:10px;
padding-left:15px;
line-height:1.4em;
font-weight:normal;
}

.recomm_text2{
font-size:10px;
padding:10px 0 0 20px;
color:#99FF00;
}

.recomm_text3{
padding-left:20px;
text-align:left;
line-height:1.3em;
float:left;
}

.more{
width:67px;
height:23px;
margin-top:10px;
margin-left:25px;
}
.new{
float:left;
display:inline;
width:37px;
height:35px;
margin-right:20px;
}

*html .new{
margin-right:-30px;
}

*:first-child+html .new{
margin-right:-32px;
}


.right_con{
float:right;
width:163px;
}

.right_con2{
float:right;
width:163px;
margin-left:8px;
}

.right_con2 ul{
float:left;
width:160px;
list-style-type:none;
}

.right_con2 ul li{
float:left;
margin-bottom:5px;
}



.right_con ul{
float:left;
width:160px;
list-style-type:none;
}

.right_con ul li{
float:left;
margin-bottom:5px;
}


.toptablebox{
width:375px;
height:42px;
background-image:url(top-titlebox.jpg);
background-repeat:no-repeat;
}

.middletablebox{
width:375px;

background-image:url(middle-titlebox.jpg);
background-repeat:repeat-y;
background-position:0 0;

}


.bottomtablebox{
width:375px;
height:35px;
background-image:url(bottom-titlebox.jpg);
background-repeat:no-repeat;

}

.top-news-box {
width:380px;
height:150px;
float:left;
background-color:#FFFFFF;
overflow:auto;
}

.top-news-box b,
.top-news-box strong{
font-size:10px;
color:#666666;
}

.top-news-box table td{
padding:10px;
color:#666666;
}

.top-headline {
font-size:100%;
border-bottom:1px solid #ffffff;
background-color:#CCCCCC;
background-image:none;
float:none;
width:auto;
line-height:130%;
color:#333333;
text-indent:10px;
text-align:left;
font-weight:bold;
width:380px;
padding-top:5px;
padding-bottom:5px;
}

.top-detail-box {
width:380px;
background-color:#20201d;
}

.top-detail-box td{
padding:10px;
line-height:120%;
color:#333333;
}

.top-detail-box td a{
font-weight:bold;
color:#CC0000;
}

.top-detail-box02 {
width:380px;
background-color:#FEFEFE;
}

.top-detail-box02 td{
padding:10px;
line-height:120%;
color:#333333;
}

.top-detail-box02 td a{
font-weight:bold;
color:#CC0000;
}



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

.sitemap {
}

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

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


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

.subtitle01 {
font-size:150%;
background-color:#339966;
color:#FFFFFF;
}

.subtitle02 {
font-size:140%;
background-color:#990000;
color:#FFFFFF;
}

.subtitle03 {
font-size:130%;
background-color:#000066;
color:#FFFFFF;
}

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

#contact_form {
width:343px;
float:left;
margin-left:33px;
display:inline;
}

*html #contact_form {
width:343px;
float:left;
margin-left:33px;
display:inline;
}



#contact_form dl{
width:343px;
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:400px;
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:343px;
float:left;
margin:10px 0 25px 0;
}

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

#contact_box01 {
width:343px;
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;
}

/*-----詳細ページ*//*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.detail_img{
background-color:#383838;
margin-left:5px;
float:left;
display:inline;
}

.detail_img2{
background-image:url(../detail_img_back.jpg);
background-repeat:no-repeat;
margin-left:5px;
display:inline;
}


.ditail_text{
color:#99FF00;
font-weight:normal;
text-indent:23px;
font-size:10px
}

/*.detail_table{
margin-left:-2px;
}

*html .detail_table{
margin-left:-1px;
display:inline;
}*/

.dit_img_bottom{
width:170px;
margin-top:10px;
text-align:center;
float:left
}

.dit_img_top{
width:150px;
margin-top:10px;
text-align:center;
margin-left:2px;
display:inline;
float:left
}


.detail_table2{
margin-left:5px;
background-image:url(../detail_title_c.jpg);
background-repeat:repeat-y;
background-position:center;
text-align:center;
}


.detail_table2_u{
background-image:url(../detail_title_u.jpg);
background-repeat:no-repeat;
height:15px;
float:left;
}
.ditail_text2{
color:#333333;
font-weight:normal;
font-size:12px;
line-height:1.2em;
}

.ditail_text3{
width:325px;
background-image:url(../comment_icon.jpg);
background-repeat:no-repeat;
margin-top:15px;
background-position:15px 3px;
}

.ditail_text4{
padding-left:35px;
padding-right:15px;
color:#000000;
font-weight:normal;
line-height:1.3em;
}

.ditail_text3_2{
width:180px;
background-image:url(../comment_icon.jpg);
background-repeat:no-repeat;
margin-top:15px;
background-position:15px 1px;
}
.ditail_text4_2{
padding-left:35px;
padding-right:15px;
color:#000000;
font-weight:normal;
line-height:1.4em;
}

.positive_table{
background-color:#DCDCDC;
width:310px;
}

.negative_table{
background-color:#DCDCDC;
width:310px;
}

.detail_table3 table{margin:1em auto;background:#efeeff; padding:1px;
line-height:1.7em;
}

.detail_table3 caption{
font-weight:bold;width:75%;margin:0 auto -1em;background:#ac1f0d;color:#efe;border-bottom:1px solid #d9d1cc;
}

.detail_table3 th{
background:#999999;color: #000000;border-bottom:2px solid #DCDCDC;
}

.detail_table3 tr{
background:#DCDCDC;color:#333;
border:1px solid #CCCCCC;
}

.detail_table3 td{
border:1px solid #CCCCCC;
text-indent:10px;
}

.detail_table3 table{
margin-left:5px;
border:1px solid #CCCCCC; font-size:11px;
}


.negative{
width:207px;
height:25px;
background-image: url(negative_title.jpg);
background-repeat:no-repeat;
}

.positive{
width:325px;
height:25px;
background-image: url(positive_title.jpg);
background-repeat:no-repeat;
}

.ditail_text5{
color:#000000;
font-size:85%;
text-indent:25px;
margin-bottom:3px;
}

/*-----会社概要*//*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.company{
width:387px;
float:left;
margin-left:5px;
background-color:#FFFFFF;
display:inline;
font-weight:normal;
}

.company table{
color:#333333;
font-weight:normal;
float:left;
line-height:1.3em;
}

.contact_wrapper{
color:#333333;
float:left;
background-color:#FFFFFF;
display:inline;
margin-top:15px;
}

.contact_wrapper2{
color:#333333;
float:left;
background-color:#FFFFFF;
display:inline;
width:550px;
}

.company_table th, .company_table td, .company_table tr{
font-weight:normal;
}

/*-----一覧ページ*//*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.list_text{
float:left;
text-align:left;
padding:10px 10px 10px 10px;
color:#FFFFFF;
}
 
.list_text p{
height:156px;
color:#FFFFFF;
}

*html .list_text{
height:193px;
float:left;
text-align:left;
padding:10px 10px 10px 10px;
}

*:first-child+html .list_text{
height:173px;
float:left;
text-align:left;
padding:10px 10px 10px 10px;
}

.list_text p{
color:#333333;
font-size:80%;
font-weight:normal;
display:inline;
line-height:1.3em;
}

/*-----購入までの流れ*//*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.company_table2{
color:#333333;
font-weight:normal;
float:left;
line-height:1.3em;
margin-left:8px;
display:inline;
}

.flow_title01{
padding:5px;
font-weight:normal;
float:left;
}

.flow_title02{
background-image:url(flow_icon.gif);
background-repeat:no-repeat;
line-height:1.3em;
font-weight:normal;
background-position:0px 2px;
}

.flow_title04{
background-image:url(flow_icon2.gif);
background-repeat:no-repeat;
line-height:1.3em;
font-weight:normal;
background-position:0px 2px;
}

.flow_title03{
padding-left:15px;
}

.flow_title05{
font-weight:normal;
float:left;
font-size:80%;
}

.company_table3{
color:#333333;
font-weight:normal;
float:left;
line-height:1.3em;
display:inline;
text-align:left;
}

.company_table3 p{
font-weight:normal;
line-height:1.3em;
}

.company_table3 ol{
font-weight:normal;
line-height:1.3em;
margin-left:20px;
}

.company_table3 ol li{
margin-bottom:10px;
}

.base02{
width:543px;
float:left;
text-align:left;
background-color:#FFFFFF;
color:#333333;
}