/*  floating : 回り込み関係
----------------------------------------------------*/
.floatL{float:left;}
.floatR{float:right;}
.clearL{clear:left;}
.clearR{clear:right;}
.clearB{clear:both;}

/*  align : 行揃え関係
----------------------------------------------------*/
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}

/*	ClearFix
----------------------------------------------------*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* 画像ボタン＆背景色hoverで半透明設定 */
.transparent a:hover img,
.transparent a:hover {
	filter: alpha(opacity=60); /* IE5.5-7 */
	-ms-filter: alpha(opacity=60); /* IE8 */
	opacity: 0.6;
}
/* スタイル
----------------------------------------------------*/
body{
	background:url(../img/bg_content.png);
}
/*  ヘッダー
----------------------------------------------------*/
#header{
	max-width:1000px;
	margin:0 auto 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#header_main{
	display:block;
	height: 24px;
	text-decoration: none;
	padding: 76px 0 0 0;
	background:#ffffff url(../img/header.jpg) no-repeat left top;
}
#header_main div{
	float:right;
	display:inline-block;
	filter: alpha(opacity=80);
	opacity:0.8;
	padding: 0 10px;
	background:#fff;
}
#header_description{
	color:#404040;
	height: 24px;
	text-align: right;
}
/* グローバルナビ */
#global{
	display:flex;
	padding:0;
	margin:0 auto;
	background: linear-gradient(to bottom, #7C7C7C, #000); /* IE 10 */	
}
.ie #global{
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7C7C7C', endColorstr='#000', GradientType=0); /* IE 5.5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7C7C7C', endColorstr='#000', GradientType=0)"; /* IE 8-9 */
}
/* グローバルナビ トップボタン */
#global_home{
	width:12%;
	height:52px;
	margin:0;
	border-right:2px solid #E6E6E6;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.ie #global_home{
	float:left;
}
/* グローバルナビ 事務所情報 */
#global_other{
	width:88%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.ie #global_other{
	float:left;	
}
.ie6 #global_other,
.ie7 #global_other{
	width:87%;
}
#global_other p{
	height:18px;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:.2em;
	padding: 0 15px;
	margin:0;
	background:#E6E6E6;
}
#global_other ul{
	list-style: none;
	display: -ms-flexbox; /* IE10 */
	display:flex;
	border-left: 1px solid #2B2B2B;
	border-right: 1px solid #838383;
}
#global_other li{
	flex-grow: 1;
	-ms-flex: 1 0 auto; /* IE10 */ 
}
.ie #global_other li{ /* IE9以下 */ 
	float:left;
	margin:0;
}
#global_other li{
	border-left: 1px solid #838383;
	border-right: 1px solid #2B2B2B;
}

/* グローバルナビ ボタン */
#global_home a,
#global_other li a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	padding: 5px 0;
}
#global_other li a{
	height:24px;
}
.ie #global_home a,
.ie #global_other li a{ /* IE9以下 */
	padding: 5px 10px;
}
/* レスポンシブ時メニュー */
#header nav select{
	display: none;
}
/*  コンテンツ
----------------------------------------------------*/
#content{
	max-width:1000px;
	margin:0 auto;
}
/* メインカラム */
#primary {
	float: right;
	width:72%;
	max-width: 720px;
}
.ie6 #primary,
.ie7 #primary{
	width:68%;
	
}
.page #primary {
	float: none;
	width:100%;
	max-width:none;
}
#main,
#home-welcome{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	padding: 13px 15px 15px;
	margin: 0 0 20px;
	border: 1px solid #C0C0C0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
