body{
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 1.2em;
}
#tmp_wrap_khf{
color: inherit;
background-color: #FFF;
border-radius: 4px;
}

br{
	margin:0px;
	padding:0px;
	line-height: 10px;
}
caption{
	font-weight: bold;
	color: #000000;
	font-size: 100%;
}
.dothr{
	margin:15px 0px; 0px;
	border: 1px dashed #CCCCCC;
}
/* h */
h1{
	font-weight: bold;
	color: #3366FF;
	font-size: x-large;
	margin:0px 0px 20px 0px;
	line-height: 1.4em;
}
h2{
	font-weight: bold;
	color: #0000FF;
	font-size: large;
	margin:0px 0px 5px 0px;
	line-height: 1.4em;
}
h3{
	font-weight: bold;
	color: #006600;
	font-size: medium;
	margin:0px 0px 5px 0px;
	line-height: 1.4em;
}
h4{
	font-weight: bold;
	color: #000000;
	font-size: 100%;
	margin:0px 0px 5px 0px;
	line-height: 1.4em;
}
.h2box1{
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
	padding:3px;
	background-color: #0000FF;
	display:inline;	
	clear:both;	
	line-height: 1.4em;
}
.h2box2{
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
	padding:3px 3px 3px 13px;
	width:708px;
	background-color: #0000FF;
	line-height: 1.4em;
}
.h3box1{
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
	padding:3px;
	background-color: #006600;
	display:inline;
	clear:both;
	line-height: 1.4em;
}
.h3box2{
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
	padding:3px 3px 3px 13px;
	width:708px;
	background-color: #006600;
	line-height: 1.4em;
}
/* bg */
.gray{
	padding:10px;
	background-color: #CCCCCC;
	width:718px;
}
/* radio_syonan */
#radio{
	background-color: #CCCCCC;
	width:718px;
}
#radio td{
	width:33%;
	padding:5px;
	vertical-align:middle;
	text-align:center;
}
/* font */
.greenbox{
	margin:0px;
	padding:5px;
	width:712px;
	border: 1px solid #006600;
}
.bluebox{
	margin:0px;
	padding:5px;
	width:712px;
	border: 1px solid #0000FF;
}
.redbox{
	margin:0px;
	padding:5px;
	width:712px;
	border: 1px solid #FF0000;
}
.box{
	margin:0px;
	padding:5px;
	border: 1px solid #CCCCCC;
}

.b_box{
	margin:5px 0px 5px 20px;
	padding:10px 5px 5px 5px;
	border: 1px solid #0000FF;
}

.yellowback{
	margin:15px auto;
	padding:5px;
	background-color: #FFFBE1;
	border-radius:20px
}
.yl_backsborder{
 border: 1px solid #ffdead;
}

.waterback{
	margin:15px auto;
	padding:5px;
	background-color:#EEFCFC;
	border-radius:20px
}
.wa_backsborder{
	border: 1px solid #add8e6;
}
.greenback{
	margin:15px auto;
	padding:5px;
	background-color:#ECFAF2;
	border-radius:20px
}
.gr_backsborder{
	border: 1px solid #90ee90;
}
.pinkback{
	margin:15px auto;
	padding:5px;
	background-color:#FEF1F4;
	border-radius:20px
}
.pi_backsborder{
	border: 1px solid #db7093;
}

.orange{
	font-weight: bold;
	color: #FF6600;
	font-size: 99%;
	margin:0px;
}
.green{
	font-weight: bold;
	color: #006600;
	width: 718px;
	margin:0px;
}

.green_f{
	font-weight: bold;
	color: #006600;
}

.black{
	font-weight: bold;
	color: #000000;
	margin:0px;
	font-size: 100%;
}

.blue_bold{
	font-weight: bold;
	color: #0000c1;
	margin:0px;
	font-size: 100%;
}

.blue_normal{
	font-weight: normal;
	color: #0000c1;
	margin:0px;
	font-size: 100%;
}

.red_bold{
	font-weight: bold;
	color: #ff0000;
	margin:0px;
	font-size: 100%;
}

.red_normal{
	font-weight: normal;
	color: #ff0000;
	margin:0px;
	font-size: 100%;
}

.group{
	background-color: #FFCC66;
	padding:3px 2px 2px 2px;
}

/* img */
#img_area{
	margin:0px;
	padding:0px 10px;
}
#img_area img{
	border:none;
}
#img_area p{
	text-align:center;
	margin:3px 0px;
	font-weight: bold;
}
#img_area span{
	margin:3px 0px;
	display:block;
}
.clear{
	clear:both;
}
#green_border{
	border: 1px solid #006600;
}
#green_border td{
	padding:10px;
	vertical-align:top;
}
#green_border th{
	padding:10px 10px 0px 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

