@charset "UTF-8";

/*=======================================
	col_1
=======================================*/
.col_1{
	margin:0 0 30px 0;
}

/*--- img_left ---*/
.col_1 .img_left img{
	display:block;
	max-width:280px;
	max-width:29.53586497890295%;
	float:left;
}
.col_1 .img_left .float_box{
	width:648px;
	width:68.35443037974684%;
	float:right;
}
.col_1 .img_left .float_box p{
	margin: 0 0 15px 0;	
}

/*--- img_left around ---*/
.col_1.around .img_left img{
	display:inline;
	max-width:280px;
	max-width:29.5358649%;
	float:left;
	margin-right:15px;
	margin-right:1.5822784%;
}

.col_1.around .img_left .float_box{
	width:auto;
	float:none;
	display:inline;
}

.col_1.around .img_left .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;	
	width:653px;
	width:68.8818565%;
}
.col_1.around .img_left .float_box p{
	display:inline;
}

/*--- img_right ---*/
.col_1 .img_right img{
	display:block;
	max-width:280px;
	max-width:29.5358649%;
	float:right;
}
.col_1 .img_right .float_box{
	width:648px;
	width:68.3544303%;
	float:left;
}

/*--- img_right around ---*/
.col_1.around .img_right img{
	display:inline;
	max-width:280px;
	max-width:29.5358649%;
	float:right;
}
.col_1.around .img_right .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_1.around .img_right .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:668px;
	width:70.464135%;
}
.col_1.around .img_right .float_box p{
	display:inline;
}


/*=======================================
	col_2
=======================================*/
.col_2{
	margin:0 0 30px 0;
}
.col_2 .box,
.col_2 .box2 {
	width:466px;
	width:49.1561181%;
	margin: 0 1.687763713080168% 0 0;
	float:left;	
}
.col_2 .box2{
	margin: 0 1.2121212121212% 0 0;	
}

/*--- img_left ---*/
.col_2 .box .img_left img,
.col_2 .box2 .img_left img{
	display:block;
	max-width:180px;
	max-width:38.6266094%;
	float:left;
}
.col_2 .box .img_left .float_box,
.col_2 .box2 .img_left .float_box{
	width:270px;
	width:58.1545064%;
	float:right;
}

/*--- img_left around ---*/
.col_2 .box.around .img_left img,
.col_2 .box2.around .img_left img{
	display:inline;
	max-width:180px;
	max-width:38.6266094%;
	float:left;
	margin-right:15px;
	margin-right:3.218884120171674%;
}
.col_2 .box.around .img_left .float_box,
.col_2 .box2.around .img_left .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_2 .box.around .img_left .float_box h3,
.col_2 .box2.around .img_left .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:270px;
	width:58.1545064%;
}
.col_2 .box.around .img_left .float_box p,
.col_2 .box2.around .img_left .float_box p{
	display:inline;
}

/*--- img_right ---*/
.col_2 .box .img_right img,
.col_2 .box2 .img_right img{
	display:block;
	max-width:180px;
	max-width:38.6266094%;
	float:right;
}
.col_2 .box .img_right .float_box,
.col_2 .box2 .img_right .float_box{
	width:270px;
	width:58.1545064%;
	float:left;
}

/*--- img_right around ---*/
.col_2 .box.around .img_right img,
.col_2 .box2.around .img_right img{
	display:inline;
	max-width:180px;
	max-width:38.6266094%;
	float:right;
	margin-left:15px;
	margin-left:3.218884120171674%;
}
.col_2 .box.around .img_right .float_box,
.col_2 .box2.around .img_right .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_2 .box.around .img_right .float_box h3,
.col_2 .box2.around .img_right .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:270px;
	width:58.1545064%;
}
.col_2 .box.around .img_right .float_box p,
.col_2 .box2.around .img_right .float_box p{
	display:inline;
}


/*=======================================
	col_3
=======================================*/
.col_3{
	margin:0 0 30px 0;
}
.col_3 .box{
	width:306px;
	width:32.27848101265823%;
	margin: 0 1.5151515151514% 0 0;
	float:left;	
}

/*--- img_left ---*/
.col_3 .box .img_left img{
	display:block;
	max-width:120px;
	max-width:39.2156862745098%;
	float:left;
}
.col_3 .box .img_left .float_box{
	width:170px;
	width:55.55555555555556%;
	float:right;
}

