/**
 * tom-gs.com CSS
 * author Tom Goodsun<http://www.tom-gs.com/>
 */

header, footer, nav, article, section {display:block;}
body {color: #666; font: 12px Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
a:link    {color:#3366aa;}
a:visited {color:#3366aa;}
strong {font-weight: bold;}

html {
	background: url(../images/header-bg.png) repeat-x;
}
body {
	line-height: 1.5em;
}


#wrapper {
	margin: 0 auto 10px auto;
	width: 800px;
}
#head {
	background-position: 0 -25px;
	height: 105px;
	margin: 0 0 0 0;
	width: 100%;
}


/**
 * head
 */
#navigation {
	height: 25px;
	overflow: hidden;
	width: 100%;
}
#navigation li {
	float: left;
}
#navigation a {
	display: inline-block;
}
#navigation input {
	margin: 0 0 0 0;
}
#breadcrumb {
/*	font: 12px "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";*/	
	height: 21px;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 9px 0 0 10px;
	width: 100%;
}
#navigation .search {
	margin: 2px 0 0 1em;
}
#navSearchButton {
	border: 1px solid #E4E4E4;
	display: inline-block;
	height: 21px;
	margin: 0 0 0 0;
}
#navSearchField {
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	border-right: 0;
	display: inline-block;
	height: 19px;
	margin: 0 0 0 0;
	position: relative;
	top: -1px;
}


/**
 * sidebar
 */
#sidebar {
	float: right;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 200px;
}
#sidebar dt {
	background: #eee;
	border-left: 5px solid #999;
	color: #999;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
#sidebar dt a {
	color: #999;
}
#sidebar dd {
	margin: 0 0 1.5em 0;
}
#sidebar dd li {
	display: block;
	overflow: hidden;
}
#sidebar dd li a {
	border-bottom: 1px dotted #999;
	display: block;
	margin: 5px 0 0 5px;
	overflow: hidden;
	padding: 0 5px 0 5px;
	text-decoration: none;
}



#contentWrapper {
	float: right;
	line-height: 1.5em;
	margin: 0 10px 10px 0;
	overflow: hidden;
	width: 590px;
}

/**
 * footer
 */
footer {
	background: #FA883E;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
/*	-moz-border-radius: 20px 20px 0 0;*/
}
footer dl {
	margin: 10px 0 0 20px;
}
footer dd {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
footer dd ul {
	border-top: 2px dotted #FFFFFF;
	padding: 0 1em 0 1em;
}
footer dl a:link {
	color: #FFF;
}
footer dl a:visited {
	color: #CCC;
}
footer .box1 {
	width: 500px;
}
footer .box2 {
	width: 300px;
}
footer .box3 {
	background-position: 0 -165px;
	height: 95px;
	margin: 30px 0 0 0;
	width: 240px;
}
footer .box1 h4 {
	background-position: 0 -270px;
	height: 20px;
	width: 100px;
}
footer .box2 h4 {
	background-position: -100px -270px;
	height: 20px;
	width: 70px;
}
footer .head {
	background-position: 0 -130px;
	height: 15px;
}
footer .body {
	background-position: 530px -165px;
}





#homeimage, #slideshow {
	border: 1px solid #999;
	line-height: 0;
/*	height: 288px;*/
	width: 588px;
}
#homecontent {
	margin: 10px 0 0 0;
}

#leftbox {
	float: left;
	width: 290px;
}
#rightbox {
	float: right;
	margin: 0 0 0 10px;
	width: 290px;
}

#leftbox li, #rightbox li {
	margin: 0 20px 0 20px;
}

#leftbox dd {
	margin: 0 10px 0 10px;
}



#topics {
	background-position: 0 -405px;
	height: 50px;
	width: 100%;
}
#siteArticles {
	background-position: 0 -295px;
	height: 50px;
	width: 100%;
}





.sprite {
	background: url(../images/sprite.png) no-repeat;
}


/**
 * column
 */
.category-title {
	background: #FB893E;
	color: #fff;
	font-weight: bold;
	padding: 2px 1em 0 1em;
}
.category-list dt {
	background: #eee;
	border-top: 3px solid #999;
	padding: 2px 1em 0.5em 1em;
}
.category-list dd {
	margin: 0 0 1em 0;
	padding: 0 1em 0.5em 1em;
}
.category-list dd p {
	margin: 0 0 0.5em 0;
}

