/* サイト全体に適用 */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/top.gif);
}

#contentbody {
	position: relative;
	height: 100%;
	width: 684px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#header {
	height: 110px;
	width: 100%;
	background-image: url(../images/haeder.gif);
}

#logo1 {
	height: 69px;
	width: 69px;
	top: 14px;
	left: 20px;
	position: absolute;
	z-index: 1;
	visibility: visible;
}

#nabi {
	position: relative;
	left: 250px;
	top: 75px;
	letter-spacing: 0.1em;
	width: 406px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
}

#menu1,#menu2,#menu3 {
	border: 1px solid #999966;
	border-collapse: collapse;
	text-align: left;
	background-color: #FFFFC8;
	position: relative;
	width: 140px;
	top: 25px;
	padding: 5px;
	z-index: 1;
	visibility: hidden;
}

#content {
	background-image: url(../images/bg_container.gif);
}

#indexcontent {
	text-align: center;
	padding-top: 130px;
	padding-bottom: 0px;
}


body a:hover {background: transparent}

h1,hr {display:none;}

p,h2,h3,address {
	font-size: 12px;
	letter-spacing: 0.15em;
	font-weight: normal;
	padding-right: 10px;
	color: #333333;
	text-decoration: none;
}

img {
	border: 0;
}

#footer {
	height: 20px;
	width: 664px;
	background-image: url(../images/bg_footer.gif);
	padding-top: 20px;
	color: #333333;
	letter-spacing: 0.2em;
	text-align: right;
	padding-right: 20px;
}

#comment_area {
	letter-spacing: 0.2em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 280px;
	line-height: 18px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;

}

#nabiarea {
	padding-right: 30px;
	padding-left: 15px;
	letter-spacing: 0.2em;
	vertical-align: top;
	height: 30px;
}

.style36 {
    font-size:12px;
	color:#333333;
}
.style35 {
    font-size:12px;
	color:#666666;
}
.style34 {
    font-size:14px;
	color:#333333
}


/* リンクに適用 */
li a:link, a:visited {
	text-decoration: none;
	color: #333333;
}

li a:hover {
	color: #666666;
}

#nabi a:link, a:visited {
	text-decoration: none;
	color: #333333;
	padding-right: 10px;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#nabi a:hover, a:active {
	text-decoration: underline;
	color: #666666
}

p a:link, a:visited {
	text-decoration: none;
	color: #333333;
}

p a:hover {
	color: #666666;
}

/* tableに適用(ソース記入要) */
table.menu {
	border: 1px solid #999966;
	border-collapse: collapse;
	background-color: #FFFFC8;
	text-align: left;
}

table.data {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

td.data {
	padding: 3px;
	font-size: 12px;
	border-top: 1px solid #999966;
	border-right: none;
	border-bottom: 1px solid #999966;
	border-left: none;
	vertical-align: top;
}

table.works {
	border-collapse: collapse;
	width: 100%;
	padding-right: 5px;
	margin-top: 0px;
	margin-right: 0px; 
	margin-bottom: 30px;
	margin-left: 0px;
}

td.works {
	vertical-align: top;
}

/* imageに適用(ソース記入要) */
img.work {margin-top: 20px;}

/* textに適用(ソース記入要) */
.first {
	font-size:24px;
	line-height:24px;
	color:#CC9900;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.first2 {
	font-size:18px;
	line-height:normal;
	color:#cc9900;
	padding: 0px;
}

.first3 {
	font-size:18px;
	line-height:24px;
	color:#0066CC;
	padding-left: 5px;
}

.first4 {
	font-size:14px;
	line-height:24px;
	color:#333333;
}


.emphasis {
	color: #333333;
}


/* ↓以下すべて、グループdivで(ソース記入要) */



#comment_area2,#comment_area3 {
	letter-spacing: 0.2em;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #999966;
	margin-top: 10px;
	margin-left: 0px;
	line-height: 15px;
	margin-right: 0px;
	margin-bottom: 0px;

}

#comment_area4 {
	letter-spacing: 0.2em;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #999966;
	margin-top: 10px;
	margin-left: 8px;
	line-height: 15px;
	width: 300px;
}

#news,#histrly {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 20px;
}

#list_link,#list_link2,#list_link3 {
	list-style-image: url(../images/list.gif);
	padding: 0px;
	line-height: 15px;
	margin-top: 10px;
	font-size: 10px;
	letter-spacing: 0.15em;
	list-style-image: none;
	list-style-type: none;
}

#histrly ul,#list_link ul,#list_link2 ul,#list_link3 ul,#news ul {
	list-style-image: url(../images/list.gif);
	font-size: 11px;
	line-height: normal;
	letter-spacing: 0.15em;
}

#histrly li,#list_link ul,#list_link2 ul,#list_link3 ul {
	list-style-image: url(../images/list.gif);
	list-style-type: square;
}

#news li {
	list-style-image: url(../images/list3.gif);
	list-style-position: outside;
	margin-top: 8px;
}

#btn_toparea {
	padding-right: 35px;
	padding-left: 30px;
	text-align: right;
	padding-top: 10px;
}



/* indexに使用 */

#indexcontent {
	padding-top: 130px;
	text-align: center;
	padding-bottom: 0px;
}
#contentbody #content #info {
	vertical-align: top;
}
#contentbody #content div {
	line-height: normal;
	background-position: top;
	vertical-align: top;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#contentbody #content #comment_area p {
	line-height: 20px;
}
#contentbody #content table {
}
#contentbody #content #nabiarea .style36 style47 {
	line-height: 15px;
}
#worksdata {
	background-position: right;
}
#contentbody #content #nabiarea {
	margin-bottom: -30px;
}
#contentbody #content #info .works .works .works {
	text-align: left;
}
#contentbody #content #btn_toparea {
	margin-bottom: -30px;
	text-align: left;
}
#contentbody #content #nabiarea {
	text-align: left;
}
#contentbody #content table {
}
#contentbody #content #info .works .works table {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}