@charset "utf-8";
/*
Theme Name: crewm
Theme URI: http://www.crew-m.com
Description: crew managemet template
*/


/*-------------
base
-------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}
img {
border:0;
vertical-align: top;
}
body {

font-size: 62.5%;
font-family: " メイリオ",Meiryo,Osaka," ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MSPGothic",sans-serif;
background-color:#f7f6f1;
}



a{
	color: #429ad2;
	outline: none;
}
a:hover {
	text-decoration: none;
	position:relative;
	top:1px;
	left:1px;
}
ul,ol {
	list-style: none;
}
.fLeft {
	float: left;
}
.fRight {
	float: right;
}



table{
	width: 100%;
	margin-top: 12px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}
th{
	width: 20%;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f2f2f2;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
td{
	width: 80%;
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}



.webtable{
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px;
	border-collapse: collapse;
	border-spacing: 0;
}

.webtable th{
	width: 20%;
	background: #f7f7f7;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
.webtable td{
	width: 80%;
	vertical-align: middle;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■　基本機能の設定　 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*クリアの設定折りたたみスタート*/

/* ==========================================================================*/
/*【クリアの設定】*/
/* ==========================================================================*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
display: block;
overflow: hidden;
}
/* End hide from IE-mac */

.clear{
clear:both;
display: block;
}
.clear-r{
clear:right;
}

.hidden{
display:none;
}

.accessibility{
position:absolute;
left:-999999px;
top:-9999999px;
}

/*クリアの設定折りたたみエンド*/


/*回り込みの設定折りたたみエンド*/

/* ==========================================================================*/
/*【回り込みの設定】*/
/* ==========================================================================*/
.left{
float:left;
margin-right:15px;
margin-bottom:10px;
}
.right{
float:right;
margin-left:15px;
margin-bottom:10px;
}
.floatright{
display:block;
float:right;
}
.floatleft{
display:block;
float:left;
height:18px;
}




/*回り込みの設定折りたたみエンド*/


/*FCKエディタの設定折りたたみスタート*/

/* ==========================================================================*/
/*【FCKEdiotrのCSS設定】*/
/* ==========================================================================*/


.left{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

.right{
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}

.clear{
	clear:both;
}

.waku{
	border:solid 1px #D1D1D1;
	background:#EFEBF1;
	padding:10px;
	margin:1em 0;
}

.waku-border{
	border:solid 1px #D1D1D1;
	background:#FFFFFF;
	padding:10px;
}

.honbun{
	margin:0;
	padding:0;
}

/*FCKエディタの設定折りたたみエンド*/

/*■■■■■■■■■■■■■■■■■■■■■■■■　基本HTMLタグの設定　 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/*-------------
header
-------------*/
#header { 
	width: 100%;
	/*margin-bottom: 10px;
	border-bottom: 1px solid #878787;*/
	background: #f4f2e5 url(../images/site/bg_header.gif) repeat-x left top;
}
#header-inner { 
	width: 960px;
	margin: 0 auto;
}
#header-top {
	height: 81px;
	font-size:1.1em;
}
#header-top h1 { 
	padding-top: 18px;
}
#header-top p {
	padding-top: 3px; 
	color: #797979;
}




#header-top ul {
	font-size:1.2em;
	padding-top:9px;
	text-align: right;
}
#header-top ul li { 
	display: inline;
}
#header-top ul li a {
	padding: 3px 5px 2px;
	color: #fff;
	text-decoration: none;
}
#header-top ul a:hover { 
	text-decoration: underline;
}
#header-top ul a.sitemap { 

	padding-left: 18px;
	padding-right: 18px;
	background: #1c3b57;
}
#header-top ul a.rss{ 
	padding-left: 23px;
	padding-right: 23px;
	background: #1c3b57;
}



/*44header*/



#header h1,
#header .keyword {
position: relative;
left: 60px;
top: 23px;
font-size:12px;
color:#333333;
margin: 0!important;
padding: 0!important;
text-align: left;
font-weight:bold;
}



.headerh1{
font-size:12px;
color:#333333;
margin: 0!important;
padding: 0!important;
text-align: left;
font-weight:bold;
}

#header .logo{
	margin-top:5px;
}





/*breadcrumbs*/
.breadcrumbs {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}




