@charset "utf-8";
/* CSS Document */

/*
===== CONTENTS ===========================================

	1: base layout
	2: header layout
	3: gnavi layout
	4: breadcrumb layout
	5: main layout
	6: snavi layout
	7: pagetop layout
	8: footer layout
	9: other layout


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

/* -------------------------------------------------------
  1: base layout
------------------------------------------------------- */

#layoutWrapper {
	width:820px;
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:93%;
}

/* -------------------------------------------------------
  2: header layout
------------------------------------------------------- */

#layoutHeader {
	width:820px;
	margin:18px 0 0 0;
}

#headerArea h1,
#headerArea p#logo {
	width:301px;
	padding:0 0 0 12px;
	float:left;
}

#headerArea ul {
	width:250px;
	padding:16px 10px 2px 0;
	float:right;
	color:#285faf;
	text-align:right;
}

#headerArea ul li {
	display:inline;
}

/* -------------------------------------------------------
  3: gnavi layout
------------------------------------------------------- */

#layoutGlobalNavi {
	width:820px;
	margin:0 0 25px 0;
	line-height:0;
}

#layoutGlobalNavi li {
	float:left;
	display:inline;
}

#layoutGlobalNavi li img {
	display:block;
} 

/* -------------------------------------------------------
  4: breadcrumb layout
------------------------------------------------------- */

#breadcrumb {
	width:810px;
	margin:0 0 4px 10px;
	color:#333;
}

#breadcrumb li {
	float:left;
	display:inline;
}

#breadcrumb li span {
	color:#285faf;
}


/* -------------------------------------------------------
  5: main layout
------------------------------------------------------- */

#layoutMain {
	width:820px;
	background:url(../img/bg_main.gif) left top repeat-y;
}

#mainRight {
	width:548px;
	float:right;
}

#mainLeft {
	width:239px;
	float:left;
}

/* -------------------------------------------------------
  6: snavi layout
------------------------------------------------------- */

#layoutSubNavi div.sNaviBox {
	width:228px;
	padding:8px 0 1px 11px;
	background:url(../img/pct_snavi_border.gif) left bottom no-repeat;
}

#layoutSubNavi div.sNaviBoxLast {
	width:228px;
	padding:8px 0 1px 11px;
	border-bottom:none;
}

#layoutSubNavi p.title {
	width:68px;
	height:20px;
	float:left;
	padding-bottom:2px;
	font-weight:bold;
	color:#285faf;
	line-height:1.2em;
}

#layoutSubNavi ul {
	width:143px;
	float:left;
}

#layoutSubNavi li {
	background:url(../img/arw_snavi.gif) left 1px no-repeat;
	padding:0 0 4px 18px;
	line-height:1.2em;
}

#layoutSubNavi li span {
	font-size:80%;
}

#layoutSubNavi li.wSmall {
	width:110px;
	display:inline-block;
}

#layoutSubNavi li.wSmall2 {
	width:95px;
	display:inline-block;
}
/* -------------------------------------------------------
  7: pagetop layout
------------------------------------------------------- */

.pageTop {
	text-align: right;
	clear: both;
}

.pageTop a {
	padding: 0 8px 6px 0;
}	
	
.pageTop a:link {
	color:#285faf;
	text-decoration:none;
}

.pageTop a:visited {
	color:#800080;
	text-decoration:none;
}

.pageTop a:hover,
.pageTop a:active,
.pageTop a:focus {
	color:#285faf;
	text-decoration:underline;
}

/* -------------------------------------------------------
  8: footer layout
------------------------------------------------------- */

#layoutFooter {
	background:url(../img/bg_footer.jpg) top left no-repeat;
	width:820px;
	height:61px;
	text-align:center;
}

#layoutFooter ul {
	padding:10px 0 2px 0;
}

#layoutFooter ul li {
	display:inline;
}

#layoutFooter address {
	font-style:normal;		
}