/**
 *
 * トップページ関連定義
 *
 --------------------------------*/

div#container{
	margin: 10px auto 0 auto;
	width: 910px;
}

div#header{
	margin: 0 auto 10px;
}
div#decoline{
	height: 79px;
	border-bottom: 4px solid #f98700;
  background: url(/images/stories/template/head.png) repeat-x;
  display: flex;
}
div#head1{
	margin: 0;
	width: 100%;
}


div#head2{
	background-color: transparent;
  display: flex;
  flex-flow:column;
  gap:14px 0;
  padding-right: 10px;
}

ul#headmenu{
  display: flex;
  align-items: center;
  gap: 0 10px;
  justify-content: end;
}

ul#headmenu li{
  font-size: 10pt;
  margin: 0 5px;
}
ul#headmenu li a {
  display: flex;
  align-items: center;
  gap: 0 5px;
}


/*---------------------------------------------------------------------add start*/
/**
 *
 * ヘッダーメニュー
 *
 --------------------------------*/
div#headerMenu {
	width: 420px;
}

/**
 *
 * 検索
 *
 --------------------------------*/
#search {
  display: flex;
  justify-content: end;
  align-items:center;
}
#search input.inputbox::placeholder{
  text-align: center;;
}
#search input.inputbox{
  border: none;
  width: 150px;
  background-image: url(/images/stories/template/searchtext.png);
  background-position: center left;
  background-repeat: no-repeat;
  padding: 5px 10px;
  outline: none;
  background-color: transparent;
}

#search button {
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
  height: auto;
  display: flex;
}
#search button img {
  padding: 0;
  margin: 0;
}

/**
 *
 * 検索結果
 *
 --------------------------------*/
form#searchForm input.inputbox{
	width	:150px;
}
form#searchForm tr td{	/*デバッグ用*/
	/*border:1px solid #DEDAD7;*/
}

/**
 *
 * パンくずリスト
 *
 --------------------------------*/
#breadcrumb {
	display: flex;
	padding: 0px 0 10px 20px;
  align-items: center;
  gap: 0 5px;
}
#breadcrumb li a{
  display: flex;
  align-items: center; 
  gap: 0 5px;
  color: #00F;
}

#breadcrumb li a::after{
  content: "";
  background-image:url("/images/M_images/arrow.png");
  width:9px;
  height:9px;
  display: block;
  margin-bottom: 4px;
}

/**
 *
 * 書籍紹介
 *
 --------------------------------*/
div.banneritem img {
	margin:0;
	width:200px;
	/*padding-top:5px;*/
}

/*---------------------------------------------------------------------add end*/
div#header2{
	width:910px;
	margin: auto;
}

div#header2 p{
	margin-left: 40px;
	vertical-align: middle;
}

div#header2 a{ color: #00F;}

div#head3{
	width: 910px;
	height: 200px;
}

div#wrapper{
	width: 725px;
	/*height: 222px;*/
	float: left;
}

div#head3_1{
	width: 224px;
	height: 220px;
	border: 1px solid #CCC;
	background-color: #5d5a46;
	float: left;
}

div#head3_2{
	width: 500px;
	height:220px;
	border: 1px solid #CCC;
	border-left: 0px;
	margin-left: 224px;
}

div#head3_3{
	/*width: 200px;*/
	padding-left: 5px;
	_padding-left:2px;	/* for IE6 */
/*	padding-left:7px;*/
	margin-left: 720px;

}
div#head3_3 div{
	font-size: 10pt;
	margin-left: 2px;
	margin-top: 2px;
}

div#head3_3 p{
	margin: 0;
	float: left;
	line-height: 0.9em;
	padding-bottom: 9px;
}

