@charset "utf-8";

/* --- top,common --- */

/* wrapper */

body {
background-color: #599DEE;

}

#wrapper {
	width: 780px;
	margin: 0px auto;
}

#main-image {
background-color: #FFFFFF;
padding: 20px;

}

#container {
margin: 36px 0px 16px 0px;
background-color: #FFFFFF;
}

/* header */

#header {
margin-bottom: 21px;
}

#header h1 {
color: #FFFFFF;
font-size: 13px;
}

#head {
padding-top: 8px;}

#logo {
float: left;
padding-right: 40px;
}

#head-copy {
float: left;
padding-top: 21px;
}

#g-nav {
padding: 4px 0px 21px 0px;
clear: both;
}

#g-nav ul {
list-style-image: none;
}

#g-nav ul li {
float: left;
}

/* footer */

#footer {
margin: 16px 0px 24px 20px;
}

#footer ul li {
padding-right: 14px;
float: left;
}

#footer address {
color: #FFFFFF;
clear: both;
    font-size: 12px;
    text-align: center;
	padding-top: 23px;
}

#footer address a {
color: #FFFFFF;
}


/* TOPページ */

.paragraph {
clear: both;
padding: 17px 20px; 
font-size: 13px;
}

.paragraph h2 {
border-bottom: solid 5px #999999;
padding-left: 10px;
}

.content {
margin-left: 10px;
margin-right: 10px;
}

.content p {
margin: 7px 0px;
}

p.lead {
margin: 17px 0px 21px 0px;
}

ul.site-list {
list-style-image: none;
}

ul.site-list li {
margin-bottom: 12px;
margin-right: 20px;
float: left;
}

ul.site-list p {
text-align: center;
margin-top: 2px;
}

.rss-title {
	border-bottom: solid 5px #999999;	
}

.rss-title h2 {
float: left;
margin-right: 8px;
}

.entry-list {
clear: both;
font-size: 13px;
margin: 17px 0px 21px 0px;
}

.entry-list dt {
float: left;
clear: both;
padding-right: 12px;
}



.paragraph-end {
clear: both;
padding: 17px 20px;
margin: 17px 0px 21px 0px;
font-size: 13px;
}

.paragraph-end h2 {
border-bottom: solid 5px #999999;
padding-left: 20px;
}

.paragraph-end ul {
width: 720px;
}

/* start: clearfix ------------------------------ */
.paragraph-end:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.paragraph-end { display:inline-table; }

/* Hides from Mac IE \*/
* html .paragraph-end { height:1px; }
.paragraph-end { display:block; }
/* */
/* end: clearfix ------------------------------ */


/* about */

.about-paragraph {
clear: both;
padding: 17px 20px; 
font-size: 14px;
}

.about-paragraph h2 {
margin-bottom: 17px;
}

.about-paragraph strong {
font-weight: bold;
}

.about-paragraph ul {
margin: 15px 0px;
}

p.space {
margin: 20px 0px;
}

/* soul */

.soul-paragraph {
clear: both;
padding: 17px 20px; 
font-size: 13px;
}

.soul-paragraph h2 {
margin-bottom: 17px;
}

.soul-paragraph p {
width: 650px;
}


/* member */

.member-paragraph {
clear: both;
padding: 17px 20px;
}

.member-image {
float: left;
margin-left: 24px;
margin-top: 20px;
margin-bottom: 20px;
}

.member-profile {
float: left;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 20px;
width: 500px;
}

.member-profile h2 {
margin-bottom: 10px;
}

p.profile-title {
color: #FFFFFF;
font-size: 16px;
padding: 3px 0px 3px 8px;
margin-bottom: 10px;
background-color: #599DEE;
}

* html .member-image {
margin: 20px 0px 20px 10px;
}

.member-profile dl dt {
font-size: 14px;
font-weight: bold;
}

.member-profile dl dd {
margin-left: 7px;
font-size: 14px;
}

hr.member {
clear: both;
margin: 0px 40px;
border: solid 2px #599DEE;
}

/* sitemap */

.sitemap-paragraph {
clear: both;
padding: 17px 20px; 
font-size: 13px;
}

.sitemap-paragraph h2 {
font-size: 13px;
margin-bottom: 17px;
}

#sitemap-list {
font-size: 15px;
list-style: disc inside;
}

/* project */

.project-paragraph {
clear: both;
padding: 17px 20px; 
font-size: 13px;
}

.project-paragraph h2 {
font-size: 13px;
margin-bottom: 17px;
}

#project-list {
border-top: dotted 2px #599DEE;
padding-top: 10px;
}

#project-list dl {
    font-size: 15px;
}

#project-list dt {
    color: #333333;
    font-weight: bold;
}
    
#project-list dd {
    color: #666666;
	padding: 3px 0px 10px 20px;
}