@charset "utf-8";
@import "common.css";
@import "style.css";

/* =====================================================================
	global
====================================================================== */

* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% Arial,Helvetica,sans-serif;
	font-family : "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
body {
	background : url(../images/bg_body.gif) repeat-x left top #257cdb;
	color : #464646;
	font-size : 62.5%;
	text-align : center;
}
body#image {
	background : none;
}

/* =====================================================================
	layout
====================================================================== */

div#shell {
	background : #FFF;
	font-size : 1.4em;
	margin : 0 auto;
	width : 980px;
	text-align : left;
}
div#shell.home {
	background-image : url(../images/bg_shell_home.gif);
}
div#header,
div#core,
div#footer {
	clear : both;
}
div#header {
	position : relative;
	background : url(../images/bg_header.gif) no-repeat 0 0;
	height : 180px;
}
div#core {
	padding : 0 15px;
}
div#contents {
	float : left;
	width : 655px;
}
div#utilities {
	float : right;
	width : 265px;
}
div#footer {
	background : url(../images/bg_footer.gif) no-repeat 0 0 #257cdb;
}

/* ___________________________________________________________ anchor */

a {
	text-decoration : underline;
}
a:link {
	color : #257cdb;
}
a:visited {
	color : #257cdb;
}
a:hover {
	color : #ff3f01;
}
a:active {
	color : #ff3f01;
}
a:focus {
	outline : none;
}

/* ___________________________________________________________ document */

h1 {
	line-height : 25px;
	height : 25px;
}
h2 {
	position : absolute;
	left : 15px;
	top : 40px;
	overflow : hidden;
	background : url(../images/header/logo.gif) no-repeat 0 0;
	width : 522px;
	height : 55px;
}
h2 a {
	display : block;
	padding : 55px 0 0 0;
	width : 522px;
	height : 55px;
}
h3 {
	overflow : hidden;
	margin : 0 0 0 0;
	padding-left : 20px;
	background : url(../images/core/contents/headline/h3.gif) no-repeat 0 0;
	font-size : 2.3em;
	color : #257cdb;
	line-height : 65px;
	height : 60px;
}
.home h3 {
	padding-left : 0;
}
h4 {
	text-indent : 20px;
	font-weight : bold;
	line-height : 40px;
	height : 40px;
}
h4 a {
	line-height : 40px;
	height : 40px;
}
h4 {
	margin : 0 0 10px 0;
	background : url(../images/core/contents/headline/h4.gif) no-repeat left bottom;
	font-size : 1.1em;
	color : #054696 !important;
}
h5,h6 {
	margin : 0 0 10px 0;
	text-indent : 20px;
	line-height : 30px;
	height : 30px;
}
h5 a,h6 a {
	line-height : 30px;
	height : 30px;
}
h5 {
	background : url(../images/core/contents/headline/h5.gif) no-repeat left bottom;
}
h6 {
	background : url(../images/core/contents/headline/h6.gif) no-repeat left bottom;
	padding : 6px 0 6px 20px;
	text-indent : 0;
	font-weight : normal;
	line-height : 18px;
	height : auto;
}
ul {
	margin : 0 1em 15px 1em;
	list-style : none;
}
ol {
	margin : 0 1em 15px 1em;
	list-style-position : outside;
}
ul li {
	margin : 0 0 5px 0;
	padding : 0.2em 0 0 20px;
	background : url(../images/option/arrow.gif) no-repeat 0 0.35em;
	line-height : 1.4;
}
ol li {
	margin : 0 0 5px 20px;
}
ul li ul li {
	padding : 2px 0 2px 10px;
	background : url(../images/option/more.gif) no-repeat 0 0.3em;
}
ul li ol li {
	padding-left : 0;
	background : none;
}
dl {
	margin : 0 10px 20px 10px;
	line-height : 1.6;
}
dl dt {
	margin : 0 0 10px 0;
	padding : 4px;
	background : #F1F1F1;
	color : #444444;
	text-indent : 5px;
}
dl dd {
	margin : 10px 15px 10px 10px;
	line-height : 1.7;
}
dl dd p {
	padding : 0 0 5px 0;
	line-height : 1.7;
}
dl dd ul, 
dl dd ol {
	margin : 0 0.3em 15px 0.3em;
}
dl dd ol li {
	margin-left : 0;
}
strong {
	font-size : 1.1em;
}
em {
	font-weight : bold;
}
em.red {
	font-weight : bold;
	color : #b70225;
}
p {
	padding : 0 1em 20px 1em;
	line-height : 1.7;
}
address {
	margin : 10px 10px 20px 10px;
	padding : 10px 20px;
	border : 1px solid #E0E0E0;
}

