/* wakutuku stylesheet
------------------------------------------------------------------*/	
/* resetting - general */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
ul,li {
	list-style-type:none;
	}
body {
	color:#333333;
	font:100%/160% "Times New Roman", Times, serif;
	}
img {
    border-style:none;
    }

hr{
	border:solid #CCCCCC;
	border-width:1px 0 0 0;
	height:1px;
	}

/* misc */

.clear {
	clear:both;
	}
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	}
	
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.right {float:right;}
.left {float:left;}	
.centered {text-align:center;}
.righted {text-align:right;}
.lefted {text-align:left;}

.blue {color:#00A6ED;}
.pink {color:#FF2962;}
.green {color:#96E62E;}
.yellow {color:#E6D225;}
.brown {color:#BD5D37;}

.margin0{margin:0;}
.padding0{padding:0;}

.red{color:#FF0000;}

.bold{font-weight:bold;}

.nobr{white-space:nowrap;}

/* layout */

#wrapper {
	margin:0 auto;
	width:900px;
	position:relative;
	padding:20px 0;
	}	
#header {
	position:relative;
	height:100px;
	width:100%;
	margin:0 0 20px 0;
	}	
#logo {
	width:253px;
	height:92px;
	margin:0 70px 0 0;
	float:left;
	}
#varsion{
	width:20px;
	height:92px;
	float:left;
	}	
#nav {
	width:375px;
	float:left;
	}
#content {
	padding:0;
	min-height:450px;
	clear:both;
	}
#footer {
	padding:0;
	margin:30px 0 5px 0;
	font-size:93%;
	height:19px;
	clear:both;
	}			


/* text links */
a{
	outline:none;
	text-decoration:none;
	}	

a:link, a:visited, a:focus {
	color:#333333;
	border-bottom:1px dotted #333333;
	}		
a:hover {
	color:#f2244d;
	border-bottom:1px dotted #f2244d;
	}
a.linkImage, a.linkButton{
	text-decoration:none;
	border:none 0px;
	}


/*　text　headline　*/

h1{
	text-indent:-9999px;
	height:0px;
	}
h2{
	margin:0 0 20px 0;
	font-size:180%;
	line-height:100%;
	padding:10px 0 0 30px;
	}
h3{
	margin:30px 0 5px 0;
	font-size:150%;
	color:#B3B3B3;
	}


/* form */
.button{
	margin:5px;
	text-align:center;
	}
	
input, textarea{
	color:#333333;
	font:100%/160% "Times New Roman", Times, serif;
	}
	
th span, .label span{
	font-weight:normal;
	}

td span.note, .input span.note{
	font-weight:normal;
	font-size:86%;
	color:#4D4D4D;	
	}


/* Form Error */
.fieldWithErrors input{
	border:1px solid #FF0000;
	}

.formError {
  color:#FF0000;
}


/*Trash Link*/

a.trash{
	display:block;
	width:13px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/ic_trash.png) no-repeat;
	margin:0 auto;
	}
	
a.trash:hover{
	background:url(../images/ic_trash.png) no-repeat -13px 0;
	}



/*　message　*/
#message{
	margin:-15px 0 20px 0;
	padding:5px;
	border:dotted #FF0000;
	border-width:3px;
	font-weight:bold;
}

#message .attention{
	color:#FF0000;
	}


/*pages*/
#pages{
	text-align:center;
	margin:20px 0;
	}

#pages span{
	margin:0 10px;
	font-size:100%;
	font-weight:bold;
	color:#333333;
	}

#pages a{margin:0 10px;}

#pages a img{
	vertical-align:middle;
	margin:0 0 3px 0;
	}


/* more */
#more{margin:20px 20px;}

#more a{
	background:url(../images/moreBottonLeft.png) no-repeat;
	display:block;
	height:37px;
	width:100%;
	text-align:center;
	border:none;
	font-weight:bold;
	font-size:120%;
	padding:0 0 0 3px;
	}

#more a:hover{
	background:url(../images/moreBottonLeft.png) no-repeat 0 -37px;
}	

#more a span{
	background:url(../images/moreBottonRight.png) no-repeat top right;
	display:block;
	width:100%;
	height:29px;
	text-align:center;
	margin:0;
	padding:8px 0 0 0;
	}
	
#more a:hover span{
	background:url(../images/moreBottonRight.png) no-repeat right -37px;
}	


/* logo */
#logo a{
	display:block;
	height:92px;
	border-bottom:0;
	}
#logo a:active,#logo a:focus{
	outline:1px dotted #B39679;
	}


/* nav */
#nav a{
	border-bottom:0;
	}
	
ul#nav li{
	float:left;

	}
ul#nav li a{
	text-indent:-9999px;	display:block;
	height:36px;
	overflow:hidden;
	position:absolute;
	bottom:16px;
	}
ul#nav li.myPage a{
	background:url(../images/mn_myPageOver.gif) no-repeat;
	width:85px;
		}

ul#nav li.search a{
	display:none;
	/*
	background:url(../images/mn_searchOver.gif) no-repeat;
	width:35px;
	margin-left:125px;
	*/
	}

ul#nav li.post a{
	background:url(../images/mn_postOver.gif) no-repeat;
	width:51px;
	margin-left:125px;
	}

ul#nav li.myPage a:hover{background:url(../images/mn_myPageOn.gif) no-repeat; height:51px;}
/*ul#nav li.search a:hover{background:url(../images/mn_searchOn.gif) no-repeat; height:51px;}*/
ul#nav li.post a:hover{background:url(../images/mn_postOn.gif) no-repeat; height:51px;}


/* headMenu */

#headMenu{
	float:right;
	background:url(../images/ani_ladybug.gif) no-repeat;
	padding:0 0 0 15px;
	font-size:93%;
	}
/*#headMenu a{
	color:#333333;
	}
#headMenu a:active, #headMenu a:hover, #headMenu a:focus{
	border-bottom:1px dotted #333333;	
	}*/


/* footer */
#footer{
	font-size:85%;
	}
/*#footer a{
	color:#333333;
	}
#footer a:active, #footer a:hover, #footer a:focus {
	border-bottom:1px dotted #333333;	
	}*/

#footMenu{
	float:left;
	background:url(../images/ani_mole.gif) no-repeat right;
	padding:0 34px 0 0;
	}
#copyRight{
	float:right;
	background:url(../images/ani_ladybugSide.gif) no-repeat 60% 0%;
	padding:1px 0 0 0;
	}
#copyRight a{
	border-bottom:1px dotted #333333;
	}
#copyRight a:active, #copyRight a:hover, #copyRight a:focus {
	color:#f2244d;
	border-bottom:1px dotted #f2244d;	
	}

/* footer bottom 

html {height:100%;}

body {height:100%;}

#wrapper {
	min-height:100%;
	position:relative;
	}

body > #wrap {height:auto;}

#contents [
padding-bottom:20px; #footerのheight分を指定
}

#footer {
	height:20px;
	position:absolute;
	bottom:0;
	}*/