@charset "utf-8";
/*------------------------------------------------------------
	共通情報
------------------------------------------------------------*/
#page-nav {
	display: block;
	margin-top: 4px;
	width: 100%;
	height:100px;
}
#sidebar h2 {
 	color:#fff;
	margin-left: 2px;
}
.breadcrumbs {
	margin: 3px 4px 10px;
	line-height: 1.4em;
}
.article {
	margin-bottom: 56px;
}
/*------------------------------------------------------------
	バーナー
------------------------------------------------------------*/
#sidebar .aside {
	margin-top:20px;
}
#arc.right-box {
	margin-top:0;
	width:200px;
	position:relative;
}
#arc.right-box ul li a ,
#arc.right-box ul li a:hover{
	text-indent:0;
	font-size:1.4em;
	text-align:center;
	margin-top:20px;
	margin-bottom:0;
	display:block;
	color:#000;
	opacity:1.0;
}
#arc.right-box ul li:first-child a,
#arc.right-box ul li:first-child a:hover {
	text-indent:0;
	font-size:1.4em;
	text-align:center;
	margin-top:20px;
	margin-bottom:0;
	display:block;
	color:#fff;
}

#bnr.right-box {
	margin-top:20px;
	position:relative;
}
/*------------------------------------------------------------
	新着情報(archive)
------------------------------------------------------------*/
body.tag-news #page-nav {
	background-image: url(../images/parts/news-ttl.gif),url(../images/parts/blue-sky.jpg);
	background-repeat: no-repeat;
	background-position: left 2px top 4px, right 0px top 0px;
	background-color: #066;
}
#news p.continue {
	padding-right:15px;
	font-size:0.9em;
}
#news p.continue a:hover {
	text-decoration: none;
}
/*------------------------------------------------------------
	新着情報(archive・date)
------------------------------------------------------------*/
body.date #page-nav {
	background-image: url(../images/parts/etc-ttl.gif),url(../images/parts/blue-sky.jpg);
	background-repeat: no-repeat;
	background-position: left 2px top 4px, right 0px top 0px;
	background-color: #066;
}
body.date #page-nav h2 {
	display:block;
	padding-top: 25px;
	padding-left: 65px;
	font-size:2em;
	font-weight:bold;
	color:#060;
}
/*------------------------------------------------------------
	固定ページ共通
------------------------------------------------------------*/
#page-nav h2 {
	display:block;
	padding-top: 25px;
	padding-left: 65px;
	font-size:2em;
	font-weight:bold;
	color:#060;
}
#page-nav {
	background-image: url(../images/parts/etc-ttl.gif),url(../images/parts/blue-sky.jpg);
	background-repeat: no-repeat;
	background-position: left 2px top 4px, right 0px top 0px;
	background-color: #066;
}
/*====================================
	固定ページウィジェットなし
======================================*/
body.page .article {
	margin-right: 0;
	margin-left: 0;
	width:100%;
}
body.page .article p {
	margin-right:0;
	margin-left: 0;
	width:100%;
}
body.page .article {
	height:500px;
}
/*------------------------------------------------------------
	個別情報(single)
------------------------------------------------------------*/

/*------------------------------------------------------------
	サービス
------------------------------------------------------------*/
#main.service #page-nav {
	background-image: url(../images/parts/service-ttl.gif),url(../images/parts/blue-sky.jpg);
	background-repeat: no-repeat;
	background-position: left 2px top 4px, right 0px top 0px;
	background-color: #066;
}
#main.service #page-nav h2 {
	display:none;
}
/*------------------------------------------------------------
	会社案内
------------------------------------------------------------*/
#main.company #page-nav {
	background-image: url(../images/parts/company-ttl.gif),url(../images/parts/blue-sky.jpg);
	background-repeat: no-repeat;
	background-position: left 2px top 4px, right 0px top 0px;
	background-color: #066;
}
#main.company #page-nav h2 {
	display:none;
}
/*------------------------------------------------------------
	お問合せ
------------------------------------------------------------*/
#main.contact #page-nav {
	background-image: url(../images/parts/contact-ttl.gif),url(../images/parts/blue-sky.jpg);
	background-repeat: no-repeat;
	background-position: left 2px top 4px, right 0px top 0px;
	background-color: #066;
}
#main.contact #page-nav h2 {
	display:none;
}
/*------------------------------------------------------------
	これより以下、管理画面から固定ページを入力する場合
	文書装飾用に共通的にクラスを設ける(body.page)
------------------------------------------------------------*/
body.page #pagebody { 
	margin-left:5px;
}
/* リストスタイル */
body.page ul {list-style:disc;}
body.page .list-style-none {list-style:none;}

