/*

Theme Name: theme-black
Description: スライドショー, ２カラム, 左サイドバー
Version: Version 1.0
Author: cityas
Author URI: http://www.cityas.com

*/

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

/*==============================================================
			Reset 'browser standard style'
==============================================================*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

body {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	letter-spacing:1px;
	font-size:75%;
	color:#666;
}

img { 
	border: 0; 
	vertical-align: bottom;
}

a {
	color:#1065d3;
	text-decoration: none;
}
a:link {
	color: #1065d3;
	text-decoration: none;
	
}
a:visited {  }
a:hover   { color: #5391e2;}
a:active  {  }

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/* # float clear(clearfix) */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
ul,ol {
	list-style:none;
}

/*==============================================================
		#container
==============================================================*/
#container {
	margin:0;
	padding:0;
	background:#FFF;
	width:100%;
	height:100%;
}

/*==============================================================
		#header　ヘッダー
==============================================================*/
#headContainer {
	padding-top:10px;
	background:#999;
}
#header {
	width:900px;
	height:70px;
	margin:0 auto 0;
	padding:0;
	position:relative;
	color:#FFF;
}

#header h1 {
	font-size:12px;
	padding-left:5px;
}
#header h2 {
	position:absolute;
	left:0;
	bottom:7px;
	font-size:20px;
	font-weight:bold;
}
#header #header_contact {
	position:absolute;;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	top:3px;
	text-align:right;
}

#header #header_contact p.address {
	line-height:140%;
}

/****** 検索 search ******/

#search {
	margin:3px 0 6px;
	/*border-bottom:#CCC 1px solid;*/
}
#search #s {
	background:transparent url(images/search.png) 0 center no-repeat;
	color:#FFF;
	font-size:.9em;
	margin:0;
	padding:3px 0 3px 20px;
	/*width:120px;*/
	width:200px;
}
#search input {
	border:1px solid #ccc;
}
#search #s:hover {
	color:#FFF;
}
.search-excerpt {
	margin:0;
}

/****** 検索結果 ******/
div.found {
	margin:20px 10px;
}


div.notfound {
	margin:20px 10px;
}
#search_form #s {
	background:transparent url(images/search.png) 0 center no-repeat;
	color:#666;
	font-size:.9em;
	margin:10px 0;
	padding:3px 0 3px 20px;
	/*width:120px;*/
	width:300px;
}

#search_form input {
	border:1px solid #ccc;
}
#search_form #s:hover {
	color:#666;
}
.search_form-excerpt {
	margin:0;
}

/*==============================================================
		#NaviMenu　メインメニュー
==============================================================*/

#NaviMenu {
	width:100%;
	height:46px;
	background:url(images/navi.jpg) 0 0 repeat-x;
}
#NaviMenu ul {
	width:900px;
	height:46px;
	margin:0 auto;
	padding:0;
	list-style:none;
	background:url(images/navi_border.png) left 0 no-repeat;
}
#NaviMenu ul li {
	float:left;
	font-size:20px;
	background:url(images/navi_border.png) right center no-repeat;
}
#NaviMenu ul li:first-child {
	margin-left:3px;
}
#NaviMenu ul li a{
	color:#FFF;
	padding:12px 27px 12px 29px;
	margin-right:2px;
	display:block;
	text-align:center;
}
#NaviMenu ul li a span {
	/*background:url(images/navi_list01.png) 0 center no-repeat;*/
}
#NaviMenu ul li a:hover {
	color:#FFF;
	background:url(images/navi_r.jpg) 0 0 repeat-x;
	display:block;
}

/*==============================================================
		#content_bg コンテンツ背景
==============================================================*/

#content_bg {
	width:100%;
	margin:0;
	padding:15px 0 0;
	background:url(images/content_bg.jpg) 0 0 repeat-x;
}

/*==============================================================
		#top_image　#slideshow メインスライドショー
==============================================================*/
#top_image {
	width:890px;
	padding:4px;
	text-align:center;
	margin:0 auto;
	box-shadow:0px 0px 6px #AAA;
	border:#CCC 1px solid;
	height:340px;
	background:#FFF;
}

#slideshow {
	position:relative;
}

#slideshow .slide {
	display:none;
	}