/* 左=右 */
.left5_5{
	margin:5px;
	float:left;
	width:48%;
}
.right5_5{
	margin:5px;
	float:right;
	width:48%;
}
/* 左＜右 */
.left45_55{
	margin:5px;
	float:left;
	width:41%;
}
.right45_55{
	margin:5px;
	float:right;
	width:55%;
}
.left4_6{
	margin:5px;
	float:left;
	width:38%;
}
.right4_6{
	margin:5px;
	float:right;
	width:58%;
}
.left3_7{
	margin:5px;
	float:left;
	width:28%;
}
.right3_7{
	margin:5px;
	float:right;
	width:68%;
}
.left2_8{
	margin:5px;
	float:left;
	width:18%;
}
.right2_8{
	margin:5px;
	float:right;
	width:78%;
}
.left1_9{
	margin:5px;
	float:left;
	width:8%;
}
.right1_9{
	margin:5px;
	float:right;
	width:88%;
}
/* 右＞左 */
.left55_45{
	margin:5px;
	float:left;
	width:55%;
}
.right55_45{
	margin:5px;
	float:right;
	width:41%;
}
.left6_4{
	margin:5px;
	float:left;
	width:58%;
}
.right6_4{
	margin:5px;
	float:right;
	width:38%;
}
.left7_3{
	margin:5px;
	float:left;
	width:68%;
}
.right7_3{
	margin:5px;
	float:right;
	width:28%;
}
.left8_2{
	margin:5px;
	float:left;
	width:78%;
}
.right8_2{
	margin:5px;
	float:right;
	width:18%;
}
.left9_1{
	margin:5px;
	float:left;
	width:88%;
}
.right9_1{
	margin:5px;
	float:right;
	width:8%;
}
/* 回りこみ用 */

#img_right{
	float:right;
	margin:0px 0px 10px 15px;
}
#img_left{
	float:left;
	margin:0px 15px 10px 0px;
}
#table_right{
	float:right;
	margin:0px 0px 10px 15px;
	width:48%;
}
#table_left{
	float:left;
	margin:0px 15px 10px 0px;
	width:48%;
}
/* table */
#table1,#table2{
	border-collapse: collapse;
	margin-left: 1.5rem;
	margin-bottom: 0.5rem;
}
#table1 th,#table2 th{
	font-weight: bold;
	background-position: center;
	padding:3px;
	border: 1px solid #999999;
}
#table1 td,#table2 td{
	padding:3px;
	border: 1px solid #999999;
}
#table1 th{
	background-color: #FFFF99;
}
#table2 th{
	background-color: #CCFFFF;
}
.center{
	text-align: center;
	vertical-align:center;
}
.top{
	vertical-align:top;
}
.text_right{
	text-align: right;
}

.yellow{
	background-color: #FFFF99;
}
.blue{
	background-color: #CCFFFF;
}
.yellow_b{
	background-color: #FFFF99;
	font-weight: bold;
}
.blue_b{
	background-color: #CCFFFF;
	font-weight: bold;
}

#table2 dt{
	font-weight: bold;
	color: #000000;
	margin:0px;
	font-size: small;
}
#table2 dl,#table2 dt,#table2 dd{
	padding:0px;
	margin:0px;
}

#table5{
	border-collapse: collapse;
}
#table5 th{
	font-weight: bold;
	background-position: center;
	padding:3px;
	border: 1px solid #FFFFFF;
}
#table5 td{
	padding:3px;
	border: 1px solid #FFFFFF;
}


/* dl */
#dl1 dt{
	font-weight: bold;
	color: #000000;
	font-size: 1em;
	margin:0px 0px 5px 0px;
	line-height: 1.4em;
}
#dl1 dd{
	margin:0px 0px 10px 30px;
	line-height: 1.4em;
}
/* margin */

.top_bottom10{
	margin:10px 0px;
}

/* basic */
.class1 {
	FONT-SIZE: 11pt;
}
.body {
	FONT-SIZE: 11pt
}
.title {
	FONT-SIZE: 18pt;
	line-height: 1em;
	font-weight: bold;
}
.m1 {
	FONT-SIZE: 16pt;
	FONT-WEIGHT: bold;	
	}
	
.p20b {
	FONT-WEIGHT: bold; FONT-SIZE: 20pt
}
.p16b {
	FONT-WEIGHT: bold; FONT-SIZE: 16pt
}
.p11 {
	FONT-SIZE: 11pt;
}

.bgwhite{
	background-color: #FFFFFF;
	padding: 5px 5px 3px 5px;
	}

/*以下暮らしの情報ガイド用＋  */

.titleimg{
	margin: 0px 0px 30px 5px;
}

.txt{
    margin: 5px 25px 5px 1.25em;
    line-height: 1.4em;
    font-size: larger;

}

.beforetxt{
    margin: 5px 25px 5px 0.75em;
    line-height: 1.4em;
    font-size: larger;
}

.blacktitle{
    font-weight: bold;
    color: #000000;
		margin: 0.75em 0.25em 0.5em;
    font-size:larger;
}
.orangetitle{
	font-weight: bold;
	color: #FF6600;
	margin: 0.75em 0.25em 0.5em;
	font-size: larger;
	line-height:1.4em;
}
.blacksubtitle{
    font-weight: bold;
    color: #000000;
    margin: 0.75em 0px 0.5em 0.75em;
    font-size:larger;
}