/*--- img_left around ---*/
.col_3 .box.around .img_left img{
	display:inline;
	max-width:120px;
	max-width:39.2156862745098%;
	float:left;
	margin-right:16px;
	margin-right:5.228758169934641%;
}
.col_3 .box.around .img_left .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_3 .box.around .img_left .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:170px;
	width:55.55555555555556%;
}
.col_3 .box.around .img_left .float_box p{
	display:inline;
}

/*--- img_right ---*/
.col_3  .box .img_right img{
	display:block;
	max-width:120px;
	max-width:39.2156862745098%;
	float:right;
}
.col_3  .box .img_right .float_box{
	width:170px;
	width:55.55555555555556%;
	float:left;
}

/*--- img_right around ---*/
.col_3 .box.around .img_right img{
	display:inline;
	max-width:120px;
	max-width:39.2156862745098%;
	float:right;
	margin-left:16px;
	margin-left:5.228758169934641%;
}
.col_3 .box.around .img_right .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_3 .box.around .img_right .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:170px;
	width:55.55555555555556%;
}
.col_3 .box.around .img_right .float_box p{
	display:inline;
}


/*=======================================
	col_4
=======================================*/
.col_4{
	margin:0 0 30px 0;
}
.col_4 .box{
	width:228px;
	width:24.05063291139241%;
	margin: 0 1.2121212121212% 0 0;
	float:left;	
}

/*--- img_left ---*/
.col_4 .box .img_left img{
	display:block;
	max-width:100px;
	max-width:43.85964912280702%;
	float:left;
}
.col_4 .box .img_left .float_box{
	width:116px;
	width:50.87719298245614%;
	float:right;
}

/*--- img_left around ---*/
.col_4 .box.around .img_left img{
	display:inline;
	max-width:100px;
	max-width:43.85964912280702%;
	float:left;
	margin-right:12px;
	margin-right:5.263157894736842%;
}
.col_4 .box.around .img_left .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_4 .box.around .img_left .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:116px;
	width:50.87719298245614%;
}
.col_4 .box.around .img_left .float_box p{
	display:inline;
}

/*--- img_right ---*/
.col_4 .box .img_right img{
	display:block;
	max-width:100px;
	max-width:43.85964912280702%;
	float:right;
}
.col_4 .box .img_right .float_box{
	width:116px;
	width:50.87719298245614%;
	float:left;
}

/*--- img_right around ---*/
.col_4 .box.around .img_right img{
	display:inline;
	max-width:100px;
	max-width:43.85964912280702%;
	float:right;
	margin-left:12px;
	margin-left:5.263157894736842%;
}
.col_4 .box.around .img_right .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_4 .box.around .img_right .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:116px;
	width:50.87719298245614%;
}
.col_4 .box.around .img_right .float_box p{
	display:inline;
}


/*=======================================
	col_5
=======================================*/
.col_5{
	margin:0 0 30px 0;
}
.col_5 .box{
	width:180px;
	width:18.9873417721519%;
	margin: 0 1.21212121212121% 0 0;
	float:left;	
}

/*--- img_left ---*/
.col_5 .box .img_left img{
	display:block;
	max-width:70px;
	max-width:38.88888888888889%;
	float:left;
}
.col_5 .box .img_left .float_box{
	width:100px;
	width:55.55555555555556%;
	float:right;
}

/*--- img_left around ---*/
.col_5 .box.around .img_left img{
	display:inline;
	max-width:70px;
	max-width:38.88888888888889%;
	float:left;
	margin-right:10px;
	margin-right:5.555555555555556%;
}
.col_5 .box.around .img_left .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_5 .box.around .img_left .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:100px;
	width:55.55555555555556%;
}
.col_5 .box.around .img_left .float_box p{
	display:inline;
}

/*--- img_right ---*/
.col_5 .box .img_right img{
	display:block;
	max-width:70px;
	max-width:38.88888888888889%;
	float:right;
}
.col_5 .box .img_right .float_box{
	width:100px;
	width:55.55555555555556%;
	float:left;
}

