@charset "UTF-8";
/*
Theme Name: itsubo css
Theme URL: http://www.itsubo.co.jp/
Description: 井坪工務店baseCSS.
Version: 1.0
Author: 井坪工務店
Author URL: http://www.itsubo.co.jp/
*/

/* CSS Document */

body {
margin:0;
padding:0;
background:#000000 url(../img/pub/background.gif) repeat;
text-align:center;
}
.contentbox {
position:relative;
width:797px;
margin:10px auto;
background:#000000 url(../img/pub/background2.jpg) repeat-y;
}
.contents {
width:777px;
margin:0 auto;
padding:0;
text-align:left;
background:#FFFFFF;
overflow: hidden;
}

.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}
/**/
.main {
float:left;
width:565px;
margin:0;
padding:0;
}
.main-noside {
float:left;
width:777px;
margin:0;
padding:0;
}
.side {
float:right;
width:207px;
margin:80px 0 0 0;
padding:0;
}

/* 全体
----------------------------- */
/* ヘッダー */
h1 {
width:777px;
height:182px;
background:url(../img/pub/u-cover.jpg) no-repeat top left;
text-indent:230px;
padding:10px 0 0 0;
margin:0;
font-size:12px;
color:#333333;
font-weight:normal;
}
h1 a {
width:777px;
height:182px;
display:block;
text-decoration:none;
font-size:12px;
color:#333333;
}

/* フッター
----------------------------- */
.footer {
clear:both;
position:relative;
width:777px;
margin:20px 0 0 0;
padding:0;
background:#000033;
overflow: hidden;
}

.footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .footer {
    height: 1em;
    overflow: visible;
}
/**/
.footer p {
margin:0;
padding:10px;
font-size:9px;
color:#666666;
line-height:115%;
}
.footer p a {
font-size:9px;
color:#666666;
line-height:115%;
text-decoration:none;
}

p.back {
margin:10px;
padding:0 11px 0 0;
text-align:right;
color:#CCCCCC;
font-size:12px;
background:url(../img/pub/icon-s-up.gif) no-repeat right center;
}
p.back a {
margin:0;
padding:0;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
}
p.back a:hover {
margin:0;
padding:0;
font-size:12px;
color:#FF9900;
text-decoration:none;
}
.backup {
clear:both;
margin:0 0 0 10px;
padding:0 11px 0 0;
text-align:right;
background:url(../img/pub/icon-s-blue-up.gif) no-repeat right center;
}
.backup p {
color:#CCCCCC;
font-size:12px;
}
.backup p a {
font-size:12px;
color:#CCCCCC;
text-decoration:none;
}
.backup p a:hover {
font-size:12px;
color:#FF9900;
text-decoration:none;
}
p.backup {
padding:0 11px 0 0;
color:#CCCCCC;
font-size:12px;
}
p.backup a {
padding:0 11px 0 0;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
}
p.backup a:hover {
padding:0 11px 0 0;
font-size:12px;
color:#FF9900;
text-decoration:none;
}
.address {
width:777x;
margin:0;
padding:2px 0;
background:#666666;
}
.address p {
margin:0;
padding:0 25px;
text-align:right;
color:#999999;
font-size:10px;
line-height:100%;
}
/* フッターナビ */
#fnavi {
float:right;
width:777px;
margin:5px 0;
}
#fnavi ul {
margin:0;
padding:0;
list-style: none;
}
#fnavi li {
float:right;
margin: 0 8px;
padding: 0;
font-size:12px;
color:#006699;
}
#fnavi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
font-size:12px;
color:#006699;
}
#fnavi li a:hover {
margin:0;
padding:0;
text-decoration: none;
display: block;
font-size:12px;
color:#FF9900;
}