/* 投稿記事 */
.post {
	margin-bottom: 40px;
}
.entry-title{
	padding:4px 10px;
	border-radius:3px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.entry-title,
.entry-title a{
	font-size: 1.4rem;
	text-decoration:none;
	font-weight:bold;
}
.page-title{
	font-size: 1.4rem;
	font-weight:bold;
	line-height: 1.2em;
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 10px;
}
.entry-content p{
	margin-bottom:10px;
}
.entry-meta{
	color: #7B7C7D;
	text-align: right;
	padding-top: 2px;
}
.entry-meta p,
.entry-meta p a{
	font-size: .93rem;
	display:inline-block;
	margin-bottom:0;
}
.meta-date {
	margin-right: 10px;
}
/*ブログ村ボタン*/
.blogmura{
	margin: 20px 0;
}
.blogmura_btn {
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
}
.blogmura_txt {
	float: left;
	width: 340px;
	margin: 0;
	font-size: 12px !important;
	line-height: 1.4em;
}
.blogmura_txt a {
	font-size: 12px !important;
}
.blogmura_txt span {
	color:#0000ff;
}

/* サイドバー
----------------------------------------------------*/
#sidebar{	
	float: left;
	width: 25%;
	max-width: 250px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding: 0;
	border: 1px solid #C0C0C0;
	background: #FAFAFA;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
#sidebar aside{
	margin:10px 10px 30px;
}
#sidebar aside#sidebar-profile,
#sidebar aside#sidebar-search {
	margin-bottom: 20px;
}
.sidebar-title{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px;
	border-bottom: 1px solid #C0C6C9;
}
.sidebar-subtitle{
	font-weight: bold;
}
.sidebar-list{
	padding: 0 0 0 20px;
	margin-bottom:20px;
}
.sidebar-bnr{
	list-style-type:none;
}
#sidebar-profile .sidebar-list,
.sidebar-bnr{
	margin-bottom:10px;
}
.sidebar-list li{
	font-size: .93rem;
	margin-bottom: 5px;
}
#sidebar-profile .sidebar-list li{
	margin-bottom: 0;
}
.sidebar-list li a{
	font-size: .93rem;
}
.sidebar-profile-img {
	max-width: 220px;
	background: #FFF;
	border: 4px solid #FFF;
	margin: 5px 0 10px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}
.sidebar-profile-img img {
	max-width: 100%;
	height: auto;
}
#sidebar-search{
}
#sidebar-meta .rss{
	background: url(../img/ico_rss.png) no-repeat 0px 4px;
	padding-left: 16px;
}
/* フッター
----------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	max-width:1000px;
	height: 30px;
	padding: 10px 0;
	margin:20px auto 10px;
	border-top: 1px solid #C0C6C9;
}
/* トップへ戻るボタン  */
#back_top {
	margin-bottom:0;
	position: fixed;
	bottom: 10px;
	right: 20px;
}
#back_top a {
	display: block;
	width: 140px;
	line-height: 34px;
	text-align: center;
	text-decoration:none;
	transition: 1s;
	filter: alpha(opacity=60);
	opacity: 0.6;
	border-radius:5px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#back_top a:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
}
/* ページ送りナビゲーション
----------------------------------------------- */
/* 記事ページ */
.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/* アーカイブ */
.pagination {
	text-align:center;
	font-size:10px;
	padding:10px 0;
}
.pagination span,
.pagination a {
	width:auto;
	margin: 2px;
	padding:6px 9px 5px 9px;
}
.pagination .pages{
	padding: 2px;
}
.pagination a {
	text-decoration:underline;
}

/* 固定ページ
----------------------------------------------- */
/* 汎用 */
.page_nav h3{
	font-size:1.2rem;
	font-weight:bold;
}
.page_nav ul{
	list-style-type:none;
	margin: 0 .5rem;
}
.sitemap .page_nav ul ul{
	margin:0 1rem;
}
.page_nav li{
	font-size: 1.2rem;
}
.page_nav ul a{
	font-size: 1.1rem;
}
/*  インラインフレーム */
body.about #main,
body.fee #main,
body.cs #main,
body.link #main,
body.access #main{
	padding: 10px 1% ;
}
body.staff #main{
	padding: 10px 0 0 0;
}

.frameii {
	width: 100%;
	height: 550px;
	margin-bottom: 5px;
}
#workframe{
	height:630px;
}
.frameiii {
	width: 98%;
	height: 50px;
	padding: 1%;
}
.frameii_txtver,
.frameii_txtlink{
	text-align:right;
	font-weight:bold;
}
.frameii_txtlink{
	margin-bottom:20px;
}
.frameii_txtlink a{
	font-weight:bold;
	color:#00F;
}
/* 業務内容目次 */
#work_index .page_nav{
	float:left;
	width:50%;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
	padding: 5px 2% 0 10px;
	margin-bottom: 10px;
}

#work_index .page_nav li{
	padding-left:0.7rem;
	text-indent:-0.3rem;
}
.ie #work_index .page_nav{
	width:47%;
}
#work_nav_company{
	border-left: 1px solid #CCC;
}
.work_souhan{
	clear: left;
	font-size: .9rem;
	margin-top: 10px;
}
/* 業務内容個別 */
#work_sidebar{
	float:left;
	width:230px;
}
#work_sidebar .page_nav{
	padding: 5px 2% 20px 10px;
}
#work_main{
	float:right;
	width:720px;
}

#work_main .txt_img{
	padding: 0 0 15px 15px;
}
#work_main img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#work_main h4{
	font-size: 1.4em;
	font-weight: bold;
	margin:5px 0 13px;
	padding:8px 15px 3px;
	border: 1px solid #096a05;
	border-bottom: 5px solid #096a05;
	border-radius:5px 5px 0 0;
	background: -webkit-linear-gradient(top, #fffff2 0%, #fffed6 100%);
	background: linear-gradient(to bottom, #fffff2 0%, #fffed6 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.work_bnr{
	margin-top:0.8em;
	text-align:center;
}
@media screen and (max-width: 639px) {
#work_sidebar,
#work_main{
	float:none;
	width:100%;
}
#work_main .txt_img{
	padding: 0 0 1em 0;
}