#main{
	width: 910px;
	display:flex;
	gap:10px;
}
#main > .content{
	flex-grow:1;
}
div#side{
	width:200px;
	display: flex;
	flex-flow: column;
	gap: 10px 0;
}
/*---------------------------------------------------------------------edit start*/
/*
ul#sidemenu li{
	list-style: none;
	width: 200px;
	height: 35px;
	padding: 0;
	border: 1px solid #999;

}

ul#sidemenu li img{
	margin: 0;
}

ul#sidemenu li.sidem1 a{
	background: url(../img/side/top.png);
	width: 200px;
	height: 35px;
	display: block;
	text-indent: -9999px;
}

ul#sidemenu li.sidem1 a:hover{
	background: url(../img/side/topon.png);
	cursor: pointer;
}

ul#sidemenu li.sidem2 a{
	background: url(../img/side/touroku.png);
	width: 200px;
	height: 35px;
	display: block;
	text-indent: -9999px;
}

ul#sidemenu li.sidem2 a:hover{
	background: url(../img/side/tourokuon.png);
	cursor: pointer;
}
*/

/**
 *
 * 左メニュー
 *
 --------------------------------*/
div.sidem_top {
	border-top: 1px solid #999;
}

div.sidem_top,
div.sidem_register,
div.sidem_dekiru,
div.sidem_edit,
div.sidem_password,
div.sidem_logout {
	height: 35px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

div.sidem_top img,
div.sidem_register img,
div.sidem_dekiru img,
div.sidem_edit img,
div.sidem_password img,
div.sidem_logout {
	margin:0;
}

div.sidem_top a{
	background: url(/images/stories/template/side/top.png);
	height: 33px;
	display: block;
	text-indent: -9999px;
}

div.sidem_top a:hover{
	background: url(/images/stories/template/side/topon.png);
	cursor: pointer;
}

div.sidem_register a{
	background: url(/images/stories/template/side/touroku.png);
	height: 34px;
	display: block;
	text-indent: -9999px;
}

div.sidem_register a:hover{
	background: url(/images/stories/template/side/tourokuon.png);
	cursor: pointer;
}
/*---------------------------------------------------------------------edit end*/

div#touroku{
	height: 65px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 10pt;
	padding-left: 5px;
	padding-top: 3px;
	line-height: 1.6em;
	letter-spacing: 0.02em;
}

div#tou{
	height:20px;
	width:90px;
	background-color: #7f7f7f;
	font-size: 9pt;
	color: #fff;
	padding-top: 5px;
	padding-left: 3px;
	font-weight: bold;
	margin-left: 102px;
}

div#tou a{ color:#fff;}

/*---------------------------------------------------------------------edit start*/
/*
div.sidem2{
	width: 200px;
	height: 35px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

div.sidem a{
	background: url(../img/side/login.png);
	width: 200px;
	height: 35px;
	display: block;
	text-indent: -9999px;
	}
div.sidem a:hover{
	background: url(../img/side/loginon.png);
	cursor: pointer;
	}
*/

div.sidem_dekiru a{
	background: url(/images/stories/template/side/deki.png);
	height: 34px;
	display: block;
	text-indent: -9999px;
}

div.sidem_dekiru a:hover{
	background: url(/images/stories/template/side/dekion.png);
	cursor: pointer;
}

div.sidem_edit a{
	background: url(/images/stories/template/side/edit.png);
	height: 34px;
	display: block;
	text-indent: -9999px;
}

div.sidem_edit a:hover{
	background: url(/images/stories/template/side/editon.png);
	cursor: pointer;
}

div.sidem_password a{
	background: url(/images/stories/template/side/password.png);
	height: 34px;
	display: block;
	text-indent: -9999px;
}

div.sidem_password a:hover{
	background: url(/images/stories/template/side/passwordon.png);
	cursor: pointer;
}

div.sidem_logout a{
	background: url(/images/stories/template/side/logout.png);
	height: 34px;
	display: block;
	text-indent: -9999px;
}

div.sidem_logout a:hover{
	background: url(/images/stories/template/side/logouton.png);
	cursor: pointer;
}
/*---------------------------------------------------------------------edit end*/


div#log{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #fefdd4;
	font-size: 9pt;
	padding-left: 10px;
	padding-top: 10px;
}

.form{
	width: 170px;
	margin-bottom: 9px;
}

