/*******************************************
	TEMPLATE CSS DESIGN #002 (2007.06.26)
	
	A : SITE FORMAT
	A-01 : DEFAULT
	A-02 : PRESET
	A-03 : LAYOUT
	A-04 : ITEMS
	B : HTML
	B-01 : HTML TAGS
	C : CLASSES
	C-01 : NABIGATION
	C-02 : BLOCK A
	C-03 : SEARCH
	C-04 : BLOCK B
	C-05 : BLOCK C
	C-00 : CONTENT BOTTOM
	D : INDIVIDUAL ARCHIVE
	D-01 : FORMAT
	D-02 : TRACKBACK
	D-03 : COMMENT
	E : SEARCH
	F : OPTIONAL
*******************************************/
/*-----------------------------------------
	A : SITE FORMAT
-----------------------------------------*/
/* A-01 : DEFAULT */
p { margin: 0px;  padding: 0px; }
ul,ol,dl,li,dt,dd {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: large;
	margin: 0px;
	padding: 0px;
}
img { border: 0px; }
form { margin: 0px;  padding: 0px; }

/* A-02 : PRESET */
*{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*font-family: Arial, Helvetica, sans-serif;*/
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	/*background-color: #333333;*/
	background: url(images/bg_all.jpg) repeat-x;
}
a:link {
	color: #5473B1;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #79D6E6;
	text-decoration: underline;
}
a:active {
	color: #1E4E82;
	text-decoration: none;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* A-03 : LAYOUT */
#container {
	width: 780px;
	margin: auto;
	/*background-image: url(images/bg_mid.jpg);
	background-repeat: repeat-y;*/
	background: url(images/bg_mid.jpg) no-repeat;
}
#header {
	height: 60px;
	padding: 10px 0px 0px 20px;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#nabigation {
	clear: both;
	/*height: 35px;*/
	margin: 0px 10px;
	margin-bottom: 5px;
	/*padding-bottom: 5px;*/
	background: url(images/nabigation_bg001.jpg) repeat-x;
}
#locationInfo {
	height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px 5px;
}
#contents {
	margin: 0px 20px 0px 30px;
	padding: 10px 0px 0px 0px;
	clear: both;
}
#flash {
	margin: 0px 10px 0px 10px;
}
/*#block_a {
	float: left;
	width: 175px;
	padding: 0px 10px 0px 15px;
}*/
#block_b {
	float: left;
	width: 530px;
}
#block_b_top {
	width: 710px;
}
#block_b #column004,
#block_b #column007 {
}
#block_b_top #column004,
#block_b_top #column007 {
	width: 100%;
}
#block_c {
	float: right;
	width: 180px;
}
#block_c_top {
	width: 710px;
	text-align:right
	padding: 0 0 20px;
}
#block_c #column008,
#block_c #column009 {
	width: 180px;
}
#block_c_top #column008,
#block_c_top #column009 {
	width: 100%;
}
/*#block_c #column010 {
	width: 825px;
}*/
#contentBottom {
	clear: both;
}
#footer {
	clear: both;
	/*height: 30px;*/
	padding-top: 20px;
	/*background-image: url(images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: top;*/
}

/* A-04 : ITEMS */
#logo {
	text-indent: -10000px;
}
#logo,#logo a {
	display: block;
	width: 250px;
	height: 60px;
	background: url(http://www.sapporosystem.com/logo.jpg) no-repeat;
}
#logo,#descript {
	float: left;
}
#descript {
	line-height: 60px;
}
#locationInfo {}
#locationInfo p,#locationInfo p a {
	line-height: 20px;
	color: #666666;
	font-size: 10px;
}
#block_a p {}

/*-----------------------------------------
	B : HTML
-----------------------------------------*/

/* B-01 : HTML TAGS */
li {}
address {
	color: #009EEB;
	font-size: 0.85em;
	font-style: normal;
	text-align: center;
	text-decoration: none;
}

/*-----------------------------------------
	C : CLASSES
-----------------------------------------*/
p#topics {
	margin: 5px 0px 5px 0px;
	display: block;
	text-indent: -9999px;
}
p#topics a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(images/btn-topics.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 0px;
	width: 180px;
	height: 30px;
	background-position: 0% 0%;
}
p#topics a:hover {
	background-position: 0% 100%;
}

