@charset "utf-8";

/*
========================================
header
========================================
*/

#header {
margin: 0px auto;
padding: 0px;
width: 100%;
height: 150px;
background: url(../images/header_bg.jpg) repeat-x ;
}

#header_content {
margin: 0px auto;
padding: 0px;
width: 700px;
height: 150px;
}


#header h1 {
margin: 0px auto;
width: 420px;
height: 80px;
text-indent: -9999px;
float: left;
background: url(../images/logo.jpg) repeat-x ;
}




/* safari用 \*/
html:not(:nth-child(n)) body #header_search {
padding: 3px 0px 0px 0px;
width:256px;
float:right;
}
/* safari用ここまで \*/

#header_search {
padding: 3px 0px 0px 0px;
width:254px;	/* Firefox用にwidthを253pxから254pxに変更*/
float:right;
}


/*
========================================
Body style
========================================
*/

body {
width:100%;
margin: 0px auto;
padding: 0px;
text-align: center;
color: #000000;
font-size: 0.8em;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}



/*
========================================
main
========================================
*/

#main {
margin: 0px auto;
padding: 0px;
width: 100%;
}


#main_in {
margin: 10px auto;
padding: 10px;
width: 680px;
text-align:left;
background: #EFEFEF;
}


h3 {
text-align:center;
}


/*
========================================
footer
========================================
*/
#footer{
	margin: 0px auto;
	padding: 0px;
	background:#CCC repeat-x;
	width: 100%
}

#footer_in{
	margin: 0px auto;
	padding: 5px 0px 0px 0px;
	height: 150px;
	background: #CCC;
	width: 700px
	float:left;
}