@import url(default.css);

body { background-color:#FFFFFF;
}

/* -----------全体囲み----------- */
#all {	
    text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 820px; 
	background-image: url(img/back02.jpg); 
	background-repeat:repeat-y;

}

/* ================================================================== */
/* -----------ヘッダー全体----------- */
#head { 
	margin: 0;
	padding: 0px;
    width:820px;
	height: 489px;
	background-image:url(img/top_01.jpg); 
	background-position:10px 0px;
	background-repeat:no-repeat;

}
/* -----------ヘッダーキャッチ----------- */
h1 { 
    text-align:right;
	width:760px;
	height: 115px;
	padding: 118px 0 0 0px;
    font-size:14px; 
	font-weight:normal; 
	color: #3366CC;
}

/* -----------メニュー----------- */
#navi {
	display: inline; /* IE対策 */
	margin-top:1px;
	padding: 0 0 0 13px;
	width: 171px;
	float:left;
	overflow: hidden;
	display:inline;

}


.indx_service01 {
	margin-bottom: 5px ;
	padding: 0;
	width: 165px;
	overflow: hidden;
}
ul.indx_srvc01 {
	position: relative;
	margin: 0;
	padding: 0; /* NN必須 */
	width: 165px;/* メニューの幅 */
	height:250px;/* メニューの高さ */
	list-style: none;
	overflow: hidden;
}
ul.indx_srvc01 li a {
	display: block;
	height: 50px;
	position: absolute;
	overflow: hidden;
	padding: 50px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: 0;
}
li#indxsrvc01 a{ 
    background:url("img/b01.jpg") no-repeat 0 0;
	left: 0px;
	width: 165px;
}
li#indxsrvc02 a{ 
	background: url("img/b02.jpg") no-repeat 0 0;
	top: 50px;
	left: 0px; 
	width: 165px;
}
li#indxsrvc03 a{ 
	background: url("img/b03.jpg") no-repeat 0 0;
	top: 100px;
	left: 0px;
	width: 165px;
}
li#indxsrvc04 a{ 
	background: url("img/b04.jpg") no-repeat 0 0;
	top: 150px;
	left: 0px;
	width: 165px;
}
li#indxsrvc05 a{ 
	background: url("img/b05.jpg") no-repeat 0 0;
	top:200px;
	left: 0px;
	width: 165px;
}


li#indxsrvc01 a:hover, 
li#indxsrvc02 a:hover, 
li#indxsrvc03 a:hover, 
li#indxsrvc04 a:hover,
li#indxsrvc05 a:hover{ 

	background-position: 0px -50px;
}


#head00 { margin:0 0 0 0px;
	padding: 0;
	width:550px;
	height: 250px;
		overflow: hidden;
	display:inline;

}


h2 { margin: 150px 0 0 300px;
    font-size:14px; 
	font-weight:500;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFFFFF;
}


/* ================================================================== */
/* -----------コンテンツ全体囲み（フッターまで）----------- */
#topcontents {
	margin: 0;
	padding: 0 10px 0 10px;
	width: 800px; 
	background-image:url(img/topimg12.jpg); background-position:10px 0px;
	background-repeat:repeat-y;
}

/* -----------左側----------- */
#left {
	margin: 0;
	padding:3px;
	width: 165px;
	float: left;
	overflow: hidden;
}
.topul{
margin-top:30px; 
font-size:10px; 
padding-left:10px;
list-style-position:inside; 
background-color: #A1D5ED;
}
.topul2{ color:#0000CC;}

/* -----------右側----------- */

#rightout {
    margin:5px 0 0 0;
	padding:0;
	width: 625px;
	float: right;
	overflow: hidden;
}
#rightin {
    margin:0;
	padding:20px 0 50px 0;
}

h3{ 
	padding:15px;
	font-size:14px;
	font-weight:400;
	color:#3366CC;
	display:inline;
}
.topp { padding-top:15px; padding-left: 185px; padding-bottom: 15px; }

/* ================================================================== */

/* -----------文字回り込み----------- */
.mawarikomiright { 
	float:left;
}
.iti01{
	float:left;
	vertical-align:top;
}
.iti02{
	vertical-align:top;
	}
/* -----------クリア----------- */
.divcrea{ 
clear:both;
}
/* -----------フッター（兼both）----------- */
#foot {
	width: 800px;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding-top: 1em; padding-left:10px;
	font-size: 11px;
	color: #FFF;
	text-align: center;
}
#foot .credit {
	margin: 0;
	font-size: 10px;
	color: #999;
}
#foot a:link { color: #FFF; }
#foot a:visited { color: #FFF; }
#foot a:hover { color: #F90; }
#foot a:active { color: #F90; }

/* ======文字類============================================================ */