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

html {
	background:url(../images/image_header_back.png) repeat-x;
}

body {
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:url(../images/image_gmenu_back.png) repeat-x 0 98px;
}	

#wrapper {
	width:960px;
	text-align:left;
	margin:0 auto;
}

#header {
	position:relative;
}
	

#header strong#catch {
	color:#FFF;
	font-size:85%;
	height:14px;
	display:block;
	padding:2px 0 0 0;
}

#header h1 a {
	display:block;
	background:url(../images/image_header_logo.png) no-repeat;
	width:336px;
	height:71px;
	text-indent:-9999px;
	
	position:absolute;
	top:24px;
	left:0;
}

#header #contactus {
	position:absolute;
	top:22px;
	right:3px;
}

#header #contactus a {
	display:block;
	background:url(../images/image_header_contactus.png) no-repeat;
	width:391px;
	height:44px;
	text-indent:-9999px;
	
	position:absolute;
	top:22px;
	right:0;
}

ul#gmenu {
	margin-top:82px;
}

ul#gmenu li {
	display:inline;
}

ul#gmenu li a {
	background:url(../images/image_header_gmenu.png) no-repeat;
	height:46px;
	width:190px;
	float:left;
	text-indent:-9999px;
}

ul#gmenu li#m01 a {
	background-position:0 0;
	width:193px;
}

ul#gmenu li#m02 a {
	background-position:-193px 0;
}

ul#gmenu li#m03 a {
	background-position:-383px 0;
}


ul#gmenu li#m04 a {
	background-position:-573px 0;
}


ul#gmenu li#m05 a {
	background-position:-763px 0;
}

ul#gmenu li#m01 a:hover,
.home ul#gmenu li#m01 a {
	background-position:0 -46px;
	width:193px;
}

ul#gmenu li#m02 a:hover,
.page-id-10 ul#gmenu li#m02 a	{
	background-position:-193px -46px;
}

ul#gmenu li#m03 a:hover,
.page-id-12 ul#gmenu li#m03 a,
.page-id-14 ul#gmenu li#m03 a,
.page-id-16 ul#gmenu li#m03 a,
.page-id-18 ul#gmenu li#m03 a {
	background-position:-383px -46px;
}


ul#gmenu li#m04 a:hover,
ul#gmenu li#m04.current_page_item a {
	background-position:-573px -46px;
}


ul#gmenu li#m05 a:hover,
.single.single-original ul#gmenu li#m05 a,
.post-type-archive-original ul#gmenu li#m05 a {
	background-position:-763px -46px;
}

div#indeximage {
}

ul#select {
	clear:both;
}

ul#select li {
	display:inline;
}

ul#select li a {
	display:block;
	width:184px;
	height:198px;
	float:left;
	border:1px solid #CCC;
	margin:20px 0 16px 5px;
	text-indent:-9999px;
}

ul#select li#s01 a {
	margin-left:0;
	background:url(../images/image_index_01nameplate.png) no-repeat;
}

ul#select li#s02 a {
	background:url(../images/image_index_02seal.png) no-repeat;
}

ul#select li#s03 a {
	background:url(../images/image_index_03metalproc.png) no-repeat;
}

ul#select li#s04 a {
	background:url(../images/image_index_04plasticproc.png) no-repeat;
}

ul#select li#s05 a {
	background:url(../images/image_index_05originalprod.png) no-repeat;
}

ul#select li#s01 a:hover {
	margin-left:0;
	background:url(../images/image_index_01nameplate.png) no-repeat 0 -198px;
}

ul#select li#s02 a:hover {
	background:url(../images/image_index_02seal.png) no-repeat 0 -198px;
}

ul#select li#s03 a:hover {
	background:url(../images/image_index_03metalproc.png) no-repeat 0 -198px;
}

ul#select li#s04 a:hover {
	background:url(../images/image_index_04plasticproc.png) no-repeat 0 -198px;
}

ul#select li#s05 a:hover {
	background:url(../images/image_index_05originalprod.png) no-repeat 0 -198px;
}

#content {
	width:950px;
	position:static;
}

#content #container {
	float:left;
	margin: 20px 0 0 0;
	width: 640px;
}

#content #container h3 {
	clear: both;
	color:#333;
	font-size:138.5%;
	font-weight:bold;
	padding-bottom:0.3em;
	padding-left:0.3em;
	border-bottom:1px solid #999;
	margin-bottom:1em;
	padding-top:3em;
}