/*nav*/
#header-nav { 
	clear: both;
}
#header-nav ul#menu-nav {
	height: 46px;
	background: url(../images/site/bg_nav.gif) no-repeat left top;
}
#header-nav ul li.menu-item a{ 
	display: block; 
	width: 160px; 
	height: 46px;
	line-height: 46px;
	background: url(../images/site/bg_nav_btn.gif) no-repeat left top;
	color: #333;
	font-weight: bold;
	font-size: 1.4em;
	text-decoration: none;
	text-align: center; 
}


#header-nav ul li.menu-item a:hover, 
#header-nav ul li.current-menu-item a,
#header-nav ul li.current-menu-parent a,
#header-nav ul li.current-post-ancestor a {
	background: url(../images/site/bg_nav_btn.gif) no-repeat left -46px;
}

#header-nav ul li {
	position: relative;
	z-index: 1;
	float: left;
}

#header-nav ul li ul.sub-menu {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
}

#header-nav ul li:hover ul.sub-menu {
	display: block;
}

#header-nav ul li ul.sub-menu li{
	float: none;
}

#header-nav ul li ul.sub-menu li a {
	width: 150px;
	border: 1px solid #fff;
	border-top: none;
	padding-left: 8px;
	font-size:1.2em;
	background:#3ebdff;
	color: #fff;
	text-align: left;
}

#header-nav ul li ul.sub-menu li a:hover,
#header-nav ul li ul.sub-menu li.current-menu-item a,
#header-nav ul li ul.sub-menu li.current-menu-parent a{
	 background: #8cdfff url(../images/site/icon_arr_subnav.gif) no-repeat 20px center;
}


/*gra*/
#header-gra {
	margin-top:5px;
	clear: both;
}

#subkan{
	background:url(../images/site/gra_bg.png);
	height:55px;
	padding-top:2em;
	
	padding-left:3em;
	}
.subkantext{
	
	padding-left:0.5em;
	border-left: 5px solid #063;
	
	color:#6d460b;
    font-size:20px;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    text-shadow:0 0 2px #cccccc, 0 0 2px #cccccc, 0 0 2px #cccccc, 0 0 2px #cccccc;
	}
	
	
/* ==========================================================================*/
/*【ヘッドライン　見出し系】*/
/* ==========================================================================*/	
.h2image{
margin-top:1em;
padding: 8px 0 8px 20px;
background-image: url(../images/site/headline/h2bg.png);
background-position: top left;
background-repeat: no-repeat;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;
	}
	

.newstitle{
padding: 8px 0 8px 20px;
background-image: url(../images/site/headline/h2bg.png);
background-position: top left;
background-repeat: no-repeat;
color: #ffffff;
font-size: 1.0em;
font-weight: bold;
	}
	
	
	
	
/*search*/
.search-form{ 
	padding-top: 15px; 
	
}
.search-form input{ 
	vertical-align: middle;
}
.search-form #s{
	width: 150px;
	height: 18px;
　　　　line-height:18px;
	padding: 2px;
	background: #c7c7c7;
	border:1px solid #c7c7c7;
	font-size: 1.1em;
}

.search-results .box h3 {
	margin: 20px;
	padding: 5px;
	background: #39F;
	color: #fff;
	font-weight: bold;
}
.search-results .box ul {
	margin:0 30px 20px;
}
.search-results .box ul li {
	margin-top: 8px;
	padding-left: 12px;
	background: url(../images/site/icon_arr_black2.gif) no-repeat left center;
}
.search-results .box ul li span {
	padding-left: 10px;
	color: #999;
	font-size: 0.8em;
}


.search-no-results .box h3{
	margin: 100px 30px 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	font-size: 2.0em;
	text-align: center;
}
.search-no-results .box h3 span {
	color: #ff2160;
}

.search-no-results .box p{
	margin: 0 30px;
}
.search-no-results .box form {
	margin: 0 30px 100px;
}


/*-------------
container
-------------*/
#containerbg{
	background-color:#f7f6f1;
	}

#container {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
	
	background-color:#f7f6f1;
}

/*-------------
pankuzu
-------------*/
#pankuzubg{
	padding-top:20px;
	background:url(../images/site/bg_contents.png) repeat-x;}

