﻿#primary {
	width : 100%;
	background-image : url(ptitleimg.jpg);
	background-repeat : no-repeat;
	background-position : center top;
	background-size : cover;
}

/*----------ENTRIES----------*/

#main {
	clear : both;
	width : 100%;
}

h2#atitle {
	margin-bottom : 5%;
	font-size : 100%;
	font-weight : normal;
	text-align : center;
}

ul#entries {
	overflow : hidden;
	list-style : none;
	margin-bottom : 2%;
}

ul#entries li {
	position : relative;
	width : 100%;
	margin-bottom : 6%;
	background : #ffffff;
}

h3.etitle {
	position : absolute;
	margin-right : 10px;
	line-height : 1.5em;
	font-size : 100%;
	font-weight : normal;
	top : 15px;
	left : 155px;
}

.trim {
	position : relative;
	overflow: hidden;
	width : 140px;
	height : 140px;
}

.trim img {
	position : absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	transform : translate(-50%, -50%);
}

p.ecat1 {
	position : absolute;
	padding : 5px 7px 5px 7px;
	font-size : 70%;
	color : #ffffff;
	background : #e16473;
	right : 15px;
	bottom : 15px;
}

ul#entries li a {
	display : block;
	text-decoration : none;
	color : #191919;
}

ul#entries li a:hover {
	display : block;
	text-decoration : none;
	color : #191919;
	background : #ffbec3;
}

/*----------DETAIL----------*/

#ehead {
	width : 100%;
	background : #ffbec3;
}

#dbox {
	overflow : hidden;
	padding : 7% 7% 8% 7%;
}

h3#dtitle {
	font-size : 120%;
	line-height : 1.3em;
	font-weight : normal;
}

p.ecat2 {
	display : inline-block;
	margin-bottom : 12px;
	padding : 5px 7px 5px 7px;
	font-size : 80%;
	color : #ffffff;
	background : #e16473;
}

#ehead img {
	width : 100%;
	height : 100%;
}

#entry {
	clear : both;
	padding : 7% 7% 8% 7%;
	margin-bottom : 8%;
	background : #ffffff;
}

#entry dl {
	margin-bottom : 7%;
	padding-top : 3%;
	background : url(../../common/dl.gif) left top repeat-x;
}

#entry dl dt {
	padding : 5px 0 5px 25px;
	background-image : url(../../common/circle.png);
	background-position : 0 5px;
	background-repeat : no-repeat;
}

#entry dl dd {
	margin-bottom : 3%;
	padding-bottom: 4%;
	background : url(../../common/dl.gif) left bottom repeat-x;
	line-height : 1.3em;
}

#entry p {
	clear : both;
	line-height : 1.7em;
}

.postnavi {
	margin-bottom : 8%;
	text-align : center;
}

.postnavi a {
	color : #191919;
	text-decoration : underline;
}

.postnavi a:hover {
	color : #191919;
	text-decoration : none;
}

/*----------PAGE_NAVI----------*/

ul#pnavi {
	clear : both;
	width : 100%;
	margin-bottom : 9%;
	font-size : 110%;
}

ul#pnavi li {
	list-style : none;
	display : inline;
	margin : 0 2px 0 0;
}

ul#pnavi li a {
	text-decoration : none;
	padding : 4px 9px 5px 9px;
	color : #ffffff;
	background : #f596a0;
}

ul#pnavi li a:hover {
	color : #ffffff;
	padding : 4px 9px 5px 9px;
	background : #e16473;
}

ul#pnavi span.current_page {
	padding : 4px 9px 5px 9px;
	color : #282828;
	background-color : #ffffff;
}

/*----------SIDEBAR----------*/

#side {
	clear : both;
	width : 100%;
	padding-bottom : 1%;
}

h3.rindex {
	padding : 13px;
	color : #ffffff;
	background : #af968c;
	font-size : 110%;
	font-weight : normal;
	text-align : center;
	font-family: ryo-gothic-plusn, sans-serif;
	font-style: normal;
	font-weight: 500;
}

.rbox {
	margin-bottom : 7%;
	padding : 8%;
	background : #e1d2c8;
}

.rbox ul {
	list-style : none;
}

.rbox ul li {
	margin-bottom : 9px;
	padding-bottom : 8px;
	background : url(../../common/dl.gif) left bottom repeat-x;
	line-height : 1.35em;
}

.rbox ul li a {
	color : #000000;
	text-decoration : underline;
}

.rbox ul li a:hover {
	color : #000000;
	text-decoration : none;
}

.rbox select {
	width : 100%;
	margin : 8px 0 8px 0;
	padding : 5px;
}