@charset "Shift_JIS";


/* -------------------------------------------------------------------- */
/* common ------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

body {
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Verdana, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	background: url("../images/bg-all01.jpg") left top repeat;
}
/* -------------------------------------------------------------------- */
/* wrap --------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

#wrapper {
	width: 100%;
	background: url("../images/bg-all02.jpg") left top repeat-x;
	line-height:1.6;
}
#wrap {
	width: 834px;
	background: url("../images/bg-con01.jpg") left top repeat-y;
	margin: 0 auto;
}

#wrap02 {
	width: 834px;
	background: url("../images/bg-con02.jpg") left bottom no-repeat;
}


#container {
	width: 834px;
	_width: 837px;
	text-align: left;
	background: url("../images/bg-con03.jpg") left top no-repeat;
	padding-top:20px;
}

#container2 {
	padding: 0 35px 0 32px;
	text-align: left;
}

a{
	color:#1A5962;
	
}

a:hover{
	color:#1A5962;
	text-decoration:none;
}

.box01{
	border:1px inset #ccc;
	padding:1px;
	margin:0 0 5px 0;
	width:130px;

}
/* -------------------------------------------------------------------- */
/* header ------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

#header {
	width: 834px;
	text-align: left;
	position:relative;
}

#header div.mypage{
	background: url("../images/mypagebg01.png") left top no-repeat;
	_background: url("../images/mypagebg01.png") 20px 0 no-repeat;
	width:171px;
	height:128px;
	position:absolute;
	top:170px;
	right:-6px;
	padding:13px 18px 0 18px;
}
img, div, input { behavior: url("/js/iepngfix.htc") }

/** html div.mypage{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mypagebg01.png',sizingMethod='<strong>crop</strong>');
	background:none;
}*/


#header div.mypage p{
	padding:0 0 5px 0;
}

#header div.mypage p.hello{
	font-weight:bold;
	font-size:117%;
}

#header div.mypage p.logout{
	font-size:86%;
}

#header div.mypage2{
	background: url("../images/mypagebg02.png") left top no-repeat;
	_background: url("../images/mypagebg02.png") 20px 0 no-repeat;
	width:175px;
	height:216px;
	position:absolute;
	top:82px;
	right:-6px;
	padding:13px 18px 0 18px;
}
/*
* html div.mypage2{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mypagebg02.png',sizingMethod='<strong>crop</strong>');
	background:none;
}*/



#header div.mypage2 p{
	padding:0 0 5px 0;
}

#header div.mypage2 p.hello{
	font-weight:bold;
	font-size:117%;
}

#header div.mypage2 p.logout{
	font-size:86%;
}

/* -------------------------------------------------------------------- */
/* footer ------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

#footer {
	width: 770px;
	text-align: left;
	padding:20px 32px 20px 32px;
	background: url("../images/footer-bg.jpg") 32px 23px no-repeat;
	_background: url("../images/footer-bg.jpg") 32px 20px no-repeat;
}

#footer ul{
	padding:8px 0 0 182px;
}

#footer li{
	display: inline;
	padding:0 30px 0 0;
	font-size:92%;
	color:#1A5962;
}


#footer li img.ico{
	padding:4px 5px 0 0;
	/padding:1px 5px 0 0;
	vertical-align:top;
}

#footer p.copyright{
	text-align: right;
	padding:20px 0 0 0;
	font-size:92%;
}