@charset "utf-8";
/* CSS Document */

@media screen and (min-width:768px){
/*pc・タブレットcss*/

/*====================================================================

column.css

======================================================================


/*--------------------------------------------------------------------/
	column
/--------------------------------------------------------------------*/
div#column_body {
	margin-bottom: 20px;
	padding: 20px;
	background: url(../img/common_bg_02.gif);
	width: 700px;
}
div#column_body ul li {
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
div#column_body li a:link,
div#column_body li a:visited{
	display: block;
	padding: 13px 10px 10px 50px;
	background: #fff url(../img/common_icon_05.png) no-repeat 12px 10px;
	border: 1px solid #d6d6d6;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	color: #333;
}
div#column_body li a:hover {
	background: #96cb52 url(../img/common_icon_05.png) no-repeat 12px 10px;
	text-decoration: none;
	border: 1px solid #96cb52;
	color: #000;
}

/* column_txt
------------------------------------------------------------*/
div#column_txt {
	margin-bottom: 20px;
	padding: 15px 20px 20px;
	background: url(../img/common_bg_03.gif);
}


/* txt
------------------------------------------------------------*/
div#txt {
	margin: 0px 0;
	padding: 20px 25px 10px;
	background: #fff;
}
div#txt img {
	display: inline !important;
}
div#txt p {
	padding: 0 0 15px;
	line-height: 1.8;
}

/* btn
------------------------------------------------------------*/
div#column_txt div.btn {
	margin-top: 15px;
	float: right;
	width: 175px;
}

/* pager
------------------------------------------------------------*/
div.pager {
	padding: 10px 15px;
	margin: 0 2px 10px;
	border: 1px solid #ccc;
	background: #fff;
}
div.pager p {
	padding: 0 0 0;
	font-size: 11px;
}

}


@media screen and (max-width:767px){
/*スマホ用css*/

/*====================================================================

column.css

======================================================================


/*--------------------------------------------------------------------/
	column
/--------------------------------------------------------------------*/
div#column_body {
	margin-bottom: 20px;
	padding: 15px;
	background: url(../img/common_bg_02.gif);
	width: 100%;
	box-sizing: border-box;
}
div#column_body ul li {
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
div#column_body li a:link,
div#column_body li a:visited{
	display: block;
	padding: 13px 10px 10px 50px;
	background: #fff url(../img/common_icon_05.png) no-repeat 12px 10px;
	border: 1px solid #d6d6d6;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	color: #333;
}
div#column_body li a:hover {
	background: #96cb52 url(../img/common_icon_05.png) no-repeat 12px 10px;
	text-decoration: none;
	border: 1px solid #96cb52;
	color: #000;
}

/* column_txt
------------------------------------------------------------*/
div#column_txt {
	margin-bottom: 20px;
	padding: 15px;
	background: url(../img/common_bg_03.gif);
}


/* txt
------------------------------------------------------------*/
div#txt {
	margin: 0px 0;
	padding: 15px;
	background: #fff;
}
div#txt img {
	display: inline !important;
	width: 100% !important;
	height: auto !important;
}
div#txt p {
	padding: 0 0 15px;
	line-height: 1.8;
}

/* btn
------------------------------------------------------------*/
div#column_txt div.btn {
	margin-top: 15px;
	float: right;
	width: 175px;
}

/* pager
------------------------------------------------------------*/
div.pager {
	padding: 10px 8px;
	margin: 0 0 10px;
	border: 1px solid #ccc;
	background: #fff;
}
div.pager p {
	padding: 0 0 0;
	font-size: 14px;
}

}