@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");







/*------------------------------------------------------------------------- top ----*/
#topright{
width: 555px;
float:right;
}
#leftmenu{
width: 205px;
float:left;
}
.topinfo{
background:url(img/rssback.gif) no-repeat right top;
width: 555px;
position:relative;
overflow:hidden;
}
.rss{
padding: 30px 0px 18px 15px;
float:left;
}
dl.toplist{
width: 555px;
position:relative;
overflow:hidden;
border-bottom:1px dotted #939393;
padding: 10px 0px;
}
dl.toplist dt{
width: 100px;
padding: 0px 0px 0px 10px;
color: #555555;
float: left;
}
dl.toplist dd{
width: 435px;
padding: 0px 0px 0px 10px;
float: left;
}
.topbox{
width: 555px;
padding-bottom: 20px;
}




ul.leftnavi{
list-style:none;
width: 205px;
}
ul.leftnavi li{
list-style:none;
margin-bottom: 5px;
}
.menuback01{
background: url(img/menuback01.gif) no-repeat left top;
padding: 5px 5px 0px 35px;
line-height:160%;
height:25px;
}
.menuback02{
background: url(img/menuback02.gif) no-repeat left top;
padding: 5px 5px 0px 35px;
line-height:160%;
height:42px;
}
ul.leftnavi li a:link,ul.leftnavi li a:visited { color: #FFFFFF; text-decoration:underline; }
ul.leftnavi li a:hover,ul.leftnavi li a:active { color: #FFFFFF; text-decoration:none; }


















/*------------------------------------------------------------------------- about ----*/
.about{
width: 265px;
background:url(img/inner/about-img01.jpg) no-repeat right top;
padding: 0px 260px 30px 0px;
line-height:180%;
}
table.history{
width: 523px;
margin: 0 auto;
border-top: 1px dotted #98826B;
}
table.history th{
text-align:left;
padding: 5px 0px 5px 10px;
width: 140px;
line-height:180%;
background-color:#FFFACF;
color: #3E2F27;
border-bottom: 1px dotted #98826B;
border-right: 1px dotted #98826B;
vertical-align:top;
}
table.history td{
padding: 5px 0px 5px 10px;
line-height:180%;
border-bottom: 1px dotted #98826B;
}


















/*------------------------------------------------------------------------- works ----*/
.txt01{
line-height:180%;
}



















/*------------------------------------------------------------------------- blogttl ----*/
.entry-box{
width: 555px;
padding-bottom: 30px;
}
.blogttl-box{
width: 555px;
background: url(img/inner/blog-ttl04.gif) repeat-y center top;
}
.blogttl-box02{
background: url(img/inner/blog-ttl02.gif) no-repeat center top;
}
h4.blogttl{
background:url(img/inner/icon03.gif) no-repeat right center;
width: 508px;
margin: 0px 1px;
font-size:14px;
padding: 2px 15px 1px 30px;
line-height:180%;
}
.blog-data{
width: 555px;
text-align:right;
padding-top: 10px;
color: #A6414A;
}
.entry-body{
width: 525px;
padding-bottom: 30px;
line-height:180%;
margin: 0px auto;
position:relative;
overflow:hidden;
}
.entry{
width: 555px;
position:relative;
overflow:hidden;
padding:20px 0px 20px 0px;
border-bottom:1px dotted #FFCED8;
margin-bottom: 10px;
line-height:180%;
}
.entry-next{
text-align:right;
background: url(img/icon04.gif) no-repeat right center;
padding-right: 15px;
}

ul.catenavi{
list-style:none;
width: 185px;
padding: 0px 10px;
}
ul.catenavi li{
width: 130px;
padding: 7px 20px 7px 35px;
list-style:none;
line-height:180%;
background:url(img/icon05.gif) no-repeat 15px 12px;
border-bottom: 1px dotted #C2BAAB;
color: #802028;
}
ul.catenavi a:link,ul.catenavi a:visited { color: #802028; text-decoration:none; }
ul.catenavi a:hover,ul.catenavi a:active { color: #802028; text-decoration:underline; }

.catenavi02{
width: 185px;
padding: 10px 0px 7px 0px;
line-height:180%;
text-align: center;
}




.content-nav ul { 
height:50px; 
text-align:center; 
margin-top: 10px;
} 

.content-nav ul li { 
list-style-type : none; 
display:inline; 
background-color:#FFFFFF; 
} 

.content-nav ul li a { 
text-decoration:none; 
border:1px solid #C2BAAB; 
padding:1px 7px; 
color: #802028;
} 

.content-nav ul li a:hover { 
color:#EB3D76; 
border:1px solid #FFFFFF; 
} 

.content-nav ul li a:visited { 
color: #802028;
} 

.content-nav ul span.current { 
padding:1px 4px; 
color: #802028; 
}


.entry01{
width: 555px;
padding-bottom: 15px;
}


.blog-navi{
list-style:none;
}
.blog-navi li{
list-style:none;
margin-bottom:5px;
padding-left: 20px;
}
.prev{
background:url(img/icon07.gif) no-repeat left center;
}
.next{
background:url(img/icon04.gif) no-repeat left center;
}
.list{
background:url(img/icon06.gif) no-repeat left center;
}















/*------------------------------------------------------------------------- contact ----*/
table#contact{
width: 525px;
margin: 20px auto 0px auto;
border-top:1px solid #98826B;
border-right:1px solid #98826B;
border-left:1px solid #98826B;
}
table#contact th{
width: 150px;
padding: 10px 15px;
border-bottom:1px solid #98826B;
border-right:1px solid #98826B;
text-align:left;
background-color:#FFFACF;
color: #3E2F27;
}
table#contact td{
padding: 10px 0px 10px 15px;
border-bottom:1px solid #98826B;
}
.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}
table#contact input{
vertical-align:middle;
}