.fon{
	font-size:8pt;
}

button{
	margin: 3px auto;
}

div.dekiru{
	font-size: 9pt;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom:8px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	line-height: 1.6em;
	letter-spacing: 0.01em;
}

div#deki{
	height:20px;
	width:120px;
	background-color: #7f7f7f;
	font-size: 9pt;
	color: #fff;
	padding-top: 5px;
	padding-left: 3px;
	font-weight: bold;
	margin-left: 72px;
}

div#deki a{ color:#fff;}

/*---------------------------------------------------------------------edit start*/
/**
 *
 * ようこそ○○さん
 *
 ---------------------------------------*/
div.welcome{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 10pt;
	padding-left: 5px;
	padding-top: 3px;
	line-height: 1.6em;
	font-size: 9pt;
	min-height: 35px;
}


/**
 *
 * 介護についてメニュー
 *
 ---------------------------------------*/
div.moduletable_kaigo {
	background: url(/images/stories/template/WLB_kaigo.png) no-repeat;
	height:290px;
	font-size: 9pt;
	margin: auto;
	padding: 38px 8px 0;
	background-size: contain;
}

div.moduletable_kaigo ul {
	background-color:#ffffff;/*transparent;*/
}

div.moduletable_kaigo ul li {
	background-image: url(/images/stories/template/ue.png);
	background-position: top center;
	text-align:center;
}

div.moduletable_kaigo ul li a {
	margin-right: 20px;
	padding: 8px 0;
	display: block;
}

div.moduletable_kaigo ul li.item79 { /* 一番下のメニュー */
	background-image: url(/images/stories/template/sita.png);
	background-position: top center;
	width:184px;
	height:28px;
	padding-top:10px;
	text-align:center;
}


/*
.a{background:url(../img/WLB_kaigo.png) no-repeat;
	width:190px;
	height:181px;
	padding-top:38px;
	padding-left: 9px;
	padding-right: 3px;
	font-size: 9pt;
	margin: auto;
	margin-top: 8px;
}


.b{background-image:url(../img/ue.png);
	width:184px;
	height:28px;
	padding-top:10px;
	text-align:center;
}


.c{background-image:url(../img/ue.png);
	width:184px;
	height:28px;
	padding-top:10px;
	text-align:center;
}

.d{background-image:url(../img/ue.png);
	width:184px;
	height:28px;
	padding-top:10px;
	text-align:center;
}

.e{background-image:url(../img/sita.png);
	width:184px;
	height:28px;
	padding-top:10px;
	text-align:center;
}
*/
/*---------------------------------------------------------------------edit end*/

/*---------------------------------------------------------------------edit start*/
/*
div.content2{
	width:700px;
	margin-left: 210px;
	height: 520px;
}
*/
/*---------------------------------------------------------------------edit end*/

/*---------------------------------------------------------------------add start*/
/**
 *
 * ナビ会員向け診断結果
 *
 ---------------------------------------*/

/*--- 共通定義 ---*/

/* メニュー列 */
td.diag01menucol,
td.diag02menucol,
td.diag03menucol,
td.diag04menucol {
	height: 80px;
}

/* メニューブロック */
div#diag01menu,
div#diag02menu,
div#diag03menu,
div#diag04menu {
	float: left;
	margin: 5px 5px 0 5px;
	_padding-bottom:8px;		/* for ie6 */
	_margin-left: 2px;			/* for ie6 */
}

/* メニュー文言 */
div#diag01phrase,
div#diag02phrase,
div#diag03phrase,
div#diag04phrase {
	font-size: 14px;
	/*font-style: italic;*/
	/*font-weight: bold;*/
	margin: 15px 0 0 155px;
	width: 500px;
	background-color: transparent;
}

/* ○○ページへ */
div#diag01page,
div#diag02page,
div#diag03page,
div#diag04page {
	background-color: transparent;
	background:url(/images/stories/template/sonaeruhe.png) no-repeat right center;
	margin-top: 10px;
	padding: 3px 13px 3px 0;
	font-size:9pt;
	font-weight: bold;
	text-align: right;
}

