h1, h2, h3, h4, h5, p, div, dt, dd, dl, img, input, form, ul, li {
	margin: 0px;
	padding: 0px;
}
/* ------------------------------------- */
/*	 リンク
/* ------------------------------------- */
a {
	color:			#7467AC;
	text-decoration:none;
	}
a:hover {
	color:			#7467AC;
	text-decoration:underline;
	}
	
/* ------------------------------------- */
/*	スライド
/* ------------------------------------- */
#main-visual {
  width: 100%;
  z-index: -100;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-color: #fff;}
  #main-visual img {
  height:auto;
 }	
/* content_bana
---------------------------------------------------- */
.container_g {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: url(../img/top/work_bg.jpg) repeat;
	box-shadow:			0px 0px 9px 3px rgba(0,0,0,0.16);
	-moz-box-shadow:	0px 0px 9px 3px rgba(0,0,0,0.16);
	-webkit-box-shadow:	0px 0px 9px 3px rgba(0,0,0,0.16);
	}
#work {
	margin: 0 auto;
	max-width:1000px;
	width:1000px;
	text-align: left;
	position: relative;
	padding: 10px 0px 10px 0px;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		#work{
			width: 100%;
			}
		}
#work ul {
	margin: 8px 0px 5px 0px;
	display: inline-block;
	overflow: hidden;
	width: 1000px;
	list-style: none;
	line-height: 0px;
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		#work ul{
			width: 100%;
			}			}
#work ul li {
	float:left;
	list-style:none;
	width: 48%;
	margin: 0 1%;
	}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		#work ul li {
			float:none;
			width: 80%;
			margin:0 auto;
			}
			li.b02 {
				padding: 10px 0px 0px 0px;
				}
		}

#work ul li a img {
	}
	@media only screen and (max-width: 800px) {/* タブレット幅 */
		#work ul li a img{
			width: 100%;
			}
		}
li.b01,
li.b02  {
	float: left;
}
li.b01 {
	padding: 5px 0px 0px 0px;
}
li.b01 a:hover,
li.b02 a:hover {
	filter:			alpha(opacity=75);
    -moz-opacity:	0.75;
    opacity:		0.75;
}

/*messageと画像
---------------------------------------------------- */

#message {
	width: 100%;
	float: left;
	}
		@media only screen and (max-width: 650px) {/* スマホ幅 */
		h3{
			font-size: 1.1em;
			}
		#message {
			width: 100%;
			}
		}

#message p {
	color: #444;
	font-size: 85%;
	line-height: 1.8;
	letter-spacing: normal;
	float: left;
	margin: 0px 0px 0px 0px;

	}
	@media only screen and (max-width: 650px) {/* スマホ幅 */
		#message p{
			letter-spacing:-0.5px;
			float: none;
			width: 100%;
			}
		#message p br{
			display:none;
			}
		}



/*------------------------------------------------
info
---------------------------------------------------- */
.info_area{
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
	width:100%;
}
.info_t {
	font-weight:	400;
	text-decoration: none;
	display: block;
	overflow:hidden;
	border-bottom:		3px solid #7467AC;
	margin: 20px 0px 20px 0px;
	width:100%;
}
.info_t h4 {
	background:url(../img/top/info_t.jpg) no-repeat;
	background-size: 221px 57px;
	float:left;
	width:221px;
	height:57px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
}
.info_t2 {
	font-weight:	400;
	text-decoration: none;
	display: block;
	overflow:hidden;
	border-bottom:3px solid #e84d93;
	margin: 20px 0px 20px 0px;
	width:100%;
}
.info_t2 h4 {
	background:url(../img/top/info_t2.jpg) no-repeat;
	background-size: 221px 57px;
	float:left;
	width:221px;
	height:57px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 0px;
}
　　@media only screen and (max-width: 650px) {/* スマホ幅 */
		.info_t h4,
		.info_t2 h4 {
	background-size: 200px 52px;
	width:200px;
	height:52px
	margin: 0px 0px 0px 0px;
　　}}

.info_t p{
	background:url(../img/top/info_list.jpg) no-repeat;
	background-size: 194px 15px;
	float:right;
	width:194px;
	height:15px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 20px 0px 0px 0px;
}
.info_t2 p{
	background:url(../img/top/info_list2.jpg) no-repeat;
	background-size: 194px 15px;
	float:right;
	width:194px;
	height:15px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 20px 0px 0px 0px;
}