/*--- img_right around ---*/
.col_5 .box.around .img_right img{
	display:inline;
	max-width:70px;
	max-width:38.88888888888889%;
	float:right;
	margin-left:10px;
	margin-left:5.555555555555556%;
}
.col_5 .box.around .img_right .float_box{
	width:auto;
	float:none;
	display:inline;
}
.col_5 .box.around .img_right .float_box h3{
	clear:none;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:100px;
	width:55.55555555555556%;
}
.col_5 .box.around .img_right .float_box p{
	display:inline;
}


/*=======================================
	common
=======================================*/
.img_top h3{
	margin-top:10px;
}
.col_2 .box.last,
.col_2 .box2.last,
.col_3 .box.last,
.col_4 .box.last,
.col_5 .box.last{
	margin-right: 0;
	float:right;
}
.col_2:after,
.col_3:after,
.col_4:after,
.col_5:after {
	content: "";
	display: block;
	clear: both;
}
.col_1 .img_left:after,
.col_1 .img_right:after,
.col_2 .img_left:after,
.col_2 .img_right:after,
.col_3 .img_left:after,
.col_3 .img_right:after,
.col_4 .img_left:after,
.col_4 .img_right:after,
.col_5 .img_left:after,
.col_5 .img_right:after {
	content: "";
	display: block;
	clear: both;
}

/*--- table ---*/
.col_1 table th,
.col_1 table td,
.col_2 table th,
.col_2 table td,
.col_3 table th,
.col_3 table td,
.col_4 table th,
.col_4 table td,
.col_5 table th,
.col_5 table td,
.scr_table th,
.scr_table td{
	margin:0;
	padding:10px;
	border: 1px solid #999;
}

/*--- ie7 ---*/
.ie7 .col_1,
.ie7 .col_2,
.ie7 .col_3,
.ie7 .col_4,
.ie7 .col_5,{
	width:948px;
	float:left;
}







/******************************************************************************************

	tablet size

******************************************************************************************/
@media only screen and (max-width:840px) {

}





