@charset "Shift_JIS";


/*----- contents -----*/

.clearLeft {
clear: left;
}


/* 見出し1 */
h3 {
	position: relative;
	padding-left: 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #8dd86f;
	font-size: 115%;

	line-height; 41px;
}

h3:before {
position: absolute;
top: 3px;
left: 4px;
width: 14px;
height: 14px;
background: #8dd86f;
content: "";
}

/* 見出し2 */
.square {
	position: relative;
	padding-left: 24px;
	margin-bottom: 10px;
	font-size: 115%;

	line-height; 41px;
	color: #457F82;
}

.square:before {
position: absolute;
top: 3px;
left: 4px;
width: 14px;
height: 14px;
background: #457f82;
content: "";
}

/* 小見出し */
h4 {
	font-size: 122%;
	margin-bottom: 6px;
	margin-top: 22px;	
}


/* ボックス */

.honbun{
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	overflow: hidden;
}

.block001 {
	width: 98%;
	padding: 1%;
	float: none;
}

.block002 {
	width: 96%;
	padding: 2%;
	float: none;
	background-color: #E4E4E4;
	margin-right: 0px;
	margin-left: 0px;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
}

.block002 br {
display: none;
}


.block003 {
	width: 300px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-left: 0px;
}


/* 画像用 */
.img001{
	float: none;
	width: 238px;
	margin: 0 auto 40px;
}

.img002{
	float: none;
	width: 300px;
	margin: 0 auto 20px auto;
}

.img002 img{
	width: 300px;
	height: 524px;
}


.img_box_left {
	float: left;
	margin-right: 0px;
	margin-top: 10px;
	}

.txt_box_left {
	float: right;
	margin-right: 0px;
	margin-left: 0px;
	width: 60%;
	margin-top: 10px;
	}
	
	
/* font */
.green{
	font-size: 129%;
	color: #457f82;
	font-weight: bold;
	text-align: center;
	height: auto;
	padding-top: 5px;
	}




/* リストキャンセル */
dl,dd,dt {
    margin:initial;
    padding:initial;
    border:initial;
    outline:initial;
    font-size:100%;
    vertical-align:initial;
    background:initial;
}


/* リスト */

.example dt {
	color: #F70206;
	font-weight: bold;
	margin-top: 5px;
}
.example dd
{
	margin-left: 1em;
	padding-bottom: 10px;
}

.f_green{
		color: #16B814;
	}
.inquiry{
	font-size: 172%;
	line-height: 150%;
}

.citydo_link {
	width: 110px;
	border-style: solid;
	margin-top: px;
	border-color: #D9D8D8;
	border-width: 1px;
	font-size: 72%;
	margin: 0 0 0 120px;
}

/* -------上マージン指定--------- */
.m_top_-1	{margin-top:-1px;}
.m_top_5	{margin-top:5px;}
.m_top_10	{margin-top:10px;}
.m_top_15	{margin-top:15px;}
.m_top_20	{margin-top:20px;}
.m_top_25	{margin-top:25px;}
.m_top_30	{margin-top:30px;}
.m_top_35	{margin-top:35px;}
.m_top_40	{margin-top:40px;}
.m_top_45	{margin-top:45px;}
.m_top_50	{margin-top:50px;}
.m_top_60	{margin-top:60px;}
/* -------右マージン指定--------- */
.m_right_5	{margin-right:5px;}
.m_right_10	{margin-right:10px;}
.m_right_15	{margin-right:15px;}
.m_right_20	{margin-right:20px;}
.m_right_25	{margin-right:25px;}
.m_right_30	{margin-right:30px;}
.m_right_35	{margin-right:35px;}
.m_right_40	{margin-right:40px;}
.m_right_45	{margin-right:45px;}
.m_right_50	{margin-right:50px;}

/* -------下マージン指定--------- */
.m_bottom_5		{margin-bottom:5px;}
.m_bottom_10	{margin-bottom:10px;}
.m_bottom_15	{margin-bottom:15px;}
.m_bottom_20	{margin-bottom:20px;}
.m_bottom_25	{margin-bottom:25px;}
.m_bottom_30	{margin-bottom:30px;}
.m_bottom_35	{margin-bottom:35px;}
.m_bottom_40	{margin-bottom:40px;}
.m_bottom_45	{margin-bottom:45px;}
.m_bottom_50	{margin-bottom:50px;}
.m_bottom_140	{margin-bottom:140px;}

