/* 汎用タグ設定 */
body {color:#333; background:#FFF; font-size:100%; line-height:1.5; font-family:Meiryo,sans-serif,Verdana, Arial, Helvetica; text-align:left;margin:0;padding:0;}

table {width:100%;}
table td {vertical-align:top;}
th {background:#fff; color:#666; padding:3px; vertical-align:middle;}
th a {color:#fff;}

ul {margin:0; padding:0; list-style-type:none; text-align:left;}
li {margin:0; padding:0; list-style-type:none; list-style-position:outside;}

h1 {font-size:12px;font-weight:normal;margin:0;padding:0;}
h2 {height:32px;padding-top:15px; padding-left:20px; background:url(images/news_head_bg.gif) no-repeat center left; color:#223300;font-weight:bold;font-size:18px;}
h3 {border-top:1px solid #C6C6AE;border-bottom:1px solid #C6C6AE;background:#F1EFE3;padding:5px;color:#666;font-size:15px;}


img {border:0;max-width: 100%;}
/* 全体のレイアウト設定 */
#canvas {margin:0 auto; padding:0; width:100%; text-align:left;background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc; /* background:url(images/bg_canvas.png) top center no-repeat; */}

body.ShowBlockL0R0 #main {width:100%; clear:both;}
body.ShowBlockL1R0 #main {width:100%; clear:both;}
body.ShowBlockL0R1 #main {width:570px; float:left; clear:both;}
body.ShowBlockL1R1 #main {width:100%; float:left; margin-right:-230px; clear:both;}

body.ShowBlockL0R0 #centercolumn {float:left; width:100%;}
body.ShowBlockL1R0 #centercolumn {width:100%;}
body.ShowBlockL0R1 #centercolumn {}
body.ShowBlockL1R1 #centercolumn {float:right; width:100%; margin-left:-230px;}

body.ShowBlockL1R0 #mainContents {padding:10px 0;}
body.ShowBlockL1R1 #mainContents {margin-right:230px; margin-left:195px; padding:10px 0; clear:both;}

a {font-weigth:normal;}
a:hover {position: relative; top:1px; left: 1px;}



/* ヘッダ設定 */
#h1_hd {margin:0;padding-left:10px;text-align:left;}
#header {margin:0 auto;width:100%;padding:0; color:#666; overflow:hidden;clear:both;background :url(images/bg_head.gif) top center;}
#header .siteTitle {float:left;padding-left:10px;}
#header .siteTitle img{border:0;padding:5px;}
#header .address {text-align:center;padding-right:25px;}
#topImage {clear:both; margin:0;text-align:center;margin-bottom:10px;}

#topNavi {display:none;}
#topNavi ul {list-style-type:none;}
#topNavi ul li {float:left;margin-left:4px;}
#topNavi ul li a {float:left; display:block;}
#topNavi ul li a:hover {relative; top:0; left: 0;}


/* 中央カラム設定 */
#centerC {width:100%;}
#centerC .blockTitle {border-bottom:#CCC solid 1px;}
#centerC .blockContent {padding:5px 0;}

#centerL {float:left; width:48%;}
#centerL .blockTitle {border-bottom:#CCC solid 1px;}
#centerL .blockContent {padding:5px 10px; margin-bottom:20px;}

#centerR {float:right; width:48%;}
#centerR .blockTitle {border-bottom:#CCC solid 1px;}
#centerR .blockContent {padding:5px 10px; margin-bottom:20px;}

/* 左カラム設定 */
#leftcolumn {width:100%;background:#ffe6ff;}
#leftcolumn .blockTitle {
	height:31px;
	margin:5px 0;
	padding:3px 10px 0 10px;
	color:#cc0000;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	letter-spacing:0.2em;
	border-radius: 15px;
	border:2px solid white;
	box-shadow:0 0 3px 1px #ccc;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fba6e1+0,fcecfc+99 */
background: #fba6e1; /* Old browsers */
background: -moz-linear-gradient(top, #fba6e1 0%, #fcecfc 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fba6e1 0%,#fcecfc 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fba6e1 0%,#fcecfc 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba6e1', endColorstr='#fcecfc',GradientType=0 ); /* IE6-9 */
}
#leftcolumn .blockContent {text-align:left; padding:0 0px;}

#leftcolumn img{
	width: 100%;
}
/* 左ブロック　メインメニューの定義*/
#mainmenu {
	padding:0 15px;
	
}
#mainmenu a {
	display:block;
	margin-left:0px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	font-size:large;

 }
 
 #mainmenu a:hover{
 color:#CC0000;
 }
#mainmenu a.menuTop {padding-left:15px; border-bottom: 1px dotted #999;color:#333;text-decoration:none;}
#mainmenu a.menuMain {padding-left:15px; border-bottom: 1px dotted #999;color:#333;text-decoration:none;}
#mainmenu a.menuSub {
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px dotted #DDD; 
	font-size:small;
	color:#cc0000;
	text-decoration:none;
	}


