@charset "UTF-8";
/* CSS Document */

/*============================
再レイアウト
==============================*/
*{font-family:sans-serif;}
#body{width:800px;}
.atamaBK{text-align:center;}
#atama{width:800px;height:88px;padding:0;margin:0px auto;}
#aside{width:200px;margin-left:0;margin-bottom:10px;}
#content{margin:0 10px 0 220px;padding:0;}
.fotBK{text-align:center;clear:both;margin-top:20px;}
#footer{width:800px;padding:0;margin:0 auto;}

/*============================
カラー調整
#body{background:url(../img/grid.gif);border:0;}
==============================*/
body{background:#fff; }
#body{border:0;background:url(img/asideBk.gif) repeat-y;}
#atama{border:none;background:none;}
.atamaBK{border-bottom:2px #999 solid;}
#aside{background:#8d0000;}
.fotBK{border-top:2px #8d0000 solid;}
#footer{border:none;background:none;}
#footer *{color:#333;}
address{text-align:center;margin-top:20px;}

#page div.kiji{padding:0 0 0 10px;width:560px}
#top .kiji{padding:10px 0 0 5px;}

.red{color:#8b0000;}

h1{
	height:88px;
	width:200px;
	background:#8d0000;
	border:none;
	margin:0;
	padding:0;
	float:left;
}
h2{
	height:auto;
	background:none;
	border:0;
	padding:0;
	margin-bottom:20px;
}
h3{
	border-bottom:#8b0000 solid 2px;
	border-left:none;
	height:18px;
	margin-bottom:10px ;
	padding-left:10px;
	color:#000;
	font-size:1.2em;
}
h3.flow{
	border-bottom:none;
	padding-left:0;
	height:18px;
}
h3.flow b{
	background:#8b0000;
	color:#fff;
	margin-right:5px;
	font-size:1.5em;
	padding:1px 3px;
}
h4.flow{
	border-bottom:#8b0000 solid 2px;
	border-left:none;
	height:18px;
	margin-bottom:10px ;
	padding-left:10px;
	padding-bottom:3px;
	color:#000;
	font-size:1em;
}
h5{
	padding-left:20px;
	color:#000;
}

#kanban{margin-left:440px;}
#panKuz{margin-bottom:20px;padding-top:20px;}
#content h2,#content h2 span.txt{color:#600;}

.tenpolist{margin-bottom:20px;}
.tenpolist h3{font-size:140%;padding-bottom:3px;}

.tenpoJoho{margin-bottom:20px;}
.tenpoJoho dl{border:none;margin-bottom:5px;}
.tenpoJoho dt{float:left;width:140px;text-align:center;background:#E7E3C0;margin-right:10px;margin-bottom:5px;}

.sitaMenu{margin:0;padding-left:30px;}
.sitaMenu h3{margin:20px 0 5px -30px;border-top:#8b0000 solid 2px;border-bottom:none;}

.sitaMenu span{
	margin-right:8px;
	margin-left:0px;
	padding-left:12px;
	background:url(img/list-square01.gif) no-repeat;
}

img.topimg{margin:0;}

.jitsurei{float:right;width:180px;text-align:center;margin:0 0 0 5px;}
.jitsurei h2{background:#E7E3C0;margin:0;padding:0 0 0 5px;text-align:left;}
.jitsurei div{border:2px solid #E7E3C0;border-top:none;background:#fff;}
.jitsurei img{margin:0;} 

.gakubutiMenu{width:370px;margin:0;}
.gakubutiMenu h2{
	background:#E7E3C0;
	margin:0;
	padding:0 0 0 5px;
	text-align:left;
}
.gakubutiMenu dl{
	border:2px solid #E7E3C0;
	border-top:none;
	height:80px;
	margin:0;
}
.gakubutiMenu dt{
	margin:0 0 0 105px;
	background:url(img/gakubutiMenuMore.gif) no-repeat -90px 0px;
	padding:0;
	border-bottom:#8b0000 2px solid;
}
.gakubutiMenu dt a{
	display:block;
	padding:0 0 0 5px;
	color:#000;
	font-weight:bold;
}
.gakubutiMenu dd{margin:5px 0 0 105px;}
.gakubutiMenu dd a{color:#333;}
.gakubutiMenu dd a:hover{color: #8b0000;}
.gakubutiMenu .imgbox{margin:5px;border:2px solid #d7d3b0;float:left;}


/*トップページのボックスボタンリスト*/
#boxBot dl dt a{background:#600;}
#boxBot dl dt a:hover{color:#fff;}


/*============================
額縁サイズ表
==============================*/
table.wakuSize{margin:0px 0 20px 15px;}
table.wakuSyurui{margin:0px 0 20px 15px;}
table.wakuSize th{text-align:left;}
table.wakuSyurui td,
table.wakuSize td{
	border:1px solid #999;
	border-width:0 0 1px 0;
	margin:0;
	padding:5px;
}
table.wakuSize td{width:110px;}
table td.mae{
	font-weight:bold;
	background:#E7E3C0;
	color:#600;
	text-align:center;
}
table td.mae2{
	font-weight:bold;
	background:#F9F9D9;
	text-align:center;
}
table.wakuSize td span.small{
	font-size:0.8em;
	font-weight:normal;
	margin-left:0.2em;
}



/*============================
アサイド調整
==============================*/
#aside dl{margin:20px 0 0 0;border:none;background:none;}
#aside dl dt{margin:10px 0 0 0;border:none;}
#aside dl dt a{
	background:#fff;
	color:#333;
	border-top:1px #666 solid;
	border-bottom:1px #666 solid;
	text-align:center;
	font-size:11pt;
	padding:18px 0 0 0;
	height:32px;
}
#aside dl dt a:hover{background:#fff;color:#900;}
#aside dl dt.ima{margin:10px 0 2px 0;border:none;}
#aside dl dt.ima a,#aside dl dt.ima a:hover{
	background:#E7E3C0;
	color:#900;
	border:none;
	border-top:1px #ccc solid;
	border-bottom:1px #999 solid;
}
#aside dl dt a span.desc{display:none;}
#aside dl dd{height:25px;border:none;margin:0;}
#aside dl dd a{
	border:none;
	margin:0;
	padding:4px 0 0 0;
	height:20px;
	line-height:20px;
	border-bottom:1px #999 solid;
	text-align:center;
	background:#F9F9D9;
	font-weight:normal;
	color:#000;
}
#aside dl dd.ima a{background:#E7E3C0;color:#333;border-bottom:1px #999 solid;}
#aside dl dd.ima a:hover{background:#E7E3C0;color:#900;}
#aside dl dd a:hover{color:#900;}

/*============================
ログインフォーム
==============================*/
#nucleus_lf{margin-top:150px;height:1px;display:block;}
#aside form{margin:0 0 20px 0;}
.loginform,.loginform label{color:#dedede;}
.kanriMenu li{color:#ccc;}
.loginform a,.kanriMenu a{color:#c33;}
.loginform a:hover,.kanriMenu a:hover{color:#f66;}
.loginform .formfield{margin: 0 0 2px 10px;}

/*============================
追加レイアウト
==============================*/
#page .b1c8 .kiji i{color:#8b0000;font-weight:bold;font-style:normarl}/*事例紹介のボールド*/

#page .hnm_plist img{width:160px;height:120px;float:left;margin:0 5px 5px 20px;}
#page .hnm_plist dl{height:130px;}
#page .hnm_plist dt{font-weight:bold;border-bottom:1px solid #8b0000;color:#000;letter-spacing:0.2em;}
#page .hnm_plist dd.moreLink{text-align:right;}
#page .hnm_plist dd.moreLink a{color:#8b0000;font-weight:bold;}
#page .hnm_plist dd.moreLink a:hover{color:#cc0000;}

#top .hnm_plist dl{border:none;margin:0;padding:0;}
#top .hnm_plist dd{display:none;}
#top .hnm_plist dt{text-align:center;margin:0;font-size:80%;font-weight:bold;}
#top .hnm_plist img{width:160px;height:120px;margin:5px 5px 0 5px;}

.gaiyou dt{font-weight:bold;}

.chaBase{background:#F9F9D9;}

.mRight10{margin-right:10px;}
.mRight20{margin-right:20px;}
.mLeft10{margin-left:10px;}
.mLeft20{margin-left:20px;}

img.b30{width:120px;height:90px;}
img.b40{width:160px;height:120px;}
img.b50{width:200px;height:150px;}
img.b60{width:240px;height:180px;}
img.b70{width:280px;height:210px;}
img.b80{width:320px;height:240px;}
img.b90{width:360px;height:270px;}
img.b100{width:400px;height:300px;}


.bule{color:#036;}
h3.wakuro{font-size:20pt;line-height:26px;height:30px;background-color:#dedede;}
.baseUsuki{background-color:#ffffde;}

.colam{width:400px;padding:5px;float:right;}

.cha{background:#e7e3c0;margin-bottom:20px;}
.cha h4{color:#8d0000;font-weight:bold;font-size:120%;}
.cha table{margin-left:20px;width:90%;}
.cha td{text-align:center;}

/*============================
問合せフォーム
==============================*/
.toiawaseForm td{padding-top:5px;}
.toiawaseForm .keiSen,.toiawaseForm .dai{border-bottom:#D4D2CF 1px solid;}
.toiawaseForm .w400{width:400px;}
.toiawaseForm h3{margin-top:20px;}
.toiawaseForm .dai{font-weight:bold;text-align:right;padding-right:3px;}
.toiawaseForm input,.toiawaseForm textarea{
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}

.formbot{
	background: white;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
width:100px;
}

/*制作中*/
p.menuBots{
	width:260px;
	float:left;
	margin:5px;
}
p.menuBots.i56{background:url(img/menuBot56.jpg) no-repeat;}
p.menuBots.i33{background:url(img/menuBot33.jpg) no-repeat;}
p.menuBots.i15{background:url(img/menuBot15.jpg) no-repeat;}
p.menuBots.i32{background:url(img/menuBot32.jpg) no-repeat;}
p.menuBots.i16{background:url(img/menuBot16.jpg) no-repeat;}
p.menuBots.i34{background:url(img/menuBot34.jpg) no-repeat;}
p.menuBots.i17{background:url(img/menuBot17.jpg) no-repeat;}
p.menuBots.i13{background:url(img/menuBot13.jpg) no-repeat;}
p.menuBots.i14{background:url(/media/gkbt/h2i14.jpg) no-repeat;width:535px;float:none;}

p.menuBots a{
	display:block;
	height:87px;
	padding:3px 0 0 3px;
	color:#000;
}
p.menuBots a:hover{
	color:#900;
}