@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 1.3em;
	font-family: sans-serif;
	text-align: left;
	background-repeat: no-repeat;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #333333;
	background-color: #ffffcc;
	margin-top: 16px;
}

/*IE6*/* html body {
	text-align: center;
}

.header {
	margin-left: 60px;
}

h1 {
	background-image: url(../img/common/h1.gif);
}

h1 a {
	height: 80px;
	width:364px;
	display: block;
}

h3 {
	margin: 0 0 25px 0px;
}

h4 {
	margin: 16px 8px;
	color:#b43588;
	
	font-size:1.0em;
}

h5 {
	margin: 10px;
	font-size:1.0em;
}

p {
	margin: 16px 8px;
}

.img_left {
	float: left;
	margin: 0px 16px 16px 0px;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.red {
	color: #FF0033;
}

/* contents base */
.contents_top {
	width: 968px;
	height: 32px;
	margin: 0px auto;
	background-image: url(../img/common/top.gif);
}

.contents_base {
	width: 968px;
	margin: 0px auto;
	padding-bottom: 16px;
	background-image: url(../img/common/bg.gif);
	background-repeat: repeat-y;
}

/* メインメニュー */
.g_menu {
	width: 200px;
	margin: 8px 0px 0px 40px;
	float: left;
}
/*IE6*/* html .g_menu {
	margin: 8px 0px 0px 20px;
}
.g_menu ul {
	list-style: none;
}
.g_menu li {

}
.g_menu li a {
	width: 192px;
	height: 75px;
	display:block;
/*	_display: normal;IE6*/
}
.g_menu li a:hover,
.g_menu li a#active {
	background-position: 0px 75px;
	background-repeat: repeat-y;

}
.g_menu #m01 a {
	background-image: url(../img/common/g_menu/menu01.gif);
}
	.g_menu #m01-a {
		background-image: url(../img/common/g_menu/menu01.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m02 a {
	background-image: url(../img/common/g_menu/menu02.gif);
}
	.g_menu #m02-a {
		background-image: url(../img/common/g_menu/menu02.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m03 a {
	background-image: url(../img/common/g_menu/menu03.gif);
}
	.g_menu #m03-a {
		background-image: url(../img/common/g_menu/menu03.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m04 a {
	background-image: url(../img/common/g_menu/menu04.gif);
}
	.g_menu #m04-a {
		background-image: url(../img/common/g_menu/menu04.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m05 a {
	background-image: url(../img/common/g_menu/menu05.gif);
}
	.g_menu #m05-a {
		background-image: url(../img/common/g_menu/menu05.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m06 a {
	background-image: url(../img/common/g_menu/menu06.gif);
}
	.g_menu #m06-a {
		background-image: url(../img/common/g_menu/menu06.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m07 a {
	background-image: url(../img/common/g_menu/menu07.gif);
}
	.g_menu #m07-a {
		background-image: url(../img/common/g_menu/menu07.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m08 a {
	background-image: url(../img/common/g_menu/menu08.gif);
}
	.g_menu #m08-a {
		background-image: url(../img/common/g_menu/menu08.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m09 a {
	background-image: url(../img/common/g_menu/menu09.gif);
}
	.g_menu #m09-a {
		background-image: url(../img/common/g_menu/menu09.gif);
		background-position: 0px 75px;
		background-repeat: repeat-y;
	}
	
.g_menu #m10 a {
	background-image: url(../img/common/g_menu/mail.gif);
	width: 180px;
	height: 30px;
	background-position: 24px 0px;
	margin: 8px 0px;
}


.g_menu #m10 a:hover {
	background-position: 24px 30px;
}


.mailto {
	margin: 8px 0px 0px 24px;
}

/* contents */
.contents {
	width: 650px;
	margin: 0px 64px 0px 0px;
	font-size: 1.3em;
	float: right;
}

/*IE6*/* html .contents {
	margin: 0px 32px 0px 0px;
}

/* footer */
.contents_bottom {
	clear: both;
	width: 968px;
	height: 58px;
	margin: 0px auto;
	background-image: url(../img/common/footer.gif);
}

.footer {
	width: 860px;
	margin-left: 48px;
	padding-top: 8px;
	border-top :1px solid #000;
}

address {
	font-size: 11px;
	text-align: right;
	font-style: normal;
}

/* index */
#index .top-pic {
	width: 648px;
	height: 424px;
	background-image: url(../img/index/top-pic.jpg);
	margin-bottom: 24px;
}

#index .whats_new {
	width: 367px;
	padding-bottom: 29px;
	background-image: url(../img/index/whats_new_bottom.gif);
	background-position: bottom;
	float: left;
}

#index .h2_whats_new {
	width: 367px;
	height: 48px;
	background-image: url(../img/index/h2_whats_new.gif);
	background-repeat: no-repeat;
}

#index .whats_new_bg {
	width: 367px;
	background-image: url(../img/index/whats_new_bg.gif);
	background-repeat: repeat-y;
}

#index .whats_new ul {
	margin: 0px 16px;
	list-style: none;
}

