/*
Theme Name: SHIBATASANGYOU
Theme URI: http://www.shibata-sangyo.com/
Description: This is "SHIBATASANGYOU" theme.
*/

/*
----------------------------------------------------------------------------------------------
初期化
ベースレイアウト（２カラム）

	idの構造
	
	#container
		#header	ヘッダ
		#main	メーンコンテンツ(float: right;)
		#sub	サブコンテンツ(float: left;)
		#footer	フッタ(clear: both;)

----------------------------------------------------------------------------------------------*/

html, body, div,
h1, h2, h3, h4, h5, h6, p, address,
a, span, em, strong, img, hr,
dl, dt, dd, ul, ol, li,
form, fieldset, legend, label,
table, caption, tr, th, td,
object,
abbr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: bottom;
	background: transparent;
	font-weight: normal;
}


body {
	width: 100%;
	line-height: 1.6;
	letter-spacing: normal;
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
	color: #333333;
	background-color: #ffffff;
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}

h1 {/*
	margin: 0 auto;
	width: 750px;
	background-color: #ffffff;
	text-indent: 6px;*/
}

h1 span {
	font-size: 0.8em;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

address, em {
	font-style: normal;
}

a {
	text-decoration: none;
}
a:link,
a:visited {
	color: #333333;
}
a:hover,
a:active {
	color: #aaaaaa;
}

h1 {
	position: absolute;
	text-indent: 1em;
	/*
	height: 75px;
	*/
}



/*
----------------------------------------------------------------------------------------------
コンテナスタイル

----------------------------------------------------------------------------------------------*/

#container {
	margin: 0 auto;
	width: 750px;
	overflow: hidden;
	background-color: #ffffff;
	position: relative
}

/* リンク */
#container a:link, #container a:visited{
	color: #0066ff;
	text-decoration: none;
}
#container a:hover, #container a:active {
	color: #0066ff;
	text-decoration: underline;
}

#container h1 a,
#container h1 a:link,
#container h1 a:visited,
#container h1 a:hover,
#container h1 a:active {
	color: #ffffff;
}


/*
----------------------------------------------------------------------------------------------
ヘッダスタイル

----------------------------------------------------------------------------------------------*/



#container #header {
	padding: 1.2em 0 0 0;
	height: 75px;
	background-color: #4095EF;
	background-image: url(images/header_bg.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
#container #header p {
	margin: 0 0 0 auto;
	width: 250px;
	text-align: right;
}
#container #header #Logo {
	float: left;
}
#container #header #Contactus {
	float: right;
}
#mainimg {
	margin-bottom: 3em;
	clear: both;
}

/*
----------------------------------------------------------------------------------------------
コンテンツスタイル

----------------------------------------------------------------------------------------------*/

#contents {
	padding: 0 10px 10px;
	height: 1%;
	overflow: hidden;
}



/*
----------------------------------------------------------------------------------------------
メーンコンテンツスタイル(全般)

----------------------------------------------------------------------------------------------*/

#main {
	padding: 0 5px 1em;
	float: left;
	width: 520px;
	height: 1%;
	overflow: hidden;
	background-color: #ffffff;
}

#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	margin-bottom: 0;
	font-weight: bold;
}

#main .section {
	margin-bottom: 5em;
}
#main p#pagetitle {
	margin-bottom: 3em;
	padding: 1em;
	border: 3px double #03AAE1;
	font-weight: bold;
	text-align: center;
}

#main h2 {
	margin-bottom: 1.5em;
	padding-left: 6px;
	border-bottom: 3px solid #03AAE1;
	line-height: normal;
}
#main h2 a {
	font-weight: bold;
	font-size: 1.4em;
}
#main h2 a:link,
#main h2 a:visited {
	color: #333333;
	text-decoration: none;
}
#main h2 a:lhover,
#main h2 a:active {
	color: #333333;
	text-decoration: none;
}
#main .post {
	margin-bottom: 5em;
	border-bottom: 1px solid #03AAE1;
	height: 1%;
	overflow: hidden;
}
#main .post h2 span {
	display: block;
	position: relative;
	top: 0;
	left: -5px;
	font-size: 0.9em;
}
#main .post #post-text {
	margin-bottom: 12px;
	padding-bottom: 24px;
	height: 1%;
	overflow: hidden;
	background-image: url(images/line.gif);
	background-position: 0 0;
}
#main .post #post-text div {
	margin-bottom: -24px;
}
#main .post #post-text div p {
	margin-bottom: 24px;
	padding: 0 6px;
	line-height: 24px;
	letter-spacing: 2px;
}
#main .post #post-text div strong {
	font-weight: bold;
}
#main .post p img {
	margin-bottom: 2em;
	padding: 0 6px;
}
.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.alignleft {
	margin-right: 12px;
	margin-bottom: 2px;
	margin-left: 6px;
	display: inline;
	float: left;
}
.alignright {
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 12px;
	display: inline;
	float: right;
}
.wp-caption {
	margin-top: 10px;
	padding-top: 5px;
	border: 1px solid #dcdcdc;
	background-color: #ffffff;
	text-align: center;
}
#main .post p.postinfo {
	margin-bottom: 0;
	clear: both;
	font-size: 0.8em;
	text-align: right;
}
#main .post p.pagelink {
}
#main .post p.pagelink .pageprev {
	padding-left: 6px;
	display: block;
	float: left;
}
#main p.pagelink .pagenext {
	padding-right: 6px;
	display: block;
	float: right;
}

