@charset "UTF-8";
@import url("style-base.css");

h1 {
font-size: 10px;
font-weight: normal;
padding: 6px 10px 7px 0px;
color: #ffffff;
background: url(img/headback.gif) repeat-x left top;
}
h2 {
}
h3 {
}

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; line-height: 150%; }

form {
	margin: 0;
}
textarea,select,input {
    font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku GothicPro,Osaka,Verdana,Helvetica,"ＭＳ Ｐゴシック",Arial,sans-serif;
}


div.pagenavi {
	padding: 15px 0px 15px 210px;
	background: url(img/menuimg05.gif) no-repeat left top;
	width: 530px;
	margin:0px auto;
}
div.pageback {
}
div.pageback img {
	float: left;
	border: 0;
}
div.pagetop {
}
div.pagetop img {
	float: right;
	border: 0;
}

img{border:0px;}

.p-t05{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-b05{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

.m-t05{ margin-top:5px;}
.m-t10{ margin-top:10px;}
.m-t20{ margin-top:20px;}
.m-t30{ margin-top:30px;}
.m-t40{ margin-top:40px;}
.m-b10{ margin-bottom:10px;}
.m-b20{ margin-bottom:20px;}
.m-b30{ margin-bottom:30px;}
.m-b40{ margin-bottom:40px;}

.cen { text-align:center;}
.right{ text-align:right;}
.l-box{ float:left;}
.font10{ font-size:10px; }
.r-box{ float:right; }











/*-----------------------------------------------------------topimg----*/
.topimg{
background: url(img/topimg01.jpg) no-repeat left top;
text-align:right;
height: 332px;
margin-top: 10px;
}






/*-----------------------------------------------------------work----*/
.work01 {
width: 310px;
background: url(img/inner/work-img01.jpg) no-repeat right top;
line-height:180%;
padding-right: 200px;
margin: 10px auto 25px auto;
}
.work02 {
width: 330px;
background: url(img/inner/work-img02.jpg) no-repeat left top;
line-height:180%;
padding-left: 180px;
margin: 10px auto 25px auto;
}
.work03 {
width: 310px;
background: url(img/inner/work-img03.jpg) no-repeat right top;
line-height:180%;
padding-right: 200px;
margin: 10px auto 25px auto;
}
.work04 {
width: 430px;
line-height:180%;
padding-right: 80px;
margin: 10px auto 25px auto;
}







/*-----------------------------------------------------------greeting----*/
.greeting01 {
width: 260px;
background: url(img/inner/greet-img01.jpg) no-repeat right top;
line-height:180%;
padding-right: 250px;
margin: 10px auto 50px auto;
}






/*-----------------------------------------------------------privacy----*/
#privacy {
line-height:180%;
}
#privacy h4{
padding:10px 0px;
font-size:12px;
color: #C21A1A;
}
#privacy p{
padding:0px 10px 10px 10px;
}
#privacy ul{
padding: 0px 10px 0px 28px;
}
#privacy li{
padding-bottom: 5px;
}





/*-----------------------------------------------------------product----*/
#product{
line-height:180%;
margin-bottom:30px;
}
#product h4{
padding-bottom: 15px;
}
.product02 {
padding: 10px;
}
#product p{
padding: 0px 10px;
}
.product-ttl {
background:url(img/inner/proicon01.gif) no-repeat left center;
padding: 5px 10px;
margin: 10px 0px;
border-bottom: 1px dotted #000000;
font-weight:bold;
color:#5E0000;
}
.product03 {
background:url(img/inner/proicon02.gif) no-repeat left center;
padding: 1px 25px 0px 25px;
font-weight:bold;
margin: 30px 0px 10px 0px;
}
.product04{
width: 510px;
padding: 0px 10px 20px 10px;
}
.product05{
width: 170px;
text-align:center;
float:left;
}






/*-----------------------------------------------------------info----*/
#info {
padding-bottom: 20px;
}
.info02 {
border-bottom: 1px dotted #353232;
margin-bottom: 25px;
}
.info02 h3{
font-size:12px;
background:url(img/inner/ttlback.gif) repeat-y left top;
padding: 10px 10px;
margin-bottom: 10px;
line-height:180%;
}
.info-body{
padding:10px 10px 20px 10px;
line-height:180%;
}
.info-body p{
padding-bottom:10px;
}
#php {
text-align:center;
padding: 10px;
}






/*-----------------------------------------------------------info----*/
#contact {
line-height:180%;
}
#contact table {
border-top: 1px solid #D42A2A;
border-right: 1px solid #D42A2A;
border-left: 1px solid #D42A2A;
}
#contact table th{
width: 148px;
padding: 5px 10px;
text-align:left;
font-size:12px;
font-weight:normal;
background:#FFD3D3;
border-bottom: 1px solid #D42A2A;
border-right: 1px solid #D42A2A;
}
#contact table td{
width: 339px;
padding: 5px 10px;
font-size:12px;
border-bottom: 1px solid #D42A2A;
}
#F-NAME,#F-MAIL,#F-MAIL2,#F-TEL {width: 50%;}
#F-ADDRESS { width: 90%; height: 120%;}
#F-MESSAGE { width: 90%; height: 150px;}
#F-ZIP {width: 30%;}