/* -------左マージン指定--------- */
.m_left_-1	{margin-left:-1px;}
.m_left_1	{margin-left:1px;}
.m_left_5	{margin-left:5px;}
.m_left_10	{margin-left:10px;}
.m_left_15	{margin-left:15px;}
.m_left_20	{margin-left:20px;}
.m_left_25	{margin-left:25px;}
.m_left_30	{margin-left:30px;}
.m_left_35	{margin-left:35px;}
.m_left_40	{margin-left:40px;}
.m_left_45	{margin-left:45px;}
.m_left_50	{margin-left:50px;}

/* -------------------------------- */


@media screen and (min-width: 481px) and (max-width:767px){/*ウィンドウ幅が481px以上の場合に適用*/
}

@media screen and (min-width: 768px) and (max-width: 939px){/*ウィンドウ幅が768px以上の場合に適用*/
	
.honbun{
	width: 760px;
	margin: 0 auto;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	overflow: hidden;
}

/* 画像用 */
.img001{
	float: left;
	width: 238px;
	margin: 0 10px 0 0;
}

.block001 {
	width: 512px;
	padding: 0;
	float: left;
}
	
.block002 {
	width: 360px;
	padding: 5px;
	float: left;
	background-color: #E4E4E4;
	margin-right: 5px;
	margin-left: 5px;
	height: 160px;
	margin-bottom: 50px;
}


	
.txt_box_left {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	width: 220px;
	margin-top: 20px;
	}
	
/* font */
.green{
	font-size: 129%;
	color: #457f82;
	font-weight: bold;
	text-align: center;
	height: 2em;
	padding-top: 5px;
	}

	
.img002{
	float: left;
	width: 330px;
	margin: 0 50px 20px 20px;
}

.img002 img{
	width: 330px;
	height: 629px;
}
	
	
.block003 {
	width: 300px;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

	
}

@media screen and (min-width: 940px) { /*ウィンドウ幅が940px以上の場合に適用*/

/*----- contents -----*/

.clearLeft {
clear: left;
}


/* 見出し1 */
h3 {
	position: relative;
	padding-left: 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #8dd86f;
	font-size: 115%;

	line-height; 41px;
}

h3:before {
position: absolute;
top: 3px;
left: 4px;
width: 14px;
height: 14px;
background: #8dd86f;
content: "";
}

/* 見出し2 */
.square {
	position: relative;
	padding-left: 24px;
	margin-bottom: 10px;
	font-size: 115%;

	line-height; 41px;
	color: #457F82;
}

.square:before {
position: absolute;
top: 3px;
left: 4px;
width: 14px;
height: 14px;
background: #457f82;
content: "";
}

/* 小見出し */
h4 {
	font-size: 122%;
	margin-bottom: 6px;
	margin-top: 22px;	
}


/* ボックス */

.honbun{
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	overflow: hidden;
}

.block001 {
	width: 600px;
	padding: 10px;
	float: left;
}

.block002 {
	width: 420px;
	padding: 10px;
	float: left;
	background-color: #E4E4E4;
	margin-right: 5px;
	margin-left: 5px;
	height: 145px;
	margin-bottom: 50px;
}
	
.block002 br {
display:block;
}


.block003 {
	width: 420px;
	float: left;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 50px;
	padding-left: 35px;
}


/* 画像用 */
.img001{
	float: left;
	width: 260px;
	margin: 0;
}
.img002{
	float: left;
	width: 410px;
	margin: 0 0 20px 20px;
}
	
.img002 img{
	width: auto;
	height: auto;
}


.img_box_left {
	float: left;
	margin-right: 0px;
	margin-top: 0px;
	}
	
.txt_box_left {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	width: 265px;
	margin-top: 20px;
	}
	
	
/* font */
.green{
	font-size: 129%;
	color: #457f82;
	font-weight: bold;
	text-align: center;
	height: 2em;
	padding-top: 5px;
	}




/* リストキャンセル */
dl,dd,dt {
    margin:initial;
    padding:initial;
    border:initial;
    outline:initial;
    font-size:100%;
    vertical-align:initial;
    background:initial;
}


/* リスト */

.example dt {
	color: #F70206;
	font-weight: bold;
	margin-top: 5px;
}
.example dd
{
	margin-left: 1em;
	padding-bottom: 10px;
}

.f_green{
		color: #16B814;
	}
.inquiry{
	font-size: 172%;
	line-height: 150%;
}

.citydo_link {
	width: 110px;
	border-style: solid;
	margin-top: px;
	border-color: #D9D8D8;
	border-width: 1px;
	font-size: 72%;
	margin: 0 0 0 120px;
}
	
}

