@charset "utf-8";
/* =====================================================================

	1.カテゴリーヘッダー
	2.パン屑
	3.メイン
	4.レイアウト

===================================================================== */

/* =====================================================================
	1.カテゴリーヘッダー
===================================================================== */
/*common*/
#container header{
	background:url(/common/css/img/bg_cnt_h.gif) 0 0 repeat;
	height:153px;
}
#container header .header_inner h1{
	height:70px;
	font-size:0;
	text-indent:-9999px;
	position:relative;
	top:35px;
}
#container header .header_inner h1 a{
	overflow: hidden;
	display: block;
	height:70px;
}
#container.photolibrary header .header_inner h1{
	background:url(/photolibrary/css/img/ttl_phlibrary.png) 0 0 no-repeat;
}



/* =====================================================================
	1.パン屑
===================================================================== */

#container article#main ul.pankuzu{
	overflow:hidden;
	padding:5px 0 3px 3px;
	border-bottom: 1px solid #DDD;
}
#container article#main ul.pankuzu li{
	float:left;
	margin-left:8px;
	font-size:95%;
}
#container article#main ul.pankuzu li a{
	padding-right:25px;
	background:url(/common/css/img/grater.png) right 50% no-repeat;
}
#container article#main ul.pankuzu li a img{
	vertical-align: text-bottom;
}


/* =====================================================================
	3.メイン
===================================================================== */
.itemList{
	width:640px;
	margin: 0 auto;
}
.itemList ul{
	margin-left:-20px;
	width:660px;
}
	.itemList li{
		display:inline;
		float:left;
		width:200px;
		height: 340px;
		margin:0 0 0 20px;
		font-size: 12px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height: 1.4;
	}
	.itemList li h4{
		padding: 5px 10px;
	border-left: 5px solid #FF290B;
	}
	.itemList li div{
		display:table-cell;
		width:200px;
		height:200px;
		margin-bottom: 5px !important;
		layout-grid-line:200px; /* IE7以下用 */
		vertical-align:middle !important;
		text-align:center;
		background: url(img/itemlist_bg.gif);
	}
	.itemList li div img{
		width: auto;
		height: auto;
		*height:200px;
		max-width: 200px;
		max-height: 200px;
	}
	.itemList li span{
		display: block;
		padding-top: 5px;
	}


/* =====================================================================
	4.レイアウト
===================================================================== */
/*main*/
#container article#main{
	float:left;
	background-color:#FFF;
	background-image:none;
}
#container article#main h1.archive_title{
	position: relative;
	height: 65px;
	font-size: 25px;
	margin-bottom: 20px;
	padding: 20px 0 0 27px;
	background: url(img/h1_bg.gif) no-repeat 0 0;
}
#container article#main h1.archive_title span{
position: absolute;
bottom:25px;
right: 20px;
display: block;
width: 360px;
font-size: 14px;
vertical-align: middle !important;
font-weight: normal;
}
/*side*/
#container section#side{
	float:right;
}
#container section#side section.ban_box{
	margin-top:0 !important;
}
#container section#side section.side_top h1{
	width:300px;
	height:25px;
	font-size:0;
	text-indent:-9999px;
	margin-top:15px;
	padding-bottom:3px;
}
#container section#side section h1.ttl_theme{
	background:url(img/ttl_theme.gif) 0 0 no-repeat;
}
#container section#side section.side_cate h1.ttl_theme{
	background:url(img/ttl_theme.gif) 0 0 no-repeat;
}
#container section#side section.side_search h1.ttl_theme{
	padding-bottom:0;
	background:url(img/ttl_theme2.gif) 0 0 no-repeat;
}


/* =====================================================================
　4.sidebar
===================================================================== */
section#container_inner nav #sidenav_inner ul{
	background:#FFF;
}
section#container_inner nav #sidenav_inner ul li{
	border-bottom:1px dotted #ccc;
}
section#container_inner nav #sidenav_inner ul li a{
	display:block;
	padding:5px 5px 5px 20px;
	background:url(/common/css/img/icon_bl01.gif) 0 49% no-repeat;
}
section#container_inner nav #sidenav_inner ul ul{
	background:#FFF;
    padding-left: 20px;
}
section#container_inner nav #sidenav_inner ul ul li{
	border-top:1px dotted #ccc;
    border-bottom: none;
}
section#container_inner nav #sidenav_inner ul ul li a{
	display:block;
	padding:5px 5px 5px 20px;
	background:url(/common/css/img/icon_bl01.gif) 0 49% no-repeat;
}
section#container_inner nav #sidenav_inner ul ul li a:hover{
	background-color:#3550A7;
	color:#FFF;
	text-decoration:none;
}
section#container_inner nav #sidenav_inner ul ul li.on a{
	background-color:#3550A7;
	color:#FFF;
	text-decoration:none;
}

/* =====================================================================
　5.SNS
===================================================================== */
.sns_area {
	position: relative;
	height: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: left;
	zoom: 1;
	display: block;
}
.facebook {
	width: 98px;
	float: left;
	display: inline;
	margin-left: 5px;
	position: absolute;
	top: -2px;
	left: 10px;
}
.tweet {
	width: 82px;
	float: left;
	display: inline;
	margin-left: 5px;
	position: absolute;
	top: 0px;
	left: 120px;
}
.hatena {
	width: 82px;
	float: left;
	display: inline;
	margin-left: 5px;
	position: absolute;
	top: 0px;
	left: 220px;
}
.flame_blue {
	border: solid 1px #3550A7;
	padding: 5px 10px;
}
input.gsc-input {
	font-size: 13px !important;
}