/*
THEME NAME: Empty Canvas
THEME URI: http://rubiqube.com
DESCRIPTION: Empty Canvas v1.0 : Simple, minimalistic theme, ideal for corporate blogs or creating more complex designs
VERSION: 1.0
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
AUTHOR URI: http://www.rubiqube.com
*/

@import "reset.css";

/* layouts */

body{
	text-align:center;
	color:#666666;
	font-size:80%;
	line-height:140%;
	}

#wrapper{
	width:950px;
	margin:0 auto;
	text-align:left;
	border-top:#333333 5px solid;
	}
	
#header{
	background:url(images/common/Bg_Header.gif) no-repeat;
	padding:20px 0 10px 0;
	}

#header #logo a{
	display:block;
	float:left;
	text-indent:-9999px;
	height:48px;
	width:56px;
	}

#header h1{
	text-align:right;
	}

#header #searchbox{
	float:right;
	background:url(images/common/Il_Search.gif) center left no-repeat;
	padding-left:20px;
	margin-top:5px;
	}

#header #searchbox #text{
	width:140px;
	height:16px;
	border:#D0D0D0 1px solid;
	background:#F0F0F0;
    font-size:95%;
	}	

#navi{
	}

#navi ul li{
	height:54px;
	float:left;
	}

#navi ul li a{
	display:block;
	text-indent:-9999px;
	height:54px;
	width:190px;
	}

#navi ul li a#bt_01{background:url(images/common/Bt_Main01_110118.gif) no-repeat;}
#navi ul li a#bt_02{background:url(images/common/Bt_Main02_110118.gif) no-repeat;}
#navi ul li a#bt_03{background:url(images/common/Bt_Main03_110118.gif) no-repeat;}
#navi ul li a#bt_04{background:url(images/common/Bt_Main04_110118.gif) no-repeat;}
#navi ul li a#bt_05{background:url(images/common/Bt_Main05_110118.gif) no-repeat;}

#navi ul li a#bt_01:hover{background:url(images/common/Bt_Main01_110118.gif) no-repeat bottom;}
#navi ul li a#bt_02:hover{background:url(images/common/Bt_Main02_110118.gif) no-repeat bottom;}
#navi ul li a#bt_03:hover{background:url(images/common/Bt_Main03_110118.gif) no-repeat bottom;}
#navi ul li a#bt_04:hover{background:url(images/common/Bt_Main04_110118.gif) no-repeat bottom;}
#navi ul li a#bt_05:hover{background:url(images/common/Bt_Main05_110118.gif) no-repeat bottom;}

#navi ul li a#bt_01.selected{background:url(images/common/Bt_Main01_110118.gif) no-repeat bottom;}
#navi ul li a#bt_02.selected{background:url(images/common/Bt_Main02_110118.gif) no-repeat bottom;}
#navi ul li a#bt_03.selected{background:url(images/common/Bt_Main03_110118.gif) no-repeat bottom;}
#navi ul li a#bt_04.selected{background:url(images/common/Bt_Main04_110118.gif) no-repeat bottom;}
#navi ul li a#bt_05.selected{background:url(images/common/Bt_Main05_110118.gif) no-repeat bottom;}

#breadcrumb{
	padding:10px 0;
	font-size:10px;
    _font-size:75%;/* hack for IE6 */
	}

#content{
	padding-bottom:20px;
	}

.pagetop{
	padding-top:50px;
	text-align:right;
	}

#footer{
	background:url(images/common/Bg_Copyright.gif) no-repeat right 8px;
	border-top:#D0D0D0 1px solid;
	padding:8px 0;
	}
	
#footer #copyright{
	text-indent:-9999px;
	}

/* all */
a{
	color:#666;
	text-decoration:none;
/* \*/
	overflow:hidden;
/* */
	}

a:hover{
	text-decoration:underline;
	}


/* -----clear----- */
.clearer{
	clear:both;
	font-size:1px;
	height:1px;
	}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
/* -----/clear----- */

/* -----margin----- */
.mb-0 { margin-bottom:0px;}
.mb-20 { margin-bottom:20px;}
/* -----/margin----- */

/* -----padding----- */
.pt-10 { padding-top:10px;}
/* -----/padding----- */

/* -----Text-align ----- */
.align_center {
text-align : center;
}

.align_left {
text-align : left;
}

.align_right {
text-align : right;
}
/* ----- /Text-align ----- */

/* ----- Float ----- */
.fl_left {
float : left;
}

.fl_right {
float : right;
}
/* ----- /Float ----- */

/* ----- font ----- */
/* 文字サイズ10px部分にはclass="small" */
.small{
	font-size:10px;
    _font-size:75%;/* hack for IE6 */
}


.red {
	color:#e60013;
	}
/* ----- /font ----- */

/* ----- トップページ ----- */
#top_left{
	width:230px;
	float:left;
	}
	
#top_right{
	width:700px;
	float:right;
	}

