@import "./entry.css";
@import "./system.css";
@import "./archives.css";

/* ----------------------------- base-css -------------------------- */

html{height:100%;}

body{
	margin:0;
	padding:0;
	height:100%;
	line-height:1.4;
	color:#333;
	background:url('../image/back.gif') repeat 0 0;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
}

/* height100% hack */
body > #container{height: auto;}

/* letter-spacing hack */
br{letter-spacing:0;}

/* link */
a					{color:#333;text-decoration:none;}
a:link		{}
a:visited	{}
a:hover		{color:#aa4902;text-decoration:underline;}
a:active	{}

/* image */
img{border:none;}

/* --------------------- container --------------------- */
#container{
	margin:0 auto;
	padding:0;
	width:958px;
	height:100%;
	min-height:100%;
	background:url('../image/container_back.gif') repeat-y 0 0 #fff;
}

/* --------------------- wrapper --------------------- */
#wrapper{
	width:950px;
	margin:0 auto;
	padding:20px 0 30px;
}

/* clear hack */
#wrapper{zoom:1;}
#wrapper:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* ---------------------------- header ----------------------------------- */
#header{
	width:950px;
	margin:0 auto;
}
#header h1{
	margin:0;
	padding:2px 0 2px 10px;
	background-color:#361401;
	font-size:12px;
	font-weight:normal;
	color:#fff;
}

#header p{margin:0;padding:0;}
#header span{display:none;}


/*--------------------------- global-navi ------------------------------*/

#global-navi{
	width:950px;
	height:48px;
	margin:0 auto;
	padding:0;
	background-color:#361401;
	}

/* clear hack */
#global-navi{zoom:1;}
#global-navi:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#global-navi ul{
	margin:0;
	padding:0;
	}

#global-navi li{
	list-style-type:none;
	margin: 0;
	padding:6px 0 0 7px;
	float:left;
	}

#global-navi li a{
	display:block;
	width:150px;
	height:36px;

	}
#global-navi li p{
	display:none;
	}

#global-navi li.home a{
	background:url('../image/btn_home.gif') no-repeat;}
#global-navi li.home a:hover{
	background:url('../image/btn_home_on.gif') no-repeat;}
#global-navi li.about a{
	background:url('../image/btn_about.gif') no-repeat;}
#global-navi li.about a:hover{
	background:url('../image/btn_about_on.gif') no-repeat;}
#global-navi li.business a{
	background:url('../image/btn_business.gif') no-repeat;}
#global-navi li.business a:hover{
	background:url('../image/btn_business_on.gif') no-repeat;}
#global-navi li.access a{
	background:url('../image/btn_access.gif') no-repeat;}
#global-navi li.access a:hover{
	background:url('../image/btn_access_on.gif') no-repeat;}
#global-navi li.staff a{
	background:url('../image/btn_staff.gif') no-repeat;}
#global-navi li.staff a:hover{
	background:url('../image/btn_staff_on.gif') no-repeat;}
#global-navi li.contact a{
	background:url('../image/btn_contact.gif') no-repeat;}
#global-navi li.contact a:hover{
	background:url('../image/btn_contact_on.gif') no-repeat;}


/* ------------------------------ 右の大枠 ------------------------------ */
#side-area{
	float:right;
	width:753px;
}
/* clear hack */
#side-area{zoom:1;}
#side-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* ------------------- エントリーエリア（中央） ----------------- */
#entry-area{
	float:left;
	width:554px;
}

/* ------------------------ 右メニュー：枠 ------------------------ */
#right-area{
	float:right;
	width:187px;
}

/* ------------------------ 左メニュー：枠 --------------------------- */
#left-area{
	float:left;
	width:187px;
}

/* ------------------------ box（各メニュー部分の枠） ---------------- */

div.box{padding-bottom:20px;}


/* -------------------------- headline（見出し） ------------------------ */

div.box h3{
	margin:0 0 10px;
	padding:7px 0px 7px 28px;
	color:#421b04;
	font-size:12px;
	font-weight:normal;
}
div.box .headline-right{
	background:url("../image/right_headline_back.gif") no-repeat 0px 0px;
}
div.box .headline-left{
	background:url("../image/left_headline_back.gif") no-repeat 0px 0px;
}

/* ----------------------------- 右メニュー ------------------------------ */

/* ------------------------ バナーが入るエリア ----------------------------- */

#right-area .banner dl{
	margin:0 5px 15px 0px;
	text-align:center;
}
#right-area .banner dd{
	margin:0 8px;
	font-size:10px;
}
#right-area .banner dd span{
	color:#a40000;
}

/* ------------------ 最新の投稿記事・担当者別 ------------------ */

#right-area .list-dot ul{
	margin:0 8px 0 18px;
	padding:0;
}

#right-area .list-dot li{
	margin:0 0 4px;
	padding:0 0 0 8px;
	list-style-type:none;
	background:url("../image/dot-mark.gif") no-repeat 0 8px;
}

#right-area .list-dot p.list{
	margin:0;
	padding:10px 6px 0px;
	text-align:right;
}

