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

.wrap{
	width:900px;
	height:900px;
	margin:0 auto;
	padding:30px 0 0 0;
}

/* menu *****************/

.menu{
	width:100%;
	height:48px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.menu ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.menu li{
	display:block;
	width:200px;
	height:48px;
	float:left;
}

.menu .banner{
	width:160px;
}

.line{
	width:100%;
	height:34px;
	margin-bottom:30px;
}



/* contents *****************/

.contents{
	width:100%;
	min-height:500px;
}


.wrap .contents .box {
	text-align: left;
	display: block;
	float: left;
	height: 280px;
	width: 260px;
	background:#999;
	margin-bottom:30px;
	padding:10px 10px 10px 10px;
	
	background:url(../../images/mizutama.png) no-repeat;
	
	position:relative;
}

.wrap .contents .web:hover {
	border:#F69 solid 4px;
	width:260px;
	height:280px;
	padding:6px 6px 6px 6px;
}

.wrap .contents .ban:hover {
	border:#F90 solid 4px;
	width:260px;
	height:280px;
	padding:6px 6px 6px 6px;
}

.wrap .contents .dtp:hover {
	border:#96C solid 4px;
	width:260px;
	height:280px;
	padding:6px 6px 6px 6px;
}




.wrap .contents .thumbnail{
	width:100%;
	height:150px;
	margin:0 0 15px 0;
}


.wrap .contents .title{
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-size:14px;
	font-weight:bold;
}

.wrap .contents .fusen1 {
    padding:5px;
    margin: 5px 0;
	display:inline-block;
    background: #dbebc4;
    border-left: solid 5px #8e997f;
	font-size:12px;
}

.wrap .contents .fusen2 {
    padding:5px;
    margin: 5px 0;
	display:inline-block;
    background: #fff3b8;
    border-left: solid 5px #ffd500;
	font-size:12px;
}




.wrap .contents .text{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
	font-weight:normal;
}

.wrap .contents .clicker{
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:right;
	width:32px;
	height:32px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.lm15{
	margin-left:15px;
}



/* font *****************/


.pink{
	color:#F69;
}

.orange{
	color:#F90;
}

.purple{
	color:#96C;
}