body,td,th {
	font-size:12px;
	color: #333333;
 }
 body {
	height:100%;
	margin: 0px;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	background-color:#FFFFFF;

 }
 a:link {
	text-decoration: none;
	color: #666;
 }
 a:visited {
	text-decoration: none;
	color: #666;
 }
 a:hover {
	text-decoration: none;
	color: #569065;
 }
 a:active {
	text-decoration: none;
 }
 /* menu_btn */
 ul.btn{
 	padding:1px 0 2px 0;
	margin:0;
	font-family:小塚ゴシック Pro L, Arial, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing: 0.2em
}
 ul.btn li{
	display:inline;
	padding:0 0 0 7px;
 }
 ul.btn li.start{
 }
 ul.btn a {
	white-space: nowrap;
 }
 .error
 {
  color:#f00;
 }
 .confirm
 {
  color:#009900;
 }
 .page
 {
  text-align:center;
  line-height:1.5em;
 }
 
 .page ul,
 .sort ul{
	display:inline;
 	padding:0;
	margin:0;
 }
 .page ul li,
 .sort ul li{
	display:inline;
 }
 .page ul li a,
 .sort ul li a{
	padding:2px 5px 2px 5px;
  color:#000;
  background-color:#d4d0c8;
  border:1px solid #000;
 }
 .page ul li a.active,
 .sort ul li a.active{
  color:#fff;
  background-color:#888;
 }
 .page ul li a:hover,
 .sort ul li a:hover{
  color:#fff;
  background-color:#888;
 }
 
/* --------------------------------------------
 *                 Contents
 * -------------------------------------------- */
table.contents {
	margin:0px auto;
	background-color:#FFFFFF;
	border:0px;
}
/* --------------------------------------------
 *                 Header
 * -------------------------------------------- */
 .header {
 	width:750px;

	background-image: url(/static/images/page/3/tmpl/homosapiensaru_logo_3.gif);

	height:96px;
	margin:0px;
	padding:0;
	text-align:right;
	color:#ffffff;
 }
 
/* --------------------------------------------
 *                 Menu
 * -------------------------------------------- */
.menu {
	width:750px;
	padding:5px 0 5px 0;
	font-size:14px;
	color:#666666;
	text-align:center;
	margin:0px auto;
	background-color:#d8d8d8;
	line-height:20px;
}
.menu0 {
	width:750px;
	padding:5px 0 0 0;
	text-align:left;
	margin:0px auto;
	background-color:#FFF;
	line-height:20px;
	font-family:san-self;
}
.menu1 {
	width:750px;
	padding:4px 0 20px 0;
	text-align:left;
	margin:0px auto;
	line-height:20px;
}
.menu2 {
	width:750px;
	padding:5px 0 0px 0;
	text-align:center;
	margin:0px auto;
	background-color:#ddd;
	line-height:20px;
}
.menu3 {
	width:750px;
	padding:5px 0 0px 0;
	text-align:center;
	margin:0px auto;
	background-color:#eee;
	line-height:20px;
}


/* --------------------------------------------
 *                 SubMenu
 * -------------------------------------------- */
.submenu {
	width:750px;
	padding:5px 0 5px 0;
	text-align:center;
	margin:0px auto;
	background-color:#ffffff;
}



/* --------------------------------------------
 *                 Main
 * -------------------------------------------- */ 
 .main{
 	 width:750px;
	 clear:both;
	 margin:0 auto;
	 padding:0 0 10px 0;
	 background-color:#FFFFFF;
	 line-height:1.5em;
 }
 
 h1{
	font-size:14px;
	color:#606;
	background-color:#FFFFFF;
	border-left:0px solid #000000;
 	margin:10px 0px 0px 0px;
	padding:3px 0px 0px 20px;
	letter-spacing:0.2em;
	border-bottom:0px solid #ffffff;
	font-family:小塚ゴシック Pro L, Arial, Helvetica, sans-serif;
	font-weight:bold;
 }

 .imgarea1 img,
 .imgarea2 img,
 .imgarea3 img,
 .imgarea4 img,
 .imgarea5 img{
   border:none;
 }

 h2{
 	margin:0 0 0px 0;
	padding:3px 15px 0 20px;
	font-size:12px;
	line-height:1.5em;
	color:#000;
	font-weight:normal;
 }
 h3{
 	margin:0 0 0px 0;
	padding:0px 15px 0px 20px;
	font-size:12px;
	line-height:1.5em;
	color:#000;
	font-weight:normal;
 } 
p.txt{
 	margin:0px;
	padding:0px 20px 0px 20px;
	font-size:12px;
	line-height:1.8em;
	color:#868686;
 }