#news{
	width:445px;
	float:left;
	}

#news ul li{
	border-bottom:#CCCCCC 1px dotted;
	font-size:10px;
	padding:8px 0;
	}

#news ul li span{
	font-weight:bold;
	padding-right:2em;
	}

#news_110118{
	width:695px;
	float:left;
	}

#news_110118 ul li{
	border-bottom:#CCCCCC 1px dotted;
	font-size:10px;
	padding:8px 0;
	}

#news_110118 ul li span{
	font-weight:bold;
	padding-right:2em;
	}

#banner{
	width:230px;
	float:right;
	}

#banner img{
	margin-bottom:15px;
	}
	
#banner_110412{
	width:800px;
	margin:0 auto;
	}

#banner_110412 a{
	margin-left:20px;
	}

/* ----- 下層 ----- */
#left{
	border:#E0E0E0 4px solid;
	width:192px;
	padding:10px;
	vertical-align:top;
	}

#center{
	width:38px;
	}
	
#right{
	width:700px;
	vertical-align:top;
	}

#left ul li a{
	display:block;
	background:url(images/common/Icon_List.gif) left center no-repeat;
	margin-top:10px;
	padding:0 0 0 40px;
	font-size:10px;
	font-weight:bold;
	}

#left ul li a:hover{
	background:url(images/common/Icon_List_On.gif) left center no-repeat;
	color:#1E2188;
	text-decoration:none;
	}

#left ul li a.selected{
	background:url(images/common/Icon_List_On.gif) left center no-repeat;
	color:#1E2188;
	}

#left ul.child li a{
	display:block;
	background:url(images/common/Icon_List_Child.gif) 20px 5px no-repeat;
	margin-top:10px;
	padding:0 0 0 40px;
	font-size:10px;
	font-weight:bold;
	}/* ----- 子要素用 ----- */

#left ul.child li a:hover{
	background:url(images/common/Icon_List_Child_On.gif) 20px 5px no-repeat;
	color:#1E2188;
	text-decoration:none;
	}

#left ul.child li a.selected{
	background:url(images/common/Icon_List_Child_On.gif) 20px 5px no-repeat;
	color:#1E2188;
	}

/* ----- 会社概要 ----- */
table.company{
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	width:100%;
}

table.company th{
	background:#F0F0F0;
	border-right:#CCCCCC 1px solid;
	color:#333333;
	border-bottom:#CCCCCC 1px solid;
	padding:10px 30px;
	vertical-align: middle;
	width:110px;
}

table.company td{
	padding:10px;
	font-size:10px;
	border-bottom:#CCCCCC 1px solid;
}

table.no_border tr td{
	padding:0px;
	font-size:100%;
	border:0;
}/* ----- レイアウト用テーブル ----- */

table.company td table.no_border tr td{
	padding-right:10px;
}

a.icon{
	display:block;
	background:url(images/common/Icon_List.gif) left center no-repeat;
	padding:3px 0 3px 40px;
	font-size:10px;
	font-weight:bold;
	}

a.icon:hover{
	background:url(images/common/Icon_List_On.gif) left center no-repeat;
	color:#1E2188;
	text-decoration:none;
	}
	
/* ----- 採用情報 ----- */
.recruit{
	line-height:160%;
	min-height: 300px;
	height: auto !important;
	height: 300px;

	}

.recruit h3{
	background:url(images/article/Icon_h3.gif) left top no-repeat;
	border-bottom:#CCCCCC 1px solid;
	font-weight:bold;
	padding:1px 5px 1px 10px;
	margin-bottom:4px;
	}

.recruit h4{
	color:#1E1F86;
	font-weight:bold;
	}

.recruit h5{
	font-weight:bold;
	}


.recruit p{
	margin-bottom:1.5em;
	}

.recruit table{
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	width:100%;
}

.recruit table th{
	background:#F0F0F0;
	border-right:#CCCCCC 1px solid;
	color:#333333;
	padding:10px 30px;
	vertical-align: middle;
	width:90px;
	border-bottom:#CCCCCC 1px solid;
}

.recruit table td{
	padding:10px;
	font-size:10px;
	border-bottom:#CCCCCC 1px solid;
}

/* ----- 採用情報　アルバイト ----- */
.arbeit h3{
	background:url(images/recruit/Icon_h3.gif) left top no-repeat;
	border-bottom:#E60013 1px solid;
	color:#E60013;
	font-weight:bold;
	padding:1px 5px 1px 10px;
	margin-bottom:10px;
	}

.arbeit table td{
	padding-bottom:30px;
	}
	
/* ----- 幹部紹介 ----- */

.executives .clearfix{
	padding:10px 0;
	border-bottom:#CCCCCC 1px solid;
	}

.executives .top{
	border-top:#CCCCCC 1px solid;
	}
	
/* ----- 組織論（ラグビー型組織） ----- */
.organization{
	line-height:160%;
	}