/* ___________________________________________________________ table */

table {
	margin : 0 10px 20px 10px;
	border : 1px solid #dddddd;
	border-collapse : collapse;
}
table th {
	padding : 5px;
	border : 1px dotted #dddddd;
	background : #cee5ff;
	font-weight : bold;
	text-align : center;
}
table td {
	padding : 5px;
	border : 1px dotted #dddddd;
}
td.num {
	text-align : right;
}
caption {
	font-size : 1.1em;
}

/* ___________________________________________________________ image */

img {
	vertical-align : bottom;
}
.thumbs_left {
	float : left;
	margin : 0 10px 0 0;
}
.thumbs_right {
	float : right;
	margin : 0 0 0 10px;
}
.thumbnail,
.thumbs_center {
	text-align : center;
}

/* ___________________________________________________________ hr */

hr {
	clear : both;
	visibility : hidden;
}
div#shell hr {
	display : block;
	margin : 0 0 0 0;
	*margin-bottom : -10px;
	height : 1px;
}
hr.divide {
	visibility : visible;
	margin : 0 0 15px 0 !important;
	border-top : dotted 1px #ccc;
}

/* ___________________________________________________________ form */

.global div#contents input#search {
	padding : 0.2em;
	border : 1px solid #ccc !important;
}
.global div#contents input.submit {
	padding : 0.2em 1em;
	background : #ffcc00;
}
.global div#contents label {
	padding-left : 5px;
	padding-right : 20px
}

/* =====================================================================
	header
====================================================================== */

div#header h1 {
	margin : 0 15px;
}
div#header ul.guide {
	position : absolute;
	top : 30px;
	right : 15px;
	margin : 0;
	padding : 0;
}
div#header ul.guide li {
	float : left;
	margin : 0 10px 0 0;
	padding : 0;
}
div#header ul.guide li a {
	overflow : hidden;
	display : block;
	background : url(../images/header/bg_guide_contact.gif) no-repeat 0 0;
	text-indent : -2000px;
	height : 20px;
}
div#header ul.guide li a:hover {
	background-position : 0 -20px;
}
div#header ul.guide li.contact a {
	background-image : url(../images/header/bg_guide_contact.gif);
	width : 99px;
}
div#header ul.guide li.bank a {
	background-image : url(../images/header/bg_guide_bank.gif);
	width : 76px;
}
div#header ul.guide li.recruit a {
	background-image : url(../images/header/bg_guide_recruit.gif);
	width : 76px;
}
div#header ul.guide li.sitemap a {
	background-image : url(../images/header/bg_guide_sitemap.gif);
	width : 94px;
}

/* ___________________________________________________________ font_size */

div#header ul.font_size {
	position : absolute;
	top : 60px;
	right : 15px;
	margin : 0 0 15px 0;
	background : url(../images/header/bg_font_size.gif) no-repeat 0 0;
	width :173px;
	height : 34px;
}
div#header ul.font_size li {
	overflow : hidden;
	position : absolute;
	top : 4px;
	margin : 0;
	padding : 0;
	border : 0;
	text-align : left;
	text-indent : -2000px;
	width : 26px;
	height : 26px;
}
div#header ul.font_size li.small {
	right : 66px;
}
div#header ul.font_size li.default {
	right : 35px;
}
div#header ul.font_size li.large {
	right : 4px;
}
div#header ul.font_size li a {
	display : block;
	background : url(../images/header/bg_font_size_small.gif) no-repeat 0 0
	width : 26px;
	height : 26px;
}
div#header ul.font_size li.small a {
	background-image : url(../images/header/bg_font_size_small.gif);
}
div#header ul.font_size li.default a {
	background-image : url(../images/header/bg_font_size_default.gif);
}
div#header ul.font_size li.large a {
	background-image : url(../images/header/bg_font_size_large.gif);
}
div#header ul.font_size li a:hover,
div#header ul.font_size li.selected a {
	background-position : 0 -26px !important;
}

/* ___________________________________________________________ form */

div#header form {
	position : absolute;
	top : 123px;
	right : 10px;
	text-align : right;
	width : 300px;
}
div#header form #search {
	margin-right : 5px;
	padding : 3px 0;
	border : 1px solid #ccc;
	background : #fff;
	width : 180px;
}
div#header form .submit {
	overflow : hidden;
	background : url(../images/header/bg_submit.gif) no-repeat 0 0;
	text-indent : -2000px;
	width : 65px;
	height : 25px;
}