/******************************************************************************************

	sp size

******************************************************************************************/
@media only screen and (max-width:690px) {

/*=======================================
	col_1
=======================================*/
/*--- img_left ---*/
.col_1 .img_left img{
	max-width:100%;
	float:none;
	margin: 0 0 10px 0;
}
.col_1 .img_left .float_box{
	width:100%;
	float:none;
}
.col_1 .img_left .float_box p{
	margin: 0 0 15px 0;	
}

/*--- img_left around ---*/
.col_1.around .img_left img{
	display:block;
	max-width:100%;
	float:none;
	margin: 0 0 10px 0;
}
.col_1.around .img_left .float_box{
	width:auto;
	float:none;
	display:block;
}
.col_1.around .img_left .float_box h3{
	display:block;
	width:auto;
}
.col_1.around .img_left .float_box p{
	display:block;
}

/*--- img_right ---*/
.col_1 .img_right img{
	max-width:100%;
	float:none;
	margin: 0 0 10px 0;
}
.col_1 .img_right .float_box{
	width:100%;
	float:none;
}

/*--- img_right around ---*/
.col_1.around .img_right img{
	display:block;
	max-width:100%;
	float:none;
	margin: 0 0 10px 0;
}
.col_1.around .img_right .float_box{
	width:100%;
	display:block;
}
.col_1.around .img_right .float_box h3{
	display:block;
	width:auto;
}
.col_1.around .img_right .float_box p{
	display:block;
}


/*=======================================
	col_2
=======================================*/

/*--- img_left ---*/
.col_2 .box .img_left img,
.col_2 .box2 .img_left img,
.col_2 .box.around .img_left img{
	display:inline;
	max-width:286px;
	width:44.6875%;
	float:left;
	margin-right:15px;
	margin-right:2.34375%;
}
.col_2 .box .img_left .float_box h3,
.col_2 .box2 .img_left .float_box h3,
.col_2 .box.around .img_left .float_box h3,
.col_2 .box .img_right .float_box h3,
.col_2 .box2 .img_right .float_box h3,
.col_2 .box.around .img_right .float_box h3{
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:339px;
	width:52.96875%;
}

/*--- img_right ---*/
.col_2 .box .img_right img,
.col_2 .box2 .img_right img,
.col_2 .box.around .img_right img{
	display:inline;
	max-width:286px;
	width:44.6875%;
	float:right;
	margin-left:15px;
	margin-left:2.34375%;
}

.col_2 .box.around .img_right .float_box p,
.col_2 .box2.around .img_right .float_box p{
	display:inline;
}


/*=======================================
	col_3 col_4 col_5
=======================================*/
/*--- img_left ---*/
.col_3 .box .img_left img,
.col_3 .box.around .img_left img,
.col_4 .box .img_left img,
.col_4 .box.around .img_left img,
.col_5 .box .img_left img,
.col_5 .box.around .img_left img{
	display:inline;
	max-width:192px;
	width:30%;
	float:left;
	margin-right:12px;
	margin-right:1.875%;
}
.col_3 .box .img_left .float_box h3,
.col_3 .box.around .img_left .float_box h3,
.col_3 .box .img_right .float_box h3,
.col_3 .box.around .img_right .float_box h3,
.col_4 .box .img_left .float_box h3,
.col_4 .box.around .img_left .float_box h3,
.col_4 .box .img_right .float_box h3,
.col_4 .box.around .img_right .float_box h3,
.col_5 .box .img_left .float_box h3,
.col_5 .box.around .img_left .float_box h3,
.col_5 .box .img_right .float_box h3,
.col_5 .box.around .img_right .float_box h3{
	display:inline-block;
	/display:inline;
	/zoom: 1;
	width:436px;
	width:68.125%;
}

/*--- img_right ---*/
.col_3 .box .img_right img,
.col_3 .box.around .img_right img,
.col_4 .box .img_right img,
.col_4 .box.around .img_right img,
.col_5 .box .img_right img,
.col_5 .box.around .img_right img{
	display:inline;
	max-width:192px;
	width:30%;
	float:right;
	margin-left:12px;
	margin-left:1.875%;
}

.col_3 .box.around .img_right .float_box p,
.col_4 .box.around .img_right .float_box p,
.col_5 .box.around .img_right .float_box p{
	display:inline;
}

/*--- font_size ---*/
.col_4 .box p,
.col_5 .box p {
	font-size:100%;
}


/*=======================================
	common
=======================================*/
.col_2 .box,
.col_2 .box2,
.col_3 .box,
.col_4 .box,
.col_5 .box {
	width:100%;
	float:none;
	margin: 0 0 15px 0;
}
.col_2 .box.last,
.col_2 .box2.last,
.col_3 .box.last,
.col_4 .box.last,
.col_5 .box.last{
	float: none;
}
.col_2 .box .img_left .float_box,
.col_2 .box.around .img_left .float_box,
.col_2 .box .img_right .float_box,
.col_2 .box.around .img_right .float_box,
.col_2 .box2 .img_left .float_box,
.col_2 .box2.around .img_left .float_box,
.col_2 .box2 .img_right .float_box,
.col_2 .box2.around .img_right .float_box,
.col_3 .box .img_left .float_box,
.col_3 .box.around .img_left .float_box,
.col_3 .box .img_right .float_box,
.col_3 .box.around .img_right .float_box,
.col_4 .box .img_left .float_box,
.col_4 .box.around .img_left .float_box,
.col_4 .box .img_right .float_box,
.col_4 .box.around .img_right .float_box,
.col_5 .box .img_left .float_box,
.col_5 .box.around .img_left .float_box,
.col_5 .box .img_right .float_box,
.col_5 .box.around .img_right .float_box{
	width:auto;
	float:none;
	display:inline;
}

/*--- table ---*/
.scr_table th,
.scr_table td{
	display: block;
	min-height:2.7em;
	padding:5px 10px 0 10px;
}
table.scr_table,
table.scr_table{ 
	display: block;
	position: relative;
}
.scr_table thead,
.scr_table thead{ 
	display: block;
	float: left;
}
.scr_table tbody,
.scr_table tbody{
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	overflow-y:hidden;
	white-space: nowrap;
}
.scr_table thead tr,
.scr_table thead tr{
	display: block;
}
.scr_table tbody tr{ 
	display: inline-block;
	vertical-align: top;
}
.scr_table th{ 
	border-bottom: 0;
}
.scr_table td{
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.scr_table tbody tr{ 
	border-right: 1px solid #999;
}
.scr_table th:last-child,
.scr_table td:last-child{ 
	border-bottom: 1px solid #999;
}


}