body.page .heading-1,
body.error404 .heading-1{/* 見出し（１）大 */
	font-weight:bold;
	font-size:1.6em;
}
body.page .heading-2 {	/* 見出し（２）中 */
	font-weight:bold;
	font-size:1.4em;
}
body.page .heading-3 {	/* 見出し（３）小 */
	font-weight:bold;
	font-size:1.2em;
}
body.page .large-string {	/* 大文字 */
	font-size:1.4em;
	line-height:1.4em;
}
body.page .middle-string {	/* 普通文字 */
	font-size:1.0em;
}
body.page .line-height-2 {
 	line-height:2.0em;
}
body.page .small-string {	/* 小文字 */
	font-size:0.8em;
}
/* 	background: url("../images/parts/moyou.jpg") repeat;
*/
body.page .heading-boxg { /* 見出枠（緑色） */
	display:block;
	min-width:300px;
	max-width:640px;
	width:40%;
	position:relative;
	color: #fff;
	line-height:1.5em;
	padding: 2px 4px 2px;
	background-color: #066;
	border: 3px solid #360;
	border-radius:6px;
	box-shadow: 1px 2px 6px #ccc;
	-moz-box-shadow: 1px 2px 6px #ccc;
	-webkit-box-shadow: 1px 2px 6px #ccc;
}
body.page .heading-boxr { /* 見出枠（紫色） */
	display:inline-block;
	position:relative;
	line-height:1.5em;
	padding: 2px 4px 2px;
	background-color:#99c;
	border-radius:4px;
}
body.page .heading-box { /* 見出枠（通常） */
	display:inline-block;
	padding: 2px 4px 2px;
	background-color:#99c;
}
body.page .string-white {
	color:#fff;
}
body.page .string-black {
	color:#000;
}
body.page .string-red,
body.error404 .string-red {
	color:#f00;
}
/* 右寄せ */
body.page .alignright {
	text-align:right;
}
/* 段落分け */
body.page .column-2 { 
	column-count:2; 
	column-width:50%;
	-moz-column-count:2;
	-moz-column-width:50%;
	-webkit-column-count:2; 
	-webkit-column-width:50%;
}
body.page .column-1 { 
	column-count:1; 
}
/* アンダーライン */
body.page .text-underline{ text-decoration:underline;}
body.page .text-underline-none{ text-decoration:none;}
body.page .text-underline-none a:hover{ text-decoration:none;}


