@charset "UTF-8";

*{ margin:0; padding:0; }

a { outline: 0; }


/*--- Footer fix to bottom ---*/

html{
}

body{
}

#container{
	width: 640px;
	height: auto;
	margin:10px auto 0;
	position:relative;
}

/*--- Boxs ---*/

#subject{
	position:relative;
	width:100%;
	height:25px;
	background-image:url("../images/popup_sbj_mark.gif");
	background-repeat:no-repeat;
	border-bottom:1px solid #6c6d73;
	margin-bottom:24px;
}

#specifi_table{
	position:relative;
	width:305px;
	float:right;
	font-size:93%;
}

#photo{
	position:relative;
	width:307px;
	float:left;
}

.clear { clear:both; } 


/*
 *----------------------------------------------------------
 * Subject decoration
 *----------------------------------------------------------
 */

#subject h1{
	height:25px;
	line-height:25px;
	font-size:138.5%;
	color:666;
	text-indent:42px;
}

/*
 *----------------------------------------------------------
 * Specifi Table decoration
 *----------------------------------------------------------
 */

#specifi_table .item_title{
	position:relative;
	width:100%;
	height:20px;
	line-height:20px;
	background-color:#6c6d73;
	font-size:93%;
	font-weight:bold;
	color:#fff;
	text-indent:2px;
	clear:both;
}

#specifi_table .item_line{
	position:relative;
	width:100%;
	height:16px;
	line-height:16px;
	font-size:93%;
	border-bottom:1px solid #6c6d73;
}

#specifi_table .item_name{
	margin:4px 0 0 0;
	text-indent:4px;
}

#specifi_table .item_value{
	position:absolute;
	bottom:0;
	right:0;
	margin:4px 4px 0 0;
}

/*
 *----------------------------------------------------------
 * Photo decoration
 *----------------------------------------------------------
 */

#photo img{
	border:1px solid #666;
}

#photo .comment{
	width:100%;
	font-size:77%;
	color:#666;
	text-align:right;
}






/* Mobile (sp)
=================================================== */
@media screen and (max-width: 480px) {
#container{
	width: 100%;
	height: auto;
	margin:10px auto 0;
	position:relative;
}
#subject{
	width:100%;
}
#subject h1{
	font-size:100%;
}
#specifi_table{
	width:97%;
	float:none;
	margin:0 0 20px 4px;
	font-size:100%;
}
#photo{
	width:auto;
	float:none;
	margin:0 auto;
	text-align:center;
	padding-bottom: 20px;
}
#photo img{
	width:80%;
}


}