@charset "utf-8";

/**************************************************
		初期設定
**************************************************/
body {
	background-color:#F8F8F8;
	color:#333;
	text-align:center;
}

body.sizeSmall { font-size:90%; }
body.sizeMedium { font-size:100%; }
body.sizeLarge { font-size:120%; }

hr { display:none; }

a { color:#0C3BBD; text-decoration:underline; }
a:hover { color:#0C3BBD; text-decoration:none; }

ul#skip {
	overflow:hidden;
	width:0;
	height:0;
	position:absolute;
}


/* ===== Float対策 ===== */
.clearFix { display:inline-table; }
.clearFix:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}
/* Hides from IE-mac \*/
* html .clearFix { height:1%; }
*:first-child+html .clearFix { height:1%; }
.clearFix { display:block; }
/* End hide from IE-mac */


/**************************************************
		Header
**************************************************/
div#headerWrapper {
	clear:both;
	width:100%;
	background-color:#FFF;
}

div#headerArea001 {
	background:transparent url("/common/img/bg_header_001.gif") 50% 0 no-repeat;
}

div#headerArea001 div.bg {
	margin:0 auto;
	width:900px;
	background:transparent url("/common/img/bg_header_002.gif") 0 0 no-repeat;
	text-align:left;
}

div#headerArea002 {
	position:relative;
	margin:0 auto;
	padding-top:27px;
	width:900px;
	text-align:left;
}


/* ===== Copy ===== */
div#headerArea001 p#copy {
	float:left;
	font-size:0.8em;
}


/* ===== Header Menu ===== */
div#headerArea001 ul#headerMenu {
	float:right;
	padding:13px 0 1px 15px;
	min-height:16px;
	background-color:#FFF;
	font-size:0.8em;
}

* html div#headerArea001 ul#headerMenu { height:16px; }

div#headerArea001 ul#headerMenu li {
	float:left;
	padding:0 7px;
	border-left:1px solid #0C3BBC;
}

div#headerArea001 ul#headerMenu li.lastItem { border-right:1px solid #0C3BBC; }

div#headerArea001 ul#headerMenu li a { color:#0C3BBD; text-decoration:underline; }
div#headerArea001 ul#headerMenu li a:hover { color:#0C3BBD; text-decoration:none; }


/* ===== Logo ===== */
div#headerArea002 h1 {
	float:left;
	margin:0 10px 15px 0;
	width:230px;
	font-size:0.8em;
}

div#headerArea002 p#code {
	float:left;
	margin:18px 0;
	width:120px;
	font-size:0.8em;
}


/* ===== Font Area ===== */
div#headerArea002 div#fontArea {
	position:relative;
	float:right;
	margin:13px 5px 20px 0;
}

div#headerArea002 div#fontArea dl {
	font-size:0.8em;
}

div#headerArea002 div#fontArea dl dt {
	float:left;
	margin-right:7px;
}

div#headerArea002 div#fontArea dl dd {
	float:left;
	margin-right:5px;
}


/* ===== Search Area ===== */
div#headerArea002 #searchArea {
	position:relative;
	float:right;
	margin:13px 0 20px 0;
	font-size:12px;
}

div#headerArea002 #searchArea input {
	float:left;
	margin-right:3px;
	vertical-align:middle;
}

div#headerArea002 #searchArea .searchText {
	border:1px solid #DEDEDE;
	width:173px;
	height:20px;
}

div#headerArea002 #searchArea #btsearch { margin-right:0; }


/* ===== Menu Area ===== */
div#headerArea002 div#mainMenu {
	clear:both;
	position:relative;
	padding-bottom:13px;
	width:100%;
	height:33px;
}

#personal div#headerArea002 div#mainMenu,
#corporate div#headerArea002 div#mainMenu,
#shareholders div#headerArea002 div#mainMenu,
#about div#headerArea002 div#mainMenu,
#recruit div#headerArea002 div#mainMenu { height:71px; }

div#headerArea002 div#mainMenu ul { font-size:0.8em; }

div#headerArea002 div#mainMenu ul li { float:left; }

div#headerArea002 div#mainMenu ul ul {
	position:absolute;
	top:33px;
	left:0;
	border-top:3px solid #0C3BBC;
	width:900px;
	font-size:1em;
}