/* コンテンツタイトル */
div.diag_title {
	font-weight: bold;
	font-size: 14px;
	margin: 15px 0 10px 10px;
}

/* コンテンツ */
div#diag01content,
div#diag02content,
div#diag03content,
div#diag04content {
	width: 694px;
}

div#diag01content ul,
div#diag02content ul,
div#diag03content ul,
div#diag04content ul {
	background-color: transparent;
	padding-left: 20px;
}

div#diag01content ul li,
div#diag02content ul li,
div#diag03content ul li,
div#diag04content ul li {
	font-size:10pt;
	list-style: none;
	line-height: 20px;
	padding: 2px 2px 2px 25px;
}

li.diag_list {
	background: url(/images/stories/template/point.png) no-repeat left center;
}

/* 記事アイコン（介護系） */
li.kaigo_default{
	background: url(/images/stories/template/point.png) no-repeat left center;
}
li.kaigo_customize {
	background: url(/images/stories/template/light.gif) no-repeat left center;
}

/* 記事アイコン（両立系） */
li.ryoritsu_default {
	background: transparent url(/images/stories/template/point.png) no-repeat left center;
}
li.ryoritsu {
	background: transparent url(/images/stories/template/human.gif) no-repeat left center;
}

div#diag01content table tr td,
div#diag02content table tr td,
div#diag03content table tr td,
div#diag04content table tr td {
	vertical-align: top;
	_width: 350px;		/* for ie6 */
}

/* 記事列 */
td.diag_col1,
td.diag_col2 {
	width: 350px;
}

/*--- 個別定義 ---*/

td.diag01menucol {
	background-color: #fbd40a;
}

div#diag01content {
	border: 3px solid #fbd40a;/*fde050;*/
}

td.diag02menucol {
	background-color: #faa401;
}

div#diag02content {
	border: 3px solid #faa401;/*f9ab14;*/
}

td.diag03menucol {
	background-color: #f86900;
}

div#diag03content {
	border: 3px solid #f86900;/*fa7d22;*/
}

td.diag04menucol {
	background-color: #ec5100;
}

div#diag04content {
	border: 3px solid #ec5100;/*ec5e13;*/
}

/*---------------------------------------------------------------------add end*/

div#sonaeru{
	width:166px;
	/*background: url(/images/stories/template/sona.jpg) top no-repeat;*/
	border: 1px solid #fbd40a;/*fde050;*/
	/*float: left;*/
}

.image1{
	margin-top:6px;
	margin-left:8.5px;
}

.text{
	font-size: 9pt;
	padding: 5px 7.5px 0 7.5px;
	line-height: 1.4em;
	height: 70px;
}

.sonaerupage{
	background:url(/images/stories/template/sonaeruhe.png) no-repeat right center;
	width:148px;
	height:18px;
	margin-top:7px;
	padding-right:13px;
	text-align: right;
	font-size:9pt;
	padding-top: 3px;
	font-weight: bold;
}

ul.sonacont{
	margin-top: 5px;
	margin-left:5px;
	height: 120px;
}

ul.sonacont li{
	background: url(/images/stories/template/book.gif) no-repeat left center;
	font-size:10pt;
	list-style: none;
	padding: 2px 2px 2px 22px;
	line-height: 20px;
}

.mottoyomu{
	font-size:9pt;
	width:160px;
	text-align: right;
	padding-right: 4px;
	margin: 8px auto;
	}

.kaigoyobou{
	width:165px;
	position:relative;
	top:455;
	margin-top:2px;
	padding-left:1px;
	}

.pickup{
	font-size:10pt;
	 font-weight:bold;
	margin-left:8.5px;
	margin-top:7px;}


div#kaigo{
	width:166px;
	/*background: url(/images/stories/template/kai.jpg) top no-repeat;*/
	border: 1px solid #fbd40a;/*f9ab14;*/
	margin-left: 5px;/*--- 9px; ---edit*/
	/*float: left;*/
}

