@charset "utf-8";
/* CSS Document */

*{
	padding: 0px;
	margin: 0px;
}
/* ----------------------------------------------------------- */
/* #ank_box アンケート ------------------------------------*/
/* ----------------------------------------------------------- */
#ank_box{
	width:100%;
	margin-top:5em;
	}
#ank_box h3.ank_title{
	width:100%;
	height:auto;
	background-image:url(../images/design/h3bg01_green.png);
	background-size: auto;
	background-origin: border-box;
	background-color:#3b0;
	text-align:center;
	padding:4px 0px;
	color:white;
	margin:0px auto;
	border-style:none;
}
#ank_form{
	background-color:#ffd;
	padding: 1em;
	border:0px solid #3b0;
	border-top-width:0px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-bottom-width:4px;
}
#ank_qbox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 2em;
}
.ank_qbox_mini{
	min-width: 7em;
	flex:1;
	padding-right: 1em;
	}
#ank_form p{
	margin:0.5em 0px;
	}
#ank_form p.ank_qbox_title{
	font-weight:bold;
}
#ank_qbox p{
	line-height:140%;
}
#ank_form ul{
	list-style-position:inside;
	list-style-type: none;
	margin-left:1em;
}
#ank_form li{
	padding-bottom: 0.5em;

}
#ank_form label{
}

#ank_mesbox p.ank_mes{
	font-size: small;
	text-indent: 1em;
}
#ank_form textarea{
	margin-left:1em;
	width:calc(100% - 2em);
}
.ank_submit_mes {
font-size: small;
color: gray;
}

/* ----------------------------------------------------------- */
/* #box_contents 装飾 -------------------------------------*/
/* ----------------------------------------------------------- */
#page-title{
	text-align: center;
}
#page-title h2{
	margin: 0px 0.5em;
	display: inline-block;
	text-align: left;
	font-size: xx-large;
	line-height:120%;
	color:#009080;
	text-shadow: 1px 3px lightgray;
	font-family:'ヒラギノ角ゴ StdN', sans-serif;
}

#contents h3{
	color: white;
	text-shadow: 1px 1px #009080;
	background-color: lightseagreen;
	border-left: solid 4px #009080;
	margin-top: 3em;
	margin-bottom: 1em;
	padding:0.2em;
}
#contents h3.first{
	margin-top: 1em;
}
#contents section > h3{
	margin-top: 5em;
}
#contents h4{
	font-size: large;
	color: white;
	background-color: #00A070;
	border-bottom: solid 4px #00b0b0;
	margin: 1em 2em 1em 1em;
	padding:0.2em 1em;
	border-radius: 15px 15px 0 0;
}
#contents p + h4{
	margin-top: 3em;
}

#contents h5{
	font-size: large;
	color:#00A080;
	border-left: solid 6px #00b0b0;
	border-right: solid 6px #00b0b0;
	margin: 1em 2em 1em 1em;
	padding:0.2em 0.5em;
	border-radius: 8px 8px 8px 8px;
}
#contents p + h5{
	margin-top: 3em;
}
#contents ul + p{
	margin-top: 2em;
}

/* ----------------------------------------------------------- */
/* aside 補足 装飾 -------------------------------------*/
/* ----------------------------------------------------------- */
#aside_shortcut{
	/*width:90%;*/
	margin-top:1em;
	margin-bottom: 2em;
	/*margin:1em auto 1em auto;*/
	background-color: #E0FFFF;
	border: solid 2px #00E0E0;
	border-top: 0;
}
#aside_shortcut h3{
	margin-top: 0;
	margin-bottom: 0;
	color: white;
	text-indent: 0.5em;
	font-weight:bold;
	padding:0.2em 0px;
	background-color:#3BB;
	border-bottom:  solid 2px #009090;
	border-left: 0;
}
#aside_shortcut ul{
	list-style-position: inside;
	margin:0.5em;
	font-weight: bold;
	list-style-image: url(../images/design/shortcut01_ble.png);
}
#aside_shortcut li{
	margin-bottom: 0.5em;
}
#aside_shortcut ul.templ{
	list-style-position: inside;
	margin:1em;
	font-size: small;
	font-weight: normal;
	list-style-image: none;
}
#aside_shortcut a{
	text-decoration: none;
}
#aside_shortcut a:hover{
	text-decoration: underline;
}