/* 共通パーツ
----------------------------- */
.main p {
margin:0;
padding:0;
color:#333333;
font-size:14px;
line-height:145%;
}
.main p a {
color:#3366CC;
text-decoration:none;
}
.main p a:hover {
color:#FF9900;
}
.main-noside p {
margin:0;
padding:0;
color:#333333;
font-size:14px;
line-height:145%;
}
.main-noside p a {
color:#3366CC;
text-decoration:none;
}
.main-noside p a:hover {
color:#FF9900;
}
.side p {
margin:0;
padding:0;
color:#333333;
font-size:14px;
line-height:145%;
}
.side p a {
color:#3366CC;
text-decoration:none;
}
.side p a:hover {
color:#FF9900;
}
/* リード
----------------------------- */
div.read {
clear:both;
margin:80px 20px 0 0;
padding:0;
}
.read p {
magin:0;
padding:0 0 5px 5px;
color:#333333;
font-size:14px;
line-height:145%;
}

/* パンクズ
----------------------------- */
.pan {
position:absolute;
top:247px;
left:10px;
width:767px;
margin:0;
padding:0 0 5px 10px;
border-bottom:#e9e9e9 solid 1px;
}
.pan p {
font-size:10px;
color:#999999;
line-height:100%;
}
.pan a {
font-size:10px;
color:#999999;
}
.pan a:hover {
font-size:10px;
color:#FF9900;
}


/* メニュー
----------------------------- */
.topmenu {
position:absolute;
top:182px;
left:10px;
width:777px;
margin:0;
padding:0;
overflow: hidden;
}

.topmenu :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .topmenu  {
    height: 1em;
    overflow: visible;
}
/**/

#navi {
width:777px;
margin:0;
padding:0;
}

#navi ul {
margin:0;
padding:0;
list-style: none;
}
#navi li {
float:left;
margin:0;
padding: 0;
text-indent:-9999px;
}
#navi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
/* --------- */
#navi li#allmenu01 {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -1px 0px;
}
#navi li#allmenu01 a {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -1px 0px;
}
#navi li#allmenu01 a:hover{
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -1px -53px;
}
/* --------- */
#navi li#allmenu02 {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -111px 0px;
}
#navi li#allmenu02 a {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -111px 0px;
}
#navi li#allmenu02 a:hover{
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -111px -53px;
}
/* --------- */
#navi li#allmenu03 {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -222px 0px;
}
#navi li#allmenu03 a {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -222px 0px;
}
#navi li#allmenu03 a:hover{
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -222px -53px
}
/* --------- */
#navi li#allmenu04 {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -333px 0px;
}
#navi li#allmenu04 a {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -333px 0px;
}
#navi li#allmenu04 a:hover{
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -333px -53px;
}
/* --------- */
#navi li#allmenu05 {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -444px 0px;
}
#navi li#allmenu05 a {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -444px 0px;
}
#navi li#allmenu05 a:hover{
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -444px -53px
}
/* --------- */
#navi li#allmenu06 {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -555px 0px;
}
#navi li#allmenu06 a {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -555px 0px;
}
#navi li#allmenu06 a:hover{
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -555px -53px
}
/* --------- */
#navi li#allmenu07 {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -666px 0px;
}
#navi li#allmenu07 a {
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -666px 0px;
}
#navi li#allmenu07 a:hover{
margin:0;
padding:0;
width:111px;
height:53px;
background:url(../img/pub/navi.jpg) no-repeat -666px -53px
}
/* サイド
----------------------------- */
.sidemenu {
left:0;
width:200px;
margin:0;
padding:0;
overflow: hidden;
}

.sidemenu :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .sidemenu {
    height: 1em;
    overflow: visible;
}
/**/
.listmenu h4 {
margin:10px 0 5px 0;
padding:2px 0 2px 8px;
font-size:16px;
color:#003366;
background:#e9e9e9;
border-left:#003366 solid 5px;
}
.listmenu h4 a {
margin:0;
padding:0;
font-size:16px;
color:#003366;
text-decoration:none;
}
.listmenu ul {
margin:0;
padding:0;
list-style: none;
font-size:14px;
color:#666666;
}
.listmenu li {
width:190px;
height:36px;
margin:0;
padding:0 0 0 5px;
line-height:200%;
background:url(../img/pub/listmenu.jpg) no-repeat center left;
}
.listmenu li a {
width:190px;
height:36px;
margin:0;
padding:0;
color:#0066CC;
text-decoration: none;
display:block;
}
.listmenu li a:hover {
margin:0;
padding:0;
color:#FF9900;
}



