@charset "UTF-8";
/* CSS Document */

body {
	text-align:center;
}

#wrapper {
	width:628px;
	margin:auto;
	padding-top:20px;
	text-align:left;
}

#logo {
	width:102px;
	float:left;
}

#logo #pref {
	font-size:92%;
	color:#FFFFFF;
	margin:0.6em;
	bottom: 36%;
	position: absolute;
	font-weight: bold;
	}



#contents {
	margin-left:24px;
	width:500px;
	height:333px;
	float:right;
}

#contents_data {
	padding:20px;
}

#contents_data h3 {
	font-size:136%;
}

#contents_data p {
	margin-top:1em;
	font-size:92%;
	border-left:8px solid #CCCCCC;
	padding-left:1em;
}


#menu {
	background:#EEEEEE 24px top;
	width:500px;
	height:20px;
	margin-top:2px;
	float:right;
}

#menu ul {
	list-style:none;
}

#menu li {
	float:left;
	padding-left:20px;
}

#menu li#mail {
	margin:2px 5px 0 0px;
}

#message {
	width:500px;
	float:right;
	padding:20px 0 0 80px;
	width:420px;
	background:#FFFFFF;
}

#message h1 {
	font-size:136%;
}

#message p {
	padding-top:1em;
	font-size:92%;
}

#seo {
	width:500px;
	float:right;
	padding:20px 0 0 0px;
	background:#FFFFFF;
}


#seo p {
	border-top:1px dotted #CCCCCC;
	padding:1em 0 1em 0;
	font-size:77%;
}


#copyright {
	font-size:77%;
	width: 628px;
	clear: both;
	text-align: right;
	padding-top: 3em;
}

.orange {
	color:#ff9933;
}

.red {
	color:#FF0000;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

#pr {
	margin-top:1em;
}