#slideshow .slide .catch {
	position:absolute;
	right:5%;
	top:48%;
	z-index:9999;
	color:#FFF;
	font-size:26px;
	text-shadow:2px 1px 3px #000;
}

/*==============================================================
		#bnr_box トップバナー
==============================================================*/
#bnr_box {
	width:900px;
	margin:15px auto;
	padding:10px 0;
	/*box-shadow:0px 0px 6px #AAA;
	border:#DDD 1px solid;*/
}
#bnr_box .outbox {
	margin-bottom:15px;
}
#bnr_box a {
	display:block;
	float:left;
	margin-right:15px;
}
#bnr_box a.last {
	margin-right:0;
}
#bnr_box a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#bnr_box .case {
	width:260px;
	box-shadow:0px 0px 3px #AAA;
	border:#CCC 1px solid;
	padding:14px;
}
#bnr_box .case p.bnr_title {
}
#bnr_box .case p.bnr_title span {
	background: #222 url(images/list_icon.png) 250px center no-repeat;
	padding: 7px 5px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	display:block;
}
#bnr_box .case img {
	text-align:center;
	margin-bottom:5px;
}
#bnr_box .case .excerpt {
	color:#666;
	line-height:160%;
}

/*==============================================================
		#content common settings
==============================================================*/
#content {
	width:900px;
	margin:15px auto 20px;
	padding:0;
}
#content h3 {
	background:url(images/title_bg.jpg) 0 0 repeat-x;
	padding:6px 5px;
	font-size:18px;
	color:#FFF;
	border-radius:5px;
}
#content h3 span {
	font-weight:bold;
	padding-left:10px;
	background:url(images/navi_list05-1.png) 0 center no-repeat;
}

/*==============================================================
		#main
==============================================================*/
#main {
	width:585px;
	padding:10px 4px 0;
	float:left;
	box-shadow:0px 0px 6px #AAA;
	border:#CCC 1px solid;
	background:#FFF;
}
#main span.red {
	color:#F00;
}

#main ul.info_list {
	padding:10px;
	margin:0;
}
#main ul.info_list li {
	padding:5px;
	margin:0 0 5px;
	border-bottom:#666 1px dotted;
}
#main ul.info_list li span {
	padding-right:10px;
}
#main #info-single {
	line-height:160%;
}

/*==============================================================
		#side
==============================================================*/
#side {
	width:290px;
	float:right;
}

#side div.side_widget {
	margin-bottom:15px;
	padding:10px 4px;
	box-shadow:0px 0px 6px #AAA;
	border:#CCC 1px solid;
	background:#FFF;
}
#side div.side_widget ul {
	padding:10px 0 0;
	margin:0;
}
#side div.side_widget ul li:first-child {
	border-top:#CCC 1px solid;
}
#side div.side_widget ul li {
	border-bottom:#CCC 1px solid;
}
#side div.side_widget ul li a {
	display:block;
	padding:7px 5px 7px 13px;
	background:url(images/list_icon.png) 3px center no-repeat;
}
#side div.side_widget ul li a:hover {
	background:#EEE url(images/list_icon.png) 6px center no-repeat;
}


/*==============================================================
		#footer
==============================================================*/
#footer {
	width:100%;
	border-top:#222 2px solid;
	text-align:center;
}
#footer #copy {
	padding:10px;
}

/*==============================================================
		#Page 固定ページ　company, contact, sitemap
==============================================================*/
/******* 会社概要 Company *******/
#company {
	margin:10px auto;
	width:98%;
}
#company table.table_style {
	width:100%;
	margin:0 auto;
}
#company table.table_style th,
#company table.table_style td {
	font-weight:normal;
	margin:0;
	padding:20px 5px;
	background:none;
	border-bottom:#CCC 1px solid;
	vertical-align:top;
}
#company table.table_style th {
	text-align:center;
	border-bottom:#CCC 1px solid;
	background:#EEE;
}
#company table.table_style span.red {
	color:#F00;
	padding-left:5px;
}

div.map {
	width:570px;
	margin:10px auto;
	text-align:center;
	padding:3px;
	background:#CCC;
}

