@charset "UTF-8";

*{color:#444;}

html {height:100%; overflow-y:scroll;}
body{background-color:#efefef; height:100%; background: url(images/bg-1s.gif) repeat-y center #efefef;}

#Body {
	width:770px;
	margin:0px auto;
	background:transparent;
	background-color:#fff;
	min-height:100%;
	height:100%;
	position:relative;
}

#Container {
	width:768px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin:0px auto;
	background: url(images/bg-2.png) repeat-x top #dbd8f3;
	min-height:100%;
	height:100%;

}

html > body > #Body > #Container {height: auto;}


#Header {
	width:740px;
	margin:0px auto;
	position:relative;
}

#globalNav {
	background: url(images/header-1.gif) no-repeat;
	width:740px;
	height:85px;
	padding:0px;
}

#globalNavBefore {
	background: url(images/header-1b.gif) no-repeat;
	width:740px;
	height:85px;
	padding:0px;
}

#globalNav h1,#globalNavBefore h1 {
	width:205px;
	height:85px;
	float:left;
	top:0px;
	position:relative;
}

#globalNav ul {
	width:530px;
	padding-top:60px;
	float:right;
	position: relative;
	list-style:none;
}

#globalNav li{
	position: relative;
	left:0px;
	top:0px;
	 overflow:hidden;
}

li#globalNav_1{width:53px; height: 25px; float:left;}
li#globalNav_2{width:75px; height: 25px; float:left;}
li#globalNav_3{width:57px; height: 25px; float:left;}
li#globalNav_4{width:68px; height: 25px; float:left;}
li#globalNav_5{width:57px; height: 25px; float:left;}
li#globalNav_6{width:47px; height: 25px; float:left;}
li#globalNav_7{width:57px; height: 25px; float:left;}
li#globalNav_8{width:48px; height: 25px; float:left;}
li#globalNav_9{width:68px; height: 25px; float:left;}

#globalNav li a:link,
#globalNav li a:visited,
#globalNav li a:hover,
#globalNav li a:active{height:25px;}
li#globalNav_1 a:hover, li#globalNav_1 a:active { background: url(images/header-1a.gif) no-repeat 0px -60px; }
li#globalNav_2 a:hover, li#globalNav_2 a:active { background: url(images/header-1a.gif) no-repeat -53px -60px; }
li#globalNav_3 a:hover, li#globalNav_3 a:active { background: url(images/header-1a.gif) no-repeat -128px -60px; }
li#globalNav_4 a:hover, li#globalNav_4 a:active { background: url(images/header-1a.gif) no-repeat -185px -60px; }
li#globalNav_5 a:hover, li#globalNav_5 a:active { background: url(images/header-1a.gif) no-repeat -253px -60px; }
li#globalNav_6 a:hover, li#globalNav_6 a:active { background: url(images/header-1a.gif) no-repeat -310px -60px; }
li#globalNav_7 a:hover, li#globalNav_7 a:active { background: url(images/header-1a.gif) no-repeat -357px -60px; }
li#globalNav_8 a:hover, li#globalNav_8 a:active { background: url(images/header-1a.gif) no-repeat -414px -60px; }
li#globalNav_9 a:hover, li#globalNav_9 a:active { background: url(images/header-1a.gif) no-repeat -462px -60px; }

#hLocalNav a,#fLocalNav a{text-indent:0px; display:block; width:82px; line-height:23px; height:23px; text-align:center;}

#hLocalNav {width:740px; height:23px; margin:0px auto; background: url(images/local-bg-1.gif) no-repeat #fff; border-top:5px solid #fff; border-bottom:15px solid #fff;}
#hLocalNav ul { padding-left:1px;list-style:none;}
#hLocalNav li {
	position: relative;
	left:0px;
	top:0px;
	float:left;
	font-size:10px;
	height:23px;
	width:82px;
}
li#hLocalNav_1 {position: relative; left: 0px;}
li#hLocalNav_2 {position: relative; left: 0px;}
li#hLocalNav_3 {position: relative; left: 0px;}
li#hLocalNav_4 {position: relative; left: 0px;}
li#hLocalNav_5 {position: relative; left: 0px;}
li#hLocalNav_6 {position: relative; left: 0px;}
li#hLocalNav_7 {position: relative; left: 0px;}
li#hLocalNav_8 {position: relative; left: 0px;}
li#hLocalNav_9 {position: relative; left: 0px;}
li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background:transparent;}
li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background:transparent;}
li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background:transparent;}
li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background:transparent;}
li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background:transparent;}
li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background:transparent;}
li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background:transparent;}
li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background:transparent;}
li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background:transparent;}

