@charset "shift_jis";
/* ほっと・おあしす　CSS Document */

/* all -----------------------------------*/
* {margin:0; padding:0; border:0;}

body {
	margin:0 auto;
	background:url("../images/bg-body.gif");
	font-family:"Times New Roman", Times, serif, "ＭＳ Ｐゴシック";
	text-align:center;
}

a:link {color:#003366;}
a:visited {color:#003366;}
a:active {color:#003366;}
a:hover {color:#ff0000;}


/* layout -------------------------------*/
#container {
	width:720px;
	margin:0 auto;
	background:url("../images/bg-container.gif") repeat-y;
}

#header {
	width:720px;
	height:110px;
	margin:0 auto;
	background:url("../images/header.gif") no-repeat;
}

#menu {
	width:670px;
	margin:10px auto;
	text-align:right;
}

#contents {
	width:650px;
	margin:10px auto;
	border-bottom:1px solid #ff6600;
}

#footer {
	width:720px;
	margin:0 auto;
	text-align:center;
}

.box {
	background:url("../images/bg.jpg") center top no-repeat;
}


/* h1 h2 h3 ----------------------------*/
h1 {
	font-size:80%;
	margin:3px 0px 0px 30px;
	color:#ff3300;
	text-align:left;
}

h2 {
	height:45px;
	font-size:12pt;
	padding:20px 0px 0px 40px;
	background:url("../images/h2.gif") no-repeat;
	text-align:left;
	color:#006600;
	clear:both;
}

h3 {
	font-size:85%;
	margin:20px 20px 10px 20px;
	border-bottom:1px solid #ff6699;
	text-align:left;
	padding:5px;
	color:#ff6699;
	clear:both;
}

/* address p ol---------------------------*/
#contents p {
	font-size:80%;
	text-align:left;
	margin:5px 30px 20px 30px;
	line-height:140%;
}
#contents p.p-waku {
	width:400px;
	border:1px dashed #ff6600;
	padding:5px;
	text-align:center;
}

#contents ol {
	font-size:80%;
	text-align:left;
	margin:5px 30px 20px 50px;
	line-height:140%;
}

address {
	font-size:75%;
	font-style:normal;
	line-height:140%;
}

#footer p {
	font-size:75%;
	color:#333333;
	margin:10px;
}


/* table ---------------------------*/
table {
	border-collapse:collapse;
	margin:20px auto;
}
.t-style01 {
	border-bottom:1px dashed #999999;
	text-align:right;
	font-size:80%;
	padding:5px;
}
.t-style02 {
	border-bottom:1px dashed #999999;
	border-left:2px solid #eeeeee;
	text-align:left;
	font-size:80%;
	padding:5px;
}


/* img ---------------------------*/
img.img-r {
	float:right;
	margin:5px;
}
img.img-l {
	float:left;
	margin:5px;
}