@charset "UTF-8";
@import url(http://www.officek.jp/ksite/base.css);

body{
background:#f3f3f3;
background-image:url(/tamami/_parts/background1.jpg);
color:#3a100d;
}

#body{
position:relative;
background:#f3f3f3;
background-image:url(/tamami/_parts/background1.jpg);
}

#pageTop{
position:relative;
height:250px;
text-align:left;
}


#pageTop h1{
background-image:url(/tamami/_parts/background5.jpg);
padding:60px 20px;
margin:40px 300px 20px 100px;
font-size:22px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#foot{
font-size:smaller;
text-align:right;
}

#main{
margin-left:450px;
height:1%;
}
/*
height:1%;を入れてhasLayoutの値をtrueにすることでIE6にてfloatさせた画像等が非表示になるのを避けることができた。
*/

#sidebar{
position:absolute;
width:450px;
top:250px;
left:0;
font-size:smaller;
}

#main div.content{
padding:10px 100px 10px 20px;
}

#sidebar div.content{
padding:10px 5px 10px 100px;
}

#main div.unit{
}

#sidebar div.unit{
background:#fcc;
padding:10px;
margin-bottom:20px;
background-image:url(/tamami/_parts/background2.jpg);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#main h2{
margin: 0 0 0.6em 0;
font-family:'Verdana', sans-serif;
font-weight:bold;
font-size:120%;
background-image:url(/tamami/_parts/background3.jpg);
padding:12px 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align:center;
}

#main h3{
margin:0.6em 0;
font-family:'Verdana', sans-serif;
font-weight:bold;
font-size:110%;
background-image:url(/tamami/_parts/background4.jpg);
padding:3px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#main h4{
margin:0.6em 0;
font-family:'Verdana', sans-serif;
font-weight:bold;
font-size:110%;
}

#sidebar h3{
font-family:'Verdana', sans-serif;
font-weight:bold;
font-size:140%;
text-align:center;
margin-bottom:20px;
}

#sidebar h4{
font-family:'Verdana', sans-serif;
font-weight:bold;
font-size:120%;
}