#corporate div#headerArea002 div#mainMenu ul ul { border-top:3px solid #26B4FF; }
#shareholders div#headerArea002 div#mainMenu ul ul { border-top:3px solid #FF940F; }


/* ===== Pankz ===== */
div#headerArea002 div.pankz {
	clear:both;
	padding-bottom:13px;
	width:100%;
}

div#headerArea002 div.pankz p { font-size:0.7em; }

div#headerArea002 div.pankz p a { color:#333; text-decoration:none; }
div#headerArea002 div.pankz p a:hover { color:#0C3BBD; text-decoration:underline; }
div#headerArea002 div.pankz p a.current { color:#0C3BBD; text-decoration:underline; }
div#headerArea002 div.pankz p a.current:hover { color:#0C3BBD; text-decoration:none; }


/**************************************************
		Contents
**************************************************/
div#contWrapper {
	clear:both;
	padding-bottom:40px;
	width:100%;
	background-color:#FFF;
}

div#contArea {
	margin:0 auto;
	width:900px;
	text-align:left;
}


/* ===== Column 1  ===== */
.box1 div#mainArea { width:100%; }
.box1 div#sideArea { display:none; }


/* ===== Column 2  ===== */
.box2 div#mainArea {
	float:right;
	margin-left:25px;
	width:675px;
}

.box2 div#sideArea {
	float:left;
	width:200px;
}


/* ===== Section ===== */
div#mainArea div.section001 {
	clear:both;
	margin:0 15px 37px 15px;
	height:1%;
}

div#mainArea div.section002 {
	clear:both;
	margin-bottom:37px;
	height:1%;
}

div#mainArea div.section003 {
	clear:both;
	margin-bottom:37px;
	padding:0 15px 37px 15px;
	border-bottom:3px solid #0C3BBC;
	height:1%;
}

div#mainArea div.section004 {
	clear:both;
	margin:0 0 37px 20px;
	height:1%;
}

div#mainArea div.lastSection {
	margin-bottom:0;
	padding-bottom:0;
	background-image:none;
}

div#mainArea div.section001 .lastItem,
div#mainArea div.section002 .lastItem,
div#mainArea div.section003 .lastItem,
div#mainArea div.section004 .lastItem { margin-bottom:0; }


/**************************************************
		Side Area
**************************************************/
/* ===== attention ===== */
div#sideArea div.attention001 {
	margin-bottom:17px;
	padding:13px 13px 8px 13px;
	border:2px solid #C32426;
	background-color:#ffffd7;
}

div#sideArea div.attention001 p { font-size:0.687em;line-height:1.5;margin-bottom:1.25em; }

div#sideArea div.attention001 ul { font-size:0.687em;line-height:1.5; }

div#sideArea div.attention001 ul li { margin-bottom:1em; }

div#sideArea div.attention001 ul li.lastItem { margin-bottom:0; }

div#sideArea div.attention001 p.important {
	margin-bottom:0;
	padding-left:12px;
	background:transparent url("/common/img/icon_001_white.gif") 0 0.3em no-repeat;
}



/* ===== Side Menu ===== */
div#sideArea div.sideMenu001 {
	margin-bottom:17px;
}

div#sideArea div.sideMenu001 ul {
	border-left:1px solid #A9BAE7;
	border-right:1px solid #A9BAE7;
	border-bottom:1px solid #A9BAE7;
	font-size:0.8em;
}

#corporate div#sideArea div.sideMenu001 ul {
	border-left:1px solid #A8E1FF;
	border-right:1px solid #A8E1FF;
	border-bottom:1px solid #A8E1FF;
}

#shareholders div#sideArea div.sideMenu001 ul {
	border-left:1px solid #FFBB8A;
	border-right:1px solid #FFBB8A;
	border-bottom:1px solid #FFBB8A;
}

div#sideArea div.sideMenu001 ul li {
	padding-bottom:1px;
	background:transparent url("/common/img/border_side.gif") 0 100% repeat-x;
	line-height:1.7;
}

div#sideArea div.sideMenu001 ul li.lastItem {
	padding-bottom:0;
	background-image:none;
}