/* ___________________________________________________________ navigation */

div#header ul.navigation {
	position : absolute;
	bottom : 16px;
	overflow : hidden;
	margin : 0;
	padding : 0;
	height : 55px;
}
div#header ul.navigation li {
	overflow : hidden;
	float : left;
	margin : 0;
	padding : 0;
	height : 55px;
}
div#header ul.navigation li a {
	overflow : hidden;
	display : block;
	background : url(../images/header/bg_navigation_home.gif) no-repeat 0 0;
	margin : 0 30px 0 0;
	padding : 55px 0 0 0;
	height : 55px;
}
div#header ul.navigation li a:hover,
div#header ul.navigation li.stay a {
	background-position : 0 -55px;
}
div#header ul.navigation li.home a {
	margin-right : 10px;
	background-image : url(../images/header/bg_navigation_home.gif);
	width : 46px;
}
div#header ul.navigation li.service a {
	background-image : url(../images/header/bg_navigation_service.gif);
	width : 117px;
}
div#header ul.navigation li.life a {
	background-image : url(../images/header/bg_navigation_life.gif);
	width : 171px;
}
div#header ul.navigation li.faq a {
	background-image : url(../images/header/bg_navigation_faq.gif);
	width : 127px;
}
div#header ul.navigation li.bank a {
	background-image : url(../images/header/bg_navigation_bank.gif);
	width : 89px;
}

/* =====================================================================
	core
====================================================================== */

div.section {
	overflow : hidden;
	margin-bottom : 20px;
}
p.thumb {
	padding : 0 0 3px 0;
}
p.thumb a {
	display : block;
	border : 3px solid #ddd;
}
p.thumb a:hover {
	border-color : #ff7e00;
}
div.column4 .column {
	float : left;
	margin-right : 20px;
	width : 150px;
}
div.column3 .column {
	float : left;
	margin-right : 15px;
	width : 210px;
}
div.column2 .column {
	float : left;
	margin-right : 15px;
	width : 320px;
}
.column {
	padding : 0px;
	margin-bottom : 15px;
}
.turn {
	margin-right : 0 !important;
}
div.column4 p.label,
div.column3 p.label,
div.column2 p.label {
	padding-bottom : 10px;
	text-align : center;
}
p.more {
	text-align : right;
}
p.more a {
	padding : 0.2em 0 0.2em 15px;
	background : url(../images/option/more.gif) no-repeat 0 0.3em;
}
.thumbnail_left p.more {
	clear : both;
	padding-top : 8px;
	border-top : dotted 1px #ccc;
}

/* ___________________________________________________________ detail */

h5.summary,h6.summary {
	margin-left : 210px;
}
.thumbnail_left h6.summary {
	margin-left : 160px;
}
h5.summary {
	background : url(../images/core/contents/headline/h5_summary.gif) no-repeat left bottom;
}
ul.summary li {
	background : none !important;
	margin : 0 0 10px 0;
	padding : 0 0 0 5px;
	list-style : inside url(../images/option/arrow.gif);
	line-height : 1.0 !important;
	height : 100%;
}
p.date {
	text-align : right;
	margin : -6px 1em 4px 1em;
	padding : 0;
}
p.navigation {
	text-align : center;
}

/* ___________________________________________________________ active */

ul.active {
	padding : 0.5em 0 0 0;
	border-top : 1px dotted #ccc;
	text-align : right;
}
ul.active li {
	display : inline;
	padding : 0;
	background : none !important;
}
dt.active {
	border : none;
	text-align : right;
}
dd.active {
	margin : 0 0 15px 0;
	padding : 3px 0 0 0;
	text-align : right;
}
p.apply a {
	display : block;
	width : 250px;
	height : 55px;
	overflow : hidden;
	margin : 20px 0 25px 205px;
	padding : 0;
	text-align : center;
	background : url(../images/option/apply.gif) no-repeat 0 -40px #00C;
	color : #FFF;
	text-decoration : none;
	text-indent : 16px;
	line-height : 54px;
	font-weight : bold;
	background-position : 0 0;
}
p.apply a:visited,
p.apply a:hover {
	color : #fff;
}
p.apply a:hover {
	background-position : 0 0;
}

/* =====================================================================
	intro
====================================================================== */

ul.topic_path {
	margin : 0 0 16px 0;
	padding : 0;
}
ul.topic_path li {
	margin : 0;
	padding : 0 3px 0 0;
	background : none !important;
	display : inline;
}

/* ___________________________________________________________ shortcut */