body.page .line-5 { display:block;height:5em; } /* ５行 */
body.page .line-4 { display:block;height:4em; }
body.page .line-3 { display:block;height:3em; }
body.page .line-2 { display:block;height:2em; }
body.page .line-1 { display:block;height:1em; }
body.page .col-5 { padding-left:5em; } /* ５カラム */
body.page .col-4 { padding-left:4em; }
body.page .col-3 { padding-left:3em; }
body.page .col-2 { padding-left:2em; }
body.page .col-1 { padding-left:1em; }
/*------------------------------------------------------------
	これより以下、管理画面から固定ページを入力する場合
	個別(body.page)
------------------------------------------------------------*/
body.page #mark a {
	background :url("../images/degilabo-mark2.gif") no-repeat;
}
body.page #mark a:hover {
	background :url("../images/Glasses2.gif") no-repeat;
} 
body.page #mark a {
	display: block;
	float:left;
	width: 150px;
	height:150pxpx;
	margin-left: auto;
	margin-right:auto;
	border: 1px solid #360;
	background-repeat:no-repeat;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	-ms-background-size:100%;
	background-position: 0 0;
	background-image: url("../images/degilabo-mark2.gif");
}
body.page #mark a:hover {
	display: block;
	float:left;
	width: 150px;
	height:150pxpx;
	margin-left: auto;
	margin-right:auto;
	border: 1px solid #360;
	background-repeat:no-repeat;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	-ms-background-size:100%;
	background-position: 0 0;
	background-image: url("../images/Glasses2.gif");
}
body.page #infomation {
	border-bottom:  3px solid #d3d3d3;
}
body.page #mail-mark:before {
	background:url(../images/parts/icon_sphone.png) no-repeat;
	-webkit-background-size:996px 267px;
	-moz-background-size:996px 267px;
	-o-background-size:996px 267px;
	background-size:996px 267px;
	left:0px;
	content:"";
	display:inline-block;
	position:relative;
	width:41px;
	height:31px;
	background-position: -219px -1px;
	vertical-align:middle;
}
body.page #mail-mark {
        vertical-align:middle;
}
body.page #tel-mark:before {
	background:url(../images/parts/icon_sphone.png) no-repeat;
	-webkit-background-size:498px 134px;
	-moz-background-size:498px 134px;
	-o-background-size:498px 134px;
	background-size:498px 134px;
	left:0px;
	content:"";
	display:inline-block;
	position:relative;
	width:29px;
	height:29px;
	background-position: -47px 0px;
	vertical-align:middle;
	margin-left:4px;
}
body.page #tel-mark {
        vertical-align:middle;
}
body.page #footer-address ul {
	display:block;
	width:100%;
}
body.page #footer-address ul li {
	
}
body.page #access-txt {
	margin-right:-20px;
	display:block;
	float:right;
	width:50%;
	padding:0;
}
body.page #access {
	display:block;
	height:300px;
	width:50%;
	padding:30px 0;
}
body.page .end:after { 
	display: block;
	content: "･";
	height: 0;
	clear: both;
	visibility: hidden;
}
body.page .end {
	zoom: 1;
}
body.page tr th {text-align:center;}
body.page tr .column-1 {width:70%;}
body.page tr .column-2,
body.page tr .column-3 {text-align:center;width:5%;}
body.page tr .column-4,
body.page tr .column-5 {text-align:right;width:10%;}
/*------------------------------------------------------------
--------------------------------------------------------------
	メディアクエリー
--------------------------------------------------------------
------------------------------------------------------------*/
@media screen and (max-width: 640px) {
#page-nav h2 {
	font-size:1.5em;
}
body.page #mark a {
	display: block;
	float:none;
	width: 100px;
	height:100pxpx;
	margin-left: auto;
	margin-right:auto;
	border: 1px solid #360;
	background-repeat:no-repeat;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	-ms-background-size:100%;
	background-position: 0 0;
	background-image: url("../images/degilabo-mark2.gif");
}
body.page #mark a:hover {
	display: block;
	float:none;
	width: 100px;
	height:100pxpx;
	margin-left: auto;
	margin-right:auto;
	border: 1px solid #360;
	background-repeat:no-repeat;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	-ms-background-size:100%;
	background-position: 0 0;
	background-image: url("../images/Glasses.gif");
}
body.page .column-2 { 
	column-count:1; 
	column-width:100%; 
	width:100%;
	-moz-column-count:1;
	-moz-column-width:100%;
	-webkit-column-count:1; 
	-webkit-column-width:100%;
}
body.page #tel-mark a:after {
	content: "\A   ";
  	white-space: pre;
}

body.page #access-txt {
	float:none;
	position:relative;
	width:100%;
	margin:0;
}
body.page #access img {
	width:100%;
}

body.page #access {
	width:100%;
	padding:0;
}
/* 問い合わせで見出しを強制改行 */
body.page form > p:after {
	content: "\A   ";
  	white-space: pre;
}



}