/***** Page Contact ******/
#contact {
	margin:10px auto;
	width:98%;
	line-height:160%;
}
#contact table.formstyle {
	width:100%;
	margin:10px auto;
	border:none;
	border-collapse:collapse;
}
#contact table.formstyle th,
#contact table.formstyle td {
	font-weight:normal;
	margin:0;
	padding:7px 3px;
	background:none;
	border-bottom:#CCC 1px solid;
}
#contact table.formstyle th {
	text-align:center;
}
#contact table.formstyle span.red {
	color:#F00;
	padding-left:5px;
}
#contact .submit {
	margin-top:10px;
	text-align:center;
	}

input#button_mfp_goconfirm,
input#button_mfp_reset {
	padding:5px 10px;
}
/****** サイトマップ　メニュー ******/
ul#menu-sitemap {
	width:98%;
	padding:10px 0;
	margin:20px auto;
	}
ul#menu-sitemap li {
	list-style:none;
	font-size:14px;
	width:46%;
	float:left;
	margin:0px 10px 0px;
	padding:0;
	}
ul#menu-sitemap li a {
	display:block;
	padding:15px 0 15px 12px;
	background:url(images/list_icon.png) no-repeat 3px center;
	border-bottom:1px solid #CCC;
}
ul#menu-sitemap li a:hover {
	display:block;
	background:#EEE url(images/list_icon.png) no-repeat 5px center;
}
ul#menu-sitemap li ul.sub-menu {
	width:100%;
	margin:0;
	padding:0;
}
ul#menu-sitemap li ul.sub-menu li {
	list-style:none;
	font-size:14px;
	float:none;
	margin:0px;
	padding:0;
}
ul#menu-sitemap li ul.sub-menu li a {
	display:block;
	color:#222;
	padding:7px 0 2px 12px;
	background:url(images/li.png) no-repeat 5px 14px;
	border-bottom:1px dotted #999;
}
ul#menu-sitemap li ul.sub-menu li a:hover {
	display:block;
	background:#EEE url(images/li.png) no-repeat 5px 14px;
}

/***************** 製品案内 product archive　ページ *******************************/
#main div.case {
	width:98%;
	margin:20px auto;
	padding:0 0 20px;
	clear:both;
	border-bottom:1px #CCC solid;
	position:relative;
}
	
#main div.case dl {
	width:100%;
	position:relative;
	}
#main div.case dl dt {
	width:260px;
	padding:3px;
	background:#FFF;
	border:#CCC 1px solid;
	text-align:center;
	float:left;
	box-shadow:0px 0px 3px #AAA;
	}
#main div.case dl dd {
	margin-left:280px;
	}
#main div.case dl dd h3.postTitle {
	background:none;
	border-bottom:#222 1px solid;
	border-radius:0px;
}
#main div.case dl dd h4.postTitle a { color:#222; font-size:14px; }

#main div.case dl dd p {
	color:#666;
	padding:5px;
	}
#main div.case .detail_btn {
	margin-left:auto;
	margin-right:0;
	position:absolute;
	bottom:5px;
	right:5px;
}

/***************** 設備紹介 equipment ページ *******************************/
div.casebox {
	padding:5px;
	margin: 15px auto;
}
div.casebox .leftbox {
	float: left;
	width:280px;
}
div.casebox .rightbox {
	float: right;
	width:280px;
}
div.casebox img.image {
	width: 272px;
	padding: 3px;
	background: white;
	border: #CCC 1px solid;
	text-align: center;
	box-shadow: 0px 0px 3px #AAA;
}
div.casebox p.detail_text {
	line-height: 160%;
	font-size:14px;
}
/*==============================================================
		BUTTONS
==============================================================*/

#pageTop {
   text-align:right;
   margin:15px 12px;
}

#pageTop a {
	color:#666;
}