.caption{
 	text-align:right;
 	padding:0 0 15px 0;
 	line-height:110%;
 }

 hr{
 	width: 720px;
 	height:0.5%;
	border-top-width:1px;
	border-left-width:0;
	border-right-width:0;
	border-bottom-width:0;
 }


div#formarea{
	text-align:center;
	border:1px solid #cccccc;
	padding:10px 0 10px 0;
	width:520px;
	margin:10px auto;
}

div#formarea table{
	text-align:left;
	margin-bottom:5px;
}

div#formarea th{
	font-weight:normal;
	font-size:12px;
	padding-top:5px;
}

div#formarea th.center{
	font-weight:normal;
	font-size:12px;
	padding-top:5px;
	text-align:center;
}

div#formarea .sort{
	text-align:left;
}

div#formarea input,select,textarea{
	border:1px solid #999999;
}
div#formarea input.noborder{
	border:0px;
}

div#register .sort{
	padding:0px 20px 5px 20px;
	text-align:right;
	font-size:12px;
}

div#register{
	padding:0 0 10px 0;
}

div#register input{
	border:1px solid #999999;
}

div#register table{
	padding:3px 20px 10px 20px;
	width:675px;

}

div#register td{
	padding:6px 0 6px 0;
	border-bottom:1px solid #999999;
}

#activemenu,
.activemenu
{
  font-weight: bold;
}

.main imgarea1,
.main imgarea2,
.main imgarea3,
.main imgarea4,
.main imgarea5,
.main h1,
.main h2,
.main h3,
.main br.clear {
  clear:both;
}

/* 本文の左に縦並び */
 .main .imgarea1{
 	width:220px;
 	float:left;
	padding:10px 10px 0 15px;
 }
 .main .imgarea1 img{
 	padding:0 0 3px 0;
 }
 .main .txtarea1{
 	width:500px;
 	float:left;
 }

/* 本文の右に縦並び */
 .main .imgarea2{
 	width:220px;
 	float:right;
	padding:10px 15px 0 10px;
 }
 .main .imgarea2 img{
 	padding:0 0 3px 0;
 }
 .main .txtarea2{
 	width:505px;
 	float:right;
 }

/* 本文の上に横並び */
 .main .imgarea3{
 	width:100%;
	padding:0 0 0 0;
 }
 .main .imgarea3 .uni{
 	padding:0 15px 0px 15px;
 	width:220px;
 	float:left;
 }
 .main .imgarea3 .uni img{
 	padding:0 0 3px 0;
 }
 .main .imgarea3 br.clear {
 	clear:both;
 	padding:0;
}
 .main .txtarea3{
 	width:750px;
	padding:0;
 }

/* 本文の下に横並び */
 .main .imgarea4{
 	width:100%;
	padding:0 0 0 0;
 }
 .main .imgarea4 .uni{
 	padding:0 15px 0px 15px;
 	width:220px;
 	float:left;
 }
 .main .imgarea4 .uni img{
 	padding:0 0 3px 0;
 }
 .main .txtarea4{
 	width:100%;
	padding:0;
 }

/* 画面全体に縦並び */
 .main .imgarea5{
 	width:100%;
	padding:0 10px 0 10px;
 }
 .main .imgarea5 img{
 	padding:0 0 0 0;
 }
 .main .txtarea5{
 	width:100%;
	padding:0;
 }

/* 画面全体に横並び */
 .main .imgarea6{
 	width:100%;
	padding:0 0px 0 30px;
 }
a.lightwindow{
	float:left;
	margin:0 15px 15px 0;
	width:100px;
	height:100px;
	overflow:hidden;
	display:block;
	border:1px #ccc solid;
}
 .main .imgarea6 a img{
  	padding:0;
 	border:none;
	vertical-align:middle;
	width:180px;
	margin-top:-5px;
	margin-left:-5px;
  }
/*
 .main .imgarea6 img{
 	padding:0 10px 0 0px;
 	border:none;
	vertical-align:middle;
 	width:100px;
 }
 */

 .main .txtarea6{
 	width:100%;
	padding:0;
 }


/* --------------------------------------------
 *                 ImageArea
 * -------------------------------------------- */
.image_area {
	width:750px;
	padding:0px;
	text-align:center;
	margin:0px auto;
}

/* --------------------------------------------
 *                 Footer
 * -------------------------------------------- */
 .footer{
 	width: 750px;
	clear:both;
	font-size:10px;
	background-color:#FFF;
	color:#666;
	padding:5px 0 10px 0;
	margin:0px auto;
	text-align:right;

 }
 .footer .submenu {
	width:750px;
	padding:5px 0 5px 0;
	font-size:12px;
	text-align:right;
	margin:0px auto;
	background-color:transparent;
}