@charset "Shift_JIS";

/* ------------------------------------------------------------
  BASE CONTENTS CSS
  最終更新日 : 2011-09-20
------------------------------------------------------------ */


/* Headline Style
------------------------------------------------------------ */

h1 { }

.h2Title {
	clear: both;
	width: 100%;
	font-size: 90%;
	line-height: 140%;
}
.h2Title h2 {
	float: left;
	border-bottom: solid 2px #c61423;
	color: #c61423;
	font-weight: bold;
	padding-bottom: 2px;
}
.h2Title .h2Line {
	border-bottom: solid 2px #cccccc;
	padding-bottom: 2px;
}

h2.privacy {
	border-bottom: solid 1px #cccccc;
	font-size: 75%;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 2px;
}

h2.inquiry {
	border-bottom: solid 1px #cccccc;
	color: #c61423;
	font-size: 80%;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 2px;
}

.h2Point {
	clear: both;
}
.h2Point .deco {
	float: left;
	width: 20px;
	font-size: 75%;
	line-height: 150%;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-right: 8px;
}
.h2Point h2 {
	font-size: 90%;
	line-height: 150%;
	font-weight: bold;
	color: #c61423;
}

.h2Application {
	clear: both;
	border: solid 1px #999999;
}
.h2Application .step {
	float: left;
	font-size: 90%;
	line-height: 180%;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	padding: 0 15px;
	margin-right: 8px;
}
.h2Application h2 {
	font-size: 90%;
	line-height: 180%;
	font-weight: bold;
	color: #c61423;
}

h2.system {
	font-size: 80%;
	line-height: 180%;
	background-color: #003366;
	color: #ffffff;
	font-weight: bold;
	padding: 0 10px;
}

.h3Case {
	clear: both;
}
.h3Case .deco {
	float: left;
	width: 20px;
	font-size: 75%;
	line-height: 150%;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-right: 8px;
}
.h3Case h3 {
	font-size: 75%;
	line-height: 150%;
	font-weight: bold;
}

h3.system {
	font-size: 90%;
	line-height: 180%;
	color: #c61423;
	font-weight: bold;
}



/* Contents Top Style
------------------------------------------------------------ */

.contentsTop .catch {
	float: left;
	width: 390px;
	padding-right: 20px;
}

.contentsTop .lead {
	font-size: 90%;
	line-height: 170%;
}


/* Page Top Style
------------------------------------------------------------ */

#contentsArea .pageTopLink { text-align: right; }
#contentsArea .pageTopLink a {
	font-size: 70%;
	line-height: 130%;
	background: url(../images/page_top_arrow.gif) no-repeat left center;
	color: #333333;
	padding-left: 10px;
	zoom: 1;
}


/* Page Close Style
------------------------------------------------------------ */

#mainSubWin .pageClose { text-align: center; }
#mainSubWin .pageClose a {
	font-size: 75%;
	line-height: 150%;
	background: url(../images/page_close.gif) no-repeat left center;
	color: #333333;
	padding-left: 15px;
	zoom: 1;
}


/* Anchor Link Style
------------------------------------------------------------ */

#contentsArea .anchorLink .left { float: left; }

#contentsArea .anchorLink a {
	font-size: 75%;
	line-height: 150%;
	background: url(../images/link_arrow.gif) no-repeat left center;
	color: #333333;
	padding-left: 10px;
	zoom: 1;
}


/* List Style
------------------------------------------------------------ */

#contentsArea .listNote .style {
	clear: both;
	float: left; 
	font-size: 75%;
	line-height: 150%;
}

#contentsArea .listNote .text {
	font-size: 75%;
	line-height: 150%;
	padding-left: 12px;
}

#contentsArea .listNum .style,
#mainSubWin .listNum .style {
	clear: both;
	float: left; 
	font-size: 75%;
	line-height: 150%;
}

#contentsArea .listNum .text,
#mainSubWin .listNum .text {
	font-size: 75%;
	line-height: 150%;
}

#contentsArea .listDot .style {
	clear: both;
	float: left; 
	font-size: 100%;
	line-height: 120%;
}