/*-------------
contents
-------------*/
#contents { 
	float: left;
	width: 687px;
	margin-bottom: 15px;
	font-size: 1.2em;
	line-height: 1.5;
}

#contents_top { 
	float: left;
	width: 650px;
	margin-bottom: 15px;
	font-size: 1.2em;
	line-height: 1.5;
	
}


.box {
	margin-bottom: 15px;
	padding: 12px 13px;
	
	
}

.box:after {
	display: block;
	clear: both;
	height: 0;
	content:"";
}

.newsbox {
	width:600px;
	margin-bottom: 15px;
	padding: 12px 13px;
	/*border: 1px solid #b1b1b1;*/
	background: #fff;
}

.newsbox:after {
	display: block;
	clear: both;
	height: 0;
	content:"";
}

.section-header { 
	position: relative;
}
.section-header h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5c5c5;
}
.section-header p{ 
	position: absolute;
	top: 5px;
	right: 5px;
}
.section-header p a{
	padding-left: 15px;
	background: url(../images/site/icon_arr_black.gif) no-repeat left center;
	font-size: 90%;
}




/*pick-up*/
.pick-up {
	float: left;
	width: 302px;
}
.pick-up:first-child {
	margin-right: 10px;
}
.pick-up h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5c5c5;
}
.pick-up h2.pick-info {
	background: url(../images/site/icon_info.gif) no-repeat right 8px;
}
.pick-up h2.pick-seminar {
	background: url(../images/site/icon_semi.gif) no-repeat right 8px;
}
.pick-up h2 img{
	float: none !important;
}
.pick-up img{
	float: left;
	margin-right: 15px;
}
.pick-up .pick-inner {
	padding-left: 125px;
}
.pick-up .pick-inner span {
	display: block;
	padding-bottom: 5px;
	color: #999;
	text-align: right;
}




/*news*/
#news{ 
	clear: both;
	margin-top:11em;
}
#news dl {
	padding: 0 15px;
}
#news dt{ 
/*	float: left;*/
	clear: both;
	width: 95px;
	padding-top: 5px;
}
#news dd {
	float: left;
	width: 440px;
	padding-top: 5px;
	padding-left: 75px;
}

#news dd.info{
	background: url(../images/site/icon_info.gif) no-repeat 0 8px;
}

#news dd.seminar { 
	background: url(../images/site/icon_semi.gif) no-repeat 0 8px;
}

#news dd a.photo {
	padding-right: 28px;
	background: url(../images/site/icon_camera.gif) no-repeat right center;
}


.box-inner {
	margin: 20px 20px 10px;
}
.box-inner h3{
	margin-bottom: 10px;
	
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	/*background: url(../images/site/icon_h3.gif) no-repeat left 2px;*/
	
	color:#6d460b;
    font-size:23px;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    text-shadow:0 0 2px #cccccc, 0 0 2px #cccccc, 0 0 2px #cccccc, 0 0 2px #cccccc;
	
	font-size: 1.3em;
}


.box-inner h3 .ttl-info {
	display: block;
	padding-right: 55px;
	background: url(../images/site/icon_info.gif) no-repeat right bottom;
}
.box-inner h3 .ttl-seminar {
	display: block;
	padding-right: 55px;
	background: url(../images/site/icon_semi.gif) no-repeat right bottom;
}




.box-inner .data { 
	color: #999;
	text-align: right;
}



.box-inner p{
	padding-bottom: 1em;
}
.box-inner ul{
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
}
.box-inner ul li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}
.alignleft {
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 1em;
}
.aligncenter {
	display: block;
	margin:0 auto;
}
.alignright {
	display: block;
	float: right;
	margin-left: 15px;
	margin-bottom: 1em;
}




/*products*/
#products ul.item-lists {
	margin-left: -24px;
	padding-top: 10px;
}
#products ul.item-lists li {
	position: relative;
	float: left;
	width: 110px;
	margin-left: 50px;
}
#products ul.item-lists li span.type {
	position: absolute;
	top: 0;
	right: 0;
}
#products ul.item-lists li h3{
	padding-top: 5px;
	padding-bottom: 3px;
	line-height: 1.2;
}
#products ul.item-lists li p {
	padding-bottom: 8px;
}


