.strong{ padding:4px; margin:0 4px;}
.ul{text-decoration: underline;}
.st1{color:#fff; background-color:#e74183;}
.st2{color:#fff; background-color:#7b59a3;}
.st3{background-color:#fff793;}
div.caption, section.caption
{
	padding: 1em;
}

.cap_bs1{border: solid 1px #999;}
.cap_bd1{border: dotted 1px #999;}


.ib{display: inline-block;}
.pr_img li
{display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.pr_img li:last-child{margin-right: 0;}

.w100{width: 100px;}
.w150{width: 150px;}
.w200{width: 200px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mb0{margin-bottom:0;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mr0{margin-right:0;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.ml0{margin-left:0;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.pr0{padding-right:0;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.pd5{padding: 5px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.fl{float: left;}
.fr{float: right;}

.fs80{font-size: 80%;}
.fs90{font-size: 90%;}
.fs110{font-size: 110%;}
.fs120{font-size: 120%;}
.fs140{font-size: 140%;}
.fs150{font-size: 150%;}

.fb{font-weight: bold;}

.bb8{border-bottom: solid 1px #888;}

.fcf{color: #fff;}
.fc0{color: #000;}
.fcr{color: red;}

.fc1{color: #e3007f;}/*濃いピンク*/
.fc2{color: #525b9f;}/*青紫*/
.fc3{color: #FEE39A;}/*明るい黄*/
.fc4{color: #ffe1e5;}/*うすいピンク*/
.fc5{color: #b5eae2;}/*うすい緑*/
.fc6{color: #bce1f1;}/*うすいシアン*/
.fc7{color: #b2c4e8;}/*うすい紫*/

.bgc0{background-color: #eee;}/*うすい灰色*/
.bgc1{background-color: #ffeddc;}/*うすいオレンジ*/
.bgc2{background-color: #f6f3ec;}/*うすいベージュ*/
.bgc3{background-color: #eff9ec;}/*うすい黄緑*/


span.line{text-decoration:line-through;}

tr.tul td, tr.tul th
{border-bottom: solid 1px #999;}


.tw1{width:10%;}
.tw2{width:20%;}
.tw3{width:30%;}
.tw4{width:40%;}
.tw5{width:50%;}
.tw6{width:60%;}
.tw7{width:70%;}
.tw8{width:80%;}
.tw9{width:90%;}
.tp2{padding-left: 2%;}

.sq1
{
	display: inline-block;
	border: solid 1px #444;
}



.img3 > li {
    display: inline-block;
    box-sizing: border-box;
    width: 30%;
    margin: 5px 1%;
    font-size: small;
    vertical-align: top;
}

.img3 > li.x2 {
    display: inline-block;
    box-sizing: border-box;
    width: 60%;
    margin: 5px 1%;
    font-size: small;
    vertical-align: top;
}

.img4 > li {
    display: inline-block;
    box-sizing: border-box;
    width: 23%;
    margin: 5px 1%;
    font-size: small;
    vertical-align: top;
}

.img4 > li.x2 {
    display: inline-block;
    box-sizing: border-box;
    width: 48%;
    margin: 5px 1%;
    font-size: small;
    vertical-align: top;
}

.pchidden{display: none;}

@media screen and (max-width:600px)
{
	.img3 > li, .img3 > li.x2
	{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 1em;
		
		
	}
}



@media screen and (max-width:480px)
{
	.ltbl, .ltbl > *{display: block;}
	.tw1, .tw2, .tw3, .tw4, .tw5, .tw6, .tw7, .tw8
	{width: 100%; padding: 0; margin:0;}
}

.ilist{margin-right: -10px;}
.ilist li
{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.ilist.col2 li{width: calc(100% / 2 - 10px);}
.ilist.col3 li{width: calc(100% / 3 - 10px);}

.ilist li .cap{font-size: 80%;}


/*heading*/
.hd0{display: none;}
.hd1
{
	
	padding: 15px 22px;
	font-size: 125%;
	font-weight: bold;
	color: #8b4500;
	border-left: solid 8px #ff7e00;
	border-bottom: dotted 1px #eeccaa;
	border-top: dotted 1px #eeccaa;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe8d1+0,fff4ea+100 */
background: rgb(255,232,209); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,232,209,1) 0%, rgba(255,244,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,232,209,1) 0%,rgba(255,244,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,232,209,1) 0%,rgba(255,244,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8d1', endColorstr='#fff4ea',GradientType=1 ); /* IE6-9 */

}
.hd1.hdcl1{background-color: #7782BF; color: #fff;}
.hd1.hdcl2{background-color: #A7628F; color: #fff;}
.hd1.hdcl3{background-color: #ED7987; color: #fff;}
.hd1.hdcl4{background-color: #44B9A2; color: #fff;}

.hd2
{
	background: url('_bg/hd2.png') left center no-repeat;
	padding: 12px 0 12px 55px;
	font-size: 110%;
	font-weight: bold;
	color: #ff7e00;
	border-top: double 3px #ffd1b1;
	border-bottom: double 3px #ffd1b1;
}
.hd2.hdcl0{border-color: #333; color: #333; background-image:  url('_bg/hd2-2.png');}
.hd2.hdcl0b{border-color: #333; color: #333; background: transparent;}

.hd2.hdcl1{border-color: #7782BF; color: #7782BF;}
.hd2.hdcl2{border-color: #A7628F; color: #A7628F;}
.hd2.hdcl3{border-color: #ED7987; color: #ED7987;}
.hd2.hdcl4{border-color: #44B9A2; color: #44B9A2;}


.hd3
{
	background: url('_bg/hd3.png') left center no-repeat;
	padding: 5px 20px;
	border-bottom: dotted 1px #444;
	font-weight: bold;
}
.hd3.hdcl1{border-color: #b69577; color: #362614;}
.hd3.hdcl2{border-color: #A7628F; color: #A7628F;}
.hd3.hdcl3{border-color: #76A084; color: #255836;}
.hd3.hdcl4{border-color: #ccc; color: #444;}


.hd4
{
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-width:0 0 2px 0;
}




.hdimg{text-indent: -9999px;}

/*btn*/
.d8_btn
{
	display: inline-block;
}
.d8_btn a
{
	display: block;
	padding: 0.3em 1em;
	text-decoration: none;
}
.d8_btn a i
{margin-right: 1em; font-size: 80%;}

.d8_btn:hover{opacity: 0.7;}
.br4{border-radius: 4px;}


.d8_btn.bc0,
.d8_btn.bc0 a:link, .d8_btn.bc0 a:visited
{
	background-color: #000;
	color: #fff;
}

.d8_btn.bc1,
.d8_btn.bc1 a:link, .d8_btn.bc1 a:visited
{
	background-color: #ff7e00;
	color: #fff;
}

/*sq*/
.sq
{
	padding: 2px;
	border-width: 1px;
	border-style: solid;
}

.sq.bc3{border-color: #E60012; color: #E60012;}

/*column*/
.ltable{display: table; border-collapse: separate;}
.ltable div{display: table-cell;}