#contentsArea .listDot .text {
	font-size: 75%;
	line-height: 150%;
	padding-left: 12px;
}

#contentsArea .listDot .textS {
	font-size: 70%;
	line-height: 130%;
	padding-left: 12px;
}

#contentsArea .listSquare .style {
	clear: both;
	float: left; 
	font-size: 70%;
	line-height: 150%;
	color: #c61423;
}

#contentsArea .listSquare .text {
	font-size: 75%;
	line-height: 150%;
	padding-left: 12px;
}

#contentsArea .attention p {
	color: #ff0000;
	font-size: 75%;
	line-height: 150%;
}

#contentsArea .attention dt {
	clear: both;
	float: left; 
	font-size: 100%;
	line-height: 120%;
}

#contentsArea .attention dd {
	font-size: 75%;
	line-height: 150%;
	padding-left: 12px;
}


/* Text Style
------------------------------------------------------------ */

.text {
	font-size: 75%;
	line-height: 150%;
}

.textL {
	font-size: 90%;
	line-height: 150%;
}

.textS {
	font-size:70%;
	line-height: 130%;
}

.red {
	color: #ff0000;
}

.wine {
	color: #c61423;
}

.blue {
	color: #003399;
}

.example {
	font-size: 75%;
	line-height: 150%;
}

.linkPdf {
	background: url(../images/link_pdf.gif) no-repeat left top;
	padding-left: 24px;
	zoom: 1;
	min-height: 16px;
}


/* Text Link Style
------------------------------------------------------------ */

.textLink a {
	font-size: 75%;
	line-height: 150%;
	background: url(../images/link_arrow.gif) no-repeat left center;
	padding-left: 10px;
}

.textLinkL a {
	font-size: 90%;
	line-height: 150%;
	background: url(../images/link_arrow.gif) no-repeat left center;
	padding-left: 10px;
}

.textBtnW330 {
	width: 330px;
	border: solid 1px #cccccc;
	background: url(../images/text_btn_bg.gif) repeat-x left top;
	background-color: #95271a;
	text-align: center;
	margin-left: 130px;
}

.textBtnW330 .text {
	border: solid 2px #ffffff;
	padding: 3px 0;
	font-size: 75%;
	line-height: 150%;
}
.textBtnW330 .text a { color: #ffffff; display: block; }

.textBtnW200 {
	width: 200px;
	border: solid 1px #cccccc;
	background: url(../images/text_btn_bg.gif) repeat-x left top;
	background-color: #95271a;
	text-align: center;
	margin-left: 195px;
}

.textBtnW200 .text {
	border: solid 2px #ffffff;
	padding: 3px 0;
	font-size: 75%;
	line-height: 150%;
}
.textBtnW200 .text a { color: #ffffff; display: block; }

.textLinkBottom {
}
.textLinkBottom dl {
	font-size: 75%;
	line-height: 150%;
	padding-top: 5px;
}
.textLinkBottom dt {
	clear: both;
	float: left;
	width: 16px;
	background: url(../images/link_arrow_wht.gif) no-repeat center;
	background-color: #cccccc;
}
.textLinkBottom dd {
	background-color: #ffffff;
	padding-left: 22px;
}


/* Frame Style
------------------------------------------------------------ */

.contentsFrame {
	background: url(../images/contents_frame_bg.gif) no-repeat left top;
	padding: 15px;
}

.contentsFrame .leftW190 {
	clear: both;
	float: left;
	width: 190px;
}

.contentsFrame .rightW370 {
	float: right;
	width: 370px;
}

.contentsFrame .step {
	background-color: #666666;
	color: #ffffff;
	font-size: 75%;
	line-height: 150%;
	font-weight: bold;
	padding: 3px 7px;
}

.contentsFrame .headLine {
	color: #c61423;
	font-size: 90%;
	line-height: 150%;
	font-weight: bold;
}

.contentsFrame {
	background: url(../images/contents_frame_bg.gif) no-repeat left top;
	padding: 15px;
}

.contentsFrame02 {
	background-color: #f0f0f0;
	padding: 10px;
}

.contentsBorderFrame {
	border: solid 1px #cccccc;
	padding: 15px;
}