.text_center{
	text-align: center;
	font-weight: bold;
}

.orange_center{
	font-weight: bold;
	color: #FF6600;
	font-size: 99%;
	margin:0px;
	text-align: center;
}

.bluebox2{
	margin:0px 0px 10px 0px;
	padding:5px;
	width:233px;
	border: 1px solid #0000FF;
}

.greenbox2{
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	border: 1px solid #006600;
	float:right;
	width:350px;
}

/*カスタムリストマーカー*/
ul.star,ul.star_w,ul.wcircle{
	list-style-type:none;
}
ul.star li,ul.star_w li,ul.wcircle li {
	position: relative;
    line-height: 1.4em;
    font-size: larger;
	margin: 0.5rem 0rem 0.5rem 0rem;
}
/*リストマーカー黒星*/
ul.star li:before{
	position: absolute;
	top: 0;
	left: -1.5rem;
	content: "★";
}
/*リストマーカー白星*/
ul.star_w li:before{
	position: absolute;
	top: 0;
	left: -1.5rem;
	content: "☆";
}
/*リストマーカー◎*/
ul.wcircle li:before{
	position: absolute;
	top: 0;
	left: -1.5rem;
	content: "◎";
}

/* displayテーブル */
.tbl-box{
	display: table;
	margin: 10px;
}
.tbl-fix{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.tbl-cell{
	display: table-cell;
	vertical-align: top;
}
.tbl-row{
	display: table-row;
}

/* ふき出し共通 */
.balloon {
	position: relative;
	display: inline-block;
	padding: 8px 15px;
	width: auto;
	min-width: 115px;
	line-height: 20px;
	color: #000;
	background: #FFFFFF;
	border: 3px solid #000;
	z-index: 0;
	border-radius:15px;
	text-align: justify;
	text-justify: inter-ideograph;
}


/* balloon bottom */
#balloon-bottom {
	margin-bottom: 24px;
}
#balloon-bottom:before {
	bottom: -24px; left: 50%;
	margin-left: -14px;
	border-width: 29px 14px 0 14px;
	border-color: #FFFFFF transparent transparent transparent;
	z-index: 0;
}
#balloon-bottom:after {
	bottom: -30px; left: 50%;
	margin-left: -15px;
	border-width: 30px 15px 0 15px;
	border-color: #000 transparent transparent transparent;
	z-index: -1;
}
/* balloon left */
#balloon-left {
	margin-left: 24px;
}
#balloon-left:before {
	top: 50%; left: -24px;
	margin-top: -14px;
	border-width: 14px 29px 14px 0;
	border-color: transparent #FFFFFF transparent transparent;
	z-index: 0;
}
#balloon-left:after {
	top: 50%; left: -30px;
	margin-top: -15px;
	border-width: 15px 30px 15px 0;
	border-color: transparent #000 transparent transparent;
	z-index: -1;
}

/* balloon right */
#balloon-right {
	margin-right: 24px;
}
#balloon-right:before {
	top: 50%; right: -24px;
	margin-top: -14px;
	border-width: 14px 0 14px 29px;
	border-color: transparent transparent transparent #FFFFFF;
	z-index: 0;
}
#balloon-right:after {
	top: 50%; right: -30px;
	margin-top: -15px;
	border-width: 15px 0 15px 30px;
	border-color: transparent transparent transparent #000;
	z-index: -1;
}

/* balloon top */
#balloon-top {
	margin-top: 24px;
}
#balloon-top:before {
	top: -24px; left: 50%;
	margin-left: -14px;
	border-width: 0 14px 29px 14px;
	border-color: transparent transparent #FFFFFF transparent;
	z-index: 0;
}
#balloon-top:after {
	top: -30px; left: 50%;
	margin-left: -15px;
	border-width: 0 15px 30px 15px;
	border-color: transparent transparent #000 transparent;
	z-index: -1;
}

#balloon-top:before, #balloon-top:after, #balloon-right:before, #balloon-right:after, #balloon-left:before, #balloon-left:after, #balloon-bottom:before, #balloon-bottom:after {
	content: "";
	position: absolute;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
}

/* 飾り */
.hbox{
	padding: 8px 15px;
	display: inline-block;
	line-height: 20px;
	border-style: none;
	z-index: 0;
	border-radius:20px;
}
.bgdeep_pink{
	background-color: #ff1493;
	color: #ffffff;
}
.bggreen{
	background-color: #27b3a9;
	color:#ffffff;
}
.bgblue{
	background-color: #1e90ff;
	color: #FFFFFF;
}
.bgorange{
	background-color: #ff8411;
	color: #FFFFFF;
}
.bgl_pink{
	background-color:#ffcffd;
}
.bgl_blue{
	background-color:#78bcff;
}
.bgl_green{
	background-color:#77e6de ;
}
.bgl_orange{
	background-color:#ffe298 ;
}
}