#aside_contents a{
	text-decoration: none;
}
#aside_contents a:hover{
	text-decoration: underline;
}

#aside_contents{
	margin-top:5em;
}
#aside_contents h3{
	font-weight:bold;
	margin:0px;
	padding:0.2em 0px 0.2em 0.5em;
	border-width: 0 0 0 0;
	color: white;
	letter-spacing: 0.1em;
}

#contents aside section > h3{
	margin-top: 0px;
}

#aside_pr{
	background-color: #E8FFFF;
	padding-top: 0;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border: solid 2px #39F;
}
#aside_pr h3{
	text-shadow: 1px 1px #303090;
	background-color:#39F;
}
#aside_connect{
	background-color: #F0FFF0;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border: solid 2px #090;
}
#aside_connect h3{
	text-shadow: 1px 1px #003000;
	background-color:#090;
	border-color: #6F6 #030 #030 #6F6;
}

#aside_history{
	background-color: #F5F5FF;
	padding-bottom: 0.5em;
	border: solid 2px #99F;
}
#aside_history h3{
	text-shadow: 1px 1px #6060F0;
	background-color:#99F;
	border-color:#CCF #CCF #66F #66F;
}
#contents #aside_pr h4{
	color: white;
	background-color: none;
	border-bottom: none;
	margin: 1em 2em 1em 1em;
	padding:0.2em 1em;
	border-radius: 0 0 0 0;
	
}
#aside_pr ul{
	list-style-type:none;
	margin:0.5em 0px 0.5em 1em;
}
#aside_pr li{
	color:#339966;
	margin-bottom:10px;
}
#aside_connect ul{
	list-style-image: url(../images/design/listmark01w_org.png);
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: large;
}
#aside_connect .list-index{
	font-weight: bold;
}
#aside_connect dl{
	margin-left: 2em;
	margin-top: 0.5em;
}
#aside_connect dt{
	background-image: url(../images/design/listmark-org1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
}
#aside_connect dd{
	font-size:small;
	line-height:1.5em;
	margin: 0em 1em 1em 1em;
}
#aside_history dl{
	margin:0.5em 1em;
}
#aside_history dt{
	font-weight:bold;
	color:#449;
	font-size: small;
}
#aside_history dd{
	margin: 0px 1em 1em 1em;
	font-size: small;
}
/* ----------------------------------------------------------- */
/* article 装飾 -----------------------------------------------*/
/* ---------------------------------------------------------- */
article p{
	margin-bottom: 1.5em;
	line-height: 1.5em;
	text-indent:1em;
	overflow-wrap:break-word;
	word-wrap: break-word;
	max-width: 100%;
}
article abbr{
	text-decoration: underline dotted;
}

article .list-title{
	margin-left:1em;
	margin-bottom: 0.2em;
	font-size: medium;
	font-weight: bold;
	color:mediumslateblue;
}
article ul{
	list-style-position: inside;
	margin-left: 1em;
}
article ul > li{
	margin-bottom: 0.2em;
}
article li a,
article dt a{
	text-decoration: none;
}
article li a:hover,
article dt a:hover{
	text-decoration: underline;
}
article figcaption.list-title{
	color:#400090;
}
article figure ul{
	list-style-position: inside;
	margin-left: 2em;
	margin-bottom: 2em;
}
article figure ul > li{
	margin-top: 0.5em;
}
article figure li{
	margin-bottom: 0.5em;
}
ul.list-out{
	list-style-image: url(../images/design/arrow01_grn.png)
}
ul.list_type1{
	list-style-type: circle;
}
ul.list_type0{
	list-style-type: none;
	margin-bottom: 1em;
}
article dl.list-next{
	margin:1em;
	padding-top: 0.5em;
	background-color: #FFFCEC;
	border:dotted 2px #E0A000;
}
article dl.list-next dt{
	display: list-item;
	list-style-position: inside;
	list-style-image:url(../images/design/arrow01_org.png);
	margin-left: 1em;

}
article dl.list-next dd{
	margin-left:calc(28px + 1em);
	margin-right: 2em;
	margin-bottom:2em;
	line-height:160%;

}
article p.img{
	text-indent: 0;
	margin-left: 10px;
}
article img{
	margin: 0px 5px 5px 5px;
	box-shadow: 2px 4px 8px 0px darkgray;
}
article a:hover img{
	box-shadow: 0px 0px 2px 3px lightskyblue;

}
.img_box{
	display: block;
	padding-left:1em;
}
.img_box_w{
	display: inline-block;
	vertical-align: top;
	text-indent: 0;
}
.img_box_w img{
	display: block;
}
.img_box_h{
	display: block;
	margin-bottom: 10px;
}

