@charset "utf-8";
/*
Theme Name: WIRE-STYLE
Version: 0.0.1
Author: 株式会社デジコム
Author URI: http://www.djcom.jp/
Template: hublog-framework
*/


/*グローバル
----------------------------------------------------------------------------------------------- */
.attachment-thumbnail{ margin:0 0 0  5px;}

img.attachment-thumbnail{ border:1px solid #fff;}
img.attachment-thumbnail:hover{ border:1px solid #45B7B8;}

a.thumbnail:hover{ text-decoration:none;}

/* Begin デフォルト設定
----------------------------------------------------------------------------------------------- */
body{
background: url(images/bg_body.gif) center repeat-y #F7F7F7;

}


.posts a.thumbnail span.new {
display:none;
}
/*サムネイル*/


div#container{
 margin:0 auto; padding:10px 0 0;
 clear:both;
 width:auto;
}


div#content{
border-top:2px solid #666;
}

span.to_cate{ clear:both; display:block;}
span.to_cate a{ display:block;}
span.to_cate br{ line-height:0; height:0; display: block;}


a{ color: #009; text-decoration:none;}

a:hover {
	color: #F03;
	text-decoration: underline;
	}
	
h2,h3,h4,caption{
font-size:1.3em;
font-weight:bold;
font-family:'メイリオ',Meiryo,osaka, 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


	

/*新着記事アイコン
----------------------------------------------------------------------------------------------- */

span.icon_new{display:block;
background-image:url(images/icon/new.gif);
background-position: 0 center ;
background-repeat:no-repeat;
width:30; height:1.6em;
text-indent:-999px; overflow:hidden;

}


/* End デフォルト設定 */




/* Begin header.phpおよびヘッダー関連要素 
----------------------------------------------------------------------------------------------- */


#header { width:950px;
margin:0 auto 0; padding: 0;
background:url(images/bg_header.gif) 0 0 no-repeat #fff;
}

#header-branch{}
#header-branch li{ float:left;}
#header-branch li a{
	background:url(images/bg_header-branch.png) no-repeat;
	width:170px;
	height:105px;
	display:block;
	text-indent:-9999px;
	}

#header-branch li.to_home{
	float:right;
	}

#header-branch li.to_shop a{
background-position:0 0 ;
}
#header-branch li.to_si a{
background-position:-340px 0 ;
}
#header-branch li.to_hublog a{
background-position:-170px 0 ;
}
#header-branch li.to_home a{
width:215px;
background-position:-510px 0 ;
	}


#header-branch li.to_shop a:hover{
background-position:0 -104px ;
}
#header-branch li.to_si a:hover{
background-position:-340px -104px ;
}
#header-branch li.to_hublog a:hover{
background-position:-170px -104px ;
}
#header-branch li.to_home a:hover{
background-position:-510px -104px ;
	}

#header em{
margin:0; padding:0;
display: block;
float:left;
width:646px; 
}
#header em a{
 display: block;
 height:207px; width:646px;
 text-indent:-999px; overflow: hidden;
 color:#000;
 }

div.header_inquiry{
display:block;
float:right; width:290px;
padding: 0 12px 0 0;}
div.header_inquiry a{
height:200px; }


div.header_inquiry span.telnum{
display:block; height:60px;
text-indent:-999px; overflow:hidden;}

#branding{ 
padding:0;}

#site-title  {
float:left;
font-size:30px;
line-height:36px;
width:420px;
display:block;
margin:0;
text-align:left;
}
#header #site-title a{
height:105px;
text-indent:-999px;
overflow:hidden;
display:block;
}


#site-description{
margin:0;
padding:0 0 0 10px;
height:20px;
}


#header-inquiry{
width:260px;
}
#header-inquiry a{
display:block;
height:105px; }