#F-MAIL,#F-MAIL2,#F-POST {width: 57%;margin: 5px 0px 5px 0px;}
#F-NAME,#F-TEL,#F-FAX,#F-NAME02 {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; height: 120%;margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}















/*------------------------------------------------------------------------- inner ----*/
.care01{
background: url(img/inner/care-img01.jpg) no-repeat right top;
line-height:180%;
width: 220px;
padding: 0px 300px 0px 15px;
height: 178px;
}


table.link{
width: 500px;
margin: 0px auto 10px auto;
}
table.link th{
width: 135px;
background: url(img/icon04.gif) no-repeat left center;
line-height:180%;
font-weight: normal;
text-align:left;
padding: 5px 0px 5px 15px;
vertical-align:top;
}
table.link dd{
width: 350px;
text-align:right;
line-height:180%;
padding: 5px 0px;
vertical-align:top;

}


.privacy{
background: url(img/icon05.gif) no-repeat left center;
line-height:180%;
padding-left: 15px;
font-size:12px;
color: #613225;
margin-bottom:10px;
}
.txt02{
width: 525px;
margin: 0px auto;
line-height:180%;
padding-bottom: 15px;
}
ul.privacy02{
padding-left: 40px;
padding-bottom: 15px;
}
ul.privacy02 li{
line-height: 180%;
}


.product01{
width: 275px;
margin: 0px auto;
background:url(img/inner/pro-img02.jpg) no-repeat right top;
padding-right: 250px;
line-height:180%;
height: 240px;
}
.product02{
width: 300px;
margin: 0px auto;
background:url(img/inner/pro-img01.jpg) no-repeat right top;
padding-right: 225px;
line-height:180%;

}


.works01{
width: 275px;
margin:0px auto;
background:url(img/inner/works-img01.jpg) no-repeat right top;
padding-right: 250px;
line-height:180%;
height: 180px;
}
.works02{
width: 275px;
margin:0px auto;
background:url(img/inner/works-img02.jpg) no-repeat right top;
padding-right: 250px;
line-height:180%;
}
.works03{
width: 275px;
margin:0px auto;
background:url(img/inner/works-img03.jpg) no-repeat right top;
padding-right: 250px;
line-height:180%;
height: 180px;
}
.works04{
width: 325px;
margin:0px auto;
background:url(img/inner/works-img04.jpg) no-repeat right top;
padding-right: 200px;
line-height:180%;
height: 260px;
}


.sitemap-box{
width: 262px;
float:left;
}
.sitemap{
width: 230px;
margin: 0px auto;
background:url(img/icon04.gif) no-repeat 10px 17px;
border-bottom: 1px dotted #CCC5B9;
padding: 15px 0px 15px 25px;
}
.sitemap a:link,.sitemap a:visited { color: #1530A0; text-decoration:none; }
.sitemap a:hover,.sitemap a:active { color: #4460D5; text-decoration:underline; }