﻿.leftstyle {
	border-color: #C0C0C0;
	width: 640px;
	height: auto;
	float: left;
	padding-left: 5px;
	border-top-style: double;
	border-right-style: solid;
	border-bottom-style: double;
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 4px;
}
.outline {
	background-position: right;
	width: 800px;
	height: 750px;
	text-align: left;
	background-repeat: repeat-y;
}
.rightstyle {
	border-color: #C0C0C0;
	float: left;
	width: 145px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-width: 4px;
	border-bottom-width: 4px;
}
.leftstylea {
	border-color: #C0C0C0;
	width: 460px;
	float: left;
	padding-left: 5px;
	border-top-style: double;
	border-right-style: solid;
	border-bottom-style: double;
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 4px;
}
.outlinea {
	background-position: right;
	width: 630px;
	text-align: left;
	background-repeat: repeat-y;
}
.rightstylea {
	border-color: #C0C0C0;
	float: left;
	width: 145px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-width: 4px;
	border-bottom-width: 4px;
}
.footstyle {
	font-size: 16px;
	color: #ff80c0;
	clear: both;
}
.a_font {
	font-size: 14px;
}
.h1_style {
	font-size: 20px;
}
.h2_style {
	font-size: 14px;
}
.h3_style {
	font-size: 14px;
	margin: 0px;
	font-style: italic;
}
.p_font {
	font-size: 16px;
}
.body {
	background-color: #FFF7FF;
}
.top_font {
	font-size: 14px;
	color: #FF6666;
	text-align: right;
	background-color: #FFDFFF;
}
.list1 {
	list-style-image: url('23sonota_3.png');
}
.list2 {
	list-style-image: url('23sonota_2.png');
}
.list3 {
	list-style-image: url('23sonota_1.png');
}
.boder0 {
	border-width: 0;
}
.boder1 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #EADFEA;
}
.boder2 {
	border-style: solid;
	border-width: 3px;
	border-color: #FFDDFF;
	padding-left: 5px;
	background-color: #FFF1FF;
}
.left_c {
	width: 630px;
	height: 120px;
	padding-top: 5px;
	padding-left: 5px;
}
.left_g {
	border-color: #C0C0C0;
	width: 170px;
	height: 120px;
	float: left;
}
.left_l {
	border-color: #C0C0C0;
	width: 450px;
	height: 120px;
	float: left;
}
.left_x {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #EADFEA;
	width: 100px;
	height: 120px;
	float: left;

}
.left_y {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #EADFEA;
	padding-left: 5px;
	width: 400px;
	height: 120px;
	float: left;
}
.left_z {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #EADFEA;
	width: 100px;
	height: 120px;
	text-align: center;
	float: left;
}

.keisen {
	width: 215px;
	height: 135px;
	float: left;
	padding-top: 16px;
	padding-left: 8px;
	padding-bottom: 16px;
	margin: 1px;
}
.keisena {
	width: 215px;
	height: 215px;
	float: left;
	padding-top: 16px;
	padding-left: 8px;
	padding-bottom: 16px;
	margin: 1px;
}
.keisen1 {
	width: 450px;
	float: left;
	border: solid;
	border-color: #C0C0C0;
	border-width: 1px 1px 1px 1px;
	padding-top: 2px;
	padding-left: 8px;
	padding-bottom: 2px;
	margin: 1px;
}
.keisen2 {
	width: 450px;
	float: left;
	border: solid;
	border-color: #C0C0C0;
	border-width: 1px 1px 1px 1px;
	padding-top: 16px;
	padding-left: 8px;
	padding-bottom: 16px;
	margin: 1px;
}
.p_s {
	float: left;
	width: 215px;
	text-align: center;
}
.p_u {
	font-size: 12px;
	float: left;
	width: 215px;
	text-align: center;
}
.p_v {
	font-size: 12px;
	float: left;
	width: 215px;
	text-align: center;
}
.p_w {
	font-size: 15px;
	width: 215px;
	float: left;
}

@media screen and (max-width: 480px) {

	img {
	max-width : 97% ;
	height : auto ;
	}

	.leftstyle {
	border-color: #C0C0C0;
	max-width : 97% ;
	height: auto;

	padding-left: 5px;
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: double;
	border-top-width: 4px;
	border-bottom-width: 4px;
	}
	.outline {
	background-position: right;
	max-width : 97% ;
	height: auto;
	text-align: left;
	background-repeat: repeat-y;
	}
	.rightstyle {
	border-color: #C0C0C0;
	width: auto;
	min-width : 97% ;
	border-top-style: double;
	border-bottom-style: double;
	border-top-width: 4px;
	border-bottom-width: 4px;
	}
	.leftstylea {
	border-color: #C0C0C0;
	max-width : 97% ;
	padding-left: 5px;
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: double;
	border-top-width: 4px;
	border-bottom-width: 4px;
	}
	.outlinea {
	background-position: right;
	max-width : 97% ;
	text-align: left;
	background-repeat: repeat-y;
	}
	.rightstylea {
	border-color: #C0C0C0;
	width: auto;
	min-width : 97% ;
	border-top-style: double;
	border-bottom-style: double;
	border-top-width: 4px;
	border-bottom-width: 4px;
	}
	.footstyle {
	font-size: 14px;
	color: #ff80c0;
	clear: both;
	}

	.h1_style {
	font-size: 16px;
	}

	.left_c {
	width: auto;
	max-width : 97% ;
	height: 120px;
	padding-top: 5px;
	padding-left: 5px;
	clear: both;
	}
	.left_g {
	border-color: #C0C0C0;
	max-width : 97% ;
	height: 120px;
	}
	.left_l {
	border-color: #C0C0C0;
	max-width : 97% ;
	height: 120px;
	}
	.left_x {
	border-bottom-style: none;
	width: auto;
	max-width : 97% ;
	height: auto;
	}
	.left_y {
	border-bottom-style: none;
	width: auto;
	max-width : 97% ;
	height: auto;
	}
	.left_z {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #EADFEA;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	min-width : 97% ;
	height: auto;
	text-align: center;
	}

	.keisen {
	max-width : 97% ;
	height: 135px;
	padding-top: 16px;
	padding-left: 8px;
	padding-bottom: 16px;
	margin: 1px;
	}
	.keisena {
	max-width : 97% ;
	height: 215px;
	padding-top: 16px;
	padding-left: 8px;
	padding-bottom: 16px;
	margin: 1px;
	}
	.keisen1 {
	max-width : 97% ;
	border: solid;
	border-color: #C0C0C0;
	border-width: 1px 1px 1px 1px;
	padding-top: 2px;
	padding-left: 8px;
	padding-bottom: 2px;
	margin: 1px;
	}
	.keisen2 {
	max-width : 97% ;
	border: solid;
	border-color: #C0C0C0;
	border-width: 1px 1px 1px 1px;
	padding-top: 16px;
	padding-left: 8px;
	padding-bottom: 16px;
	margin: 1px;
	}
	.p_s {
	max-width : 97% ;
	text-align: center;
	}
	.p_u {
	font-size: 12px;
	max-width : 97% ;
	text-align: center;
	}
	.p_v {
	font-size: 12px;
	max-width : 97% ;
	text-align: center;
	}
	.p_w {
	font-size: 15px;
	max-width : 97% ;
	}

}