div#gotop{ position:fixed; bottom: 0; left:50%;
margin-left:295px;}
div#gotop a{ display:block; height:20px; width:180px;
background:url(images/bg_gotop.gif) 0 0 no-repeat #000000;
text-indent:-999px; overflow:hidden;
}


/*access
----------------------------------------------------------------------------------------------- */


/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#main,
#wrapper {
	margin: 0 auto;
	width: 950px;
	background:#fff;
}
#wrapper {
	background: #fff;
	padding: 0;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
background:url(images/bg_pagetitle.gif) 0 0 repeat-x;
padding:20px;
border-top: 1px solid #eee;
 
}
#site-generator {
	float: right;
	width: 220px;
}

#main{ padding:10px 0;
 background: #fff;
}




/*Access
----------------------------------------------------------------------------------------------------------------- */


/*access
----------------------------------------------------------------------------------------------- */



#access {
	margin: 0 auto;
	width: 950px;
	display:block;
	float:left;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#eee;
	padding:0 15px;
	line-height:36px;
	background:url(images/bg_header.gif) -10px -125px;
}


#access li a:hover{
	background:url(images/bg_header.gif) -10px -165px;

	}
	
#access ul ul {
	display:none;
	position:absolute;
	top:36px;
	left:0;
	float:left;
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
	box-shadow:0 3px 3px rgba(0,0,0,0.2);
	z-index:99999;
	padding:0 5px 5px;
}
#access ul ul li {
	min-width: 180px;	
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	height:auto;
	line-height:1em;
	padding:10px;
	background-image:none;
	background-color:#333;
	color:#fff;
}

#access ul ul a:hover {
	background-image:none;
	background-color:#666;
}


#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}



/*from Symbolix*/
#header #access{
	clear:both;
	padding:0 10px; margin:0;
	font-weight:bold;
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo; 
	}


#access ul a {
	
	} 


	


/*バナー
----------------------------------------------------------------------------------------------- */

ul.bnrs{ list-style:none; display:block;
margin: 0 ;
padding:0;
}
ul.bnrs li{ display:block; margin:0; padding:0;}
ul.bnrs li a{ display:block; overflow:hidden; 
text-indent:-999px;
}



/*footer
----------------------------------------------------------------------------------------------- */
#colophon{ 
width:auto;}

/*HOME content home.php
----------------------------------------------------------------------------------------------- */

div.home{

}
div.home .pagebar{ background:url(images/btm_narrowcolumn.gif) 0 bottom no-repeat;}



	.home h2.title br{ display: block; height:0px ; line-height:0; display:none; }

	.home .excerpt{ border-top:1px solid #eee;}
	



	

/*業務効率改善をはかるオフィスとは*/
#home_center li.page-item-100{ padding:5px 0;}
#home_center li.page-item-100 a{ background:url(images/bnr_home_genki.jpg) 0 0 no-repeat;
height:169px;}

