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


body{background:url("img/bodyBk.gif") repeat-x #de0000;}

/*============================
ヘッダーの背景
==============================*/
#atama{
	background:none;
	border:none;
}
h1{
	background:none;
	border:none;
	height:auto;
	text-align:left;
}
h1 span.desc{
	font-size:11pt;
	padding-left:10px;
	font-weight:bold;
	
}
h1 img{
	vertical-align:middle;
}

#atama form{
	text-align:left;
	top:-10px;
}
#atama form .searchform{margin:0 10px 0 0;}

/*============================
　サイズ変更
==============================*/
#body{
	text-align:left;
	width:940px;
	padding:0 10px;
	border:none;
	background:url("img/body3Bk.gif") no-repeat #fff;
}
#top #body{
	background:url("img/body2Bk.gif") no-repeat #fff;
}
#atama{height:auto;width:940px;overflow:hidden;}
#aside {float:left;width:220px;}
#content{margin:0 5px 0 225px;padding:60px 10px 0 50px;}
#footer{
	background:url("img/footbk.gif") no-repeat #fff;
	clear:both;
	width:940px;
	height:130px;
	text-align:center;
	color:#fff;
	margin:0;
}
#footer address{
	text-align:center;
	color:#fff;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#ff0;
}

#footer #sitaMenu{
	color:#fff;
	margin:70px 10px 5px 10px;
	border-bottom:1px solid #300;
	padding-bottom:3px;
}

#atama #kanban{height:60px;}
#top #atama #kanban{height:160px;}

#top #content{padding-top:20px;}


/*============================
　アサイドメニュー（カラーチェンジ）
==============================*/
#aside dl{background:none;border:none;}
#aside dl dt{height:40px;border:none;margin-top:5px;}
#aside dl dt a span.desc{display:none;}

/*============================
　アサイドメニュー（エンボスボーダー）
==============================*/
#aside dl.kagetuki dt a{
	display:block;
	padding:0 0 0 4px;
	height:38px;
	line-height:15px;
	
	font-size:12pt;
	font-weight:bold;
	color:#000;
	
	background:#c00;
	border:1px solid #900;
	border-color:#de0000 #300 #300 #de0000;
}
#aside dl.kagetuki dt a strong{
	color:#000;
}
#aside dl dt a:hover{
	background:#ef0000;
	color:#000;
	border-color:#600 #de0000 #de0000 #600;
}

#aside dl.kagetuki dt a span.kage{
	display:block;
	position:relative;
	top:14px;
	left:-0.5px;
	line-height:15px;
	color:#efefef;
}
#aside dl.kagetuki dt a:hover span.kage{
	color:#fff;
}

#aside dl dt.ima a{
	background:#de0000;
	border:1px solid #300;
	border-color:#de0000 #300 #300 #de0000;
	color:#000;
}
#aside dl dt.ima a:hover{
	background:#ef0000;
	border-color:#600 #de0000 #de0000 #600;
	color:#300;
}

#aside dl dd a,#aside dl dd.ima a{
	display:block;
	padding:10px 0 0 35px;
	height:23px;
	line-height:13px;
	
	font-size:10pt;
	font-weight:bold;
	color:#300;
	
	background:url("img/ddBk01.gif") 14px 10px no-repeat #ffbbcc;
	
	border-top:1px solid #ffffde;
	border-bottom:1px solid #963;
}
#aside dl dd a:hover,#aside dl dd.ima a:hover{
	background-color:#ffccbb;
	color:#000;
}

/*============================
ナビ下のニュース
==============================*/
#nabiSitaNews{
margin:20px 0;
padding:0px 5px;
font-size:10pt;
}
#nabiSitaNews b span.date{
font-weight:normal;
}

#nabiSitaNews p{
margin-bottom:10px;
padding-left:10px;
padding-bottom:5px;
border-top:1px solid #999;
border-bottom:1px solid #999;
font-size:10pt;
}
#nabiSitaNews b a,
#nabiSitaNews p a{
font-size:10pt;
}

/*============================
ナビ下のバナー
==============================*/
#nabiSita{margin:20px 0;}

/*============================
看板ガム
#atama{background:url("img/grid.gif")}
==============================*/

#top #mg01,#top #mg02,#top #mg03,#top #mg04,#top #mg05,#top #mg06,#top #mg07,#top #mg08{
	position:relative;
}
#top #mg01{height:100px;width:100px;top:-30px;left:5px;}
#top #mg02{height:130px;width:130px;top:10px;left:10px;}
#top #mg03{height:120px;width:120px;top:-5px;left:20px;}
#top #mg04{height:100px;width:100px;top:-30px;left:40px;}
#top #mg05{height:110px;width:110px;top:10px;left:60px;}
#top #mg06{height:100px;width:100px;top:0px;left:-20px;}
#top #mg07{height:110px;width:110px;top:-70px;left:170px;}
#top #mg08{height:120px;width:120px;top:30px;left:5px;}

#telinfo{position:relative;left:680px;}

#top #telinfo{top:40px;left:0px;}


/*============================
ことばより伝わる。マーク
==============================*/

#kotobayori{
position:relative;
top:-10px;
left:250px;
}


/*============================
個別アイテム
#content{background:url("img/grid.gif");}
==============================*/
#content *{font-size:10pt;line-height:1.8em;}

