@charset "UTF-8";

/*index*/

/*-----------------------------------------
	h3
-----------------------------------------*/

.h3-index {
	width:660px;
	_width:643px;
	font-size:1.2em;
	margin-bottom:5px;
	padding-left:17px;
	font-weight:bold;
	color:#333333;
	background:url(../img/maru_icon_l.gif) left center no-repeat;
}

.h3-around-index {
	width:660px;
	margin:0 auto;
	border-bottom:3px solid #EAEAEA;
}

/*-----------------------------------------
	h4
-----------------------------------------*/

.h4-index {
	font-weight:bold;
	font-size:1.2em;
}

/*-----------------------------------------
	h5
-----------------------------------------*/

.h5-index {
	margin-left:-5px;
	_margin-left:0px;
	margin-bottom:5px;
	font-weight:bold;
}

/*-----------------------------------------
	contents
-----------------------------------------*/

.contents-title {
	width:640px;
	_width:630px;
	margin:15px auto 0 auto;
	padding:10px;
	background-color:#EAEAEA;
	text-align:left;
}

.contents-title p {
	margin-bottom:5px;
}

.contents {
	width:660px;
	_width:650px;
	margin:15px auto 0 auto;
	padding-bottom:15px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}


#contents-img01 {
	width:100%;
	margin:10px 0 0 0;
	text-align:center;
}


#contents-img02 {
	width:360px;
	float:right;
	margin:0 0 0 10px;
}

.contents p{
	margin-bottom:5px;
	text-indent:12px;
}


.contents02 {
	width:660px;
	margin:15px 0 10px 0;
}

.contents02 ul {
	margin-left:12px;
	list-style-type:none;
}

/*message*/

/*-----------------------------------------
	h4
-----------------------------------------*/

.h4-me {
	margin-bottom:10px;
	font-weight:bold;
}

/*-----------------------------------------
	contents
-----------------------------------------*/

.contents-me {
	width:660px;
	margin:15px 0 10px 0;
}

.contents-me p{
	margin-bottom:10px;
	text-indent:12px;
}

.contents-me img{
	float:right;
	width:170px;
	margin-left:10px;
}

/*-----------------------------------------
	TOP名前部分
-----------------------------------------*/

#name {
	width:480px;
	padding-bottom:10px;
	text-indent:0px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

/*access*/

/*-----------------------------------------
	h4
-----------------------------------------*/

.h4-ac {
	width:640px;
	margin:15px auto 0 auto;
	padding:5px 10px;
	background-color:#EAEAEA;
	font-weight:bold;
}

/*-----------------------------------------
	h5
-----------------------------------------*/

.h5-ac {
	width:593px;
	padding-left:12px;
	background:url(../img/maru_icon_s.gif) left center no-repeat;
	font-weight:bold;
}

.h5-around-ac {
	width:660px;
	margin:15px 0 0 0;
	padding:0 0 5px 0;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

/*-----------------------------------------
	h6
-----------------------------------------*/

h6 {
	margin-top:10px;
	padding-left:9px;
	color:#86B700;
	background:url(../img/disk_icon.gif) left center no-repeat;
}

/*-----------------------------------------
	map
-----------------------------------------*/
.map {
	width:660px;
	margin:15px 0 0 0;
	text-align:center;
}

.map-bottom {
	margin-top:15px;
}

.map-left {
	float:left;
	margin:15px 10px 0 0;
}

.map-txt {
	margin:0 0 20px 12px;
}

.map-txt-last {
	margin:0 0 30px 12px;
}

.map-big-link {
	float:right;
	margin:5px 10px 0 10px;
	padding-left:7px;
	background:url(../img/arrow_icon.gif) 0 6px no-repeat;
}

.map-big-link a:link,
.map-big-link a:visited,
.map-big-link a:hover,
.map-big-link a:active {
	font-weight:bold;
}

/*21世紀プロジェクト*/

/*-----------------------------------------
	タイトル画像
-----------------------------------------*/

#prg-title{
	width:660px;
	margin:15px 0;
}