#contents table{
	margin-left: 1em;
	margin-bottom: 2em;
	max-width: 98%;
}
table.spec {
	border:2px solid #555;
	max-width: 100%;
}
table.spec th{
	padding:5px;
	border-bottom:1px dashed #39C;
	line-height:120%;
}
table.spec td{
	padding:5px;
	border-bottom:1px dashed #39C;
}

dl.pcspec{
	margin-left: 1em;
	margin-right: 0em;
}
dl.pcspec dt{
width:10em;
text-align: right;
font-weight: bold;
}
dl.pcspec dt:after{
  content: ":";
  margin-left:  0.2em;
  margin-right: 0.5em;
}
dl.pcspec dd{
	padding-left: 10em;
	margin-bottom: 0.5em;
}
dl.pcspec dt:nth-of-type(odd),
dl.pcspec dd:nth-of-type(odd){
	background-color:antiquewhite;
}
dl.pcspec dt:nth-of-type(even),
dl.pcspec dd:nth-of-type(even){
	background-color:powderblue;
}

/*
dl.pcspec dt{
	clear: both;
	float: left;
	font-weight: bold;
	text-align: right;
	width:9em;
	max-width:50%;
}
dl.pcspec dt:after{
  content: ":";
  margin-left:  0.2em;
  margin-right: 0.5em;
}
dl.pcspec dd{
margin-bottom: 0.5em;
}
*/

table.t_spec{
	margin-bottom: 2em;
	border: 4px solid dodgerblue;
	table-layout: fixed;
	max-width: 100%;
	background-color: white;
}
.t_spac_items{
	background-color: #d0ffd8;
	padding-right: 0.5em;
}
.t_spec thead{
	background-color: lemonchiffon;
}

.t_spec th,
.t_spec td{
	border-top: none;
	border-right: none;
	border-bottom: solid 1px gray;
	padding:4px 0.5em;
	margin:0px;
}
.t_spec thead th{
	border-left: dashed 1px gray;
	border-bottom: solid 1px gray;
}
.t_spec th{
	border-left: none;
}
.t_spec td{
	border-left: dashed 1px gray;
}

.t_spec th:first-child{
	border-left: none;
}
.t_spec tr th:last-child,
.t_spec tr td:last-child{
/*	border-bottom:none;*/
border-right: 1px solid gray;
}

table.t_score{
	margin-bottom: 2em;
	border: 4px solid dodgerblue;
	table-layout: fixed;
	max-width: 100%;
	background-color: white;
}
.t_score thead{
	background-color: #FFDCF6;
}
.t_score thead th,
.t_score thead td{
	border-top: none;
	border-bottom: none;
	padding:4px 0.5em;
	margin:0px;
}

.t_score tr{
	padding:0px;
	margin:0px;
}
.t_score tr td:first-child{
	border-left:none;
}
.t_score tr.t_score_head{
	background-color: lightyellow;
}
.t_score tr.t_score_head th{
	text-align: left;
}

.t_score tr.t_score_head:first-child th,
.t_score tr.t_score_head:first-child td{
	border-top: 1px solid #FF3BCD;
}

.t_score tr.t_score_head th,
.t_score tr.t_score_head td{
	border-top: 6px double #FF50F0;
}
.t_score th,
.t_score td{
	border-bottom: none;
	border-right: none;
	border-top: solid 1px #FF3BCD;
	padding:4px 0.5em;
	margin:0px;
}
.t_score thead th{
	border-left: dashed 1px gray;
	border-top:none;
}
.t_score th{
	border-left: none;
}
.t_score td{
	border-left: dashed 1px gray;
}