#content h2,#content h2 span.txt{
	font-size:1.1em;
	letter-spacing:0.3em;
	color:#000;
}
h2{
	height:29px;
	margin-bottom:20px;
	border:none;
	background:none;
	padding:0;
}

h2 span.txt{
	display:block;
	padding-top:0.1em;
	padding-left:1em;
	border-bottom:1px solid #666;
	border-left:20px solid #c00;
}
h3{
	border-bottom:#666 solid 1px;
	border-left:#fc0 solid 1em;
	height:19px;
	margin-bottom:20px ;
	padding-left:5px;
	color:#000;
}

.coment{margin-bottom:40px;}
.coment ul,.coment ol{margin:0 0 20px 40px;}
.coment p{margin:0 0 20px 20px;}

.kiji{margin:0 0 40px 20px;}
.kiji,.kiji *{font-size:1em;line-height:20px;}

.coment dl{margin:0 0 1em 20px;border-bottom:none;}
.coment dl dt{font-weight:bold;}
.coment dl dd{margin:0 0 0 10px;}


/*============================
共通フォーマット
==============================*/
dl.small dt,dl.small dd{
	float:left;
}
dl.small dt{
	clear:left;
}
.red{color:#c00;}

/*============================
テーブル基本フォーマット
==============================*/
table.w120, .w120{width:120px;}
table.w150, .w150{width:150px;}
table.w200, .w200{width:200px;}
table.w250, .w250{width:250px;}
table.w300, .w300{width:300px;}
table.w350, .w350{width:350px;}
table.w400, .w400{width:400px;}
table.w450, .w450{width:450px;}
table.w500, .w500{width:500px;}
table.w550, .w550{width:550px;}


/*============================
フローテーブル
==============================*/
.fllow{margin-left:30px;}
.fllow td,.fllow th{padding:0 10px;vertical-align:top;}
.fllow .keiSen,
.fllow .dai{border-bottom:#D4D2CF 1px solid;}
.fllow .dai{font-weight:bold;text-align:right;padding-right:3px;}


/*============================
問合せフォーム
==============================*/
.toiawaseForm{margin-left:30px;}
.toiawaseForm td,
.toiawaseForm th{padding-top:5px;}
.toiawaseForm .keiSen,
.toiawaseForm .dai{border-bottom:#D4D2CF 1px solid;}
.toiawaseForm .dai{font-weight:bold;text-align:right;padding-right:3px;}

.toiawaseForm h3{margin-top:20px;}

.toiawaseForm input{line-height:1.6em;}
.toiawaseForm input,
.toiawaseForm select,
.toiawaseForm textarea{
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}
.toiawaseForm label input{border:none;}

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

/*============================
バナーボタン
==============================*/
.banaBut{
	margin:10px 0;
}
.banaBut a img{
	padding:0;
}
.banaBut a{
	display:block;
	margin:0 0 0 50px;
	width:500px;
	height:70px;
	border:1px solid #999;
}
.banaBut a:hover{
	border-color:#333 #dedede #dedede #333;
}


/*============================
お知らせリスト
==============================*/
dl.sotoItem{
	margin-top:20px;
	margin-right:20px;
	padding-bottom:20px;
}
dl.sotoItem dt{
	padding-left:5px;
	border-bottom:1px dotted #333;
	font-weight:normal;
}
dl.sotoItem dt a{
	font-weight:bold;
	margin-right:20px;
	color:#c00;
}
dl.sotoItem dd.more{
	text-align:right;
	padding-right:50px;
}

/*============================
アラートボックス
==============================*/
dl.alertboard{width:200px;background:#c00;padding-bottom:5px;}
dl.alertboard dt{font-size:9pt;color:#ff0;margin:5px 5px 2px 10px;line-height:1.2em;height:1.2em;}
dl.alertboard dd{font-size:8pt;color:#fff;margin:0 5px 2px 20px;line-height:1.2em;height:1.2em;}

/*============================
リストの文字を強調します
==============================*/
.kyochoList li{color:#000; }
.koumoku{border-bottom:1px solid #666;margin-bottom:20px;}

/*============================
追加レイアウト
==============================*/
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}

img.hnm_randimg{
height:110px;
width:110px;
margin:0 8px 3px 0;
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
}
.hassou{
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	margin:5px;
padding:5px;
background:#fff;
}

/*============================
事例紹介
==============================*/
#jirei_pre{margin:10px 50px 10px 20px;}
#jirei_mokuji{
	margin:10px 40px 30px 10px;
	padding:10px;
	border:1px dotted #666;}
#jirei_mokuji h3{
	border-left:none;
	padding-left:30px;}
#jirei_mokuji ul{margin-bottom:0;}
#jirei_mokuji a{color:#336;}
#jirei_mokuji a:hover{color:#c00;}
h3.jirei{margin-left:-20px;}
h4.jirei{
	margin-left:-15px;
	color:#900;}
h4.jirei .list{
	margin-right:5px;
	color:#000;}


/*============================
写真リスト
==============================*/
#page .hnm_plist img{width:200px;height:134px;float:left;margin:0 5px 5px 20px;}
#page .hnm_plist dl{height:130px;border-bottom:1px dotted #666;}
#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;}


/*============================
緊急アラート
==============================*/
.kinkyu{
	padding:5px;
	width:590px;
	background:#c00;
	font-size:12pt;
	font-weight:bold;
	line-height:1.5em;
	color:#fff;
	margin-left:280px;
	border:1px solid #dedede;
	border-color:#dedede #666 #666 #dedede;
}