#content #container h3:first-child {
	padding-top:0;
}

#content #container h3 span {
	padding-left:0.6em;
	margin-left:0.6em;
	border-left:1px solid #333;
	font-weight:normal;
}

#content #container h4 {
	padding-left:.6em;
	padding-bottom:.6em;
}

#content #container p {
	padding-left:.6em;
	padding-bottom:1em;
}

#content #container table.custom {
	margin-left:.6em;
	width:630px;
}

#content #container table.custom th,
#content #container table.custom td {
	padding:.3em .6em;
	vertical-align:top;
}

#content #container table.custom th {
	background:EEE;
	font-weight:bold;
}

img.alignnone {
	margin:0;
	padding:0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
#content #container ol {
	padding-left: 2.5em;
	list-style-type: decimal;
	margin: 0 0 1em 0;
}

#content #container ol li {
	list-style:decimal;
	padding-bottom:.6em;
}

#content #container ul {
	padding-left: 2.5em;
	list-style-type: disc;
	margin: 0 0 1em 0;
}

#content #container ul li {
	list-style:disc;
	padding-bottom:.6em;
}

#content #container strong {
	font-weight:bold;
}

/* 新着情報とEspreeTのサイドバー切替 */

/* Espreet記事 */
.post-type-archive-original #side div#pagenav.blog,
.single-original #side div#pagenav.blog {
	display:none;
}

/* 新着情報 */
.single-format-standard #side div#pagenav.original,
.category-newinfo #side div#pagenav.original {
	display:none;
}

#content #side {
	float:right;
	margin:45px auto 0 auto;
	text-align:center;
	width:288px;
}

#content #side div#pagenav {
	width:288px;
	margin:0 auto;
	text-align:left;
	border:1px solid #CDCDCD;
	box-shadow:0 0 5px #CDCDCD;
}

#content #side div#pagenav h2 {
	background:url(../images/common/image_side_title.png) no-repeat;
	width:278px;
	height:27px;
	font-size:138.5%;
	font-weight:bold;
	color:#333;
	padding:14px 0 0 10px;
}

#content #side div#pagenav h2 span {
	padding-left:0.6em;
	margin-left:0.6em;
	border-left:1px solid #333;
	font-weight:normal;
}

#content #side div#pagenav h2 a {
	display:block;
}

#content #side div#pagenav h2 a:link,
#content #side div#pagenav h2 a:visited {
	color:#333;
	text-decoration:none;
}

#content #side div#pagenav h2 a:hover {
	color:#000;
	text-decoration:underline;
}

#content #side div#pagenav ul {
	margin:5px 0;
}

#content #side div#pagenav ul li {
	display:block;
	background:url(../images/common/image_side_content.png) no-repeat;
	width:253px;
	height:18px;
	padding:5px 0 0 35px;
	color:#333;
	text-decoration:none;
}

#content #side div#pagenav ul li:first-child {
	background:url(../images/common/image_side_content_first.png) no-repeat;
}


#content #side ul#banner {
	margin-top:20px;
}

#content #side ul#banner li img {
	border:1px solid #CDCDCD;
	box-shadow:0 0 5px #CDCDCD;
}

#footer {
	clear:both;
	margin-top:45px;
	height:182px;
	background:#006CB8;
	border-radius: 5px 5px 0 0;
	box-shadow:0 0 5px 2px #CCC;
	position:relative;
}

#footer #logo {
	background:url(../images/image_footer_logo.png) no-repeat;
	width:262px;
	height:50px;
	position:absolute;
	top:13px;
	left:20px;
	text-indent:-9999px;
}

#footer #contact {
	position:absolute;
	top:70px;
	left:83px;
	color:#FFF;
	font-size:93%;
}

#footer #sitemap {
	position:absolute;
	top:42px;
	left:490px;
	color:#FFF;
	font-size:93%;
}

#footer #copyright,
#footer #legal {
	position:absolute;
	bottom:20px;
	color:#FFF;
	font-size:93%;
}

#footer #copyright {
	left:25px;
}

#footer #legal {
	right:25px;
}

#footer #legal li {
	float:left;
	padding-left:1em;
	margin-left:1em;
	border-left:1px solid #FFF;
}

#footer #legal li:first-child {
	border-left:none;
}

#footer a:link,
#footer a:visited {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}