/* CSS Document */

*{
	font-size:12px;
	}
	
body {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#555;
	background-image:url(../img/bg_00.gif);
}
h1 {
	background-image: url("../img/bg_h1.gif");
	background-repeat:no-repeat;
	font-size:10px;
	margin:0px 0 0 0px;
	padding:0px 0 0px 0px;
	color:#ccc;
	text-indent:15px;
	font-weight:normal;
}
h2 {
	background-repeat:no-repeat;
	font-size:14px;
	margin:0px 10px 10px 0px;
	padding:8px 0 5px 0px;
	color:#666;
	border-bottom:1px #ccc solid;
}
h3 {
	background-image:url(../img/m_02.gif);
	background-repeat:no-repeat;
	text-indent:20px;
	font-size:14px;
	margin:10px 5px 5px 10px;
	padding:0;
	background-color:#fff;
	border:none;
}
.l10 {
	padding-left:10px;
}
form, div {
	padding:0;
	margin:0;
}
a:link, a:visited {
	color:#003399;
}
a:hover, a:active {
	color:#3399FF;
}
p {
	padding:0;
	margin:0px 0 10px 0;
}
img {
	border:0;
	padding:0;
	margin:0;
}
.pb {
	padding:0;
	width:1px;
	height:1px;
	visibility:hidden;
}
.pagetop {
	text-align:right;
}
table {
	margin:0;
	padding:0;
}
table td {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
ul {
	margin:5px 10px 10px 30px;
	padding:0;
}
li {
	margin:0 0 5px 15px;
	padding:0;
}

ul.link li {
	margin-top:10px;
}

ul.link ul {	
	border-top:1px #ccc dotted;
	margin:2px 20px 0 0;
	padding:5px 0 5px 10px;
}

ul.link ul li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
}


/* ヘッダ */
div#head {
	width:780px;
	background-image:url(../img/bg_header.jpg);
	margin: 0px;
	padding: 0px;
	text-align:left;
	height:102px;
	border-width:0 1px 0 1px;
	border-color:#999;
	border-style:solid;
}
/* メニュー */

div#navmenu {
	padding:0px;
	margin:26px 17px 0 0;
	background-position:bottom;
	background-repeat:repeat-x;
	float:right;
}
div#navmenu img {
	margin:0px;
	padding:0;
}
div#navmenu ul {
	margin:0px 0 5px 12px;
	padding:0;
	list-style:none;
}
div#navmenu ul li {
	padding:0;
	margin:0;
	text-align:left;
	float:left;
}

div#navmenu ul li.profile a:link,div#navmenu ul li.profile a:visited {
	background-image:url(../img/m_profile.gif);
	background-position:0 -25px;
	width:65px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}

div#navmenu ul li.profile a:hover,div#navmenu ul li.profile a:active, div#navmenu ul .profile_a a {
	background-image:url(../img/m_profile.gif);
	background-position:0 0px;
	width:65px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.works a:link, div#navmenu ul li.works a:visited {
	background-image:url(../img/m_works.gif);
	background-position:0 -25px;
	width:58px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.works a:hover, div#navmenu ul li.works a:active, div#navmenu ul .works_a a {
	background-image:url(../img/m_works.gif);
	background-position:0 0px;
	width:58px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.news a:link, div#navmenu ul li.news a:visited {
	background-image:url(../img/m_news.gif);
	background-position:0 -25px;
	width:52px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.news a:hover, div#navmenu ul li.news a:active, div#navmenu ul .news_a a {
	background-image:url(../img/m_news.gif);
	background-position:0 0px;
	width:52px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.blog a:link, div#navmenu ul li.blog a:visited {
	background-image:url(../img/m_blog.gif);
	background-position:0 -25px;
	width:45px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.blog a:hover, div#navmenu ul li.blog a:active, div#navmenu ul .blog_a a {
	background-image:url(../img/m_blog.gif);
	background-position:0 0px;
	width:45px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.lnk a:link, div#navmenu ul li.lnk a:visited {
	background-image:url(../img/m_link.gif);
	background-position:0 -25px;
	width:44px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.lnk a:hover, div#navmenu ul li.lnk a:active, div#navmenu ul .lnk_a a {
	background-image:url(../img/m_link.gif);
	background-position:0 0px;
	width:44px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.contact a:link, div#navmenu ul li.contact a:visited {
	background-image:url(../img/m_contact.gif);
	background-position:0 -25px;
	width:69px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#navmenu ul li.contact a:hover, div#navmenu ul li.contact a:active, div#navmenu ul .contact_a a {
	background-image:url(../img/m_contact.gif);
	background-position:0 0px;
	width:69px;
	height:25px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}


