/*------------------------------------*\
更新：20150429→20170620→20170702
STRUCTURE(介護110番用CSS[common_v2.css]：ここから追加)
※読み込み順としては以下の順を準拠すること
pure.css（またはcss/pure.css）
↓
介護110番用CSS[common_v2.css]
↓
css/layouts/side-menu.css
\*------------------------------------*/

/*------------------------------------*\
 (スマートフォン用[基本])
\*------------------------------------*/

h1, h2, h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

.button-xlarge {font-size: 1.5em;}
.button-large {font-size: 1.17em;}
.button-small {font-size: 0.83em;}
.button-xsmall {font-size: 0.67em;}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

header {width:100%;height:44px;border-bottom:2px solid #ddd;position:fixed;top:0;left:0; z-index:20;} /* 20141121(height:44px;) */
.bg-home{background: #ff9966;}
.bg-consult{background: #ffcc99;}
.bg-supporter{background: #66cdcc;}
.bg-dictionary{background: #66cc99;}
.bg-siteguide{background: #99ccff;}

.bg-home .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:120px 175px;
-webkit-background-size:120px 175px;
-moz-background-size:120px 175px;
background-position:0 0;
width:120px;
height:35px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:4px 0 0 56px; /* 20141121 */
padding:0;
overflow:hidden;
}
.bg-consult .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:120px 175px;
-webkit-background-size:120px 175px;
-moz-background-size:120px 175px;
background-position:0 -35px;
width:120px;
height:35px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:4px 0 0 56px; /* 20141121 */
padding:0;
overflow:hidden;
}
.bg-supporter .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:120px 175px;
-webkit-background-size:120px 175px;
-moz-background-size:120px 175px;
background-position:0 -70px;
width:120px;
height:35px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:4px 0 0 56px; /* 20141121 */
padding:0;
overflow:hidden;
}
.bg-dictionary .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:120px 175px;
-webkit-background-size:120px 175px;
-moz-background-size:120px 175px;
background-position:0 -105px;
width:120px;
height:35px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:4px 0 0 56px; /* 20141121 */
padding:0;
overflow:hidden;
}
.bg-siteguide .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:120px 175px;
-webkit-background-size:120px 175px;
-moz-background-size:120px 175px;
background-position:0 -140px;
width:120px;
height:35px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:4px 0 0 56px; /* 20141121 */
padding:0;
overflow:hidden;
}
.logo a {display:block;width:120px;height:35px;}
.logo a:hover {background:none;}

.tukaikata {display:block;position:fixed;top:7px;right:0;width: 94px;height: 34px;padding: 0;margin: 0;} /* 20141121 */
.wakaba {width: 1.0em;height: .9em;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.33333333em;line-height:.9em;vertical-align:-15%;background: url(http://www.kaigo110.co.jp/top_img/wakaba01.png) no-repeat left top;}
.tab {margin: 0;padding:0;}
ul.tab li {float: none;list-style-type: none;border: none;-webkit-border-radius: none;-moz-border-radius: none;border-radius: none;}
ul.tab li a, ul.tab li.none a {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
ul.tab li a:hover {background: #fff;}
ul.tab li.none a {color:#ff3300;}
.wrapper-dropdown-1 {position: relative;display:block;}
.wrapper-dropdown-1 .dropdown {display:none;}
/* 20150220(一時的削除)
@media only screen and (max-width: 48em) {.wrapper-dropdown-1 .dropdown .none {display:inline-block; color:#333;}}
*/

/* layout */
#layout{margin-top:44px;} /* 20141122 */

/* MYPAGE(20150401)
-----------------------------------------------------*/	
#mplogin{
	width:100%;
	border-bottom:2px solid #ddd;
	/*background-color:#ffdd9c;*/ background-color:#f5f5f5;
	}
#mplogout{
	width:100%;
	border-bottom:2px solid #ddd;
	background-color:#f5f5f5;
	}
#mplogin .linmenu,
#mplogout .loutmenu{
	padding:10px;
	text-align:right;
	font-size: 0.93em;
	line-height: 1.3em;
	color:#666;
	background-color:#f5f5f5;
	}
/* 20150214(追加) */
.header {margin: 0 0 1em 0; color: #333; text-align: center; padding: 0.5em 0 1em 0;}
.header h1 {font-weight: bold;}
.header p {font-size: 0.93em; font-weight: bold; color: #ff3300; padding: 0 0.67em 0;}
.breadcrumbs {margin: 0; color: #000; text-align: left; padding: 0.67em;}
.content,
.right-content {margin: 0; padding: 0; max-width: 970px; margin-bottom: 10px; line-height: 1.6em;color: #333;}
.content h1, .content h2 {margin: 0.1em 0.2em;padding: 0 0.1em; font-weight: bold; line-height: 1.3em; border-bottom: 1px solid #ccc;}
/* 20150419(追加) */
.content h2.hometitle, .right-content h2.hometitle {
margin: 0.2em 0.2em;padding: 0; font-weight: bold; line-height: 1.1em; border-bottom: none; border:solid 2px #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
}
.content h2.hometitle a:link,
.right-content h2.hometitle a:link,
.content h2.hometitle a:visited,
.right-content h2.hometitle a:visited,
.content h2.hometitle a:hover,
.right-content h2.hometitle a:hover,
.content h2.hometitle a:active,
.right-content h2.hometitle a:active {display:block;color:#333; text-decoration:none; padding:6px;}

.content p,
.right-content p,
.atnkwd, .pure-control-group {font-size: 0.93em; padding: 0 0.5em;}
.treelist {
width:auto;
margin: 0 auto 20px 0;
border-left-width: 1px;
border-right-width: 1px;
padding: 0.5em;
border-width: 1px 0px;
border-style: solid;
border-color: #EEE;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
overflow-x: auto;
white-space: nowrap;
font-size: 0.93em; padding: 0 0.5em; background: none repeat scroll 0% 0% #f8f9fa;
}
.treelist dl{margin:0; padding:0;}
.treelist dl dd{margin:0; padding:0;}
.notes{display:block; margin:1px 0 15px 0; padding:2px; background:#E0E0E0;}
.notes_treelist{display:block; margin:0; padding:2px; background:#E0E0E0;}
.consult_ans {}

#treelist {padding-top:15px;}
.consult_ans_naka {padding-top:35px;}
.headersub {padding-bottom:5px;}
.red{color:#ff3300;}
.bred, .bbsfinish{color:#ff3300; font-weight:bold;}

.loginbbsform500{
	background-color:#ffee99;
	}
.bbsform500{
	background-color:#fff;
	}
.tarea{width:70%;}
/* 20150419(変更：48em) */
@media only screen and (min-width: 48em) {
.tarea{width:60%; height:5em;}
}

.bbsform2 dl {
	text-align:left;
	padding:0 5px 0 5px;
	margin:0 5px 0 5px;
	}

.bbsform2 dl dt {
	font-size:110%;
	font-weight:bold;
	background-color:#fff;
	}
.bbsform2 dl dd {
	padding:5px;
	margin:0 0 10px 0;
	text-align:left;
	background-color:#eee;
	}
.bbsform2 dl dd.agree {
	padding:5px;
	margin:5px;
	background-color:#f3f3f3;
	border:1px solid #999999;
	font-size:100%;
	text-align:center;
	color:#ff0000;
	}
.bbsform2 dl dt.dtcenter, .bbsform2 dl dd.center{
	width:auto;
	padding:5px;
	text-align:center;
	background-color:#fff;
	}
.bbsrules{
	border:1px solid #666666;
	margin:20px 20px 0 20px;
	width:auto;
	height:180px;
	font-size:90%;
	overflow:auto;
	color:#333333;
	clear:both;
	}

/* 20150407 */
#conindex, #dicindex{
	width:100%;
	margin:5px auto 10px auto;
	padding:5px 0 10px 0;
	display:block;
	text-align:center;
	}

#conindex .boxhome{
	width:96%;
	display:block;
	font-size: 0.93em;
	margin:2px 3px 2px 3px;
	padding:5px 3px 5px 3px;
	float: none;
	text-align:left;
	background:#fff;
	}
@media only screen and (min-width: 480px) {
#conindex .boxhome{
	width:44%;
	display:block;
	font-size: 0.93em;
	margin:2px 3px 2px 3px;
	padding:5px 3px 5px 3px;
	float: left;
	text-align:left;
	background:#fff;
	}
}

#conindex .box{
	width:96%;
	display:block;
	font-size: 0.93em;
	margin:2px 3px 2px 3px;
	padding:5px 3px 5px 3px;
	float: none;
	text-align:left;
	background:#f0f0f0;
	}
@media only screen and (min-width: 480px) {
#conindex .box{
	width:44%;
	display:block;
	font-size: 0.93em;
	margin:2px 3px 2px 3px;
	padding:5px 3px 5px 3px;
	float: left;
	text-align:left;
	background:#f0f0f0;
	}
}
#dicindex .png{
	width:44%;
	display:block;
	margin:2px 3px 2px 3px;
	padding:5px 3px 5px 3px;
	float: left;
	text-align:center;
	background:#f0f0f0;
	}
#dicindex .png img.b_qaicon{
 width:92px;
 height:74px;
	}
#dicindex .png img.b_wdicon{
 width:94px;
 height:75px;
	}
/* 20150412(変更：48em→64em) */
@media only screen and (min-width: 64em) {
#dicindex .png img.b_qaicon{
 width:185px;
 height:149px;
	}
#dicindex .png img.b_wdicon{
 width:188px;
 height:149px;
	}
}
.clearfix{clear:both;}

.adsense{padding: 15px 0 15px 0;}
.responsive{width:100%; margin: 0 auto 0 0;}
.mbcenter{width:320px; margin: 0 auto; background:#fff;}
.mrcenter{width:300px; margin: 0 auto; background:#fff;}

/* acMenu */
.acMenu {width:100%; margin:0; padding:0;}
.acMenu dt{display:block; width:100%; margin:0; padding:5px 0 5px 0; color:#000; font-weight:800; font-size:.9em; text-align:left; border-bottom: 1px solid #ccc; cursor:pointer;}
.acMenu dt b.cl{display:none;}
.acMenu dt b.op{display:inline;}
.acMenu dd{background:#fff; width:100%; margin:0; padding:5px 0 5px 0; font-weight:normal; font-size:.9em; text-align:left; display:none; }
.acMenu dt.active{}
.acMenu dt.active b.cl{display:inline;}
.acMenu dt.active b.op{display:none;}

/* 20150214(追加) */
footer {clear:both;margin: 0; padding: 1.0em; max-width: 970px; margin-bottom: 10px; line-height: 1.3em;text-align: center;border-top: 1px solid #eee;}
footer p {font-size: 0.83em; color: #777;}
footer a {text-decoration:none;}

/*------------------------------------*\
 Media Queries(タブレット・PC用)
\*------------------------------------*/
/* 20150412(変更：48em→64em) */
@media only screen and (min-width: 64em) {
/* ==========
   Typography
   ========== */

h1 {
    font-size: 1.8em;
    margin: 0.83em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

header {width:100%;height:70px;border-bottom:2px solid #ddd;position:fixed;top:0;left:0; z-index:20;} /* 20141121 */
.bg-home .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:240px 350px;
-webkit-background-size:240px 350px;
-moz-background-size:240px 350px;
background-position:0 0;
width:240px;
height:70px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:0;
padding:0;
overflow:hidden;
}
.bg-consult .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:240px 350px;
-webkit-background-size:240px 350px;
-moz-background-size:240px 350px;
background-position:0 -70px;
width:240px;
height:70px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:0;
padding:0;
overflow:hidden;
}
.bg-supporter .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:240px 350px;
-webkit-background-size:240px 350px;
-moz-background-size:240px 350px;
background-position:0 -140px;
width:240px;
height:70px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:0;
padding:0;
overflow:hidden;
}
.bg-dictionary .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:240px 350px;
-webkit-background-size:240px 350px;
-moz-background-size:240px 350px;
background-position:0 -210px;
width:240px;
height:70px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:0;
padding:0;
overflow:hidden;
}
.bg-siteguide .logo {
background:url(//www.kaigo110.co.jp/top_img/sprites_kaigo110.png);
background-repeat:no-repeat;
background-size:240px 350px;
-webkit-background-size:240px 350px;
-moz-background-size:240px 350px;
background-position:0 -280px;
width:240px;
height:70px;
display:block;
text-indent : -999em;
letter-spacing : -1000em;
margin:0;
padding:0;
overflow:hidden;
}
.logo a {display:block;width:240px;height:70px;}
.logo a:hover {background:none;}

/* Nav↓ */
.tab {margin: 0;padding:0;display:block;list-style:none;width:600px;height:40px;background:#333;}
ul.tab li {float: left;height:40px;margin: 0 0 0 1px;position: relative;list-style-type: none;border: 1px #ddd solid;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;font-size: 12px;font-weight: bold;}
/*ul.tab li.none {border-bottom: 2px #fff solid;}*/
ul.tab li a {color: #333;display: block;height:19px;text-decoration: none;background: #fff;border-bottom: 2px #ddd solid;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
ul.tab li.none a {color:#ff3300;display: block;height:19px;text-decoration: none;background: #fff;border-bottom: 2px #fff solid;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
ul.tab li a:hover {position: relative;color:#ff3300;}
.wrapper-dropdown-1 .dropdown { position: fixed; top: 30px; left: 240px; display: block; opacity: 1; pointer-events: auto; background: transparent; z-index:200;}
.wrapper-dropdown-1 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 10px; border-right:none; border-left:none;}

/* layout */
#layout{margin-top:70px;} /* 20141122 */
#main {clear:both;}

.hsmall {
    font-size: 0.83em;
}

/* Menu↓ */
.navnone{display:none;}
/* clerfix */
.clear:after { content:""; display:block; overflow:hidden;}
.clear:after { clear:both;}
.clear { zoom:1;}
}
/*------------------------------------*\
 Media Queries(PC用)
\*------------------------------------*/
@media only screen and (min-width: 1260px) {
#main {width:98%;}
.content {float:left; margin: 0; padding: 0 0.5em; width: 65%; margin-bottom: 10px; line-height: 1.6em;color: #333; background:#fff;}
.right-content {float:left; margin: 0; padding: 0 0.5em; width: 30%; margin-bottom: 10px; line-height: 1.6em;color: #333; background:#fff;}
.content h1, .content h2 {margin: 0.1em 0;padding: 0;}
.content p,
.right-content p,
.atnkwd,
.pure-control-group {padding: 0;}
.consult_ans_naka {padding-top:70px;}
footer {clear:both;margin: 0; padding: 1.0em; max-width: 800px; margin-bottom: 10px; line-height: 1.3em;text-align: center;border-top: 1px solid #eee;}
}