.image2{
	margin-top:6px;
	margin-left:8.5px;
}

ul.kaicont{
	margin-top: 5px;
	margin-left:5px;
	height: 120px;
}

ul.kaicont li{
	background: url(/images/stories/template/light.gif) no-repeat left center;
	font-size:10pt;
	list-style: none;
	padding: 2px 2px 2px 22px;
	line-height: 20px;
}


div#michi{
	width:166px;
	/*float: left;*/
	/*background: url(/images/stories/template/michi.jpg) top no-repeat;*/
	border: 1px solid #f86900;/*fa7d22;*/
	margin-left: 5px;/*--- 9px; ---edit*/
}
.image3{
	margin-top:6px;
	margin-left:8.5px;
}

ul.michicont{
	margin-top: 5px;
	margin-left:5px;
	height: 120px;
}

ul.michicont li{
	background: url(/images/stories/template/roope.gif) no-repeat left center;
	font-size:10pt;
	list-style: none;
	padding: 2px 2px 2px 22px;
	line-height: 20px;
}

div#sigoto{
	width:166px;
	/*float: left;*/
	/*background: url(/images/stories/template/sigoto.jpg) top no-repeat;*/
	border: 1px solid #ec5100;/*ec5e13;*/
	margin-left: 5px;/*--- 9px; ---edit*/
}
.image4{
	height:64px;
	margin-top:6px;
	margin-left:8.5px;
}

ul.shigotocont{
	margin-top: 5px;
	margin-left:5px;
	height: 120px;
}

ul.shigotocont li{
	background: url(/images/stories/template/human.gif) no-repeat left center;
	font-size:10pt;
	list-style: none;
	padding: 2px 2px 2px 22px;
	line-height: 20px;
}

div#banner{
/*width: 715px;*/
	height: 80px;
	/*--- margin-top:20px; ---edit*/
}

div#qa{
/*width: 715px;*/
	/*--- height: 80px; ---edit*/
	margin-top: 0px;
	background-color: transparent;
}

div.bar{
/*width: 705px;*/
	height:35px;
	background: url(/images/stories/template/bar.jpg) no-repeat;
	font-size: 14pt;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 12px;
	font-family:"Arial Black", Gadget, sans-serif;
	margin-top: 15px;
}

div.bar span{
	font-size: 10pt;
	font-weight: normal;
	font-family: "cursive";
}

ul.qq{
	margin-left:20px;
}
ul.qq li{
	padding: 0;
	list-style: none;
	font-size: 10pt;
	margin: 9px auto;
	letter-spacing: 0.1em;
	}

.qq2, .qq3 {
	font-size:12pt;
	text-align: right;
	background: url(/images/stories/template/arrow.gif) no-repeat 515px 4px;
	width: 698px;
}

.qq3 {
	background-position: 498px 4px;
}

div.qq {
	margin: 5px 20px 10px 20px;
}
        /*--Main Image Preview--*/
