@charset "utf-8";


/* ----------------------------------------
	01 container
------------------------------------------*/

#container {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 70%;
	line-height: 1.8;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #8c3e05;
	background: url(../img/frd_pop_bg.jpg);
}



/* ----------------------------------------
	02 contents
------------------------------------------*/

#contents {
	width: 600px;
	height: 600px;
	background: url(../img/frd_pop_cont_bg.jpg) left top no-repeat;
}


#contents #cont-main {
	position: absolute;
	left: 50px;
	top: 50px;
	width: 500px;
	height: 500px;
	/*background: #0CF;*/
}



#contents #cont-main .box_head {
	position: relative;
	width: 500px;
	height: 150px;
	background: url(../img/frd_pop_line_01.gif) 10px 130px no-repeat;
}

#contents #cont-main .box_head h1.name {
	position: absolute;
	left: 20px;
	top: 70px;
	width: 320px;
	height: 55px;
}

#contents #cont-main .box_head h2.label {
	position: absolute;
	left: 20px;
	top: 21px;
	width: 230px;
	height: 28px;
}

#contents #cont-main .box_head a.close {
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 60px;
	height: 61px;
	text-indent: -9999px;
}
#contents #cont-main .box_head a.close:link,
#contents #cont-main .box_head a.close:visited {
	background: url(../img/frd_pop_close.gif) left top no-repeat;
}
#contents #cont-main .box_head a.close:hover,
#contents #cont-main .box_head a.close:active {
	background: url(../img/frd_pop_close_ov.gif) left top no-repeat;
}


#contents #cont-main .box_body {
	position: relative;
	width: 500px;
	height: 350px;
	/*background: #CFC;*/
}

#contents #cont-main .box_body img.photo {
	position: absolute;
	right: 0px;
	top: 0px;
}

#contents #cont-main .box_body .text {
	position: relative;
	width: 240px;
	color: #c23129;
	font-size: 90%;
	margin: 0 20px 20px;
}

#contents #cont-main .box_body ul.list_blog {
	/*
	position: absolute;
	bottom: 20px;
	left: 20px;
	*/
	width: 360px;
	font-size: 92%;
	line-height: 120%;
	margin: 0 20px 20px;
}
#contents #cont-main .box_body ul.list_blog li {
	/*list-style-position: inside;*/
	/*margin: 0 0 10px;*/
	padding: 0 0 15px 23px;
	/*list-style-image: url(../img/frd_pop_icon_01.gif);*/
	background: url(../img/frd_pop_icon_01.gif) 0 0 no-repeat;
}

#contents #cont-main .box_body ul.list_blog li a {
	/*margin-left: 26px;*/
}
#contents #cont-main .box_body ul.list_blog li a:link,
#contents #cont-main .box_body ul.list_blog li a:visited {
	color: #c23129;
	text-decoration: underline;
}
#contents #cont-main .box_body ul.list_blog li a:hover,
#contents #cont-main .box_body ul.list_blog li a:active {
	color: #fe807a;
	text-decoration: underline;
}