#work_main img.bnr {
	margin-bottom:1em;
}
}
#caseframe{
	display:none;
}

/*アクセス・お問合せ*/
body.access .main_if{
	margin-bottom: 3.5em;
}

.parking_btn a {
	font-size: 1.15em;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	border-radius: .25em;
	line-height: 1.25em;
}
.parking_btn a:before {
	margin-right: .25em;
	color: #fff;
	font-family: FontAwesome;
	content: '\f288';
	font-size: 1.25em;
	font-weight: normal;
	vertical-align:text-top;
	speak: none;
}
.parking_btn i {
	margin-left: .3em;
}
.parking_btn a {
	border: solid 1px #0055dd;
	background: #09F;
	background: -webkit-linear-gradient(top, #51BCFF 0%, #007FFF 100%);
	background: linear-gradient(to bottom, #51BCFF 0%, #007FFF 100%);
}
@media screen and (max-width: 639px) {
	.parking_btn {
		float: right;
		margin: 0 0 3vw;
	}
	.parking_btn a {
		padding: .25em .35em;
	}
}
@media screen and (min-width: 640px) {/* PC */
	.access_ttl {
		position: relative;
	}
	.access_ttl h2{
		padding: 0.2em 0 0.35em 0;
	}
	.parking_btn {
		position: absolute;
		top: 27%;
		transform: translateY(-50%);
		right: 0;
	}
	.parking_btn a {
		padding: .125em .35em;
	}
}

/* webフォント Genericons, thanks to FontSquirrel.com for conversion!
-------------------------------------------------------------- */
@font-face {
    font-family: 'Genericons';
    src: url('../font/genericons-regular-webfont.woff') format('woff'), /* Modern Browsers */
         url('../font/genericons-regular-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}
.sidebar-title:before,
.page_nav li:before,
.arrowlink:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 1.8rem 'Genericons';
	vertical-align: top;
}
#sidebar-profile .sidebar-title:before{ /* 顔 */
	content: '\f304';
}
#sidebar-newposts .sidebar-title:before{ /* 鉛筆 */
	content: '\f411';
}
#sidebar-categories .sidebar-title:before{ /* タグ */
	content: '\f302';
}
#sidebar-archives .sidebar-title:before{ /* カレンダー*/
	content: '\f307';
}
.page_nav li:before,
.arrowlink:before{ /* 矢印 */
	content: '\f501';
	font-size:.5rem;
	vertical-align:middle;
}
.ie .sidebar-title:before,
.ie .page_nav li:before,
.ie .arrowlink:before,
.ie10 .sidebar-title:before,
.ie10 .page_nav li:before,
.ie10 .arrowlink:before{
	display:none;
}
.ie .page_nav li a,
.ie10 .page_nav li a,
.ie .arrowlink a,
.ie10 .arrowlink a{
	padding-left: 10px;
	background:url(../img/ico_arrow.png) no-repeat 0 6px;
}
@media only screen and (max-width: 640px) {
	#global{
		background:none;
		border-bottom:none;
		box-shadow:none;
	}
	#global_home,
	#global_other{
		display:none;
	}
	#header nav select {
		display: inline-block;
		margin: 5px 0 5px 10px;
	}
    #primary{
		float:none;
		width:100%;
		max-width:none;
	}
	#main, #home-welcome, #sidebar{
		border-left:none;
		border-right:none;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	}
	#sidebar {
		float:none;
		width:100%;
		max-width:none;
		margin: 20px 0 0;
	}
	body.fee #main,
	body.about #main,
	body.cs #main{
		padding: 10px 0;
	}
	body.staff #main,
	body.access #main{
		padding: 10px 2.38%;
	}
.iframe-content{
	overflow:hidden;
}	
.iframe-content{
	height:3520px;
	overflow:hidden;
}
.iframe-content iframe {
	-o-transform: scale(0.575);
	-o-transform-origin: 0 0;
	-ms-transform: scale(0.575);
	-ms-transform-origin: 0 0;
	-moz-transform: scale(0.575);
	-moz-transform-origin: 0 0;
	-webkit-transform: scale(0.575);
	-webkit-transform-origin: 0 0;
	transform: scale(0.575);
	transform-origin: 0 0;
	width: 171%;
}
}
@media only screen and (max-width: 640px) {
	#back_top{
		display:none;
	}
}