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

#grid-content { 
	margin: 0px 0px 0px 20px ;
}

#grid-content div {
	word-break:break-all;
	text-align:left;
	width: 180px;
	color: #333;
	margin: 10px 10px 0 0;
}

/*グリッドタイプ*/
#grid-content div.oneone {
	width: 180px;
	height: 120px;
	background-color: #FFFFFF;
}
#grid-content div.forfiv {
	display: block;
	width: 940px;
	height: 510px;
	background-color: #FFFFFF;

}
#grid-content div.twoone {
	width: 180px;
	height: 250px;
	background-color: #FFFFFF;
}

#grid-content div.throne {
	width: 180px;
	height: 380px;
	background-color: #FFFFFF;
}

#grid-content div.twotwo {
	width: 370px;
	height: 250px;
	background-color: #FFFFFF;
}

#grid-content div.thrtwo{
	width: 370px;
	height: 380px;
	background-color: #FFFFFF;
}

#grid-content div.thrthr{
	width: 560px;
	height: 380px;
	background-color: #FFFFFF;
}

#grid-content div.forone {
	width: 180px;
	height: 510px;
	background-color: #FFFFFF;
}
#grid-content div.fortwo {
	width: 370px;
	height: 510px;
	background-color: #FFFFFF;
}

#grid-content div.thrsix {
	width: 1130px;
	height: 380px;
	background-color: #FFFFFF;
}

#grid-content div a.lnk {
 	display: block;
 	width: 100%;
	height: 100%;
	margin: 0;
	padding:0;
  	text-decoration: none; /* 文字装飾 */
  	/*color: #ffffff;  文字の色 */
	/*background-color: #ffffff; */
}
/* マウスカーソルが上に来た時のリンク */
#grid-content div a.lnk:hover {
	margin: 0;
	padding:0;
  	text-decoration: none; /* 文字装飾 */
 	/*color: #ffffff;  文字の色 */
  	/*background-color: #f5f5f5;*/
	border: dotted 1px #b4b4b4;
}

#grid-content div h3 {
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}
#grid-content div p {
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	line-height:180%;
	letter-spacing:1px;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:left;
}

#grid-content div .photo {
	padding:0px 10px 30px 10px;
}

#grid-content div .photo_ad {
	padding:10px 0px 10px 10px;
}
#grid-content div .icon {
	position:relative;
	float:right;
	right:10px;
	width:30px;
	height:30px;
	padding:0;
}

/*テキストタイプ*/
#container #grid-content .update {
	padding:0px 10px 10px 15px;
	width:160px;
	font-size: 9px;
	color: #666;
	position:absolute;
	bottom: 0;
}
#container #grid-content .worktitle {
	padding:15px 10px 10px 15px;
	font-size: 10px;
	color: #000;
	height:40px;
}
#container #grid-content .workdeta {
	padding:0 15px 15px 15px;
	font-size: 9px;
	line-height:160%;
	color: #000;
}
#container #grid-content .katagaki {
	padding:10px 10px 0px 15px;
	font-size: 9px;
	line-height:160%;
	color: #666;
	height:35px;
}
#container #grid-content .adname {
	padding: 10px 10px 8px 15px;
	font-size: 16px;
	line-height: 140%;
	color: #333;
}
#container #grid-content .adname_roma {
	padding: 0 0 0 16px;
	font-size: 9px;
	line-height: 100%;
	color: #333;
}
#grid-content div .photo_ad {
	width: 60px;
	height: 60px;
}
#grid-content div .photo_ad div {
	position: relative;
	left: 50px;
}
#container #grid-content .adname_roma3 {
	padding: 10px 0 0 2px;
	font-size: 9px;
	line-height: 100%;
	color: #333;
}
#container #grid-content .adname24 {
	font-size: 24px;
	line-height:120%;
	letter-spacing:6px;
	color: #333;
}