@charset "utf-8";

/* ------------------------------
 タグのデフォルト設定を変更
------------------------------ */

html{
	height:100%;
	margin-bottom:1px;
}

body{
	background-image: url(../img/kabe2.gif);
	background-repeat: repeat;
	margin:0;
}

div{
	margin:0;
	padding:0;
}

img{
	margin:0;
}

h1,h2,h3,h4,h5,h6{
	white-space:nowrap;
	margin:0;
	padding:0;
	display:inline;	
}

/* ------------------------------
再利用できるクラス
------------------------------ */

div.clearfloat {
	clear:both;
}

*.pt5{
	padding-top:5px;
}

*.pt10{
	padding-top:10px;
}

*.pt15{
	padding-top:15px;
}

*.pt20{
	padding-top:20px;
}

*.pt30{
	padding-top:30px;
}

*.pt50{
	padding-top:50px;
}

*.pt100{
	padding-top:100px;
}

/* ------------------------------
共通のクラス
------------------------------ */

/*
コンテナ
*/

div.tempContainer{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	background-image: url(../img/logo2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

	div.tempHeader p{
		padding: 5px 0px 0 10px;
	}

/*
一番上のグレー
*/

div.tempTopbar{
	background-color: #333333;
	height: 10px;
	width: 900px;
}

/*
上の段
*/

div.tempHeader{
	width: 840px;
	height: 180px;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
}

/*
ロゴ
*/

div.tempLogo{
	float: left;
	height: 180px;
	width: 160px;
}

/*
上の文章と写真
*/

div.tempHeaderBox{
	float: right;
	height: 180px;
	width: 680px;
}

div.tempHeaderText{
	float: left;
	width: 520px;
}

div.tempHeaderText2{
	float: left;
	width: 450px;
}

div.tempHeaderPhoto{
	float: right;
}


/*
メニュー
*/
	
div.tempMenu{
	background-image: url(../img/menu_line.jpg);
	background-repeat: repeat-x;
}

		div.tempMenu ul{
			list-style:none;
			margin:0;
			padding:0;
		}
		
		div.tempMenu li{
			display:inline;
			margin:0;
			padding:0;
		}


/*
フッター
*/
	
div.tempFooter{
	text-align:center;
	background: #333333;
	color: #FFFFFF;
	text-align: center;
}