@charset "Shift_JIS";

/* 本文領域レイアウタ */




/* 脳外
.col_danraku_midashi {
	margin: 20px 0px 20px 35px;
	width: 520px;
	padding: 0px 0px 0px 10px;
	border-left: silver 10px solid;
	color:#225b9e;
	font-size:1.8em; 
	font-family:"ＭＳ Ｐ明朝", "Times New Roman", serif;
	line-height:1.2em;
	font-weight:bolder;
}
*/

.col_danraku_midashi {
	margin: 20px 0px 20px 35px;
	width: 470px;
	height:25px;
	padding: 10px 0px 0px 60px;
	border:1px gray solid;
	font-size:1.0em; 
	font-family:"ＭＳ Ｐゴシック", Arial, sans-serif;
	font-weight:bolder;
	background-image: url('../image/common/bgi-danraku-midashi-redhead.gif');
	background-repeat:no-repeat;
	background-position:left top;
	color:#800000;
}

.col_textarea_komidashi_type2  {
	margin: 10px 0px 0px 55px;
	padding: 7px 0px 0px 20px;
	width: 470px;
	height:23px;	
	border:1px solid #F0D2E1;
	background-image:url('../image/common/bgi-komidashi.gif');
	color: navy;
	font-weight:bold;
	background-position:left top;
	background-repeat:no-repeat;
	font-size: 1.0em;
}
.col_textarea_komidashi_haru  {
	margin: 10px 0px 0px 55px;
	padding:0px 0px 0px 0px;
	width: 470px;
	background-position:left top;
	background-repeat:no-repeat;
	font-size: 1.0em;
}

.col_textarea_komidashi  {
	margin: 10px 0px 0px 55px;
	padding: 0px 0px 0px 20px;
	width: 470px;
	border-bottom: 1px gray solid;
	background-image:url('../image/common/dot-base-grn.gif');
	background-position:left top;
	background-repeat:no-repeat;
	line-height: 25px;
	font-size: 1.1em;
}

.col_textarea_internal_komidashi {
	margin: 10px 0px 3px 0px;
	padding: 0px 0px 0px 5px;
	border-left:15px  #996600 solid;
	line-height: 15px;
	color: #996600;
	font-weight:bold;
}

.col_textarea_full {
	margin: 0px 0px 0px 50px;
	padding: 5px 10px 5px 10px;
	width:500px;
	font-size: 0.9em;
	color: #666666;
	line-height: 1.3em;
}

.col_textarea_full_center {
	margin: 10px 0px 10px 50px;
	padding: 5px 10px 5px 10px;
	width:500px;
	font-size: 0.9em;
	color: #666666;
	line-height: 1.3em;
	text-align: center;
}

.col_textarea_full_right {
/*	margin: 10px 0px 10px 50px;*/
	margin: 10px 0px 10px 50px;
	padding: 5px 10px 5px 10px;
	width:500px;
	font-size: 0.9em;
	color: #666666;
	line-height: 1.3em;
	text-align: right;
}

.col_textarea_full strong {
	color: maroon;
}

.col_textarea_full form {
	margin: 0px;
}