div#sideArea div.sideMenu001 ul li.none span {
	display:block;
	padding:9px 9px 9px 30px;
	height:1%;
	background:transparent url("/common/img/icon_001_glay.gif") 12px 1.2em no-repeat;
	color:#333;
	text-decoration:none;
}

div#sideArea div.sideMenu001 ul li a {
	display:block;
	padding:9px 9px 9px 30px;
	height:1%;
	background:transparent url("/common/img/icon_001_blue.gif") 12px 1.2em no-repeat;
	color:#333;
	text-decoration:none;
}

#corporate div#sideArea div.sideMenu001 ul li a { background:transparent url("/common/img/icon_001_lightblue.gif") 12px 1.2em no-repeat; }
#shareholders div#sideArea div.sideMenu001 ul li a { background:transparent url("/common/img/icon_001_orange.gif") 12px 1.2em no-repeat; }

div#sideArea div.sideMenu001 ul li a:hover,
div#sideArea div.sideMenu001 ul li.select a {
	background-color:#E6EEF8;
	color:#0C3BBD;
	text-decoration:none;
}

#corporate div#sideArea div.sideMenu001 ul li a:hover,
#corporate div#sideArea div.sideMenu001 ul li.select a { background-color:#F2FAFF; color:#17AEFF; }
#shareholders div#sideArea div.sideMenu001 ul li a:hover,
#shareholders div#sideArea div.sideMenu001 ul li.select a { background-color:#FFFBE6; color:#F78200; }

div#sideArea div.sideMenu001 ul li .icon {
	padding:0 5px;
	vertical-align:middle;
}


div#sideArea div.sideMenu002 {
	margin-bottom:17px;
	padding-top:7px;
	background:transparent url("/common/img/bg_side_menu_002.gif") 0 0 repeat-x;
}

div#sideArea div.sideMenu002 ul {
	font-size:0.8em;
}

div#sideArea div.sideMenu002 ul li {
	padding-bottom:1px;
	background:transparent url("/common/img/border_dotted.gif") 0 100% repeat-x;
}

div#sideArea div.sideMenu002 ul li.lastItem {
	padding-bottom:0;
	background-image:none;
}


div#sideArea div.sideMenu003 {
	margin-bottom:17px;
	border:1px solid #AABBE6;
	background-color:#F8FBFD;
}

div#sideArea div.sideMenu003 ul {
	font-size:0.8em;
}

div#sideArea div.sideMenu003 ul li {
	padding-bottom:1px;
	background:#F8FBFD url("/common/img/border_side.gif") 0 100% repeat-x;
}

div#sideArea div.sideMenu003 ul li.lastItem {
	padding-bottom:0;
	background-image:none;
}


/* ===== Banner ===== */
div#sideArea div.banner001 { margin-bottom:17px; }

div#sideArea div.banner001 ul { font-size:0.8em; }

div#sideArea div.banner001 ul li { margin-bottom:10px; }

div#sideArea div.banner001 ul li.lastItem { margin-bottom:0; }


div#sideArea div.banner002 {
	margin-bottom:17px;
	padding:9px;
	border:1px solid #DEDEDE;
	background-color:#F8F8F8;
}

div#sideArea div.banner002 ul { font-size:0.8em; }

div#sideArea div.banner002 ul li { margin-bottom:5px; }

div#sideArea div.banner002 ul li.lastItem { margin-bottom:0; }


div#sideArea div.group {
	margin-bottom:17px;
	width:100%;
	background:#ecf9ff url("/common/img/bg_group.gif") 0 bottom no-repeat;
}

div#sideArea div.group dl { font-size:0.8em; }

div#sideArea div.group dl dt {}

div#sideArea div.group dl dd {
	padding: 10px 3px 43px 10px;
}

div#sideArea div.group dl dd ul li {
	margin-bottom:1px;
	padding-left:16px;/*21*/
	background:transparent url("/common/img/icon_001_blue.gif") 0 0.5em no-repeat;
	line-height:1.7;
}
div#sideArea div.group dl dd ul li .icon {
	padding:0 5px;
	vertical-align:middle;
}


/* ===== Bank Area ===== */
div#sideArea .loginArea {
	margin-bottom:17px;
	width:100%;
}

