html{
	overflow:auto;
	background:#F8CFE1;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

body{
	font-size:16px;
	width:100%;
	max-width:1400px;
	min-width:950px;
	margin:0;
	padding:0;
	line-height:1.4;
	overflow: hidden;
}


.header{
	position: relative;
    left: 50%; /* 画像の左端が画面中央にくる */
    margin-left:-769px;
    min-width:400px;
    height:160px;
}

.header span{
	position:absolute;
	left:676.5px;
	top:0;
	height:160px;
	margin:auto;
}

.header-title{
	text-align:center;
}

.header-description{
	text-align:center;
}

.sub-title{
	text-align:center;
}

.nav{
	z-index:100;
	padding:12px 0 12px 48px;
	width:100%;
	background-color:#AC509A;
	text-align:left;
}

.nav-group{
	margin:0;
	padding:0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
}

.nav-group > li{
	margin:0 12px;
	padding:0 12px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
	list-style-type:none;
	height:20px;
}


.nav-group > li a:hover{
	color:#bbb;
}

.wrap {
	width:900px;
	margin:30px auto;
	padding:10px 20px;
}

.content {
	width:560px;
	margin:0 10px 0 0;
	background:#fff;
	padding:40px 40px; 
	float:left;
}

.sidenav{
	width:240px;
	margin:0 0 12px 10px;
	background:#fff;
	float:right;
	padding:0;
}

.sidenav-group{
	text-align:right;
	margin:auto;
	height:900px;
}

@media screen and (max-width: 950px) {
  .content {
		width:560px;
		margin:0 10px 0 0;
		background:#fff;
		padding:40px 40px; 
		float:left;
	}

	.sidenav{
		width:240px;
		margin:0 0 	12px 10px;
		background:#fff;
		float:right;
		padding:0;
	}
}

.article-top{
	width:100%;
	margin-bottom:40px;
}

.article-list-date{
	padding-right:12px;
	color:#666;
	float:left;
	font-size:11pt;
}

@media screen and (max-width: 600px) {
.article-list-date > i{
	font-size:8pt;
}
}

.article-list{
	font-size:11pt;
	padding:0 12px 0 36px;
	list-style-type:none;
}

.article-list > li{
	margin-bottom: 6px;
	clear:both;
	height:19px;
}

.article-list-text{
	float:left;
	width:380px;
}

.article-index{
	border: 5px none #999;
	background-color:#32865B;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
    font-weight:bold;
    color:#fff;
    padding:6px 24px;
    letter-spacing:4px;
    font-size:14pt;
    margin-bottom:20px;
}


.article-top-img{
	text-align:center;
	position: relative;
	margin:50px 0 20px 0;
}

.article-top-img >img{
	width:468px;
	height:312px;
}

.article-top-imgflame{
	text-align:center;
}

.article-top-imgflame > img{
	position:absolute;
	width:500px;
	height:379.89px;
	bottom:-20px;
	right:35px;
}

.article-top-title{
	width:460px;
	margin:20px auto;
	text-align:center;
	letter-spacing:-2px;
	font-size:22pt;
	font-weight:bold;
	border-bottom:dotted 3px #666;
}

.article-top-info{
	text-align:left;
	width:460px;
	padding:6px;
	margin:auto;
}

.article-top-status{
	width:100%;
	padding:2px;
	background-color:#bbb;
	font-size:11pt;
	color:#fff;
}

.article-top-date{
	padding:0 20px 0 8px;
	margin:auto;
}

.article-top-category{
	text-align:right;
}

.article-top-main{
	padding:6px 6px;
	font-size:11pt;
	line-height:1.6em;
}

.article-top-link {
	text-align:right;
}

.article-top-link > a{
	margin:4px 12px;
	font-size:11pt;
	text-decoration:underline;
	color:#000;
}

.article-top-link > a:hover{
	text-decoration:none;
}

.sidenav-img{
	padding:0;
	margin: 0;
	height:240px;
}

.clear-both{
	clear:both;
}

.clear-right{
	clear:right;
}

.footer{
	padding:30px 0;
	text-align:center;
	clear:both;
	background-color:#AC509A;
}

.contact > ul{
	list-style-type:none;
}

.info-list li{
	margin-bottom:12px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

.twitter-timeline{
	width:200px;
}

.recent-update{
	width:120px;
	text-align: center;
	background-color:#cc6633;
	font-size:13pt;
	color:#fff;
	margin-top:30px;
	padding:auto;
}

/*更新ページ用*/
.article-index-img-box{
	text-align:center;
	margin:20px auto;
}

.article-index-img-box-small{
	float:left;
	text-align:center;
}

.trim > a:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.article-index-img-caption{
	color:#AC509A;
	font-size:11pt;
	line-height:1.6em;
	text-align:left;
	padding:0 24px;
}

.clear-both{
	clear:both;
}

.article-index-date{
	margin:auto;
	color:#666;
	font-size:9.5pt;
	line-height:1.6em;
	padding:2px 12px;
	float:left;
	margin-right:15%;
}

.article-index-text-box{
	width:75%;
	margin:auto;
	font-size:10pt;
	line-height:1.6em;
	padding:6px 0 0 12px;
	float:left;
	height:40px;
}

.article-index-title{
	font-size:11pt;
	line-height:1.6em;
	padding:2px 12px;
	float:left;
	font-weight:bold;
}

.article-index-title > a{
	color:#000;
	text-decoration:none;
}

.article-index-title > a:hover{
	color:#aaa;
	text-decoration:none;
}

.article-index-box{
	margin:12px auto;
	background-color:#eee;
	padding:10px;
	width:484px;
}

.article-index-img{
	margin:0;
	width:480px;
	height:360px;
}

.article-index-thumbnail-img{
	margin:0;
	width:133.3px;
	height:100px;
	top:50%
	left: 50%;
	-webkit-transform: translate(-10%, -0%);
	-ms-transform: translate(-10%, -0%);
	transform: translate(-10%, -0%);
}

.trim {
    overflow: hidden;
    width: 100px;/* トリミングしたい枠の幅 */
    height: 100px;/* トリミングしたい枠の高さ */
    position: relative;
}