﻿@charset "utf-8";


/* #####################################################
  段組
######################################################## */
#topBanner {
  margin-top:1em;
  text-align: center; 
}
#container {
	clear: both;
	width:910px;
	margin:0px auto 10px;
	text-align: left;
}
#main {
	float:left;
	width:690px;
	margin:0px 5px 0px 0px;
}
#side {
	width:202px;
	float: right;
	text-align: center;
}

/* -----------------------------------------------------------
 topBanner 
----------------------------------------------------------- */
#topBanner {
	margin: 0px auto;
	background: url(../top-bnr/bg_group.jpg) no-repeat;
	width: 920px;
	height: 180px;
}

/* -----------------------------------------------------------
 container（ main＋side ）
----------------------------------------------------------- */
object {
	margin: 0 0 10px;
}


/* -----------------------------------------------------------
 main（サムネイル）
----------------------------------------------------------- */
ul.thumb {
   clear:both;
}
ul.thumb li {
	float: left;
	margin: 5px 11px 5px 0px;
	width: 104px;
	background: url(../index/img/bg_thumb.jpg) no-repeat;
	text-align: center;
	padding-top: 25px;
}
ul.thumb li img {
	width: 100px;
	height: 300px;
}
ul.thumb li.sinjin {
	background: url(../index/img/bg_thumb_sinjin.jpg) no-repeat;
}
ul.thumb a {
  display:block;
}


/* -----------------------------------------------------------
 side（ブログ・更新履歴）
----------------------------------------------------------- */

#side a:link {
	color:#f939c0;
}
#side a:visited {
	color:#f939c0;
}
#side a:hover {
	color:#f939c0;
}
#side a:active {
	color:#f939c0;
} 



.blog {
	text-align: left;
	background: url(../index/img/bg_blog.jpg) no-repeat;
	width: 200px;
}
.blog p {
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding: 0px;
	border-bottom: 0px dotted #FF11FF;
	background: #30afcf;
}
.blog ul {
	padding:2.5em 0.5em 0.5em;
	border-right: 1px solid #004080;
	border-bottom: 1px solid #004080;
	border-left: 1px solid #004080;
	border-top-color: #0072DB;
}
.blog li {
	padding: 0px 0px 0px 30px;
	background:url(../index/img/list.gif) no-repeat 10px 4px;
}

.update {
	text-align: left;
	background: url(../index/img/bg_update.jpg) no-repeat;
	margin: 15px auto;
	height: 400px;
}
.update p {
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0px;
	border-bottom:0px dotted #FF11FF;
	background: #30afcf;
}
.update ul {
	padding:3em 0.5em 0.5em;
}
.update li {
	padding: 0px 0px 0px 30px;
	background:url(../index/img/list.gif) no-repeat 10px 4px;
}
.imode {
	text-align:center;
}
ul.thumb li.douga {
	background-image: url(../index/img/bg_thumb-dou.jpg);
}
ul.thumb li.sin_dou {
	background-image: url(../index/img/bg_thumb_sin-dou.jpg);
}