/*-----------------------------------------
	h3
-----------------------------------------*/

.h3-prj {
	width:660px;
	_width:643px;
	font-size:1.2em;
	padding-left:17px;
	font-weight:bold;
	background:url(../img/maru_icon_l.gif) left center no-repeat;
}

.h3-around-prj {
	width:660px;
	margin:0 auto 10px auto;
	color:#333333;
	border-bottom:3px solid #EAEAEA;
}

.h3-around-prj-in {
	width:660px;
	margin:0 auto 5px auto;
	color:#333333;
	border-bottom:3px solid #EAEAEA;
}

.h3-around-prj-in p {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;
	padding-left:17px;
}
/*-----------------------------------------
	h4
-----------------------------------------*/

.h4-prj {
	clear:both;
	width:640px;
	margin:15px auto 0 auto;
	padding:5px 10px;
	background-color:#EAEAEA;
	font-weight:bold;
}

.h4-prj-in {
	padding-left:12px;
	font-weight:bold;
	background:url(../img/disk_icon.gif) left center no-repeat;
}

.h4-around-prj-in {
	width:660px;
	margin:15px 0 0 0;
	padding-bottom:5px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}


/*-----------------------------------------
	h5
-----------------------------------------*/
.h5-around-prj {
	clear:both;
	width:660px;
	margin:20px 0;
	padding-bottom:20px;
	background:url(../img/dot_line.gif) bottom repeat-x;
}

.h5-r-prj {
	float:right;
	width:325px;
}

.h5-l-prj {
	float:left;
	width:325px;
}

.link-btn01 {
	width:325px;
	float:left;
	margin-left:10px;
	text-align:left;
}

.link-btn02 {
	width:325px;
	float:left;
	margin-top:5px;
	text-align:left;
}
/*-----------------------------------------
	table
-----------------------------------------*/
.table-list {
	width:660px;
	margin-top:15px;
	border-right:1px solid #999999;
	border-collapse: collapse;
}

.table-list th,
.table-list td {
	padding:5px 5px;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

.table-list th {
	font-weight:bold;
	border-top:1px solid #999999;
	background-color:#EAEAEA;
	text-align:center;
}

.table-list-tdl {
	text-align:left;
}

.table-list-tdc {
	text-align:center;
}

.table-list-tdl a:link,
.table-list-tdl a:visited{
	color:#444444;
	text-decoration:underline;
}

.table-list-tdl a:hover,
.table-list-tdl a:active {
	color:#86B700;
	text-decoration:underline;
}

.table-list-tdc a:link,
.table-list-tdc a:visited,
.table-list-tdc a:hover,
.table-list-tdc a:active {
	text-decoration:none;
}

/*-----------------------------------------
	page_up_in
-----------------------------------------*/

.page_up_in {
	width:660px;
	margin:20px auto 10px auto;
	padding-top:15px;
	text-align:right;
	background:url(../img/dot_line.gif) top repeat-x;
}

.page_up_in img {
	margin-right:0;
}

.page_up_in a:link,
.page_up_in a:visited,
.page_up_in a:hover,
.page_up_in a:active {
	text-decoration:none;
}

/*-----------------------------------------
	download
-----------------------------------------*/

#adobe-download {
	width:100%;
	margin-top:20px;
}

#adobe-download-icon{
	float:left;
	width:112px;
	margin-right:10px;
}

#adobe-download-txt {
	float:right;
	width:538px;
	font-size:0.95em;
	line-height:1.4;
}

.return-btn {
	clear:both;
	width:660px;
	text-align:right;
	margin:20px 0 0 0;
}

/*-----------------------------------------
	progect01.html
-----------------------------------------*/

.contents-img {
	width:584px;
	margin:15px auto 0 auto;
	text-align:center;
}

.contents-txt {
	width:660px;
	margin:15px 0 0 0;
}


.contents-txt p {
	margin-bottom:15px;
	text-indent:12px;
}



/*-----------------------------------------
	clearfix
-----------------------------------------*/

.contents:after,
.contents-title:after,
.h5-around-prj:after {
	content: ",";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}