div#sideArea .loginArea dl { font-size:0.8em; }

div#sideArea .loginArea dl dt {}

div#sideArea .loginArea dl dd {
	border-left:1px solid #A9BAE7;
	border-right:1px solid #A9BAE7;
	border-bottom:1px solid #A9BAE7;
}

div#sideArea .loginArea dl.listLightblue dd {
	border-left:1px solid #A8E1FF;
	border-right:1px solid #A8E1FF;
	border-bottom:1px solid #A8E1FF;
}

div#sideArea .loginArea dl.listOrange dd {
	border-left:1px solid #FFBB8A;
	border-right:1px solid #FFBB8A;
	border-bottom:1px solid #FFBB8A;
}

div#sideArea .loginArea dl dd ul {}

div#sideArea .loginArea dl dd ul li {
	padding-bottom:1px;
	background:#F8FBFD url("/common/img/border_side.gif") 0 100% repeat-x;
}

div#sideArea .loginArea dl.listLightblue dd ul li { background-color:#F8FBFD; }
div#sideArea .loginArea dl.listOrange dd ul li { background-color:#FFF8F3; }

div#sideArea .loginArea dl dd ul li.lastItem {
	padding-bottom:0;
	background-image:none;
}

div#sideArea .loginArea dl dd ul li.button {
	padding:10px;
}


div#sideArea .loginArea dl.listBlue dd ul li {
	padding-bottom:0px;
	background:none;
}
div#sideArea .loginArea  dl.listBlue dd ul li.button {
	padding:10px;
	border-top:1px solid #A8E1FF;
	background:#0C3BBC url("/common/img/border_side.gif") 0 100% repeat-x;
}


/**************************************************
		Footer
**************************************************/
div#footerWrapper {
	clear:both;
	width:100%;
}

div#footerArea001 {
	padding:13px 0;
	width:100%;
	background:#FFF url("/common/img/border_dotted.gif") 0 0 repeat-x;
}

div#footerArea001 div.bg {
	margin:0 auto;
	width:900px;
	text-align:left;
}

div#footerArea002 {
	clear:both;
	padding:11px 0 80px 0;
	width:100%;
	background:#F8F8F8 url("/common/img/bg_footer.gif") 0 0 repeat-x;
}

div#footerArea002 div.bg {
	margin:0 auto;
	width:900px;
	text-align:left;
}


/* ===== Pankz ===== */
div#footerArea001 p.pankz {
	float:left;
	width:780px;
	font-size:0.7em;
}

div#footerArea001 p.pankz a { color:#333; text-decoration:none; }
div#footerArea001 p.pankz a:hover { color:#0C3BBD; text-decoration:underline; }
div#footerArea001 p.pankz a.current { color:#0C3BBD; text-decoration:underline; }
div#footerArea001 p.pankz a.current:hover { color:#0C3BBD; text-decoration:none; }


/* ===== Pagetop ===== */
div#footerArea001 p.pagetop {
	float:right;
	margin-left:20px;
	width:100px;
	font-size:0.8em;
}


/* ===== Footer Menu ===== */
div#footerArea002 ul#footerMenu {
	float:left;
	margin-bottom:15px;
	padding-top:2px;
	width:783px;
	font-size:0.8em;
}

div#footerArea002 ul#footerMenu li {
	float:left;
	padding:0 7px;
	border-left:1px solid #646464;
	margin-bottom:8px;
}
div#footerArea002 ul#footerMenu li.two {
	margin-bottom:0px;
}

div#footerArea002 ul#footerMenu li.lastItem { border-right:1px solid #646464; }

div#footerArea002 ul#footerMenu li a { color:#333; text-decoration:none; }
div#footerArea002 ul#footerMenu li a:hover { color:#333; text-decoration:underline; }


/* ===== Copyright ===== */
div#footerArea002 p#zenginkyo {
	float:right;
	margin-bottom:5px;
	width:117px;
	font-size:0.8em;
}

div#footerArea002 p#financial {
	clear:both;
	float:left;
	width:600px;
	font-size:0.8em;
}

div#footerArea002 p#copyright {
	float:right;
	margin-left:15px;
	width:285px;
	font-size:0.8em;
}