/*FAQ*/
	#home_faq { background:url(images/title_home_faq.gif) 4px 0 no-repeat;
	padding: 0 0 0 4px;
	clear:both;}
		#home_faq h2.title{
		height:30px; overflow:hidden;}
		#home_faq h2.title a{
		display:block;
		height:30px;
		text-indent:-999px;
		overflow:hidden;}
		
		.poststyle-faq .post{background-color:#fff;
		border-top:1px solid #D8D8D8;
		border-right:1px solid #D8D8D8;
		border-bottom:1px solid #5D7C81;
		border-left:1px solid #D8D8D8;}


		.poststyle-faq h3.title { padding-left:0;
		padding-left:22px;
		padding-top:2px;
		background:url(images/icon/icon_q.gif) 0 center no-repeat;
		font-size:13px;
		line-height:18px;
}
		
		.poststyle-faq a.excerpt{
		display:block;
		padding:4px;
		color:#666;}



/* Begin sidebar.phpおよびサイドバー関連要素 
----------------------------------------------------------------------------------------------- */


	#sidebar{ width:276px; float:left;
	}


	/*サーチボックス */
	
	.sidebar #search{
	padding:5px;
	background: #eee;
	margin-left:4px;
	margin-bottom:5px;
	
	}
	.sidebar #search form,
	.sidebar #search input{ float: left;}
	
	
		.sidebar #search label{
		display:none;
		}
		
		.sidebar div.searchform{
		width: auto;
		}
		.sidebar input{
		display:block; margin:0;
		}
		.sidebar input #s{
		}
		
		
	.home h2.title br{ display: block; height:0px ; line-height:0; display:none; }

	.home p.excerpt{ border-top:1px solid #eee;}
	
/*キャッチアップ枠*/
	#home_catchup{ background:url(images/bg_home_catchup.gif) 4px bottom no-repeat;
	padding-left:4px;
	}

		#home_catchup h2.title{
		overflow:hidden;
		height:40px ;
		overflow:hidden;
		}
		#home_catchup h2.title a{
		background:url(images/title_home_catchup.gif) 0 0 no-repeat;
		display:block; height:40px;
		text-indent:-999px; overflow:hidden;
		}
		
		#home_catchup .post{ padding:0 4px 3px;}
		#home_catchup span.icon_new{ width:30px;}
		
		#home_catchup h3.title{}
		
		#home_catchup a.thumbnail{ float:left;
		display:block;}
		#home_catchup p.excerpt{
		margin:0;
		border:none;
		display:inline;
}
		
		#home_catchup .attachment-thumbnail{
		margin:0;}
		

/*サポート*/
	#home_item{ margin:4px 0 0 ;}
		#home_item ul li{
		background:url(images/bg_home_item.gif) left 20px no-repeat;
		float:left;
		padding:0;}

		#home_item ul li a{
		display:block;
		padding:92px 2px 7px 3px;
		height:41px; width: 83px;
		text-indent:10px;
		line-height:18px;
		background: center 0 no-repeat;
		margin: 0 0 0 4px;
 }


/*イメージ*/

/*ハブログ*/
		#home_item ul li.to_hublog a
		{ background-image:url(images/img_item_hublog.jpg);}
/*SI*/
		#home_item ul li.to_si a
		{ background-image:url(images/img_item_si.jpg);
/*shop*/		
		background-position: right 0;}
		#home_item ul li.to_shop a
		{ background-image:url(images/img_item_shop.jpg)}




#right{ width:205px; float:right;
padding-right:4px;}	

	


/*バナー*/

	#right .bnrs li{ padding-top:4px;}

	#right .bnrs li.page-inquiry{
	margin:0;
	padding:0;}
	#right .bnrs li.page-inquiry a { background:url(images/bnr_sb_inquiry.gif) 0 0 no-repeat;
	height:90px;
	}
	#right .bnrs li.page-inquiry{ display:none;}

	#right .blogs .posts{margin-top:4px;
	border:1px solid #ccc;
	margin:0 0 4px;
	}

	#right .blogs .posts .post{
	border-bottom:1px solid #eee;
	margin-bottom:0;
	padding:4px;}
		
		#blog_maehara h2.title a{
		background:url(images/bnr_blog_maehara.jpg) 0 0 no-repeat;
		height:54px;
		margin:0;
		text-indent:-999px;
		overflow:hidden;
		}

		#blog_kato h2.title a{
		background:url(images/bnr_blog_kato.jpg) 0 0 no-repeat;
		height:54px;
		margin:0;
		text-indent:-999px;
		overflow:hidden;
}

		#blog_takahashi h2.title a{
		background:url(images/bnr_blog_takahashi.jpg) 0 0 no-repeat;
		height:54px;
		margin:0;
		text-indent:-999px;
		overflow:hidden;
}


	#right .blogs a.thumbnail{
	float:left;}

	#right  .blogs .attachment-thumbnail{
	width:50px;
	height:50px;
	}
	#right  .blogs .date{
		display:block;
		clear:both;
		text-align:right;
		font-size:9px;
	}
	
	#right .blogs h3.title{
	font-size:12px;
	clear:none;
	line-height:18px;
	font-weight:normal;
	font-family:inherit;}
	