/* link */
p.list a						{color:#aa4902;text-decoration:underline;}
p.list a:hover			{color:#aa4902;text-decoration:underline;}


/* -------------------------- 検索 -------------------------------- */
#right-area #search{margin:12px 0 0 15px;}

#right-area #search .search-area{width:115px;}

#right-area #search .submit{
	padding-top:2px;
	border:1px solid #4f2101;
	width:40px;
	color:#fff;
	background-color:#e3670e;
}

/* ---------------------------- 過去の記事 ---------------------------- */
#right-area .list-normal ul{
	margin:0 0 0 25px;
	padding:0;
}

#right-area .list-normal li{
	margin:0 0 4px;
	padding:0;
	list-style-type:none;
}

/* ---------------------------- モバイル ---------------------------- */
.qr-code{
	width:130px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#right-area .qr-code img.code{
	margin:0 0 5px 0;
}

#right-area .qr-code p{
	margin:0px;
	font-size:11px;
}

/* -------------------------------- RSS -------------------------------- */
#rss ul{
	margin:0 0 0 10px;
	padding:0;
}

#rss li{
	margin:0 0 4px;
	padding:0 0 0 15px;
	list-style-type:none;
	background:url("../image/ic_rss.gif") no-repeat left center;
}
/* ------------------------------ MovableType -------------------------- */
#movable dl{
	margin:0 8px 10px 5px;
	padding:5px;
	border:1px solid #ccc;
	text-align:center;
}

#movable dt{margin:0;}
#movable dd{margin:0;}

/* link */
#movable dd a						{color:#aa4902;text-decoration:underline;}
#movable dd a:hover			{color:#aa4902;text-decoration:underline;}


/* ------------------------------ 左メニュー --------------------------- */

/* ------------------------ バナーが入るエリア ------------------------ */
#left-area .banner dl{
	width:175px;
	margin:0 0 15px 8px;
	text-align:center;
}
#left-area .banner dd{
	margin:0;
}

/* ------------ 業種別インデックス・トラブル別キーワード ------------------- */
#left-area .list-dot ul{
	margin:0 0 0 18px;
	padding:0;
}

#left-area .list-dot li{
	margin:0 0 4px;
	padding:0 0 0 8px;
	list-style-type:none;
	background:url("../image/dot-mark.gif") no-repeat 0 8px;
}
/* ---------------------------- カレンダー ------------------------------ */
#calendar{
	width:165px;
	font-size:11px;
	margin-left:10px;
	padding:2px;
	text-align:center;
	background-color:#eaeaea;
	}

/* link */
#calendar a					{color:#e5592a;text-decoration:none;}
#calendar a:hover		{color:#e5592a;text-decoration:underline;}

#calendar table{
	width:100%;
	}

#calendar caption{
	padding:3px 0px;
	font-weight:bold;
	text-align:center;
	}

#calendar th{
	padding:1px;
	font-weight:normal;
	text-align:center;
	}

#calendar td{
	padding:1px;
	text-align:center;
	}

td.today {
	font-weight:bold;
}
#calendar .today a {
	font-weight:bold;
}


/* ------------------------ PDFダウンロード -------------------------- */
#left-area .pdf-dl{
	padding:0px 0px 25px 0px;
	margin:0 0 0 10px;
}
#left-area .pdf-dl dl{margin:0 auto;}

#left-area .pdf-dl dl dt{margin:0;}

#left-area .pdf-dl dl dd{
	margin:0 0 5px 0;
	font-size:10px;
}
/* link */
#left-area .pdf-dl dd.adobe a					{color:#a40000;text-decoration:underline;}
#left-area .pdf-dl dd.adobe a:hover		{color:#a40000;text-decoration:underline;}

/* ------------------------------ 住所 ---------------------------------- */
#left-area .ad-area{
	padding:0px 0px 15px 0px;
	margin:0 0 0 10px;
}
#left-area .ad-area address{
	font-style:normal;
	color:#421b04;
}

/* --------------------------- footer-menu ------------------------------ */
#footer-menu{
	margin:0 auto;
	padding:0;
	text-align:center;
}
#footer-menu ul{
	margin:0 0 6px;
	padding:0;
	list-style-type:none;
}
#footer-menu li{
	margin:0;
	padding:0 5px 0 10px;
	display:inline;
	background:url('./../image/line_footermenu.gif') no-repeat left center;
}

/* -------------------------------- footer ------------------------------- */

#footer{
	width:950px;
	margin:0 auto;
}
#footer img{vertical-align:bottom;}

/* -------------------------------- pagetop ------------------------------- */
.pagetop{
	margin:0 5px 0 0;
	font-size:10px;
	text-align:right;
}

/* link */
.pagetop a					{color:#aa4902;text-decoration:none;}
.pagetop a:hover		{color:#aa4902;text-decoration:none;}

/* -------------------------------- PopBox ------------------------------- */
.PopBoxImageSmall{
	none 0px white;
	cursor:pointer;
}

.PopBoxImageLarge{
	solid thin #CCCCFF;
	cursor:pointer;
}