.t_score thead th:first-child{
	text-align:center;
}
.t_score th:first-child{
	border-left: none;
}
.t_score tr:last-child th,
.t_score tr:last-child td{
	border-bottom: 1px solid gray;
}
.t_score thead tr:last-child th,
.t_score thead tr:last-child td{
	border-bottom: 0px solid gray;
}

.t_score tr th:last-child,
.t_score tr td:last-child{
	border-right: 1px solid gray;
}
.t_score p{
	margin:0px;
	padding:0px;
	text-indent: 0px;
}
.t_score p:first-child{
	text-align: left;
}
.t_score th p.result{
	font-weight: normal;
	font-size:small;
	text-align: right;
}
.t_score th p.result:before{
	content: "( ";
}.t_score th p.result:after{
	content: " )";
}
.t_score td:empty{
	background-color: lightgray;
}

article samp{
	color:#05C;
	font-weight:bold;
	font-size:85%;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', meiryo, '游ゴシック  Medium', sans-serif;
}
article kbd{
	color:#05C;
	font-weight:bold;
	font-size:85%;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', meiryo, '游ゴシック  Medium', sans-serif;
}

article p.code{
	margin-bottom: 0.5em;
	margin-left:1em;
	line-height: 2.5em;
	text-indent:0em;
	overflow-wrap:break-word;
	word-wrap: break-word;
	max-width: 100%;
}
article p code.cmd{
	background-color:lightgray;
	font-weight:bold;
	padding:4px 6px;
	border-left:4px solid midnightblue;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', meiryo, '游ゴシック  Medium', sans-serif;
	}

/* TOP */
#sakurapc03 p{
    text-indent:0;
    margin-left:1em;
    line-height: 120%;
}
#sakurapc03 dl.next dt{
	background-image: url(../img/icon/arrow_nexts.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:24px;
}
#sakurapc03 dl.outnext dt{
	background-image: url(../img/icon/arrow_outnext.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
}
#sakurapc03 dl.next dd,dl.outnext dd{
	margin: 0px 0px 20px 30px;
}
#sakurapc03 p.sakurapc03-404{
    text-indent:0em;  
    text-align: center;
    font-size:large;
    font-weight: bold;
    margin-top:3em;
}
#sakurapc03 dl.sougolink{
    margin-left:1em;
}
#sakurapc03 .sougolink dt{
	background-image: url(../img/icon/arrow_outlink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
#sakurapc03 .sougolink dd{
	font-size:small;
	margin-bottom:10px;
	padding-left: 12px;
}
ul.box_mini_link{
    list-style: none;
    text-align: center;
}
ul.box_mini_link li{
    margin:1em;
}
.box_mini_center{
    text-align: center;
    margin:auto;
}

/* --------------------------------------------------------------  */
/* GoogleAds--------------------------------------------------  */
/* --------------------------------------------------------------  */
#contents #gads_bottom{
	margin-top: 3em;
	line-height: 100%;
	
}

/* ----------------------------------------------------------- */
/* Word 装飾 -----------------------------------------------*/
/* ---------------------------------------------------------- */
.atxt_word{color: teal; font-weight: bold;} /* 単語 */
.atxt_item{color: seagreen;} /* 項目 */
.atxt_exp{color: indigo; font-weight: bold;} /* 説明 */
.atxt_product{color:dodgerblue; font-weight: bold;} /* 製品名 */
.atxt_conc{color:#AB5900;} /* 結論 */
.atxt_attent{color: indianred; font-weight: bold;} /* 注意 */
.atxt_warning{color: mediumvioletred; font-weight: bold;} /* 警告 */
.atxt_price{color: deeppink; padding:0px 4px;} /* 価格 */
.atxt_date{} /* 日付 */
.atxt_deadline{color:deeppink; font-weight: bold;} /* 期限 */
.atxt_company{color: royalblue; font-weight: bold;} /* 企業名 */
.atxt_impression{color: tomato; font-weight: bold;} /* 感想 */

.ap1{text-indent:0; padding-left:1em;}/* p インデント無し */
.ap2{color:tomato;}/* p ポイント説明 メイン 強調 */

.color_bl{color:#3366FF;}
.color_pk{color:#FF33CC;}