/* ===== ページのデザイン ===== */

body{
/*	background:#B5CFEF;	*/
/*	background:#C8CFFF;	*/
	background:#BDD3F7;
/*	background-image:url(../images/bg_blue-white.gif);	*/
/*	background-image:url(../images/bg_glay.jpg);	*/
/*	background-image:url(../images/bg_glay.bmp);	*/
	background-repeat:repeat-y;
	background-position: center center;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;

	color:#555555;

	background-posision:top center;
	text-align:center;	 /*	header、contents、footerを中央に配置する。	*/


	margin-top:0px;
	margin-bottom:0px;
}

a{
	text-decoration:none;	/* aタグの下線を消去 */
	color:#393939;
}

a:hover{
	text-decoration:underline;
}

h1 {
	font-weight:normal;
	margin:5px 10px;
/*	padding:5px 10px;	*/
/*	font-size:13px;	*/
	font-size:80%;
}

h2 {
	font-weight:bold;
	font-size:110%;
	color:#7B7B7B;

/*	border-left:solid 10px #8C827B;	*/

	padding:5px;
/*	padding-top:5px;	*/
/*	padding-bottom:4px;	*/
}

.align_left{
	text-align:left;
}

.align_right{
	text-align:right;
}

.align_center{
	text-align:center;
}

.bottom_space{
	margin-bottom:10px;
}

img.photo-odd	{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

img.photo-even	{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* ----- header内にheader_topとheader_bottomを作成する。 ----- */

#header_top{
	padding:5px 5px 5px 0px;
	text-align:left;	/* プロベックロゴの位置を左に設定 */
	background:#FFFFFF;

/*	border:1px solid #000000;	*/

	position:relative;
	margin:auto;
	_padding:5px;	/*	IE6用CSSハック	*/
}

#header_top, x:-moz-broken{	/*	FireFox3.5用CSSハック	*/
/*	padding:5px;	*/
	text-align:left;	/* プロベックロゴの位置を左に設定 */
	background:#FFFFFF;

/*	position:relative;	*/
	margin:auto;

}

#header_bottom{

/*	text-alige:left;	*/
	color:#FFFFFF;

	background-image:url(../images/main_img7.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	_padding:5px;	/*	IE6用CSSハック	*/

/*	border:1px solid #000000;	*/
	margin:auto;


}

#header_bottom, x:-moz-broken{	/*	FireFox3.5用CSSハック	*/
/*	text-alige:left;	*/
	color:#FFFFFF;

	background-image:url(../images/main_img7.jpg);
	background-repeat:no-repeat;
/*	padding:10px;	*/
/*	border:1px solid #000000;	*/

	margin:auto;

}

#header_bottom_text{

	font-size:80%;

	margin-left:10px;
/*	margin:auto;	*/
}


/* ===== 帯メニューのレイアウト ===== */


#navigation {

	height: 42px;
/*	height: 50px;	*/
	width: 900px;
}


ul.navi1 {
	list-style:none;
	margin:0;
	padding: 0;

	background-color: #B5AE9C;
/*	background-color: #666666;	*/
/*	background: url(images/navi/base.gif) left top repeat-x #666666;	*/

	width: 100%;
}
ul.navi1 li {
	float: left;
	margin:0;
	padding: 0;
}
.navi1 a {
	display: block;
	width: 150px;
	height: 42px;
/*	height: 50px;	*/

/*	text-indent: -9999px;	*/
}

.navi1 a.n1 {	background: url(../images/index/menu1-1.gif) left top no-repeat;}
/*	.navi1 a.n1 {	background: url(../images/index/menu1-1.gif) left top no-repeat;}	*/
.navi1 a.n2 {	background: url(../images/index/menu2-1.gif) left top no-repeat;}
.navi1 a.n3 {	background: url(../images/index/menu3-1.gif) left top no-repeat;}
.navi1 a.n4 {	background: url(../images/index/menu4-1.gif) left top no-repeat;}
.navi1 a.n5 {	background: url(../images/index/menu5-1.gif) left top no-repeat;}
.navi1 a.n6 {	background: url(../images/index/menu6-1.gif) left top no-repeat;}
.navi1 a.n1:hover {	background-image: url(../images/index/menu1-2.gif);}
.navi1 a.n2:hover {	background-image: url(../images/index/menu2-2.gif);}
.navi1 a.n3:hover {	background-image: url(../images/index/menu3-2.gif);}
.navi1 a.n4:hover {	background-image: url(../images/index/menu4-2.gif);}
.navi1 a.n5:hover {	background-image: url(../images/index/menu5-2.gif);}
.navi1 a.n6:hover {	background-image: url(../images/index/menu6-2.gif);}



/* ===== contents部のデザイン ===== */

#contents{

/*	background-image:url(../images/bg_3color_1.jpg);	*/
/*	background-repeat: repeat-y;	*/
	background:#FFFFFF;

/*	border-right:1px solid #000000;	*/
/*	border-left:1px solid #000000;	*/

	font-size:80%;

	position:relative;
	margin:auto;
	margin-top:0px;

	text-align:left;
}

#contents, x:-moz-broken{	/*	FireFox3.5用CSSハック	*/

/*	background-image:url(../images/bg_3color_1.jpg);	*/
/*	background-repeat: repeat-y;	*/
	background:#FFFFFF;

/*	border-right:1px solid #000000;	*/
/*	border-left:1px solid #000000;	*/

	font-size:80%;

	position:relative;
/*	margin:auto;	*/

	text-align:left;

	margin:auto;

}

/* ===== left_side部のデザイン ===== */

#left_side{

	background:#FFFFFF;

	text-align:left;

}

#onayami{

	height:350px;

	margin:5px;
	background-image:url(../images/index/catimg_1.gif);
	background-repeat:no-repeat;
/*	background-position: right bottom;	*/
	background-position: center center;
/*	background-position: left center;	*/
}


#banner{
	margin:5px;
}

/* ----- #right_sideのデザイン ----- */

#right_side{

/*	background:#FFFF99;	*/
	background:#FFFFFF;

	text-align:left;

}

#oshirase{
	border:1px solid #1045C6;
	margin:5px;
}


#service{
/*	color:#1065B5;	*/
	border:1px solid #808040;

	margin:5px;
}

#dounyuu{
/*	color:#1065B5;	*/
	border:1px solid #6B696B;

	margin:5px;
}

#otoi{
	border:1px solid #316539;

	margin:5px;
}

#otoi a{
	text-decoration:underline;
}

#otoi a:hover{
	text-decoration:none;
}


/* ===== footer部のデザイン ===== */

#footer{

	background:#CEEBFF;
/*	background:#FF99FF;	*/
	color:#1065B5;
	border:1px solid #084584;

/*	position:absolute;	*/
/*	top:1150px;	*/
/*	left:0px;	*/
	position:relative;
	margin:auto;
/*	padding:5px;	*/

/*	font-size:15px;	*/
	font-size:80%;
}

/* ----- #footerのデザイン ----- */
#footer a{
	color:#1065B5;
	font-weight:bold;
}

/*
	#footer a:hover{
		text-decoration:underline;
	}
*/

#footer_bottom{
	color:#FFFFFF;
	background:#084584;
	padding:5px;
}


#footer_bottom a{
	color:#FFFFFF;
}