@charset "utf-8";

/* =Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
}
body, img {
	line-height:1;
}
h1, h2, h3, h4, h5, h6 {
	clear:both;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
blockquote {
	quotes:none;
}
blockquote:before, blockquote:after {
	content:'';
	content:none;
}
del {
	text-decoration:line-through;
}
a img {
	border:none;
}

/* =Layout
-------------------------------------------------------------- */

#container {
	float:right;
	margin:0;
	width:680px;
}
#content {
	margin:0;
	width:100%;
}
#sidebar {
	width:238px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}
#footer {
	clear:both;
	width:100%;
}

/* =Fonts
-------------------------------------------------------------- */
body,
.page-title span,
.pingback a.url {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#footer-submenu,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
pre {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
code {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*=====見出し=====*/
.text_ll {
	font-size:129%;
}
.text_l {
	font-size:115%;
}
.text_m {
	font-size:100%;
}
.text_s {
	font-size:86%;
}
.text_ss {
	font-size:72%;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
.menu-header,
div.menu,
#colophon,
#main,
#wrapper {
	margin:0 auto;
	width:940px;
	text-align:left;
}
#wrapper {
	margin-top:0px;
	padding:0px;
}

/* Structure the footer area */

#footer-menuarea {
	width:940px;
	margin:0 auto;
}

#footer-menuarea .menu-footer {
	float:left;
}

#footer-submenu {
	clear:both;
	float:left;
	margin:10px 0;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */


html {
}

body {
	background-color:#fff;
	background-image:url(img/bg.jpg);
	background-position:left top;
	background-attachment:scroll;
	background-repeat:repeat-x; /*no-repeat*/
	color:#333;
	font-size:14px;
	line-height:1.5;
	font-style:normal;
	letter-spacing:0.1em;
	text-align:center;
}

input,
textarea {
}
hr {
	background-color:#ccc;
	border-color:#ccc;
	border:0;
	clear:both;
	height:1px;
	margin-bottom:20px;
}

/* Text elements */
p {
	margin:10px 0;
}
ul {
	list-style-type:none;
	list-style-image:url(img/icon_list.gif);
	margin:20px 0 20px 40px;
}
ul ul {
	list-style-type:none;
	list-style-image:url(img/icon_list2.gif);
	margin:10px 10px 10px 30px;
}
ol {
	list-style:decimal;
	margin:0 0 20px 40px;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight:bold;
}
dd {
	margin-bottom:20px;
}
strong {
	font-weight:bold;
	color:#ff0000;
}
em {
	font-weight:bold;
	font-style:normal;
}
.catch {
	font-size:115%;
	color:#009966;
	line-height:1.8;
}
.aka {
	color:#ff0000;
}
.kakomi {
	font-size:100%;
	padding:10px 20px 0px 20px;
	border:1px solid #CCC;
	background-color:#fff;
	background:#fafafa;
}

/* Link */
a:link {
	color:#003366;
	text-decoration:underline;
}
a.yajirushi {
	text-decoration:none;
	background-image:url(img/icon_list2.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}
a:visited {
	color:#3366cc;
	text-decoration:underline;
}
a:hover {
	color:#F00;
	text-decoration:underline;
}
a:active {
	color:#F90;
	text-decoration:underline;
}


/* =Header
-------------------------------------------------------------- */

#headerarea {
	background:url(img/header_bg.jpg);
	background-position:center top;
	background-attachment:scroll;
	height:100px;
}
#header {
	padding:0 0 0 0;
	margin:0 auto;
	width:940px;
}
#site-title {
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
}

#site-title a {
	display:block;
	width:460px; /* 画像の幅 */
	text-indent:-9999px; /* textを飛ばす */
	outline:none; /* クリック時の枠線を消す */
	background-image:url(img/tit.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%; /* point 位置調整 */
	border-bottom:none;
	height:100px; /* 画像の高さに合わせて調整 */
}

#header-menu {
	float:right;
	text-align:right;
}

#header-menu ul {
	line-height:0;
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-style:none;
}

#header-menu ul#contact {
	margin-top:20px;
}

#header-menu ul a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	clear:both;
	display:block;
	margin:0 auto;
	width:940px;

}
#access .menu-header ul  {
	list-style:none;
	margin:0;
}
#access .menu-header li {
	position:relative;
	float:left;
}
#access a {
	display:block;
	height:40px;
	text-indent:-9999px;
	width:188px;
}
#access li a:hover {
	background-position:0 -40px;
}
#access li.current a {
	background-position:0 -80px;
}
#access li.current a:hover {
	background-position:0 -40px;
}

#access .menu-1 a {
	background:url(img/btn/home.jpg);
	background-repeat:no-repeat;
}
#access .menu-2 a {
	background:url(img/btn/products.jpg);
	background-repeat:no-repeat;
}
#access .menu-3 a {
	background:url(img/btn/company.jpg);
	background-repeat:no-repeat;
}
#access .menu-4 a {
	background:url(img/btn/kyoten.jpg);
	background-repeat:no-repeat;
}
#access .menu-5 a {
	background:url(img/btn/access.jpg);
	background-repeat:no-repeat;
}

/* =Sidebar
-------------------------------------------------------------- */

#sidebar {
	padding:6px 0;
	border:1px solid #ccc;
}
#sidebar h1 {
	margin:0 6px;
	padding:0;
}
#sidebar h1 a:hover img {
	filter:alpha(opacity=90);
	opacity:0.9;
}

#sidebar .submenu {
	margin:6px 6px 0 6px;
	padding:0;
	overflow:hidden;
	list-style-type:none;
	list-style-image:none;
}