#fLocalNav {width:740px; height:23px; margin:0px auto; background: url(images/local-bg-2.gif) no-repeat #fff; border-top:5px solid #fff; border-bottom:15px solid #fff;}
#fLocalNav ul { padding-left:1px;list-style:none;}
#fLocalNav li {
	position: relative;
	left:0px;
	top:0px;
	float:left;
	font-size:10px;
	height:23px;
	width:82px;
}
li#fLocalNav_1 {position: relative; left: 0px;}
li#fLocalNav_2 {position: relative; left: 0px;}
li#fLocalNav_3 {position: relative; left: 0px;}
li#fLocalNav_4 {position: relative; left: 0px;}
li#fLocalNav_5 {position: relative; left: 0px;}
li#fLocalNav_6 {position: relative; left: 0px;}
li#fLocalNav_7 {position: relative; left: 0px;}
li#fLocalNav_8 {position: relative; left: 0px;}
li#fLocalNav_9 {position: relative; left: 0px;}
li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background:transparent;}
li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background:transparent;}
li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background:transparent;}
li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background:transparent;}
li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background:transparent;}
li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background:transparent;}
li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background:transparent;}
li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background:transparent;}
li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background:transparent;}

#cLocalNav a{text-indent:0px; display:block; width:123px; line-height:23px; height:23px; text-align:center;}
#cLocalNav {width:740px; height:23px; margin:0px auto; background: url(images/local-bg-3.gif) no-repeat #fff; border-top:5px solid #fff; border-bottom:15px solid #fff;}
#cLocalNav ul { padding-left:1px;list-style:none;}
#cLocalNav li {
	position: relative;
	left:0px;
	top:0px;
	float:left;
	font-size:10px;
	height:23px;
	width:123px;
}
li#cLocalNav_1 {position: relative; left: 0px;}
li#cLocalNav_2 {position: relative; left: 0px;}
li#cLocalNav_3 {position: relative; left: 0px;}
li#cLocalNav_4 {position: relative; left: 0px;}
li#cLocalNav_5 {position: relative; left: 0px;}
li#cLocalNav_6 {position: relative; left: 0px;}
li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background:transparent;}
li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background:transparent;}
li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background:transparent;}
li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background:transparent;}
li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background:transparent;}
li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background:transparent;}


#LayoutA{padding-left:0px; margin-left:0px;}
#LayoutA,#LayoutB,#LayoutC{width:740px; margin:0px auto; padding-bottom:30px;}
#Body .homeInfoBox{margin-left:0px;}
#LayoutA #Left {padding-left:0px;}

#LayoutA #Top{padding-left:0px;}
.partsHeading { background: url(images/stitle-bg2.png) no-repeat left top #72c2d8;}
#LayoutA #Left .partsHeading { background: url(images/stitle-bg1.png) no-repeat left top #72c2d8;}
#Footer {width:740px; height:21px; background: url(images/footer-bg.gif) no-repeat; margin:0px auto; /*position:absolute; bottom:0px; left:15px;*/}

#Body .homeInfoBox {background:url(images/info-bg.png) no-repeat 0px 50% #ccc;}
div#container_login{
	margin-left:25px;
	margin-bottom:25px;
	border-top:25px solid #fff;
	background:url(images/login-hack.gif) no-repeat;
	
}
div#container_login img.bg{
	margin-left:25px;

}
div#container_login img.bg{
	display:none;
}
div#container_login input#username {
	display: block;
	position: absolute;
	left: 504px;
	top: 246px;
	width: 187px;
	height: 23px;
	font-size: 10pt;
	z-index: 100;
}
div#container_login input#password {
	display: block;
	position: absolute;
	left: 504px;
	top: 299px;
	width: 187px;
	height: 23px;
	font-size: 10pt;
	z-index: 110;
}

div#container_login input#button_login {
	display: block;
	position: absolute;
	left: 536px;
	top: 384px;
	width: 120px;
	height: 24px;
	border: none 0px;
	background-color: transparent;
	z-index: 120;
}

div#container_login div.msg {
	display: block;
	position: absolute;
	border: none 0px;
	padding: 3px 0px;
	left: 504px;
	top: 327px;
	width: 185px;
	height: 42px;
	font-size: 9pt;
	text-align: center;
	z-index: 140;
}

div#container_login div.msg * {
	font-size: 8pt;
}

div#container_login .footer {
	display: block;
	position: absolute;
	left: 0px;
	top: 542px;
	width: 720px;
	height: 21px;
	z-index: 300;
}
div#container_login .footer p {
	margin-right: 10px;
	text-align: right;
	line-height: 21px;
}
#pc_page_o_login #Body #Container {background:transparent;}
#pc_page_o_tologin #Body #Container {background:transparent;}

/* bugfix */
.commentList dd ul.photo{
	height:125px;
}

/* font byg */
dl {clear:both;}

/* layout mod */
/*div{ font-size:12px; line-height:18px;}*/
div{line-height:150%;}
div.body{padding:8px;}
.diaryDetailBox .body{padding:8px; border-left:8px solid #fff; border-right:8px solid #fff; border-bottom:8px solid #fff;}
th{white-space:nowrap;}
ul.articleList li{margin-bottom:5px;}
.homeMainTable th {width: 95px;}
ul.list li {padding-right:5px;}
#LayoutA #Center {width: 455px;}