.col_textarea_full ul {
	list-style-position:outside;
	list-style-type:circle;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.col_textarea_full ol {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.col_textarea_full dl {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.col_textarea_full dl dt {
	margin: 0px;
	padding: 10px 0px 5px 0px;
	color: maroon;
	font-weight:bold;
}

.col_textarea_full dl dd {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style-type:circle;
}

.col_textarea_full img.f_l {
	margin: 0px;
/*	padding: 0px 5px 5px 0px;*/
	padding: 5px 10px 5px 5px;
	float:left;
}

.col_textarea_full img.f_r {
	margin: 0px;
/*	padding: 5px 0px 5px 10px;*/
	padding: 5px 5px 5px 10px;
	float:right;
}

.col_textarea_full img.f_a {
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
}


.col_prev_next {
	margin: 0;
	padding: 10px 5px 10px 5px;
	width:460px;
	height: 45px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
}


.col_tbl_simplegray {
	border-collapse:collapse;
	border-spacing: 0px;
	background-color:white
}

.col_tbl_simplegray td {
	border: 1px  #A4A4A4 solid;
	padding: 2px 2px 2px 2px;
}

.col_tbl_simplegray th {
	border: 1px #A4A4A4 solid;
	padding: 2px 2px 2px 2px;
	background-color:#EBFAFC;
  text-align: center;
}




/* ハーフパネル関連 */

.col_unit_harfleft{
	float:left;
	margin: 10px 0px 10px 35px;
	padding:0;
	width: 250px;
}

.col_unit_harfright{
	float:right;
	margin: 10px 35px 10px 0px;
	padding:0;
	width: 250px;
}

.col_harf_midashi_honbun {
	margin: 0;
	width: 240px;
	padding-left: 10px;
	height: 20px;
	border: 1px silver solid;
	background: transparent url('../image/common/bgi-danraku-midashi-grn.gif') no-repeat;
	line-height:20px;
	vertical-align:middle;
	color:gray;
	font-weight:bold;
}

.col_harf_midashi {
	margin: 0;
	width: 240px;
	padding-left: 10px;
	height: 20px;
	border: 1px silver solid;
	background: transparent url('../image/common/bgi-danraku-midashi-grn.gif') no-repeat;
	line-height:20px;
	vertical-align:middle;
	color:gray;
	font-weight:bold;
}

.col_harf_midashi_honbun {
	color:black;
}

.col_harf_textarea {
	margin: 0;
	padding: 5px 10px 5px 10px;
	width: 230px;
	line-height: 1.8em;
}

.col_harf_textarea ul {
	list-style-position:outside;
	list-style-type:circle;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

@media screen and (max-width:800px) {
	
}

@media screen and (max-width:768px) {
	.col_danraku_midashi {
		max-width: 470px;
		width: calc(100% - 100px);
	}
	
	.col_textarea_komidashi_haru  {
		width: calc(100% - 55px);
	}
	
	.col_textarea_full {
    max-width: 500px;
		width: calc(100% - 70px);
	}
	
	.col_textarea_full_center {
    width: calc(100% - 60px)
	}
	
	.col_textarea_komidashi_type2 {
    max-width: 470px;
		width: calc(100% - 91px)
	}
	
	.col_textarea_komidashi_type2 span {
    font-size: 0.5em;
	}
	
	.col_textarea_komidashi_type2 .only-sp {
		display: contents;
	}
	
	.col_unit_harfleft, .col_unit_harfright {
    max-width: 250px;
		width: calc(50% - 70px)
	}
	
	.col_harf_midashi {
		max-width: 240px;
		width: 100%;
	}
	
	.col_harf_textarea {
    max-width: 230px;
		width: 100%;
	}
}


@media screen and (max-width:500px) {
	.col_unit_harfleft, .col_unit_harfright {
		float: unset;
		margin: 10px auto;
		width: 100%;
	}
	
	.col_harf_midashi {
		width: 100%;
	}
	
	.col_harf_textarea {
		width: 100%;
	}
}

@media screen and (max-width:450px) {
	.col_danraku_midashi {
		width: calc(100% - 72px);
		padding-left: 32px;
		background-position: left -24px top;
		font-size: 0.9em;
	}
}

@media screen and (max-width:428px) {
	.col_danraku_midashi {
		margin: 20px 0;
		width: calc(100% - 12px);
		padding-left: 12px;
		background-position: left -48px top;
	}
	
	
	.col_textarea_komidashi_haru  {
		margin: 10px 0;
		width: 100%;
	}

	.col_textarea_full {
		margin: 0px;
		width: calc(100% - 20px);
	}
		
	.col_textarea_full_center {
		margin: 10px 0;
    width: calc(100% - 20px);
	}
	
	
	.col_textarea_komidashi_type2 {
		margin: 10px 0;
		width: calc(100% - 20px);
	}
	
	.col_textarea_full > img {
		width: calc(100% - 20px);
	}
	
	.col_textarea_full > img.f_l,
	.col_textarea_full > img.f_r {
		float: unset;
	}
}