@charset "UTF-8";

/***********************-
タイトル : 三和建設株式会社
概要：トップ

制作日：2009/07

-***********************/
@import url(basic.css);
@import url(btn.css);

div#contents{
	width:500px;
 }
 
div#navi{
	width:252px;
 	margin:15px 38px 0 0 ;
 	_margin:15px 18px 0 0 ;
}

.maingazo{
 margin:0;
 padding:0;
 border-bottom: solid #FFA4C0 5px;

}
h1{
 margin:0 0 10px;
 padding:0;
}

#btn2 { 
	margin:20px 0 0 38px;
	padding:0;
}


#btn2 ul { 
margin: 0 0 0 4px; 
padding : 2px 0 0 0; 
list-style-type : none;
}
#btn2 li { 
display : inline; 
padding :0; 
margin: 0 12px 10px 0;
 float:left;

}

#btn2 a{
padding:0;
background-repeat:no-repeat; 
display:block;
height:48px;
width:250px;
}
#btn2 a:hover {
  background-position: top right;
}

/*  */
#btn2 #new a {
background-image:url(../index/new.gif);

}

#btn2 #kitchen a {
background-image:url(../index/kitchen.gif); 
}

#btn2 #room a {
background-image:url(../index/room.gif);

}

#btn2 #small a {
background-image:url(../index/small.gif); 
}

#btn2 #free a {
background-image:url(../index/free.gif);

}

#btn2 #roof a {
background-image:url(../index/roof.gif); 
}

#btn2 #motto a {
background-image:url(../index/motto.gif); 
}

#btn2 #about a {
background-image:url(../index/about.gif); 
}

#btn2 #flow a {
background-image:url(../index/flow.gif); 
}


/*本文*/
 div#contents p#sarvice {
margin:20px 0 10px;
padding:6px 10px 3px 15px;
background:#FFFFCC;
 }
 div#contents p#sarvice strong {
	margin:0 0 0 1em ;
 }

div#contents p#news {
margin:20px 0 10px;
padding:8px 0 8px 15px;
background:#f0f0f0;
 }

div#contents ul#news {
	margin:5px 15px 10px;
 }
div#contents ul#news li {
	margin:0 0 5px ;
	padding:0 0 3px 15px;
	background:url(../index/box_o.gif) no-repeat;
	border-bottom:1px dotted #333333;
 }
div#contents ul#news li .data {
	margin:0 1em 0 0;
	font-size:80%;
 }


div#contents .contact{
 margin:20px 0 30px;
}
p.season{
  margin:1.5em 0 0 0;
}


/*ナビ*/
#navi ul.btn { 
margin: 0; 
padding : 0; 
list-style-type : none;
}
#navi ul.btn li { 
padding :0 0 5px; 
margin: 0;
}

#navi ul.btn a{
padding:0;
background-repeat:no-repeat; 
display:block;
}
#navi a:hover {
  background-position: top right;
}

/*  */
#navi #letter a {
background-image:url(../index/lettar.gif);
padding:15px 0 1px 200px;
color:#FFFFFF;
height:25px;
width:52px;
}
#navi #letter a strong {
 font-size:70%;
 font-weight:normal;
}

#navi #blog a {
background-image:url(../index/blog.gif); 
width:252px;
height:41px;
}

div.list1{
 margin:10px 0 -5px;
 padding:1px 0;
 background:url(../index/back_p_1.gif) no-repeat;
}
div.list2{
 margin:0;
 padding:1px 0;
 background:url(../index/back_p_3.gif) no-repeat top;
 height:10px;
}
#navi .list {
margin: -1px 0 0 0; 
 padding:1px 0;
background:url(../index/back_p_2.gif);
}
#navi ul.list3 {
padding :  10px 0 5px; 
font-size:90%;
}
#navi ul.list3 li {
margin: 0 0 5px 1.5em ; 
padding : 0 0 0 10px;
background:url(../index/box_b.gif) no-repeat;
line-height:1.5;
}
#navi ul.list3 li a{
text-decoration:underline;
}


.hitomoji{
 margin-left:1em;
}
.futamoji{
 margin-left:2em;
}