@import url("../../../css/hobby.css");

div.t-image { background-image: url(img/t_image.gif);}

p,dl,td,th {
	line-height: 150%;
	/*font-size: 90%;*/
}

img.cameraL{
	margin: 0 10px 0 0 ;
}

img.cameraR{
	margin: 0 0 0 10px ;
}

img.cameraR2{
	margin: 0 0 30px 10px ;
}

img.floatr {
	float: right;
	padding: 0 0 10px 15px;
}

/*dt {
	margin: 10px 0 5px 0;
	color: #7A3DBE;
	font-size: 0.94em;
	font-weight: bolder;
}*/

dd {
	margin: 5px 0 5px 10px;
}

p.mover {
	margin: 5px 0 18px 1em;
}

strong {
	color: #7A3DBE;
}


.p3654 p {
	line-height: 150%;
	font-size: 90%;
}
.p3654 img.floatr {
	float: right;
	padding: 0 0 8px 8px;
}
.p3654 h3 {
	margin: 5px 0 5px 1em;
	text-indent: -1em;
	overflow: visible;
	color: #7A3DBE;
	font-size: 94%;
}
.p3654 p.mover {
	margin: 5px 0 18px 1em;
}

.p3655 p {
	line-height: 150%;
	font-size: 90%;
}
.p3655 img.floatr {
	float: right;
	padding: 0 0 8px 8px;
}
.p3655 h3 {
	margin: 5px 0 5px 1em;
	text-indent: -1em;
	overflow: visible;
	color: #7A3DBE;
	font-size: 94%;
}
.p3655 p.mover {
	margin: 5px 0 18px 1em;
}


.p3656 p {
	line-height: 140%;
}
.p3656 .style3 {color: #51287D}
.p3656 ul {
margin: 0;
padding: 3px 3px 3px 25px;
}
.p3656 li {
padding: 2px 0;
}


.main {
FONT-SIZE: 12px; LINE-HEIGHT: 16px
}
.s14px {
FONT-SIZE: 14px; LINE-HEIGHT: 16px
}
.s16px {
FONT-SIZE: 16px; LINE-HEIGHT: 20px
}
.cap {
	COLOR: #333333; FONT-SIZE: 10px; LINE-HEIGHT: 14px
}
.read {
	COLOR: #333333; FONT-SIZE: 14px; LINE-HEIGHT: 18px
}
.midashi {
FONT-SIZE: 14px; FONT-WEIGHT: bold; LINE-HEIGHT: 17px
}
.mini {
FONT-SIZE: 10px; LINE-HEIGHT: 13px
}
.green {
	COLOR: #336600; FONT-SIZE: 10px; LINE-HEIGHT: 14px
}
.yomigana {
FONT-SIZE: 8px; LINE-HEIGHT: 13px
}
.line_h130 {
LINE-HEIGHT: 130%
}

.line_h150 {
LINE-HEIGHT: 150%
}

.line_h110 {  line-height: 120%}

.moji { layout-grid: both strict 8px 5px;}

.q_a { layout-grid: both strict 5px 2px; font-size: 16px;}

.q_a_font { font-size: 16px;}

.s14px_layout {
line-height:22px; FONT-SIZE: 14px;
}
/*hack for IE6 IE6がpaddingをwidthに含んでしまう点を補正*/
* html #s14px_layout{
  layout-grid: both strict 11px 7px;
}

ul.last01{
margin:0 0 0 20px;
list-style-tyupe: □ ;
list-style-position: outside ;
}

ul.last02{
margin:0 0 0 20px;
list-style-tyupe: square ;
list-style-position: outside ;
}

.underline { text-decoration: underline;}

a.type1 { color:#006600;}
a:visited.type1 { color:#006600;}
a:hover.type1 { color:orange;}
a.type2 { color:blue; }
a:visited.type2 { color:blue; }
a:hover.type2 { color:orange; }
a.type3 { color:red; }
a:visited.type2 { color:red; }
a:hover.type2 { color:orange; }


.img_0808_01{
margin:0 0 10px 10px;
float:right;
}

.img_0808_02{
margin:10px 10px 0 0;
float:left;
}

.clear_img{
clear:both;
line-height:1px;
font-size:1px;
}

.center0809{text-align:center;}

.word_0810{
margin: 0;
float:left;
}


.img_0810{
margin:0 10px 0 0;
float:left;
}

.indent-12{
	font-size: 12px;
	text-indent: -12px;
	padding-left: 12px;
}

/* 20191213 */
.img_c{
	text-align: center;
}

.border_p{
	border-top: 1px dashed rgb(122, 61, 190);
	padding: 15px 0pt 5px;
	font-size: 84%;
	text-align: right;
}

.img_2001{
	max-width: 540px;
	width: 100%;
	margin: 0 auto;
}

.img_2001 p{
	text-align: left;
	margin-bottom: 5px !important;
}

/* 20200121 */
.this_month img{
	float: left;
	margin-right: 20px;
}

/* 20200420 */
.img_2005{
	max-width: 617px;
	width: 100%;
	margin: 0 auto;
}

.img_2005 p{
	margin-bottom: 5px !important;
}

/*20201026*/
.this_month201026 img {
    float: left;
    margin-right: 20px;
}

/*20210122*/
.d20210122{
	display: flex;
	padding: 0 30px;
	align-items: flex-start;
}
.d20210122 p{
	padding-left: 10px;
}

/*202310*/
.flexCont {
	display: flex;
	flex-wrap: wrap;
}
.flexCont div{
		width: 50%;
}
.flexCont .item02 {
		text-align: left;
}
.flexCont .item03 img {
		padding: 2px 5px;
}

@media screen and (max-width: 740px){
	.this_month201026 img {
		float: none;
		display: block;
		margin: 0 auto;
	}
	
	.d20210122{
	display: block;
	padding: 0;}
	
	.d20210122 p{
	padding-left: 0px;
	}
	/*202310*/
	.this_month img {
		margin-right: 0;
	}
	.flexCont {
		flex-direction: column;
	}
	.flexCont div{
			width: 100%;
	}
	.item01{
		order: 1;
	}
	.item03{
		order: 2;
		padding: 0;
	}
	.item04{
		order: 3;
		margin-bottom: 20px;
	}
	.item02{
		order: 4;
	}
}