#sidebar .submenu li.subtit {
	padding:10px 25px 10px 10px;
	background-color:#cbe0f8;
}

#sidebar .submenu li a {
	padding:10px 25px 10px 10px;
	color:#333;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-color:#fafafa;
	background-image:url(img/sidebar_list.gif);
	background-repeat:no-repeat;
	background-position:202px center;
}
#sidebar .submenu li+li a {
	border-top:1px solid #ccc;
}

#sidebar .submenu li a:hover {
	color:#000;
	background:#eee;
	background-image:url(img/sidebar_list.gif);
	background-repeat:no-repeat;
	background-position:202px center;
}


/* =Content
-------------------------------------------------------------- */

#main {
	clear:both;
	overflow:hidden;
	padding:20px 0;
}
#content {
	margin-bottom:0px;
}
#content {
	color:#333;
	font-size:14px;
	line-height:1.6;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom:20px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom:0;
}

#content h1 {
	font-size:180%;
	font-weight:bold;
	color:#000;
/*
	background-image:url(img/icon_h1.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
*/
	margin-top:0px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:20px;
	border-left:8px solid #000;
}

#content h2 {
	background-color:#000;
	background-image:url(img/icon_h2.gif);
	background-repeat:no-repeat;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	padding:5px 10px 5px 25px;	
}
#content h2.tit {
	font-size:130%;
	font-weight:bold;
	color:#000;
	background-color:#fff;
	background-image:url(img/icon_h2_tit.gif);
	background-repeat:no-repeat;
	line-height:43px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	padding:0 10px 0 25px;
}
#content h2.seihin {
	display:block;
	width:680px; /* 画像の幅 */
	text-indent:-9999px; /* textを飛ばす */
	outline:none; /* クリック時の枠線を消す */
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:0% 0%; /* point 位置調整 */
	border-bottom:none;
	height:280px; /* 画像の高さに合わせて調整 */
	padding:0;
	margin:0 0 20px 0;
}

#content h3 {
	font-size:100%;
	font-weight:bold;
	color:#333;
	background-color:#fff;
	background-image:url(img/icon_h3.gif);
	background-position:left top;
	background-attachment:scroll;
	background-repeat:no-repeat;
	padding:12px 10px 20px 45px;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid #ccc;
}

#content h4 {
	font-size:100%;
	font-weight:bold;
	color:#000;
}

#content table.hyou {
	border-collapse:collapse;
	border:2px solid #ccc;
	border-spacing:0;
	empty-cells:show;
}
#content table.hyou th {
	border-collapse:collapse;
	background-color:#336699;
	color:#fff;
	font-size:100%;
	border-top-width:1px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	text-align:center;
}
#content table.hyou td {
	border-collapse:collapse;
	background-color:#fff;
	padding:5px;
	font-size:100%;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
}

#content table.hyou td.midashi {
	background-color:#eef6ff;
}



/* =Footer
-------------------------------------------------------------- */

#footer {
	font-size:80%;
	border-top:1px solid #ccc;
	margin-bottom:20px;
}

#footer a {
	color:#333;
	text-decoration:none;
}
#footer a:hover {
	color:#666;
	text-decoration:underline;	
}
#footer-menuarea .menu-footer ul {
	list-style-image:none;
	margin:0;
	padding:0;
}
#footer-menuarea .menu-footer li {
	position:relative;
	float:left;
	margin-right:20px;
	line-height:30px;
	padding:0 0 20px 15px;
	background-image:url(img/icon_list2.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
}
#footer-menuarea #page-top {
	line-height:30px;
	float:right;
}
#footer-menuarea #page-top a {
	line-height:30px;
	float:right;
	padding:0 0 10px 20px;
	background-image:url(img/pagetop.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
}

#site-generator {
	clear:both;
	text-align:center;
}

#colophon {
	margin-top:0;
	overflow:hidden;
	padding:0;
}

/* =製品情報
-------------------------------------------------------------- */
#content .products_box {
	clear:both;
}
#content .products_box .products_img {
	float:left;
	margin-bottom:20px;
	
}
#content .products_box .products_img a img {
	border:1px solid #ccc;
	padding:5px;
	
}
#content .products_box .products_img a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
	border:1px solid #004592;
	
}
#content .products_box .products_detail {
	float:right;
	width:530px;
}
#content .products_box .products_detail h3 {
	color:#000;
	background-color:#fff;
	background-image:url(img/icon_h3_link.gif);
	background-position:left top;
	background-attachment:scroll;
	background-repeat:no-repeat;
	margin-top:0;
	padding:12px 10px 20px 45px;
	font-size:100%;
}
#content .products_box .products_detail h3 a {
	text-decoration:none;
	color:#333;
}
#content .products_box .products_detail h3 a:hover {
	text-decoration:underline;
	color:#ff0000;
}
#content .products_box .products_detail p {
	padding:10px 20px 0 20px;
}
#content .products_opt {
	background-image:url(img/grd.gif);
	background-repeat:repeat-x;
	border:1px solid #ccc;
	font-size:90%;
}
#content .products_opt p {
	padding:10px 20px 0 20px;
}

/* =求人情報
-------------------------------------------------------------- */

#content ul.recruit {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
}
#content ul.recruit li {
	margin:0 0 20px 0;
	padding:10px 10px 10px 40px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #e5e5e5;
	font-weight:bold;
	background-image:url(img/icon_list.gif);
	background-repeat:no-repeat;
	background-position:15px 15px;
}
#content ul.recruit li a {
	text-decoration:none;
}