/* 共通
----------------------------- */
.boldred {
color:#CC0000;
font-weight:bold;
}
.boldblue {
color:#003399;
font-weight:bold;
}
.boldgreen {
color:#006600;
font-weight:bold;
}
.backred {
background:#FFCCFF;
}
.backblue {
background:#CCFFFF;
}
.backgreen {
background:#99FF99;
}


span.new {
    display: none;
    color: red;
    font-weight: normal;
font-size:10px;
}

/* サイド共通（TOPより移植）
----------------------------- */
.staffblog {
width:210px;
margin:0;
padding:0;
}
.staffblog h3 {
width:210px;
height:68px;
margin:10px 0 5px 0;
padding:0;
background:url(../img/kyou/mini-minnna.gif) no-repeat center left;
text-indent:-9999em;
}
.staffblog h3 a {
width:210px;
height:68px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.staffblog h4 {
margin:5px 0;
padding:2px 0;
font-size:14px;
color:#666666;
background:url(../img/pub/listmenu.jpg) no-repeat left center;
}
.staffblog h4 a {
margin:0;
padding:0;
font-size:14px;
color:#666666;
text-decoration:none;
}
.staffblog h4 a:hover {
margin:0;
padding:0;
font-size:14px;
color:#FF9900;
text-decoration:underline;
}
.staffblog ul {
margin:0 0 0 5px;
padding:0;
list-style: none;
font-size:12px;
color:#666666;
}
.staffblog li {
margin:0 0 5px 0;
padding:0 0 2px 0;
border-bottom:#e9e9e9 solid 1px;
}
.staffblog li a {
margin:0;
padding:0;
color:#0066CC;
text-decoration: none;
}
.staffblog li a:hover {
margin:0;
padding:0;
color:#FF9900;
}
.syachoblog {
width:210px;
margin:0;
padding:0;
}
.syachoblog h3 {
width:210px;
height:68px;
margin:10px 0 5px 0;
padding:0;
background:url(../img/kyou/mini-syacho.gif) no-repeat center left;
text-indent:-9999em;
}
.syachoblog h3 a {
width:210px;
height:68px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.syachoblog ul {
margin:0 0 0 5px;
padding:0;
list-style: none;
font-size:12px;
color:#666666;
}
.syachoblog li {
margin:0 0 5px 0;
padding:0 0 2px 0;
border-bottom:#e9e9e9 solid 1px;
}
.syachoblog li a {
margin:0;
padding:0;
color:#0066CC;
text-decoration: none;
}
.syachoblog li a:hover {
margin:0;
padding:0;
color:#FF9900;
}
.syokunin p {
width:192px;
height:208px;
margin:0;
padding:0;
background:url(../img/top/syokunin.jpg) no-repeat center left;
text-indent:-9999em;
}
.syokunin p a {
width:192px;
height:208px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
.staff p {
width:192px;
height:67px;
margin:5px 0;
padding:0;
background:url(../img/top/staff.jpg) no-repeat center left;
text-indent:-9999em;
}
.staff p a {
width:192px;
height:67px;
margin:0;
padding:0;
text-indent:-9999em;
text-decoration:none;
display:block;
}

/* 下階層共通
----------------------------- */
p.topback {
clear:both;
margin:0;
padding:0 11px 0 0;
text-align:right;
font-size:12px;
color:#999999;
background:url(../img/pub/icon-s-red.gif) no-repeat right center;
}
p.topback a {
font-size:12px;
color:#330000;
}
p.topback a:hover {
font-size:12px;
}
p.continue {
margin:0;
padding:0 11px 0 0;
text-align:right;
font-size:12px;
color:#999999;
background:url(../img/pub/icon-s-blue.gif) no-repeat right center;
}
p.continue a {
font-size:12px;
}
p.continue a:hover {
font-size:12px;
}
p.edit {
clear:both;
margin:0;
padding:0 11px 0 0;
text-align:right;
font-size:10px;
color:#999999;
background:url(../img/pub/icon-s-blue.gif) no-repeat right center;
}
p.edit a {
font-size:10px;
color:#666666;
}
p.edit a:hover {
font-size:10px;
}