div#topmenu {
	padding:0px;
	margin:0px 25px 0 0;
	background-position:bottom;
	background-repeat:repeat-x;
	width:364px;
}
div#topmenu img {
	margin:0px;
	padding:0;
}
div#topmenu ul {
	margin:0px;
	padding:0;
	list-style:none;
}
div#topmenu ul li {
	padding:0;
	margin:0;
	text-align:left;
}
div#topmenu ul li.profile a:link, div#topmenu ul li.profile a:visited {
	background-image:url(../img/b_profile.gif);
	background-position:0 36px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.profile a:hover, div#topmenu ul li.profile a:active, div#topmenu ul .profile_a a {
	background-image:url(../img/b_profile.gif);
	padding:0;
	background-position:0 0px;
	width:364px;
	height:36px;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.works a:link, div#topmenu ul li.works a:visited {
	background-image:url(../img/b_works.gif);
	background-position:0 36px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.works a:hover, div#topmenu ul li.works a:active, div#topmenu ul .works_a a {
	background-image:url(../img/b_works.gif);
	background-position:0 0px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.news a:link, div#topmenu ul li.news a:visited {
	background-image:url(../img/b_news.gif);
	background-position:0 36px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.news a:hover, div#topmenu ul li.news a:active, div#topmenu ul .news_a a {
	background-image:url(../img/b_news.gif);
	background-position:0 0px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.blog a:link, div#topmenu ul li.blog a:visited {
	background-image:url(../img/b_blog.gif);
	background-position:0 36px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.blog a:hover, div#topmenu ul li.blog a:active, div#topmenu ul .blog_a a {
	background-image:url(../img/b_blog.gif);
	background-position:0 0px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}

div#topmenu ul li.lnk a:link, div#topmenu ul li.lnk a:visited {
	background-image:url(../img/b_link.gif);
	background-position:0 36px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.lnk a:hover, div#topmenu ul li.lnk a:active, div#topmenu ul .lnk_a a {
	background-image:url(../img/b_link.gif);
	background-position:0 0px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.contact a:link, div#topmenu ul li.contact a:visited {
	background-image:url(../img/b_contact.gif);
	background-position:0 36px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
div#topmenu ul li.contact a:hover, div#topmenu ul li.contact a:active, div#topmenu ul .contact_a a {
	background-image:url(../img/b_contact.gif);
	background-position:0 0px;
	width:364px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-1000px;
	font-weight:bold;
	display:block;
}
/* フッタ*/
	
div#foot {
	width:780px;
	background-image:url(../img/bg_footer.gif);
	font-size:10px;
	padding:0px;
	height:48px;
	border-width:0 1px 1px 1px;
	border-color:#999;
	border-style:solid;
}
div#foot .logo {
	float:left;
	margin:0px;
	text-align:left;
	width:95px;
}
div#foot .txt {
	font-size:10px;
	color:#fff;
	float:right;
	margin:5px;
	text-align:right;
}
div#foot .copyright {
	font-size:10px;
	color:#ccc;
	float:right;
	margin:5px;
	text-align:right;
	line-height:130%;
}
/* メイン */
div#main {
	background-color:#ffffff;
	min-height: 1em;
	padding:17px 0 10px 0px;
	background-image:url(../img/bg_main.jpg);
	background-repeat:no-repeat;
	border-width:0 1px 0 1px;
	border-color:#999;
	border-style:solid;
	width:780px;
	line-height:120%;
	font-size:small;
	text-align:left;
}
#main:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #main {
	height: 1em;
}
#main {
	display: block;
}
/**/
	

/* パンくず */
.pannav {
	font-size:10px;
	text-align:right;
	padding:5px 0px 0 0px;
	margin:0px 10px 0 2px;
	color:#999999;
	height:25px;
	font-size:small;
	width:680px;
}
/* メインコンテンツ */





div#main #contents {
	margin:0px 0px 0px 10px;
	width:680px;
}
div#main #contents p {
	margin:5px 10px 15px 15px;
	display: block;
	line-height:150%;
}
div#main #contents ol {
	margin:5px 25px 5px 25px;
}
div#main #contents ul {
	margin:5px 25px 5px 40px;
}
div#main #contents .top {
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 0px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 0px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ページ要素 */


.top_txt {
	margin:15px 40px 10px 40px;
}
h2.top {
	background-image:url(../img/m_02.gif);
	background-repeat:no-repeat;
	text-indent:20px;
	font-size:14px;
	margin:10px 5px 5px 10px;
	padding:0;
	background-color:#fff;

	color:#333;
}
.top_btn {
	margin-left:40px;
	width:624px;
}
.top_btn img {
	margin-right:4px;
	margin-bottom:4px;
}
.top_box {
	background-image:url(../img/bg_box.gif);
	border:1px solid #ccc;
	width:337px;
	padding:0px;
	margin:0px 0 5px 25px;
	font-size:12px;
}
.top_box p {
	margin:10px;
}
.top_box ul {
	margin:5px 0 5px 0;
	padding:0;
	width:310px;
	list-style-type:none;
	line-height:120%;
}
/*全ページ要素*/

.txt {
	margin:5px 25px 0px 25px;
}

table.works{
	margin:10px 0px 10px 30px;
	padding:0;
	border-collapse:collapse;
}
table.works th {
	text-align:center;
	padding:5px 5px 5px 5px;

}

table.works td.pict {
	width:100px;
	padding:5px 5px 5px 5px;
}

table.works td.pict img{
	border: 1px solid #ccc;
	
	}
table.works td.text {
	width:220px;
	padding:2px 5px 2px 5px;
}
table.tbl1 td.disc {
	font-size:10px;
	color:#666;
}