/* ----------------------------------------- */
/* ----------------------------------------- */
/*                                           */
/* COMMON 
/*                                           */
/* ----------------------------------------- */
/* ----------------------------------------- */
#archive_header		{}
#archive_title		{	line-height:1.25em;		font-weight:bold;	color:#1A429A;		}
#archive_panels		{	}

.archive_panel		{	line-height:1em !important;		overflow:hidden;	float:left;	}
.archive_panel_bg	{	letter-spacing:normal;		}
.archive_panel_bg a	{	background-color:#009;		position:absolute;	text-decoration:none;	top:0;	left:0;	opacity:0;	filter:alpha(opacity=0);	-ms-filter:"alpha(opacity=0)";	}
.archive_panel_info	{}
.archive_panel_img	{}
.archive_panel_img img	{	width:100%;		}
.archive_panel_title	{	line-height:1.25em;	font-weight:bold;	color:#1A429A;		}
.archive_panel_caption	{	line-height:1.25em;	font-weight:bold;	color:#1A429A;		}
.archive_panel_date	{	line-height:1.25em;	color:#808080;		}
.archive_panel_genru		{	letter-spacing:-0.4em;	}
.archive_panel_genru span	{	display:inline-block;	}
.archive_panel_genru img	{	width:100%;	}
.archive_panel_icon		{	text-align:right;	}
.archive_panel_icon img		{	width:100%;		}
.archive_panel_icon_osake	{	display:inline-block;	}
.archive_panel_icon_link	{	display:inline-block;	}


/* ----------------------------------------- */
/* ----------------------------------------- */
/*                                           */
/* screen_width < 950 
/*                                           */
/* ----------------------------------------- */
/* ----------------------------------------- */
#archive_header		{	border-top:4px solid #0f41a4;	padding:2px 0;		}
#archive_title		{	border-top:2px solid #0f41a4;	padding: 30px 24px 5px 24px;	font-size:3.2em;	}
#archive_panels		{	letter-spacing:-0.40em;	width:640px;	overflow:hidden;	padding:0 0 50px 0;	}

.archive_panel			{	width:640px;	height:180px;	}
.archive_panel_bg		{	width:640px;	height:178px;	position:relative;	border-bottom:2px solid #d2dbdb;	}
.archive_panel_bg a		{	width:640px;	height:180px;	position:absolute;	}
.archive_panel_bg a:hover	{	}
.archive_panel_info		{	position:relative;	top:0;	left:0;		}
.archive_panel_img		{	width:206px;	height:116px;	position:absolute;	top:19px;	left: 24px;	}
.archive_panel_title		{	width:376px;	height:auto;	position:relative;	top:19px;	left:245px;	font-size:2.4em;	}
.archive_panel_caption		{	width:376px;	height:auto;	position:relative;	top:24px;	left:245px;	font-size:2.0em;	}
.archive_panel_date		{	width:376px;	height:auto;	position:relative;	top:29px;	left:245px;	font-size:1.8em;	}
.archive_panel_genru		{	width:376px;	position:absolute;	bottom:0;	left: 24px;		line-height:0em;	}
.archive_panel_genru span	{	width:80px;	}
.archive_panel_genru img	{	width:80px;	height:10px;	}
.archive_panel_icon		{	width:376px;	position:absolute;	bottom:5px;	right: 21px;	line-height:0em;	}
.archive_panel_icon_osake	{	width:40px;		height:40px;		}
.archive_panel_icon_link	{	width:16px;		height:14px;		}



/* ----------------------------------------- */
/* ----------------------------------------- */
/*                                           */
/* 950 < screen_width
/*                                           */
/* ----------------------------------------- */
/* ----------------------------------------- */
@media screen and (min-width:950px) {
#archive_header		{	border-top:none;	padding:20px 0;		}
#archive_title		{	border-top:none;	padding:0;		font-size:2.8em;	}
#archive_panels		{	letter-spacing:-0.40em;	width:990px;		overflow:hidden;	padding:0 0 20px 0;	}

.archive_panel			{	width:495px;		height:110px;		}
.archive_panel_bg		{	position:relative;	width:445px;		height:89px;	border-bottom:1px solid #d2dbdb;	}
.archive_panel_bg a		{	position:absolute;	width:445px;	height:90px;	}
.archive_panel_bg a:hover	{	opacity:0.05;	filter:alpha(opacity=5);	-ms-filter:"alpha(opacity=5)";	}
.archive_panel_info		{	position:relative;	top:0;	left:0;	}
.archive_panel_img		{	position:absolute;	top:0;	left:0;		width:130px;	height:73px;		}
.archive_panel_title		{	position:relative;	top:0;	left:140px;	width:300px;	font-size:1.4em;	padding:0 0 5px 0;	}
.archive_panel_caption		{	position:relative;	top:0;	left:140px;	width:300px;	font-size:1.2em;	padding:0 0 5px 0;	}
.archive_panel_date		{	position:relative;	top:0;	left:140px;	width:300px;	font-size:1.1em;	}
.archive_panel_genru		{	position:absolute;	bottom:0;	left:0;		line-height:0em;	}
.archive_panel_genru span	{	width:80px;	}
.archive_panel_genru img	{	width:80px;	height:6px;	}
.archive_panel_icon		{	position:absolute;	bottom:5px;	right:0;	line-height:0em;	}
.archive_panel_icon_osake	{	width:21px;		height:21px;		}
.archive_panel_icon_link	{	width:8px;		height:7px;		}
}