/*original-products*/
#original-products {
	margin-bottom: 15px;
}
#original-products .items-img {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	border: 10px solid #e8edf0;
}
#original-products .items-detail h3 {
	padding-top: 15px;
	padding-bottom: 10px;
}
#original-products .items-detail p{
	margin-bottom: 1em;
}

#products .post-categories {
	clear: both;
	margin-left: 0;
	text-align: right;
}
#products .post-categories li {
	width: 100%;
	margin-left: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;	
	border-bottom: 1px dashed #d1d1d1;
}
#products .post-categories li a {
	padding-left: 15px;
	padding-right: 5px;
	background: url(../images/site/icon_arr_black.gif) no-repeat left center;
}


/*products-single*/
.product-left{
	float: left;
	width: 300px;
	margin-top: 15px;
}
.product-right {
	float: right;
	width: 330px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #999;
}



.product-right .product-title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}
.product-right .product-title h3 {
	padding-left: 30px;
	background: url(../images/site/icon_h3.gif) no-repeat left 2px;
	font-size: 1.3em;
}
.product-right .product-title p {
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: bold;
}
.product-right h4 {
	margin-top: 25px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
}
.product-right p{
	margin-bottom: 1em;
}

.product-left p{
	margin-top: 15px;
}


/*PagiNavi*/
.wp-pagenavi { 
	padding-top: 10px;
	padding-bottom: 25px;
}
.wp-pagenavi a,
.pages,
.current {
	margin-right: 4px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #fff;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
}
.wp-pagenavi a:hover,
.current{
	color: #fff;
	background: #3793ce;
}




/*map*/
#map {
	margin-top: 20px !important;
	border: 1px solid #999;
}

/*お問い合わせ*/
.wpcf7-form input,
.wpcf7-form textarea {
	font-size: 1em;
}
.wpcf7-form .wpcf7-submit {
	width: 150px;
}



/*サイトマップ*/
.sitemap-inner {
	padding: 20px 30px;
}
.sitemap-inner h3 {
	padding-left: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	background: url(../images/site/icon_h3.gif) no-repeat left 2px;
	font-size: 1.3em;
}

.sitemap-inner .menu {
	padding: 10px 20px 0;
	line-height: 1.8;
}

.sitemap-inner .menu li {
	margin-top: 15px;
	padding-left: 20px;
	background: url(../images/site/icon_arr_black.gif) no-repeat left 8px;
	font-size: 1.2em;
}

.sitemap-inner .sub-menu {
	padding-left: 15px;
}

.sitemap-inner .sub-menu li { 
	margin-top: 8px;
	padding-left: 12px;
	background: url(../images/site/icon_arr_black2.gif) no-repeat left center;
	font-size: 0.9em;
}



/*topics*/
#topics ul{
	margin-top: 5px;
	margin-left: -20px;
}

#topics ul li {
	float: left;
	width: 280px;
	margin-left: 40px;
	margin-top: 15px;
}

#topics ul li .term-link {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	color: #999;
	font-size: 0.9em;
	text-align: right;
}

#topics ul li img {
	margin-bottom: 3px;
}

#topics ul li span {
	color: #999;
}
#topics ul li h3 {
	margin-bottom: 5px;
}




/*topics*/
#topics ul{
	margin-top: 5px;
	margin-left: -20px;
}

#topics ul li {
	float: left;
	width: 280px;
	margin-left: 40px;
	margin-top: 15px;
}

#topics ul li .term-link {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	color: #999;
	font-size: 0.9em;
	text-align: right;
}
#topics ul li img {
	margin-bottom: 3px;
}
#topics ul li span {
	color: #999;
}
#topics ul li h3 {
	margin-bottom: 5px;
}

#topics .topics-left {
	float: left;
	width: 120px;
	margin-top: 20px;
	margin-left: 30px;
	color:#999;
}

#topics .topics-right {
	float:right;
	width: 460px;
	margin: 20px 30px 20px 0;
}
#topics .topics-right h3 {
	margin-bottom: 15px;
	padding-left: 30px; 
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	background: url(../images/site/icon_h3.gif) no-repeat left 2px;
	font-size: 1.3em;
}

#topics .topics-right img {
	padding: 10px 0 20px;
}

#topics .topics-right p {
	margin-bottom: 1em;
}

#topics .topics-right .term-link {
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	color: #999;
	font-size: 0.9em;
	text-align: right;
}