/*page.php index.php archive.php tag.php
----------------------------------------------------------------------------------------------- */
div.narrowcolumn{
width:455px; padding:0; float:left;
margin-bottom:20px;
}


#main div.widecolumn{ width:730px; padding:0 0 0 4px;
 float:left;
margin-bottom:20px;
}

#home_center .post,
#sidebar .post{
margin:0;
}

#home_center{ width:455px;
padding-left:4px; float:left;}

/*Blog News*/

	#home_left .post,
	#home_center .post{	padding:7px 0 0 0;}

	#home_blog{ background:url(images/title_home_centerposts.gif) 0 0 no-repeat; }
	#home_news{ background:url(images/title_home_centerposts.gif) 0 0 no-repeat; }

		#home_blog h2.title a,
		#home_news h2.title a{
		 padding:2px 0 0 20px;
		color:#fff; text-indent:0;
		height:26px; display:block;
		}

		#home_center h2.title { height:26px; overflow:hidden;}
		
		#home_center h3.title{ padding-left:5px;}

		#home_center p.excerpt{ float:left;
		width:370px; padding:4px;
		border-top: solid #D3DADB 1px;
		margin:0;}
		
		#home_blog h3.title,
		#home_news h3.title{ width:410px;
		float:left;
		}
		
		#home_catchup span.date,
		#home_blog span.date,
		#home_news span.date{
		display:block; clear:both;
		padding:0 0 0 3px;
		background-color:#eee;
		border-top:1px solid #D3DADB;
		border-right:1px solid #BDC4C5;
		border-bottom:2px solid #f1f1f1;
		border-left:1px solid #BDC4C5;
		margin-top:6px;
		}
	
		#home_blog a.thumbnail,
		#home_news a.thumbnail{ float:right;
		padding: 0 7px 3px 0;}
		
		#home_blog img.attachment-thumbnail,
		#home_news img.attachment-thumbnail{ width:50px; height:50px; margin:0;}
		
		#home_blog .icon_new,
		#home_news .icon_new{
		width:30px;
		display:block;
		float:left;
		background-position: 4px center;}
	
		#home_blog .post,
		#home_news .post{background-color:#fff;
		border-top:1px solid #D8D8D8;
		border-right:1px solid #D8D8D8;
		border-bottom:1px solid #5D7C81;
		border-left:1px solid #D8D8D8;
							}

#home_left .posts,
 #home_center .posts {
background-color:#CCCCCC;
padding:4px;
}



