@charset "UTF-8";


#page {
	width: 720px;
	background-color: #FFF;
	margin: 0 auto;
	position:relative;
}

#header {
	width:720px;
	height: 191px;
	margin:0px;
	background-image:url(../images/hobs_head.jpg);
	background-repeat:no-repeat;
}





#content {
	padding: 10px 0;
}




#footer {
	margin: 20px 0 0;
	padding: 10px 30px;
	background-color: #CCC49F;
}

#footer ul { padding-right:15px }

#footer ul li {
	list-style:none;
	display:inline;
	margin:0 5px 0 0;
}




/* Layout
------------------------------------------------------------*/

section #sec_on {
	margin: 0px 0px 15px;
	background-color: #eadbc8;
	padding: 10px 50px;
}

section #sec_off {
	margin: 0px 0px 15px;
	background-color: #fff;
	padding: 10px 50px;
}








/* Fonts
------------------------------------------------------------*/
h2 {
	margin: 10px 0px;
	text-align: center;
	font-size:2em;
	letter-spacing:0.2em;
	border-bottom: #000 solid
	}
	
h3 {
	text-align: center;
	font-size:2em;
	letter-spacing:0.2em;
	}

h4 {
	font-size:1.2em;
	letter-spacing:0.2em;
	margin: 15px 0 0 0;
	font-style: normal;
	}

p.text {
	font-size:1.2em;
	line-height:1.6em;
	}
	
p.r_text {
	font-size:1.2em;
	line-height:1.6em;
	text-align: right;
	}

em {
	text-decoration:underline;
	font-size: 1.1em;
}

p.catch {
	margin: 20px 0;
	font-size:1.7em;
	line-height:1.6em;
	text-align: center;
	}

p.m_catch {
	font-size:1.5em;
	line-height:1.6em;
	text-align: center;
	}

p.s_catch {
	font-size:1.2em;
	text-align: center;
	}


p.i_text {
	font-size:1.2em;
	padding-left: 2em;
	}

#column01 ul { 
    padding:0 0 0 15px;
	margin:0 0 0 30px;
	}

#column01 li {
	list-style-type:disc;
	margin:0 5px 0 0;
	font-size:1.4em;
	line-height:2em;
	}
	

input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:20px;
  width:400px;
  min-height:30px;
  display:block;
  margin: 5px 0px 15px 15px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}


input:focus {
	box-shadow: 0 0 6px #ff9900;
	-webkit-transition: box-shadow 0.25s linear 0;
     }

textarea {
  border:1px solid #ccc;
  font-size:20px;
  width:400px;
  min-height:30px;
  display:block;
  margin: 5px 0px 15px 15px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

textarea:focus {
	box-shadow: 0 0 6px #ff9900;
	-webkit-transition: box-shadow 0.25s linear 0;
     }