/*gallery*/
#news .gallery {
	padding: 0 7px;
	margin-left: -20px;
}
#news dl.gallery-item {
	float: left;
	width: 284px;
	margin-top: 10px;
	margin-left: 20px;
	padding: 0;	
}
#news dt.gallery-icon {
	float: none;
	width: 284px;
}

#news dt.gallery-icon a img {
	border: 2px solid #eee;
}
#news dt.gallery-icon a:hover img {
	border: 2px solid #3ba8ff;
}

#news dd.gallery-caption {
	float: none;
	width: 284px;
	padding: 6px 0 3px;
	border-bottom: 1px dotted #999;
	text-align: left;
}


/*-------------
sidebar
-------------*/
#sidebar {
	float: right;
	width: 220px;
	margin-bottom: 15px;
}

.sidebar_top {
	float: right;
	
	margin-bottom: 15px;
}

#sidebar #bnr li{
	margin-bottom: 5px;
	text-align:right;
}



#sidebar .side-nav {
	margin-bottom: 10px;
	border: 1px solid #b1b1b1;
	background-color: #fff;
	font-size: 1.2em;
}

#sidebar .side-nav ul{
	padding: 5px 10px 10px;
}

#sidebar .side-nav ul li {
	padding: 4px 0 4px 18px;
	border-bottom: 1px dotted #ccc;
	background: url(../images/site/icon_circle_blue.gif) no-repeat left center;
}



#sidebar .free-space {
	width: 275px;
	margin-bottom: 10px;
	border: 1px solid #b1b1b1;
	background-color: #fff;
}
#sidebar .free-space h2 {
	width: 275px;
	padding: 6px 10px;
	background: url(../images/site/bg_side_ttl_info.gif) no-repeat left bottom;
	color: #fff;
	font-size: 1.2em;
}
#sidebar .free-space .textwidget {
	padding: 10px;
	font-size: 1.2em;
}

#sidebar_top {
	float: right;
	width: 220px;
	margin-bottom: 15px;
}

#sidebar_top #bnr li{
	margin-bottom: 5px;
	
}

/*-------------
footer
-------------*/

.footertel{
font-size:12px;
color:#333333;
margin: 0!important;
padding: 0!important;
text-align: left;
font-weight:bold;
}


#footertel_inner {
	width: 960px; 
	margin: 0 auto; 
}


.footertel2{
background:url(../images/site/footertel.png) no-repeat center top;
margin:0 auto;
padding:25px 0px 15px 650px;}

#footer { 
	clear: both;
	height:350px;
	padding-top: 6px;
	padding-bottom:6px;
	border-top: 1px solid #aaa;
	background: #1c3b57;
	font-size:1.3em;

}

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

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

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


#footer .footer_inner {
	width: 960px; 
	margin: 0 auto; 
	color: #fff;
}

#footer h1,
#footer .keyword {
position: relative;
left: 60px;
top: 23px;
font-size:12px;
color:#ffffff;
margin: 0!important;
padding: 0!important;
text-align: left;
font-weight:bold;
}



.footerh1{
font-size:12px;
color:#333333;
margin: 0!important;
padding: 0!important;
text-align: left;
font-weight:bold;
}




/*ページの先頭に戻るスタート*/

#footerNav {
	text-align:left;
padding-top:20px;
}

#footerNav ul li{
margin: 0 10px;
display: inline;
}

#footerNav ul{
margin-bottom:15px;
}



/*ページの先頭に戻るエンド*/




/*フッター折りたたみスタート*/

#footerlist{
	clear:both;
	margin0;
	padding:0;
	padding-top:20px;
	text-align:right;
	font-size:0.9em;
}

#footerlist img{
	vertical-align:bottom;
}






#footer dt{

	color:#FFF;
	background:#333333;
	font-weight:bold;
	}

#footer dd{
	line-height:1.8em;
	}




.footer_pref_link1{
text-align:left;
width:500px;
float:left;}

.footer_pref_link2{
	margin-bottom:1em;
width:210px;
float:left;}

.footer_pref_link3{
text-align:left;

width:170px;
float:left;}

.footer_pref_link4{
text-align:left;
margin-left:50px;

width:170px;
float:left;}