ul#menu {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	height: 100%
}
ul#menu li {
	display: block;
	float: left;
	height: 35px;
	/*width: 100px;*/
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
ul#menu li a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 0px;
	height: 35px;
}
ul#menu li#n_home {
	width: 80px;
}
ul#menu li#n_home a {
	background-position: 0% 0%;
}
ul#menu li#n_home a:hover {
	background-position: 0% 100%;
}
ul#menu li#n_vision {
	width: 110px;
}
ul#menu li#n_vision a {
	background-position: -80px 0%;
}
ul#menu li#n_vision a:hover {
	background-position: -80px 100%;
}
ul#menu li#n_profile {
	width: 90px;
}
ul#menu li#n_profile a {
	background-position: -190px 0%;
}
ul#menu li#n_profile a:hover {
	background-position: -190px 100%;
}
ul#menu li#n_warehouse {
	width: 120px;
}
ul#menu li#n_warehouse a {
	background-position: -280px 0%;
}
ul#menu li#n_warehouse a:hover {
	background-position: -280px 100%;
}
ul#menu li#n_results {
	width: 100px;
}
ul#menu li#n_results a {
	background-position: -400px 0%;
}
ul#menu li#n_results a:hover {
	background-position: -400px 100%;
}
ul#menu li#n_inquiry {
	width: 100px;
}
ul#menu li#n_inquiry a {
	background-position: -500px 0%;
}
ul#menu li#n_inquiry a:hover {
	background-position: -500px 100%;
}
ul#menu li#n_location {
	width: 90px;
}
ul#menu li#n_location a {
	background-position: -600px 0%;
}
ul#menu li#n_location a:hover {
	background-position: -600px 100%;
}
ul#menu li#n_links {
	width: 70px;
}
ul#menu li#n_links a {
	background-position: -690px 0%;
}
ul#menu li#n_links a:hover {
	background-position: -690px 100%;
}
<li id="n_home"><a href="http://apsite.jp/">ホーム</a></li>
<li id="n_vision"><a href="http://apsite.jp/">企業理念</a></li>110
<li id="n_profile"><a href="http://apsite.jp/">会社案内</a></li>90
<li id="n_warehouse"><a href="http://apsite.jp/">倉庫</a></li>
<li id="n_results"><a href="http://apsite.jp/">工事実績</a></li>
<li id="n_inquiry"><a href="http://apsite.jp/">お問い合わせ</a></li>
<li id="n_location"><a href="http://apsite.jp/">会社案内図</a></li>
<li id="n_links"><a href="http://apsite.jp/">リンク</a></li>

/* C-01 : NABIGATION */
.btn,
.btn a,
.btn a:hover {
	display: inline;
	line-height: 30px;
	font-size: 12px;
}
.btn a:link,
.btn a:visited,
.btn a:hover {
	text-decoration: none;
}
.btn {
	display: inline;
}
.btn a {
	padding: 9px 10px;
	color:#456B62;
	font-weight: bold;
}
.btn a:hover {
	padding: 9px 10px;
	background: url(images/nabigation_bg002.jpg) repeat-x;
}

/* C-02 : BLOCK A */
#column001 p.title {
	background: url(images/title_bg001.jpg) no-repeat;
}
#column002 p.title {
	background: url(images/title_bg002.jpg) no-repeat;
}
#block_a p.title {
	width: 175px;
	height: 25px;
	padding-bottom: 5px;
	line-height: 25px;
	font-weight: bold;
	text-indent: 15px;
}
#block_a ul {
	margin-bottom: 10px;
}
#block_a li {
	padding: 0px 5px;
	line-height: 20px;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
}
#column001 li {
	border-left: 5px #9f1313 solid;
}
#column002 li {
	border-left: 5px #cc9e14 solid;
}

/* C-03 : SEARCH */
#column003 {
	padding: 5px;
	border: 1px #CCCCCC solid;
}
#search {
	width: 143px;
	margin-bottom: 5px;
}
#search:focus {}
#submit {
	text-align: center;
	width: 150px;
}
#submit:active {}