#index .whats_new li {
	padding-top: 8px;
}
#index .whats_new strong {
	color: #0099CC;
}

#index .right_box {
	width: 237px;
	float: right;
}

#index .right_box img {
	margin-bottom: 8px;
}



/*詳細ページ*/
#lower a {
	color:#b43588;
}

#lower .right_box {
	text-align:left;
	float: right;
}

#lower h2 {
	margin: 0 0 20px 0px;
}

.main-contents {
margin:0 30px;
}


/*点線ボックス*/
.dotted-box {
	margin:0 10px;
	border:2px dotted #b43588;
}

/*制作者の思い*/
.left-contents {
	margin-left:5px;
	width:306px;
	float:left;
}

.right-contents {
	width:306px;
	float:right;	
}

	.coment-top {
		background:url(../img/thought/top-bg.gif) no-repeat top;
		height:11px;
	
	}
	.coment-box {
		margin-bottom:30px;
		padding-bottom:2px;
		background:url(../img/thought/bottom-bg.gif) bottom;
	
	}
	
		.coment-box p{
		margin:5px;
		}






/*プロジェクトメンバー*/
.member-list ul{
	margin: 16px 8px;
	padding:0;
	list-style:none;
}
.member-list li{
	padding:5px 0 0 0;
	list-style:none;
	border-bottom:2px dotted #7d7c77;
}
	.name {
		color:#009BB4;
		width:100px;
		float:left;
	}
	
	.resume {
		width:480px;
		float:right;
	}


/*リンク*/
.link-list ul{
	margin: 16px 8px;
	padding:0;
	list-style:none;
}
.link-list li{
	margin-top:3px;
	list-style:none;
	border-bottom:2px dotted #7d7c77;
}


	.icon-bee {
		padding:20px 20px 20px 60px;
		background:url(../img/link/icon_bee.gif) no-repeat left center;
	}

	.s-book {
		padding:20px 20px 40px  160px;
		background:url(../img/link/s-book.gif) no-repeat left center;
	}
	
	.rfl {
		padding:20px 20px 20px 190px;
		background:url(../img/link/rfl-hiroshima.gif) no-repeat left center;
	}



/*共通*/
.m-top5 {
	margin-top:5px;
}

.m-top40 {
	margin-top:40px;
}

.m-all10 {
	margin:10px;
}

.m-left10 {
	margin-left:10px;
}

.m-bottom10 {
	margin-bottom:10px;
}

.m-bottom20 {
	margin-bottom:20px;
}
.m-bottom40 {
	margin-bottom:40px;
}
.m-bottom45 {
	margin-bottom:45px;
}


/*文字色*/
.red {
	color:#b43588;
}

.blue {
	color:#009BB4;
}


/*文字段落*/
.a-center {
	text-align:center;	
}