.footer_pref_link5{
text-align:left;
margin-left:5px;
width:175px;
float:left;}

.footer_pref_link6{
text-align:left;
margin-left:5px;

width:175px;
float:left;}

/*フッター折りたたみエンド*/



/*フッターのフッター　スタート*/

.fflogo{
	float:left;
	}

.ffooter{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#212121;
	border-bottom:8px solid #1a7882;}

.ffooterpage{
width:950px;
margin-right:auto;
margin-left:auto;
text-align:left;
background-color:#212121;}
	
	
.ffooterNav ul li{
margin: 0 10px;
display: inline;
}

.ffooterNav ul{
margin-bottom:15px;
}	

.fflogo{
	float:left;}

.fflink{
}


.ffooterlink{
text-align:left;
width:300px;
float:left;}


.ffooterlink ul {
	margin-top:10px;
	margin-left:10px;
	list-style:none;
	}


.ffooterlink ul li{
	float:left;
	padding-left:10px;
	list-style:none;
	}

.ffooterlink a:link{
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
	}

.ffooterlink a:hover{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}

.ffooterlink a:visited{
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
	}

#copyright {
color:#FFF;
font-size:1em;
font-weight:bold;
padding-top:10px;
}




/*-------------
トップページ
-------------*/

/*リードタイトル*/
.topreadtitle01{
	float:left}
.topreadtext{
	width:350px;
	float:right;
	font-size:1.1em;}
	
.topreadtitle02{
	margin:1em 0;}
	
.topreadtitle03{
	margin:1em 0;}





	
.topresort{
	width:314px;
	float:left;}
	
.topresortmain{
	margin-bottom:10px;}
	
.topresorttitle{
	margin-bottom:10px}
	
.topresortdesc{
	width:280px;
	color:#555555;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:2px;}
	
.topresortvoice{
	font-size:1.2em.}
	

.topresortvoice{
	color:#585143;
	font-weight:bold;
	width:280px;
	height:30px;
	padding:10px;
	font-size:1.1em;
    background-image:-moz-linear-gradient(top, #edebe1, #edebe0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edebe1), to(#edebe1), color-stop(1,#edebe1));
}
 
.fourcorners{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px; 
    border-radius: 3px;
	background-color:#ffffff;
}


.topresortwaku2{
	width:628px;
	padding:10px 0px 10px 10px;
	border:3px solid #e3e3e3}
	
.topresortwaku3{
	width:628px;
	padding:10px 0px 10px 10px;
	border:3px solid #e3e3e3}
	
	
	
.topnoresort{
	float:left;}
	
.topflow{
	float:right;
	
	width:281px;
	
	border-left:3px #CCC;}

/*-------------
テンプレート用CSS作成
-------------*/
	
#service{}
.read{
	float:left;
	width:470px;
	margin-bottom:2em;}
.read_text{
	color:#6d460b;
    font-size:23px;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    text-shadow:0 0 2px #cccccc, 0 0 2px #cccccc, 0 0 2px #cccccc, 0 0 2px #cccccc;
}

.read_text{
	color:#6d460b;
    font-size:23px;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    text-shadow:0 0 2px #cccccc, 0 0 2px #cccccc, 0 0 2px #cccccc, 0 0 2px #cccccc;
}


.readphoto{
	width:208px;
	float:right}

.servicedesc{
	color:#604214;
	width:400px;
	padding-top:20px;}
	
#service h3{
background-image: url(../images/site/headline/h3bg.png);
background-position: top left;
background-repeat: no-repeat;
color: #2D1303;
font-size: 1.2em;
font-weight: bold;
padding: 10px 0 8px 20px;
}

#service h4{
background-image: url(../images/site/headline/h4bg.png);
background-position: center left;
background-repeat: no-repeat;
color: #cc6666;
font-size: 1.2em;
font-weight: bold;
padding: 10px 0 8px 20px;
}

.servicesection{
	margin-bottom:1.5em;}

.sectiontitle{
margin-bottom:1em;
}



.serviceblock01{
	float:left;
	width:320px;
	margin:0px 10px 10px 10px;
	display: inline;
	}
	
.servicelist{
	width:280px;
	float:left}


.serviceimage{
	margin-bottom:1em;}
	
.serviceimage li{
	width:165px;
	float:left}


.serviceleftsection{
	float:left;
	width:400px;}
	

.servicerightphoto{
	
	float:right;}
	
.servicelayout02{
	margin-bottom:1em;}

.servicelist_harf{
	width:330px;
	float:left;
	}
.servicelist_harf li{
	margin-bottom:0.5em;
	}


/* .section
-------------------------------------------------------------------------------------------------------*/
.section {
	margin-bottom: 23px;
	padding-bottom: 27px;
	background: url(../images/site/outsourcing/section_border.gif) left bottom no-repeat;
}

.section dt {
	font-size:1.1em;
	margin-bottom: 20px;
	line-height: 1.8;
	font-weight: bold;
	color: #cc6666;
}

.section dt span {
	font-size: 14px;
}

.section dd {
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}

.section dd.moreItem {
	margin-top: 10px;
}

.section dd.moreItem a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}


/* layout-2col
----------------------------------------------------------------------------------------*/
.section .colLeft {
	width: 270px;
	float: left;
}

.section .colRight {
	width: 390px;
	float: right;
}


.section .colLeftPhotoS {
	width: 180px;
	padding-left:15px;
	float: left;
}

.section .colRightPhotoS {
	width: 450px;
	float: right;
}


.section .colRightPhotoS2 {
	width: 350px;
	float: right;
}


.section .colLeftFlow {
	width: 350px;
	padding-left:15px;
	float: left;
}

.section .colRightFlow {
	width: 267px;
	float: right;
}

.section .colLeftweb {
	width: 265px;
	padding-left:15px;
	float: left;
}

.section .colRightweb {
	width: 380px;
	float: right;
}




.section .dl2col {
	width: 180px;
	float: left;
}

/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿サイドナビ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.sub{
	width:215px;
  float:right;
}
.s_navi_box{
  border-left:3px solid #7c7164;
  border-right:3px solid #7c7164;
  border-bottom:3px solid #7c7164;
  padding:0 0 10px 10px;
  margin:0 0 20px 0;
}
.s_navi01,
.s_navi02{
  width:184px;
  padding:20px 0 0 0;
  font-size: 1.2em;
}
.s_navi01 dt img{
  display:block;
}
.s_navi01 dd li,
.s_navi02 li{
  border-bottom:1px dotted #D2C8B9;
  padding:1px 0;
}
.s_navi01 dd li a,
.s_navi02 li a{
  display:block;
  zoom:1;
  background:url(../images/site/sidenavigation/icon03.gif) no-repeat 0 14px;
  padding:7px 0 7px 10px;
}
.s_navi02 li a.sec{
  display:block;
  zoom:1;
  background:url(../images/site/sidenavigation/icon03.gif) no-repeat 12px 14px;
  padding:7px 0 7px 22px;
}

.s_navi02 li a.third{
  display:block;
  zoom:1;
  background:url(../images/site/sidenavigation/icon03.gif) no-repeat 24px 14px;
  padding:7px 0 7px 38px;
}


.s_navi02 li a:hover,
.s_navi02 li a.on{
  background:#eae3d4 url(../img/icon03.gif) no-repeat 0 14px;
}
.s_navi02 li a.sec:hover,
.s_navi02 li a.sec_on{
  background:#eae3d4 url(../img/icon03.gif) no-repeat 12px 14px;
  padding:7px 0 7px 22px;
}
.s_navi01 dd.bbd{
  border-bottom:1px dotted #D2C8B9;
  padding:8px 0;
}
.s_navi01 dd select{
  border:1px solid #CCC;
  margin:5px 0;
}


/*バナー部分*/

.contact_box{
  background:url(../img/contact_bg.gif) no-repeat 0 0;
  padding:147px 0 40px 17px;
}
.contact_box img,
.side_bnr li img{
  display:block;
}
.side_bnr{
  background:#F3EFED;
  padding:10px 0 10px 10px;
}
.side_bnr li{
  display:inline;
}

/*各ページリード画像*/

.read_outsourcing{
height:210px;
margin-bottom:1em;
background-image:url(../images/site/read/read_outsourcing.png);
background-position:top right;
background-repeat:no-repeat;}

/*洗い場・パントリー【03_01】*/

.read_03_01{
height:210px;
margin-bottom:1em;
background-image:url(../images/site/read/03_01_00.png);
background-position:top right;
background-repeat:no-repeat;}

/*レストラン業務委託【03_02】*/

.read_03_02{
height:210px;
margin-bottom:1em;
background-image:url(../images/site/read/03_02_00.png);
background-position:top right;
background-repeat:no-repeat;}


/*客室清掃【03_03】*/

.read_03_03{
height:210px;
margin-bottom:1em;
background-image:url(../images/site/read/03_03_00.png);
background-position:top right;
background-repeat:no-repeat;}

.read_04{
height:210px;
margin-bottom:1em;
background-image:url(../images/site/read/04_00.png);
background-position:top right;
background-repeat:no-repeat;}

.read_05{
height:210px;
margin-bottom:1em;
background-image:url(../images/site/read/05_00.png);
background-position:top right;
background-repeat:no-repeat;}


/*-------------
会社概要
-------------*/

#company h3{
background-image: url(../images/site/headline/h3bg.png);
background-position: top left;
background-repeat: no-repeat;
color: #2D1303;
font-size: 1.2em;
font-weight: bold;
padding: 10px 0 8px 20px;
}



/*-------------
新トップページ
-------------*/
.topresortwaku{
margin-top:10px;
margin-bottom:4em;
padding:5px;
border:3px solid #e3e3e3;
background-color:#FFF;
}
	

.top_uke01{
float:left;
width:310px;
height:208px;

background-image: url(../images/site/top/top_uke01.png);
background-repeat: no-repeat;
background-position: top left;
}

.top_uke02{
float:left;
width:310px;
height:208px;
margin:0px 7px;
background-image: url(../images/site/top/top_uke02.png);
background-repeat: no-repeat;
background-position: top left;
}

.top_uke03{
float:left;
width:310px;
height:208px;

background-image: url(../images/site/top/top_uke03.png);
background-repeat: no-repeat;
background-position: top left;
}


.top_uketext{
	font-size:12px;
	padding-top: 113px;
padding-left:25px;
	
color: #2D1303;
font-weight: bold;
}




.top_ukebt{
padding-left:12px;
}

.top_ukepoint{
width:928px;
height:90px;
margin-top:20px;
margin-left:20px;
background-image: url(../images/site/top/top_ukepoint.png);
background-repeat: no-repeat;
background-position: top left;
}

.top_ukepoint_text{
width:370px;
padding-top:30px;
padding-left:15px;
color: #2D1303;
font-size: 13px;
line-height:1.3em;
font-weight: bold;
}

.top_web_title{
	margin:0 0 20px 0;}

.top_web01{
	float:left;
	margin-right:18px;
	}
.top_web02{
	}















/*-------------
流れトップページ
-------------*/

.flowstep01{
padding: 5px 0 8px 40px;
background-image: url(../images/site/flow/flowstep01.png);
background-position: top left;
background-repeat: no-repeat;
	}
	
.flowstep02{
padding: 5px 0 8px 40px;
background-image: url(../images/site/flow/flowstep02.png);
background-position: top left;
background-repeat: no-repeat;
	}
.flowstep03{
padding: 5px 0 8px 40px;
background-image: url(../images/site/flow/flowstep03.png);
background-position: top left;
background-repeat: no-repeat;
	}
.flowstep04{
padding: 5px 0 8px 40px;
background-image: url(../images/site/flow/flowstep04.png);
background-position: top left;
background-repeat: no-repeat;
	}
.flowstep05{
padding: 5px 0 8px 40px;
background-image: url(../images/site/flow/flowstep05.png);
background-position: top left;
background-repeat: no-repeat;
	}


.ouboBtArea{
	margin-left:80px;
	margin-top:10px;}
.ouboBt{
	text-decoration:none;
	text-align:center;
	width:500px;
	color:#FFFFFF;
	padding:25px;
	border:1px solid #cccccc;
	background-color:#870002;}
	
.ouboBtArea a{
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;}
	
	
.newscontents p{
	font-size:20px;
	line-height:2;}



/* ブリケージソフト開発 */

.brikageBox{ margin-top:10px; border:4px solid #e3e3e3; padding:20px; text-align:center}
.brikageBoxTit{ font-size:18px; color:#9C3131; font-weight:bold; margin-bottom:12px;}
.brikageBoxDese{font-size:14px}