#main #com {
	margin-top: 5em;
	margin-bottom: 2em;
}
#main #com p {
	padding: 0 6px;
}
#main #com form {
	margin-bottom: 3em;
	padding-bottom: 2em;
	border-bottom: 1px dashed #dcdcdc;
}
#main #com form p {
	margin-bottom: 1em;
}
#main #com form p textarea {
	width: 500px;
}
#main #com #comfeed img {
	margin-right: 6px;
	vertical-align: middle;
}
#main #com #comfeed {
	margin-bottom: 1em;
	background-color: #f9f9f9;
	padding: 8px;
}
#main #com #trurl {
	background-color: #f9f9f9;
	padding: 8px;
}
#main #com #trurl strong {
	font-weight: bold;
}
#main #com h2 {
	border-bottom: 3px solid #dcdcdc;
	font-weight: bold;
	font-size: 1.2em;
}
#main #com h2#postcomment {
	margin-top:3em;
}
#main #com .compost {
	margin-bottom: 2em;
	border-bottom: 1px dashed #dcdcdc;
}
#main #com .compost p {
	margin-bottom: 1em;
	padding: 0 6px;
}
#main #com .compost p strong {
	font-weight: bold;
}
#main #com .compost p.cominfo {
	margin-bottom: 0;
	font-size: 0.8em;
	text-align: right;
}
#main #com .compost-tb {
	margin-bottom: 2em;
	border-bottom: 1px dashed #dcdcdc;
	background-color: #FFFFee;
}
#main #com .compost-tb p {
	margin-bottom: 1em;
	padding: 0 6px;
}
#main #com .compost-tb p strong {
	font-weight: bold;
}
#main #com .compost-tb p.cominfo {
	margin-bottom: 0;
	font-size: 0.8em;
	text-align: right;
}



/*
----------------------------------------------------------------------------------------------
サブコンテンツスタイル

----------------------------------------------------------------------------------------------*/

#sub {
	float: right;
	width: 180px;
	height: 1%;
	overflow: hidden;
}
#sub h2{
	height: 30px;
	line-height: 30px;
	color: #333333;
	background-image: url(images/sub-menu-title.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	text-indent: 28px;
	
	/* css3 text-shadow */
	text-shadow: #ffffff 1px 1px 1px;
}
#wp-calendar {
	margin-bottom: 2em;
	border-collapse: collapse;
	width: 180px;
	background-color: #ffffff;
}
#wp-calendar caption {
	height: 30px;
	line-height: 30px;
	color: #333333;
	background-image: url(images/sub-menu-title.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	text-indent: 28px;
	text-align: left;
	
	/* css3 text-shadow */
	text-shadow: #ffffff 1px 1px 1px;
}
#wp-calendar tr {}
#wp-calendar tr th {
	text-align: center;
}
#wp-calendar tr td {
	text-align: center;
}
#wp-calendar thead tr {}
#wp-calendar thead tr th {
	padding-top: 0.5em;
	border-bottom: 1px dashed #dcdcdc;
	font-weight: bold;
	text-align: center;
}
#wp-calendar thead tr td {
	text-align: center;
}
#wp-calendar tfoot tr {}
#wp-calendar tfoot tr th {
	background-color: #66FFFF;
	text-align: center;
}
#wp-calendar tfoot tr td {
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	border-top: 1px solid #dcdcdc;
}
#wp-calendar tfoot tr td#prev {
	padding-left: 3px;
	text-align: left;
}
#wp-calendar tfoot tr td#next {
	padding-right: 3px;
	text-align: right;
}
#wp-calendar tbody tr td a {
	color: #0000FF;
}
#wp-calendar tbody tr td a:hover,
#wp-calendar tbody tr td a:active {
	color: #aaaaFF;
}

#sub ul {
	margin-bottom: 2em;
	padding: 0.5em 0 0.5em 14px;
	list-style-type: none;
	background-color: #ffffff;
}
#sub ul li {
	margin-bottom: 0.3em;
	padding-left: 14px;
	background-image: url(images/list-marker.gif);
	background-repeat: no-repeat;
	background-position: 0 0.35em;
}
#sub ul li a {}
#sub p.feed {
	padding:6px;
	background-color: #ffffff;
}
#sub p.feed img {
	margin-right: 8px;
	vertical-align: middle;
}


/*

フッタスタイル
footer.css
	#nav
	#location
	#copyright
------------------------------------------------------------*/

#footer {
	padding: 0.5em 1em 0 1em;
	clear: both;
	color: #333333;
	border-top: 1px dashed #dcdcdc;
	background-color: #ffffff;
	background-image: url(images/footer-back.gif);
	background-repeat: repeat-x;
}

/* = id:nav */
#footer #nav {
	margin-left: -0.8em;
}
#footer #nav ul {
	margin-bottom: 2em;
	list-style-type: none;
	height: 1%;
	line-height: normal;
	overflow: hidden;
}
#footer #nav ul li {
	margin: 0.5em 0 0 -1px;
	padding: 0 0.6em;
	float: left;
	list-style-type: none;
	border-left: 1px solid #333333;
}

/* = id:location */
#footer #location {
	clear: both;}
#footer #location dl {
	margin-bottom: 2em;
	height: 1%;
	overflow: hidden;
}
#footer #location dl dt {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.2em;
}
#footer #location dl dd {
	padding-right: 3em;
	float: left;
}
#footer #location dl dd address em {
	font-weight: bold;
}

/* = id:copyright */
#footer #copyright {
	clear: both;
}
#footer #copyright p {
}
#footer #copyright p strong {
	font-weight: bold;
	font-size: 1.2em;
}