.excerpt{ line-height:140%;
color:#555;}
/*記事内・一覧*/


.index h1.title,
.entry-title{
background-color: #F1F1F1;
padding:20px 30px;
color: #393939;
border-top:1px solid #fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:1.4em;
font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo; 
}

div.single h2.title{ padding-bottom:25px;}

div.single div.date{ margin-top:-16px;
padding-right:10px;
margin-bottom:10px;
}

.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry .subtitle
{font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo;
color:#333; }


/*記事内*/

div.widecolumn .entry-content{
	margin:5px 10px 10px;
	padding:1.2em;
	border:3px #ddd solid;
	color:#333;
	font-size:1.2em;
}


div.entry a.arrow{
background:url(images/icon/arrow_linktext.gif) 0 center no-repeat;
padding-left:15px;
}
.entry{ padding:10px; font-size:13px !important;}

.postmetadata{
border-top:1px solid #eee; 
margin-top:10px;
padding-top:5px;
text-align:right;
}

.entry-utility {
	display:block;
}
.entry-meta{
	font-size:12px;
	display:block;
	text-align:right;
	margin:3px 12px 0 12px;
}
.single #content .date, .poststyle-article .date{
	display:inline;
}
.entry-meta .date,
.entry-meta .author{
	font-size:12px;
}


/*ページコンテンツ　archive.php
----------------------------------------------------------------------------------------------- */
.page{ }

.page .entry{ padding:40px 15px 20px; }

.page .entry p{ margin:0; padding:0 30px 2em;
line-height:160%; }


.listing_category{ padding:40px; }
.listing_category .post{ clear:both; padding:20px 0;}

.listing_category h3 { border-left:none;
 margin:0;padding:5px 0;
 border-bottom:1px solid #eee;
 border-top:none;
 border-right:none;
 border-left:none;
 font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo;
 background-color:#FFF;

 }

.listing_category a.thumbnail{
float:left;
background-color:#fff;}
.listing_category img.attachment-thumbnail{ margin:0 20px 0 0}
.listing_category a.thumbnail:hover{ color:#fff;}




.page .halfbox h3{
background-color:#bad860;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #eee;
border-left:1px solid #eee;
margin:0; padding:5px 10px;
height:50px; }
.page .halfbox p{ padding:10px 15px;}

.page .halfbox ul{ padding-left:40px; }


.page ol,
.page ul.list_disc,
.page ul.list_square{ padding-left:50px;color:#A6D620;
color:#333;}

.page ul.list_disc li,
.page ul.list_square li{ text-indent:0; list-style:outside;
color:#666;}
.page ol li{ list-style:decimal;}

.page ul.list_disc,
.page ul.list_disc li{ list-style:disc;}
.page ul.list_square,
.page ul.list_square li{ list-style: square;}



.page dl{ padding: 20px 30px;}

.page dl,
.page dt,
.page dd
{ display:block;}
.page dd{
padding: 10px 0 10px 30px; 
margin:0 0 20px 10px;
}
.page dt{ font-weight:bold;
color:#333;
border-left:6px solid #ccc;
border-bottom:1px solid #eee;
padding-left:5px;
margin-bottom:5px;}

.page .subtitle{ font-size:1.2em; color:#000; line-height:140%;}

.page ul.subtitle{ padding-left:20px;}
.page ul.subtitle li{ color:#000 !important; font-weight:bold;}

/*スタッフ紹介*/
	div.user_info { width:500px;}
	div.user_info a{
	background:url(images/icon/arrow_linktext.gif) no-repeat scroll 0 center transparent;
	padding-left:15px;}
	div.profile{
	border-bottom:1px solid #eee;
	padding-bottom:50px;
	margin-bottom:20px;}
	div.profile p{ padding:0 0 2em !important ;}

	div.profile em{}

div.profile img.photo{ width:75px; height:75px;}

dl.user_meta{ display:none;}

/*問合せ関連
----------------------------------------------------------------------------------------------- */
.wpcf7{}
.wpcf7 .wpcf7-form table{ width:550px; overflow:hidden;}
.wpcf7 th { text-align:center; padding:4px; line-height:140%;}
.wpcf7 .caution{ text-align:center;}

/*一覧　index.php
----------------------------------------------------------------------------------------------- */



div.index h3.title{
margin-bottom:5px;
}

div.index div.posts{ padding: 15px 0 0 15px;}


div.index .post{
border-top:3px #ccc solid;
margin-top:1px; padding:4px 4px 40px;}

em.crumbs{
display:block;
}

	
/*Hock　sidebar-foot.php
----------------------------------------------------------------------------------------------- */
#bnr_foot li{ padding:5px 0; width:560px; height:90px; margin:0 auto; clear:both;}
#bnr_foot li.page-item-231 a{ background:url(images/bnr_foot_meeting.jpg)  center no-repeat;
height:85px;  }
#bnr_foot li.page-item-14 a{ background:url(images/bnr_foot_produce-album.jpg) center no-repeat;
height:85px;
}

/*footer
-----------------------------------------------------------------------------------------------*/
#navi_foot{ display:none;}