/* 汎用タグ設定 */
body {color:#333; background:#FFF; font-size:100%; line-height:1.5; font-family:Verdana, Arial, Helvetica, sans-serif; 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;}
/* 全体のレイアウト設定 */
#canvas {margin:0 auto; padding:0; width:950px; 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 {float:right; width:100%; margin-left:-230px;}
body.ShowBlockL0R1 #centercolumn {}
body.ShowBlockL1R1 #centercolumn {float:right; width:100%; margin-left:-230px;}

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

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



/* ヘッダ設定 */
#h1_hd {margin:0;padding-left:10px;text-align:left;}
#header {margin:0 auto;width:950px;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 {float:right;text-align:right;padding-right:25px;}
#topImage {clear:both; margin:0;text-align:center;margin-bottom:10px;}

/*
#topNavi {width:950px;color:#4E9B00;padding-left:0px;}
#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;}
*/
/*******ここから******/
 #topNavi ul {
            list-style: none;
            padding: 10px 10px;
            margin: 0;
            display: flex;
            justify-content: space-between;
        }

        #topNavi ul li {
            flex: 1;
            text-align: center;
            margin: 0 5px;
        }

        #topNavi ul li a {
            display: inline-block;
            text-decoration: none;
            color: #fff;
            padding: 10px 20px;
            font-size: 18px;
			/*font-weight:bold;*/
			letter-spacing: 3px;
            border-radius: 5px;
            box-shadow: 0 3px 5px rgba(0,0,0,0.4);
            background: linear-gradient(to bottom, #ff0000, #cc0000);
            transition: background 0.4s ease;
            width: 100%;
            box-sizing: border-box;
        }

        #topNavi ul li a:hover {
            background: linear-gradient(to bottom, #3366ff, #0033cc);
        }
/*******ここまで******/
/* 中央カラム設定 */
#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 {float:left; width:200px;padding:0 10px;_padding:0;background:#ffe6ff;margin-left:10px;_margin-left:0px;}
#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; background:#666;background:url(images/bg_left_block_ttl.gif) no-repeat top center;}
#leftcolumn .blockContent {text-align:left; padding:0 0px;}


/* 左ブロック　メインメニューの定義*/
#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:80%;
		border:1px solid #999999;

}

.mailform th{
		border:1px solid #999999;
		text-align:left;
		background-color:#EEEEEE;
		color:#333333;
		width:35%;
}

.mailform td{
		border:1px solid #999999;
		padding:5px;
		text-align:left;
		background:url(img/tbl_bg.gif);
}
.mail_cation{
	color:brown;
	font-size:0.8rem;
}
#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#info-new{
	width:100%;
	display:flex;
}
div.infoblock,div.newblock{
width:48%;
margin-top:10px;
}
div.infoblock{
	height:215px;overflow:auto;border:1px solid #ccc;border-radius:3px 0 0 3px;
	margin-right:2%;
}
div.newblock{
	height:215px;overflow:auto;
	margin-left:2%;
}

div.recommendblock{
	display: flex;
	flex-wrap:wrap;
}
div.rec_inn{
	width:18%;
	padding: 10px 1%;
}
div.rec_inn div{
	text-align:left;
}
div.rec_inn a img{
	max-width: 100%;
	height: 90px;
	object-fit:cover;
}
#bunner_menu{
	display: flex;
	flex-wrap:wrap;
}
#bunner_menu div{
	width:46%;
	padding: 2%;
}
.searchblock{
		text-align:center;
		background:url(http://www.ailife2.com/uploads/img/281.gif) no-repeat top center;
		margin-top:10px;
		padding: 40px 5px 10px 5px;
		height:130px;
}
.searchblock span{
	font-size:85%;
}




.drawer-hamburger{
	display:none;
}
.gn_photo_desc{
	display: flex;
	flex-wrap:wrap;
}

.desc_photo,.gn_desc{
	width:50%;
}

.gn_file img {
	max-width: 100%;
}

.comment_map{
	width:100%;
}

.gn_tablelist{
	display: flex;
	flex-wrap:wrap;
}
.gn_listitem{
	width:30%;
	margin:5px 1.5%;
}

.gn_listitem img {
	width: 100%;
	height:140px;
	object-fit:cover;
}
.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:30% !important;
	padding:1.5% !important;
}

.photo1_img{
	width:100px;
	height:80px;
	object-fit:cover;
}
.photo_nav2{
	display: inline-block;
}
.editer_menu a{
	display: block;
}
.photo_responsive{
	max-width:80%;
	height: auto;
	object-fit:cover;	
}
.smart_view{display: none !important;}