.btn-shortcode {
    display: inline-block;
    nowhitespace: afterproperty;
    zoom: 1;
    *display:inline;
    vertical-align:baseline;
    margin:0 2px 5px;
    outline:none;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    padding: 0px 20px;
    height: 35px;
    line-height: 35px;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.btn-shortcode:hover {
    text-decoration: none;
    color: #FFF;
}
.btn-shortcode:active {
    position: relative;
    top: 1px;
    color: #FFF;
}
/* black */
.buttonblack {
    color: #d7d7d7 !important;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear,left top,left bottom,from(#666),to(#000));
    background: -moz-linear-gradient(top, #666, #000);
}
.buttonblack:hover {
    background: #000;
    background: -webkit-gradient(linear,left top,left bottom,from(#444),to(#000));
    background: -moz-linear-gradient(top, #444, #000);
}
.buttonblack:active {
    color: #666;
    background: -webkit-gradient(linear,left top,left bottom,from(#000),to(#444));
    background: -moz-linear-gradient(top, #000, #444);
}
/* gray */
.buttongray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear,left top,left bottom,from(#888),to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
}
.buttongray:hover {
    background: #616161;
    background: -webkit-gradient(linear,left top,left bottom,from(#757575),to(#4b4b4b));
    background: -moz-linear-gradient(top, #757575, #4b4b4b);
}
.buttongray:active {
    color: #afafaf;
    background: -webkit-gradient(linear,left top,left bottom,from(#575757),to(#888));
    background: -moz-linear-gradient(top, #575757, #888);
}
/* white */
.buttonwhite {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
}
.buttonwhite:hover {
    color: #606060;
    background: #ededed;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
}
.buttonwhite:active {
    color: #999;
    background: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
}
/* orange */
.buttonorange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
}
.buttonorange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
}
.buttonorange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
}
/* red */
.buttonred {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
}
.buttonred:hover {
    background: #b61318;
    background: -webkit-gradient(linear,left top,left bottom,from(#c9151b),to(#a11115));
    background: -moz-linear-gradient(top, #c9151b, #a11115);
}
.buttonred:active {
    color: #de898c;
    background: -webkit-gradient(linear,left top,left bottom,from(#aa1317),to(#ed1c24));
    background: -moz-linear-gradient(top, #aa1317, #ed1c24);
}
/* blue */
.buttonblue {
    color: #FFF;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
}
.buttonblue:hover {
    background: #007ead;
    background: -webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
}
.buttonblue:active {
    color: #80bed6;
    background: -webkit-gradient(linear,left top,left bottom,from(#0078a5),to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
}
/* rosy */
.buttonrosy {
    color: #fae7e9;
    border: solid 1px #b73948;
    background: #da5867;
    background: -webkit-gradient(linear,left top,left bottom,from(#f16c7c),to(#bf404f));
    background: -moz-linear-gradient(top, #f16c7c, #bf404f);
}
.buttonrosy:hover {
    background: #ba4b58;
    background: -webkit-gradient(linear,left top,left bottom,from(#cf5d6a),to(#a53845));
    background: -moz-linear-gradient(top, #cf5d6a, #a53845);
}
.buttonrosy:active {
    color: #dca4ab;
    background: -webkit-gradient(linear,left top,left bottom,from(#bf404f),to(#f16c7c));
    background: -moz-linear-gradient(top, #bf404f, #f16c7c);
}
/* green */
.buttongreen {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
}
.buttongreen:hover {
    background: #538018;
    background: -webkit-gradient(linear,left top,left bottom,from(#6b9d28),to(#436b0c));
    background: -moz-linear-gradient(top, #6b9d28, #436b0c);
}
.buttongreen:active {
    color: #a9c08c;
    background: -webkit-gradient(linear,left top,left bottom,from(#4e7d0e),to(#7db72f));
    background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
}
/* pink */
.buttonpink {
    color: #feeef5;
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear,left top,left bottom,from(#feb1d3),to(#f171ab));
    background: -moz-linear-gradient(top, #feb1d3, #f171ab);
}
.buttonpink:hover {
    background: #d57ea5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f4aacb),to(#e86ca4));
    background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
}
.buttonpink:active {
    color: #f3c3d9;
    background: -webkit-gradient(linear,left top,left bottom,from(#f171ab),to(#feb1d3));
    background: -moz-linear-gradient(top, #f171ab, #feb1d3);
}


/********* widgets style ********/
table#wp-calendar {
	width:100%;
	text-align:center;
}
/*===================================================
		 #Page-Sitemap
====================================================*/
ul.sitemap {
	list-style:circle;
	list-style-position:inside;
	width:90%;
	margin:30px auto;
}
ul.sitemap li {
	border-bottom:#CCC 1px solid;
}
ul.sitemap li.first {
	border-top:#CCC 1px solid;
}
ul.sitemap li a {
	line-height:160%;
	display:block;
	padding:10px 5px 10px;
}
ul.sitemap li a:hover {
	background:#EEE;
}