/* 右カラム設定 */
#rightcolumn {float:right; width:355px;margin-bottom:5px;}
#rightcolumn .blockTitle {margin:0 0 5px 0; padding:5px 10px; color:#FFF; line-height:1.5; background:#fff;}
#rightcolumn .blockContent {text-align:left; padding:0;margin-bottom:0px;}

/* フッタ設定 */
#footer {clear:both; width:100%;text-align:center;background:url(images/bg_footer.gif) no-repeat top center;padding:10px 0;margin-top:2px;color:#fff;}
#footer a {color:#fff;font-weight:bold;}
#footer a:visited {color:#fff;font-weight:bold;}

/*主要レイアウト スマホ対応*/
.item {}
.itemHead {height:32px;padding-top:15px; padding-left:20px; background:url(images/news_head_bg.jpg) no-repeat center left; color:#223300;font-weight:bold;font-size:18px;}
.itemHead a{font-weight:bold;}
.itemInfo {text-align:right; padding:3px 5px; background:#efefef;}
.itemTitle a {font-size:120%; font-weight:bold; font-variant:small-caps; color:#333;}
.itemPoster {font-size:90%;}
.itemPostDate {font-size:90%;}
.itemStats {font-size:90%;}
.itemBody {padding:10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:1.5;}
.itemText:first-letter {}
.itemFoot {text-align:right; padding:3px 5px; background:#efefef;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

.outer {border:1px solid silver;}
.head {background:#c2cdd6; padding:5px; font-weight:bold;}
.even {background:#dee3e7; padding:5px;}
.odd {background:#e9e9e9; padding:5px;}
tr.even td {background:#dee3e7; padding:5px;}
tr.odd td {background:#e9e9e9; padding:5px;}
.foot {background:#c2cdd6; padding:5px; font-weight:bold;}

div.errorMsg {background:#ffcccc; text-align:center; border-top:1px solid #ddddff; border-left:1px solid #ddddff; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; font-weight:bold; padding:10px;}
div.confirmMsg {background:#ddffdf; color:#136c99; text-align:center; border-top:1px solid #ddddff; border-left:1px solid #ddddff; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; font-weight:bold; padding:10px;}
div.resultMsg {background:#cccccc; color:#333333; text-align:center; border-top:1px solid silver; border-left:1px solid silver; font-weight:bold; border-right:1px solid #666666; border-bottom:1px solid #666666; padding:10px;}

div.xoopsCode {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}
div.xoopsQuote {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:10px; color:#2f5376; font-weight:bold; border:1px solid silver; background:#ffffff; margin:2px; padding:2px;}
.comUserStatCaption {font-weight:normal;}
.comUserStatus {margin-left:2px; margin-top:10px; color:#2f5376; font-weight:bold; font-size:10px;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:10px; font-weight:bold;}
.comUserRankImg {border:0px;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:italic; font-size:smaller;}
.comDateCaption {font-weight:bold; font-style:normal;}

/*トップバナーメニューの書式*/
#bunner_menu{
font-size:small;
font-weight:nomal;
line-height:100%;
}
#bunner_menu img{margin-right:5px;margin-top:5px;}
#bunner_menu a {text-decoration:none;color:blue;text-decoration:underline;}
#bunner_menu a:hover {text-decoration:under-line;color:red;}
#bunner_menu a:visited {color:#660099}

/*会社案内の書式一括設定 */
.cp_th{
background:#eee; 
width:95px;
color:#333;
font-weight:bold;
border-left:2px solid #000099;

}
.cp_desc{
	padding:5px;
	BACKGROUND: #ffe6ff;
	vertical-align:middle;
color:#333;
}
/*プライバシーポリシー*/
th.CELL_1{background:#ffe6ff;border-left:#cc0000 solid 5px;border-bottom:1px dotted #ccc;color:#333;}
/*問合せフォーム*/
.mailform{
		width:95%;
		border:1px solid #999999;
		margin:0 auto;
}

.mailform th{
		border:1px solid #999999;
		text-align:left;
		background-color:#EEEEEE;
		color:#333333;
		font-size:1rem;
}

.mailform td{
		border:1px solid #999999;
		padding:5px;
		text-align:left;
		background:url(img/tbl_bg.gif);
}
.mailform textarea{
	width:95%;
}
.mailform input{
	width:80%;
}
.mailform label,.mailform label input{
	display:inline-block;
}

#search_list th{
text-align:center;vertical-align:middle;
background:url(images/gn_list_th_bg.gif) repeat-x bottom;
color:#333;
}
/* ------------ extra class settings ------------ */
.clear {
	clear: both;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.fl_left {
	float: left;
	overflow:hidden;
}
.fl_right {
	float: right;
	overflow:hidden;
}
.photo_frame {
	margin: 0 2px 3px;
	padding: 2px;
	border: 1px solid #CCC;
	background:#FFF;
	color:inherit;
}
.photo_r {
	float: right;
	margin: 0 0 3px 2px;
	padding: 2px;
	border: 1px solid #CCC;
	background:#FFF;
	color:inherit;
}
.photo_l {
	float: left;
	margin: 0 2px 3px 0;
	padding: 2px;
	border: 1px solid #CCC;
	background:#FFF;
	color:inherit;
}
.hidden {
	visibility: hidden;
}
.vam {
	vertical-align:middle;
}
.small {
	font-size: 10px;
	line-height: 110%;
	padding: 5px 0;
}
.noteline {
	line-height: 200%;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
}
.notice {
	color: #F60;
	background: inherit;
	font-weight: bold;
	border-bottom: 1px dotted #F30;
}
.topicbox {
	padding: 10px;
	border: 1px solid #CCC;
	background: #FDFDFD;
	color: inherit;
	margin: 10px 0;
}
.marker {
	color: inherit;
	background: #FDD;
	padding: 2px;
}
div.box1 {
	border:1px solid #EEE;
	background:url(images/box1_back.gif);
	margin:3px 0;
	padding:10px;
}
div.box2 {
	border:1px solid #EEE;
	background:url(images/box2_back.gif);
	margin:3px 0;
	padding:10px;
}
/* ------------ extra class settings ------------ */
.deviceButton {
        -moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
        -webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
        box-shadow:inset 0px 1px 0px 0px #f7c5c0;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
        background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
        background-color:#fc8d83;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:1px solid #d83526;
        display:block;
        cursor:pointer;
        color:#ffffff;
        font-family:arial;
        font-size:5em;
        font-weight:bold;
        padding:30px 24px;
        text-decoration:none;
        text-shadow:0px 1px 0px #b23e35;
}
.deviceButton:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
        background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
        background-color:#e4685d;
}
.deviceButton:active {
        position:relative;
        top:1px;
}

#spLinkBlockInPc{
display:none;
}

div.newblock{
	overflow:hidden;
	white-space: nowrap;
	width:90%;
	margin:0 5%;
}
div.recommendblock{
	display: flex;
	flex-wrap:wrap;

}
div.rec_inn{
	width:30%;
	padding:5px 1.5%;
}
div.rec_inn img{
	width:100%;
	height:80px;
	object-fit: cover;
}
#bunner_menu div table td:first-child{
	width:30%;
}
.searchblock{
		    text-align: center;
    background: url(http://www.ailife2.com/uploads/img/281.gif) no-repeat top center;
    background-size: contain;
    margin-top: 10px;
    height: 155px;
    padding-top: 100px;
}
.searchblock span{
	font-size:85%;
}
.searchblock input{
	font-size:1.2rem;
}

table.gnlist td{
	padding:5px;
}

td.gn_list_photo{
	width:115px;
}
td.gn_list_photo img{
	max-width: 100%;
    height: 68px;
    object-fit: cover;
}
.price{
	color:red;
}

ul.gnn_cat_ul{
	display: flex;
	flex-wrap:wrap;
}
li.gnn_cat{
	display:block;
	width:45%;
	text-align: center;
	border:1px solid #ccc;
	margin: 5px 8px;
	    border-radius: 5px;
}
li.gnn_cat a{
	display: block;
	padding:5px;
	border-bottom: 3px solid #cd0d0d;
	
}


.drawer-hamburger{
	background-color: #ffaacc61;
}
.drawer-nav{
	background-color: #cd0d0d;
}
.drawer-brand{
	color: white;
}
.drawer-menu-item{
	color:white;
}

.gn_file img {
	max-width: 95%;
}
.gn_outer {
	width:100% !important;
}
.mail_cation{
	color:brown;
	font-size:0.8rem;
}
.gn_tablelist{
	display: flex;
	flex-wrap:wrap;
}
.gn_listitem{
	width:97%;
	margin:5px auto;
	text-align: center;
}

.gn_listitem img {
	width: 95%;
	height:320px;
	margin:0 auto;
	object-fit:cover;
}
.gn_listitem ul{
	padding:10px;
	}
.gn_listitem table{
	border-collapse :collapse;
	font-size:0.7rem;
	
}
.gn_listitem table th{
	width:20%;
	padding:2%;
	background-color: #ededed;
	border:1px solid #ccc;
	white-space:nowrap;
}
.gn_listitem table td{
	padding:1%;
	border:1px solid #ccc;
}
.gn_listitem table td.td1{
	width:32%;
}
.gn_listitem h2{
	background-image: none;
	color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
overflow: hidden;
font-size: 1rem;
height:20px;
}
.gn_listitem h2 a{
	text-decoration: none;
	overflow: hidden;
}

.sitemap{
	display: flex;
	flex-wrap:wrap;
}
.sitemap>div{
	width:45% !important;
	padding:1.5% !important;
}

#gn_desc{width:100% !important;}

#gn_desc table{width:100% !important;}

.photo_nav2 {
	text-align: center;
	font-size: 2rem;
}
.photo_nav2 img: {
	max-width: 100%;
}
.photo_nav2 a{
	display: inline-block;
}
.editer_menu a{
	display: block;
}
a.btn-flat-border {
    display: block;
  width: 80%;
  margin:0 auto;
  text-align: center;
  background-color: #ffa300;
  font-size: 1.5rem;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 20px 24px;
  border-radius: 4px;
  border-bottom: 4px solid #d37800;
  text-decoration: none;

letter-spacing: .8rem;

}

.btn-flat-border:active{
  transform: translateY(4px);
    border-bottom: none;
}
a.btn_back_ie{
background-color: #4080ff;
	border-bottom: 4px solid #365899;
}
a.btn_back_tochi{
background-color: #099432;
	border-bottom: 4px solid #056622;
}

div.recommend_head{
padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
}

.pc_view{display: none !important;}