div#intro div.shortcut {
	margin : 10px 0 0 0;
}
div#intro div.shortcut .column {
	overflow : hidden;
	float : left;
	margin : 0 19px 0 0;
	width : 304px;
}
div#intro div.shortcut .column h3 {
	border : 0;
	height : 60px;
}
div#intro div.shortcut div.turn {
	margin-right : 0;
}

/* =====================================================================
	contents
====================================================================== */

div#contents p.request {
	padding : 15px 0 40px 0;
	text-align : center;
}
div#contents div.banner {
	padding : 10px 0 0 20px;
}
div#contents div.banner p.column {
	float : left;
	margin : 0 10px;
	_margin-left : 5px;
	padding : 0;
	width : 290px;
	height : 70px;
}
.index .column h5 {
	margin : 0;
	padding : 0;
	text-indent : 0;
}

/* =====================================================================
	utilities
====================================================================== */

div#utilities div {
	margin : 0 0 20px 0;
}
div#utilities div.guide h3 {
	margin-bottom : 10px;
	padding : 0 0 0 10px;
	background : url(../images/core/utilities/headline/h3.gif) no-repeat 0 0;
	font-size : 1.2em;
	color : #fff;
	line-height : 40px;
	height : 40px;
}
div#utilities .guide ul {
	margin : 0 0 15px 0;
	padding : 0 0 5px 0;
}
div#utilities .guide ul li {
	padding : 2px 5px 5px 25px;
	background : url(../images/option/arrow.gif) no-repeat 5px 0.35em;
	border-bottom : 1px dotted #ccc;
	line-height : 18px;
}
div#utilities .banner {
	margin-bottom : 5px;
}
div#utilities .banner p {
	padding : 0 0 10px 0;
}
div#utilities .qr {
	background : url(../images/core/utilities/qr.gif) no-repeat 0 0;
	height : 160px;
}
div#utilities .qr h5 {
	background : none;
	text-indent : -2000px;
}
div#utilities .qr p {
	marign : 0;
	padding : 0;
	text-indent : -2000px;
}

/* =====================================================================
	footer
====================================================================== */

div#footer p.return_top {
	position : relative;
	margin : 0;
	padding : 0;
	height : 65px;
}
div#footer p.return_top a {
	position : absolute;
	right : 15px;
	display : block;
	background : url(../images/option/return_top.gif) no-repeat 0 0;
	text-indent : -3000px;
	width : 174px;
	height : 25px;
}
div#footer p.return_top a:hover {
	background-position : 0 -25px;
}
div#footer div.sitemap {
	margin : 0 0 20px 0;
	padding : 0 0 5px 0;
	background : url(../images/footer/bg_sitemap.gif) no-repeat left bottom;
}
div#footer div.sitemap h4 {
	margin : 0 0 10px 15px;
	padding : 0 0 0 10px;
	background : url(../images/footer/h4.gif) no-repeat 0 0.35em;
	font-size : 1.0em;
	line-height : 24px;
	height : 24px;
}
div#footer div.sitemap h4 a {
	line-height : 24px;
	height : 24px;
}
div#footer div.sitemap ul {
	margin : 0 0 10px 15px;
}
div#footer div.sitemap ul li {
	float : left;
	background : url(../images/footer/arrow.gif) no-repeat 0 0.3em;
	font-size : 0.9em;
	width : 220px;
}
div#footer div.sitemap ul li a:link,
div#footer div.sitemap ul li a:visited {
	color : #257cdb;
}
div#footer div.sitemap ul li a:hover,
div#footer div.sitemap ul li a:active {
	color : #ff3f01;
}
div#footer ul.guide {
	margin : 0;
	padding : 0 15px;
}
div#footer ul.guide li {
	display : inline;
	padding : 0 6px 0 8px;
	background : none;
	border-left : 1px solid #fff;
	font-size : 0.9em;
}
div#footer ul.guide li:first-child {
	padding-left : 0;
	border : none;
}
div#footer ul li a {
	color : #fff;
}
div#footer address {
	margin : 0;
	padding : 0;
	border : none;
	color : #fff;
	font-size : 0.86em;
}
div#footer address a {
	text-decoration : none;
}
div#footer address.profile {
	margin-top : 20px;
	padding : 5px 0 0 0;
}
div#footer address.profile a {
	display : block;
	float : left;
	background : url(../images/footer/logo.gif) no-repeat 0 0;
	text-indent : -2000px;
	width : 300px;
	height : 40px;
}
div#footer address.copyright {
	clear : both;
	padding : 0 15px 20px 15px;
	text-align : right;
}