dl.category-item-list dt {
	background: #999;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
}
dl.category-item-list li {
	border-bottom: 1px dotted #999;
	padding: 2px 1.5em 0 1.5em;
}
dl.category-item-list li a {
	text-decoration: none;
}
#article-wrapper {
	background-position: -295px -190px;
}
.article-title {
	background: #eee;
	border-top: 3px solid #FB893E;
	color: #FB893E;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 1em 0;
/*	padding: 0 0.5em 0 0.5em;*/
	padding: 2px 1em 0.5em 1em;

}
.article-body {
	background: #FFF;
	border-left: 1px solid #7CB1ED;
	margin: 0 0 0 90px;
	padding: 0 0.5em 0 1em;
}
.article-body p {
	margin: 1em 0 1em 0;
}
.article-body pre, .blog-body pre {
	background: #E4EFFC none repeat scroll 0 0;
	border-left: 5px solid #7CB1ED;
	color: #175CA9;
	font-family: 'ＭＳ ゴシック';
	font-size: 10px;
	padding: 5px 10px;
	overflow-x: scroll;
}
.plain-article .article-body {
	background: #FFF;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}










/**
 * weblink(bookmark)
 */
.weblink {
	
}
.weblink h3 {
	background: #eee;
	border-top: 3px solid #FB893E;
	color: #FB893E;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0.5em 0.5em 0.5em;
}
.weblink .weblink-categories {
/*	border: 1px solid #999;*/
	background: #eeeeee;
	display: block;
	margin: 0px 0 20px 0;
	overflow: hidden;
	padding: 0 1em 0 1em;
}
.weblink .weblink-categories li {
	background: #efefef;
	border-top: 1px solid #FB893E;
	display: block;
	float: left;
	margin: 5px 10px 5px 10px;
	width: 165px;
}
.weblink .weblink-categories li a {
	display: block;
	padding: 2px 5px 2px 5px;
	width: 150px;
}
.weblink .weblink-categories li a:link,
.weblink .weblink-categories li a:visited {
	display: block;
	padding: 2px 5px 2px 5px;
	width: 150px;
}
.weblink .weblink-categories li a:hover {
	background: #eee;
}

.weblink .weblink-items {
	clear: both;
}
.weblink .weblink-items {
	margin: 3em 0 0 0;
}
.weblink .weblink-items dt {
	border-bottom: 1px dotted #999;
	padding: 2px 5px 2px 5px;
}
.weblink .weblink-items dt a {
	text-decoration: none;
}
.weblink .weblink-items dd {
	border-left: 5px solid #999;
	margin: 0 0 10px 50px;
	padding: 2px 5px 2px 5px;
}



/**
 * SEARCH FORM
 */
.detail-searchform {
	background: url(../images/searchform-shadow.png) repeat-x;
	background-position: 0 bottom;
	margin: 0 0 30px 0;
	padding: 0 10px 30px 10px;
	text-align: center;
}
.detail-searchform fieldset {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
}
.detail-searchform fieldset legend {
	color: #666;
}
#search_searchword {
	margin: 0 0 10px 0;
	width: 400px;
}
.detail-searchform .inputbox {
	border: 1px solid #999;
	padding: 2px 3px;
}
.detail-searchform .button {
	border: 1px solid #999;
	display: inline-block;
	padding: 1px 3px;
	position: relative;
	top: 1px;
	width: 50px
}
.detail-searchform .search-only {
	display: block;
	clear: both;
	overflow: hidden;
	text-align: left;
}
.detail-searchform .search-only li {
	display: block;
	float: left;
	width: 105px;
}
.search-result-text {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 2px 10px 2px 10px;
}
.search-result-options {
	margin: 0.5em 0;
	padding: 2px 10px 2px 10px;
	text-align: right;
}
.search-result-options span.pagination {
	margin: 0 1em 0 0;
}
.search-result-footer {
	text-align: center;
}
.search-result-footer div.pagination {
	display: block;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: center;
	width: auto;
}
.search-result-footer div.pagination span {
	display: inline-block;
	margin: 0 0.5em 0 0;
}
.search-result-footer div.pagination span a {
	text-decoration: none;
}
.search-result-footer div.pagination span.page-number {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 0 0.5em 0 0.5em;
}
.search-result-footer div.pagination span.page-navi {
	border: 1px solid #ccc;
	width: 50px;
}
.search-result-footer div.pagination span:hover {
	background: #ccc;
}
.search-result {
}
.search-result dt {
	background: none;
	border-top: 0;
	padding: 0;
}
.search-result .item-name {
	background: #eee;
	border-top: 3px solid #999;
	padding: 2px 1em 0.5em 1em;
	text-align: left;
}
.search-result .section-name {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	padding: 0 1em 0 1em;
	text-align: right;
}




/**
 * Sidebar Twitter
 */
#twttr {
	font-size: 10px;
}
#twttr .twline {
	border-bottom: 1px dotted #999999;
}
#twttr a:link, #twttr a:visited {
	background: #eee;
	border: none;
	color: #aaa;
	display: inline;
}
.twitter-last-uptedate {
	color: #FB893E;
	font-size: 8px;
	text-align: right;
}