.organization h3{
	background:url(images/article/Icon_h3.gif) left top no-repeat;
	border-bottom:#CCCCCC 1px solid;
	font-weight:bold;
	padding:1px 5px 1px 10px;
	margin-bottom:4px;
	}

.organization p{
	margin-bottom:1.5em;

	}

/* ----- 店舗情報 ----- */
.shop_box{
	border:#E0E0E0 5px solid;
	margin-bottom:25px;
	padding:15px 0;
	}
	
.shop_box ul li{
	display:block;
	float:left;
	width:auto;
	margin-left:90px;
	}

.shop_box ul li.first{
	width:auto;
	margin-left:65px;
	}/* ----- 行の先頭の項目にはclass="firstを指定する" ----- */
	
.shop_box ul li a{
	display:block;
	background:url(images/common/Icon_List.gif) left center no-repeat;
	padding:3px 0 3px 40px;
	font-size:10px;
	font-weight:bold;
	}

.shop_box ul li a:hover{
	background:url(images/common/Icon_List_On.gif) left center no-repeat;
	color:#1E2188;
	text-decoration:none;
	}

.shop h3{
	border-left:#666666 6px solid;
	font-weight:bold;
	padding:1px 5px;
	margin-bottom:4px;
	}

.shop table{
	border-top:#CCCCCC 1px solid;
	margin-bottom:25px;
	width:100%;
	}
	
.shop table tr th{
	width:90px;
	padding:0 30px;
	border-bottom:#CCCCCC 1px solid;
	vertical-align:middle;
	}
	
.shop table tr td{
	font-size:10px;
	padding:5px 30px;
	border-left:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	vertical-align:middle;
	}

.shop table tr td span{
	padding-left:1em;
	}
	
.shop table tr td span.tel{
	padding-left:1.8em;
	}

.shop table tr td a{
	display:block;
	background:url(images/shop/Icon_Detail.gif) no-repeat left center;
	margin-left:30px;
	padding-left:20px;
	}

.shop .pagetop{
	padding-top:0;
	padding-bottom:25px;
	}
	
/* ----- 物件情報 ----- */
.article{
	line-height:160%;
	}

.article .fl_left{
	width:410px;
	}

.article .fl_left img{
	margin-top:20px;
	}

.article .fl_right{
	width:230px;
	font-size:10px;
	}
	
.article .fl_right img{
	border:#F0F0F0 10px solid;
	margin-bottom:3px;
	}

.article h3{
	background:url(images/article/Icon_h3.gif) left top no-repeat;
	border-bottom:#CCCCCC 1px solid;
	font-weight:bold;
	padding:1px 5px 1px 10px;
	margin-bottom:4px;
	}

.article h4{
	color:#1E1F86;
	font-weight:bold;
	margin-bottom:1.5em;
	}

.article p{
	margin-bottom:1.5em;
	}
	
	


/* ----- お問合せ ----- */
.contact{
	line-height:160%;
	}

.contact h3{
	background:url(images/article/Icon_h3.gif) left top no-repeat;
	border-bottom:#CCCCCC 1px solid;
	font-weight:bold;
	padding:1px 5px 1px 10px;
	margin-bottom:4px;
	}

.contact h4{
	color:#1E1F86;
	font-weight:bold;
	}

.contact p{
	margin-bottom:1.5em;
	}

.contact .red{
	font-weight:bold;
	}

table#contact{
	width:100%;
	margin-bottom:20px;
}

table#contact tr th,table#contact tr td{
	border-bottom:#CCCCCC 1px dotted;
	padding:20px 0;
	vertical-align:top;
}

table#contact tr th{
	width:200px;
}

table#contact tr td input,table#contact tr td textarea{
	border:0;
	background:#DDDDDD;
}

table#contact tr td span.wpcf7-list-item{
	display:block;
}

table#contact tr td span.wpcf7-list-item input{
	border:0;
	background:none;
}

.align_center input{
	background:#DDDDDD;
	border:0;
}



.post {
}

.post-title {
	font-size: 200%;
	line-height: 1.2;
	font-weight: normal;
}

.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #999;
	margin-top: 5px;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.post-content img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#sidebar {
	float: right;
	width: 300px;
}

.sidepanel {
	margin-bottom: 30px;
}

.sidepanel h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #EFEFEF;
	padding: 0 0 5px 0;
	color: #333333;
	font-weight: bold;
	font-size: 90%;
}

.sidepanel ul li {
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 0;
	line-height: 1.2;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

/* ---- Text align ---------------- */

.mb-0{margin-bottom:0px;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:5px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mt-0{marker-offset:5px;}
.ml-7{margin-left:7px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-380{margin-left:380px;}

.pt-5{padding-top:5px;}
.pt-7{padding-top:7px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pb-5{padding-bottom:5px;}
.pl-10{padding-left:10px;}
.pl-15{padding-left:15px;}
.pl-20{padding-left:20px;}

/* ---- /Text align ---------------- */