/* C-04 : BLOCK B */
#block_b h1.title {
	color: #588F85;
	font-size: 1.5em;
	font-weight: bold;
}
#block_b p.date {
	color: #9EB6AC;
	font-size: xx-small;
	margin-bottom: 5px;
}
#block_b .entryBody {
	/*padding: 0px 5px;*/
	line-height: 22px;
}
p.allView {
	font-size: x-small;
	text-align: right;
	margin-bottom: 20px;
}
#block_b p.allView a {}

/* CATEGORY ARCHIVE */
#column004 .entryBody {}
p.extentions a,p.extentions {
	border-top: 1px #CCCCCC solid;
	text-align: center;
	font-size: x-small;
}
.rotatePage {}
p.rotatePage,p.rotatePage a,p.extentions,p.extentions a {}
#block_b p.caution {}

/* INDIVIDUAL */
#column005,#column006 {
	width: 635px;
}

/* C-05 : BLOCK C */
#block_c .title {
	width: 180px;
	height: 35px;
	background-image: url(images/bg_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#block_c ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 5px;
	background-image: url(images/bg_news_list.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#block_c ul a {
	color: #006600;
}
#block_c ul a:hover {
	color: #FF0000;
}
li.list02 {
	font-size: xx-small;
}
li.list03 {
	margin-bottom: 5px;
	border-bottom: 1px #FFFFFF dashed;
}
li.list03 a {}
.rss1,.rss2,.atom {
	text-align: right;
}
.rss1 a,.rss2 a,.atom a {}

/* C-00 : CONTENT BOTTOM */
.jump {
	text-align: right;
	padding-right: 15px;

}
.jump,.jump a {
	font-size: xx-small;
}

/*-----------------------------------------
	D : INDIVIDUAL ARCHIVE
-----------------------------------------*/
/* D-01 : FORMAT */
#column005 .entryBody {
	margin-bottom: 20px;
}
.caption00,.caption01,.caption02,
.trackbackURL,.commentBox {
	margin: 0px 5px;
}

#trackbacks,#comments,#CommentForm {}
#trackbacks h1,#comments h1,#CommentForm h1 {
	height: 30px;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-left: 25px;
	line-height: 20px;
	color: #4B6987;
	font-size: 1em;
	font-weight: bold;
	background: url(images/h1_bg001.jpg) no-repeat;
}
.trackbackDate,.commentDate {
	color: #496872;
	font-size: 0.75em;
}

/* D-02 : TRACKBACK */
.trackbackURL {
	padding: 2px;
	border-bottom: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-top: 1px #666666 solid;
	border-left: 1px #666666 solid;
	background-color: #F6F6F6;
}

/* D-03 : COMMENT */
#comments {}
.commentDate {
	color: #999999;
	font-size: 0.75em;
}
.commentBody {
	margin-bottom: 10px;
}
#comments h2 {
	font-size: 1em;
}
.commentBox {
	margin-bottom: 10px;
}
#CommentForm {}

/*-----------------------------------------
	E : SEARCH
-----------------------------------------*/
#column006 {
	width: 440px;
	padding: 5px;
	margin-bottom: 20px;
	border: 1px #CCCCCC solid;
	background-color: #F7F7F7;
}
#column006 .title {
	font-size: medium;
	margin-bottom: 15px;
}
#column007 h2 {
	margin-bottom: 15px;
}
#column007 h3 {
	font-size: small;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 5px;
}
#column007 p {
	color: #666666;
}
#search-options {
	padding: 5px;
}
.entry-footer,.post-footers {
	color: #5B745A;
	margin-bottom: 15px;
	font-size: x-small;
}

/*-----------------------------------------
	F : OPTIONAL
-----------------------------------------*/
table.mailform {
	width: 100%;
	margin-bottom: 10px;
	border-right: 1px #666666 solid;
	border-top: 1px #666666 solid;;
}
table.mailform td {
	padding: 2px;
	border-bottom: 1px #666666 solid;
	border-left: 1px #666666 solid;
}
td.t1 {}
.necessary {
	color: #FF0000;
	font-size: xx-small;
}