/*
        .main_image {
            width: 500px; height: 199px;
            float: left;
            background: #fff;
            position: relative;
            overflow: hidden;
            color: #fff;
			border-top: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			border-right: 1px solid #CCC;
        }
        .main_image h2 {
            font-size:15px;
            font-weight: normal;
            margin: 0 0 5px;   padding: 10px;
        }
        .main_image p {
            padding: 10px;   margin: 0;
            line-height: 1.6em;
        }
        .block small {
            padding: 0 0 0 20px;
            background: url("img/ajax/icon_calendar.gif") no-repeat 0 center;
            font-size: 1em;
        }
        .main_image .block small {margin-left: 10px;}
        .main_image .desc{
            position: absolute;
            bottom: 0;   left: 0;
            width: 100%;
            display: none;
        }
        .main_image .block{
            width: 100%;
            background: #111;
            border-top: 1px solid #000;
        }
        .main_image a.collapse {
            background: url("img/ajax/btn_collapse.gif") no-repeat left top;
            height: 27px; width: 93px;
            text-indent: -99999px;
            position: absolute;
            top: -27px; right: 20px;
        }
        .main_image a.show {background-position: left bottom;}

        .image_thumb {
            float: left;
            width: 224px;
            background: #f0f0f0;
			height: 201px;
        }
        .image_thumb img {
            border: 1px solid #ccc;
            padding: 5px;
            background: #fff;
            float: left;
        }
        .image_thumb ul {
            margin: 0; padding: 0;
            list-style: none;
			height: 201px;
			background: #5d5a46;

        }
*/
	.topbanner {
		position: relative;
		margin-bottom: 10px;
		width: 252px;
		height: 190px;
	}
	.topbanner div { display: block; }
	div.topbanner-careresi {
		position: absolute;
		top: 106px;
		left: 412px;
		width: 50px;
		height: 50px;
	}

        .image_thumb ul li.button1{
            margin: 0;
            /* 仮対応(この行が正) background: #5d5a46 url("/images/stories/template/button1.png") no-repeat center center;*/
            background: #5d5a46 url("/images/stories/template/button1on.png") no-repeat center center;
            width: 224px;
            float: left;
            color:#666;
			height: 73px;

        }
		.image_thumb ul li.button2{
            margin: 0;
            background: #5d5a46 url("/images/stories/template/button2.png") no-repeat center center;
            width: 224px;
            float: left;
            color:#666;
			height: 54px;
        }
		.image_thumb ul li.button3{
            margin: 0;
            background: #5d5a46 url("/images/stories/template/button3.png") no-repeat center center;
            width: 224px;
            float: left;
            color:#666;
			height: 73px;
        }
/*
        .image_thumb ul li.button1.hover {
            cursor: pointer;
            background: #5d5a46 url("/images/stories/template/button1on.png") no-repeat center center;
        }

        .image_thumb ul li.button1.active {
            cursor: default;
            background: #5d5a46 url("/images/stories/template/button1on.png") no-repeat center center;
        }

        .image_thumb ul li.button2.hover {
            cursor: pointer;
            background: #5d5a46 url("/images/stories/template/button2on.png") no-repeat center center;
        }
        .image_thumb ul li.button2.active {
            cursor: default;
            background: #5d5a46 url("/images/stories/template/button2on.png") no-repeat center center;
        }
        .image_thumb ul li.button3.hover {
            cursor: pointer;
            background: #5d5a46 url("/images/stories/template/button3on.png") no-repeat center center;
        }
        .image_thumb ul li.button3.active {
            cursor: default;
            background: #5d5a46 url("/images/stories/template/button3on.png") no-repeat center center;
        }
*/
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
}

div#footerm{
  background: url(/images/stories/template/footer.png) repeat-x;
  width: 100%;
  height: 45px;
  padding-top: 5px;
  padding-bottom: 15px;
  margin-top: 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

ul#foot{
	margin-top: 5px;
  padding: 0 10px;
	display: flex;
  gap: 0 20px;
  justify-content: center;
  align-items: center;
}

ul#foot li a{
	display: flex;
	font-size: 13px;
  gap: 0 5px;
  align-items: center;
}
ul#foot li a img {
	width:15px;
  height:15px;
  margin-bottom: 2px;
}


.componentheading  {
	color: #666666;
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 2px 0 5px 10px;
	border-left: 10px solid #fbd40a;
	border-bottom: 2px solid #fbd40a;
}
.componentheading_sonaeru {
	color: #666666;
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 2px 0 5px 10px;
	border-left: 10px solid #fbd40a;
	border-bottom: 2px solid #fbd40a;
}
.componentheading_hassei {
	color: #666666;
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 2px 0 5px 10px;
	border-left: 10px solid #FAA401;
	border-bottom: 2px solid #FAA401;
}
.componentheading_michi {
	color: #666666;
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 2px 0 5px 10px;
	border-left: 10px solid #F86900;
	border-bottom: 2px solid #F86900;
}
.componentheading_ryoritsu {
	color: #666666;
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 2px 0 5px 10px;
	border-left: 10px solid #EC5100;
	border-bottom: 2px solid #EC5100;
}