@charset "utf-8";

/* keyVisual
-------------------------------------------------- */

#keyVisual:before {
	content: " ";
	background: url(/shared/images/bg_keyvisual_shadow.png) left top repeat-x;
}

#keyVisual {
	margin-bottom: 30px;
	padding-top: 85px;
	background-position: center 85px;
	background-repeat: no-repeat;
	background-color: #f4f3ec;
	height: 280px;
}

#keyVisual,
#categoryID_1 #keyVisual {
	background-image: url(/shared/images/bg_keyvisual_1.jpg);
}

#keyVisual #keyVisualTxt {
	margin: 0 auto;
	width: 980px;
	height: 280px;
	position: relative;
	color: #ffffff;
}

#keyVisual #keyVisualTxt a {
	color: #ffffff;
}

.mainAreaDefaultGrid #keyVisual .keyTitle {
	font-size: 60px;
	position: absolute;
	left: 23px;
	bottom: 15px;
	line-height: 1.3;
	font-weight: bold;
}

.mainAreaDefaultGrid #keyVisual .keyTitle span {
	padding-left: 18px;
	background: url(/shared/images/arrow_small_middle.png) left 10px no-repeat;
	font-size: 24px;
}

.mainAreaDefaultGrid #keyVisual .keyTitle span.hasSecond {
	margin-right: 20px;
	display: inline-block;
}

#keyVisual #keyVisualTxt2 {
	position: absolute;
	left: 23px;
	bottom: 15px;
}

#keyVisual #keyVisualTxt2 .keyTitle {
	position: static;
}

.mainAreaDefaultGrid #keyVisual .topicPath {
	margin-bottom: 11px;
	line-height: 1.3;
	font-weight: bold;
}

.mainAreaDefaultGrid #keyVisual .topicPath span {
	padding-left: 18px;
	background: url(/shared/images/arrow_small_middle.png) left 10px no-repeat;
	font-size: 24px;
}

.mainAreaDefaultGrid #keyVisual .topicPath span.hasSecond {
	margin-right: 20px;
	display: inline-block;
}

/* heading Element
-------------------------------------------------- */

#mainArea .pageTitle .read {
	margin-bottom: 5px;
	color: #0097aa;
	font-weight: bold;
}

.mainAreaDefaultGrid #mainArea h1 {
	margin: 0 0 15px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.18;
	color: #0097aa;
}

.mainAreaDefaultGrid #mainArea h2 {
	margin: 0 0 15px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.15;
	color: #222222;
}

.mainAreaDefaultGrid #mainArea section + h2 {
	margin-top: 50px;
}

.mainAreaFullGrid #mainArea h2 {
	margin: 0 0 8px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.15;
	color: #222222;
}

.mainAreaFullGrid #mainArea .headingBox {
	position: relative;
}

.mainAreaFullGrid #mainArea .headingBox h2 {
	float: left;
}

.mainAreaFullGrid #mainArea .headingBox p {
	margin-bottom: 0;
	padding-left: 15px;
	display: block;
	position: absolute;
	bottom: 8px;
	left: 8em;
}

.mainAreaFullGrid #mainArea h2 span {
	padding-left: 15px;
	font-family: 'ゴシックMB101 R' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 13px;
}

.mainAreaDefaultGrid #mainArea h3 {
	margin: 0 0 16px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.22;
	color: #005e7b;
}

.mainAreaDefaultGrid #mainArea section + h3 {
	margin-top: 30px;
}

.mainAreaDefaultGrid #mainArea h4 {
	margin: 0 0 10px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.25;
	color: #333333;
}

#mainArea h1 a,
#mainArea h2 a {
	text-decoration: underline;
}

/* heading Element2
-------------------------------------------------- */

.mainAreaDefaultGrid #keyVisual .keyTitle {
	font-size: 60px;
	position: absolute;
	left: 23px;
	bottom: 15px;
	line-height: 1.15;
	font-weight: bold;
}

.mainAreaDefaultGrid #mainArea .titStyle1 {
	margin: 0 0 15px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.18;
	color: #0097aa;
}

.mainAreaDefaultGrid #mainArea .titStyle2 {
	margin: 0 0 15px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.15;
	color: #222222;
}

.mainAreaDefaultGrid #mainArea section + .titStyle2 {
	margin-top: 50px;
}

.mainAreaFullGrid #mainArea .titStyle2 {
	margin: 0 0 8px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.15;
	color: #222222;
}

.mainAreaDefaultGrid #mainArea .titStyle3 {
	margin: 0 0 16px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.22;
	color: #005e7b;
}

.mainAreaDefaultGrid #mainArea section + .titStyle3 {
	margin-top: 30px;
}

.mainAreaDefaultGrid #mainArea .titStyle4 {
	margin: 0 0 10px;
	font-family: 'ゴシックMB101 DB' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.25;
	color: #333333;
}


/* section Element
-------------------------------------------------- */

#mainArea section {
	margin-bottom: 30px;
}

#mainArea section section {
	margin-top: 50px;
}

#mainArea section section section {
	margin-top: 30px;
}

.mainAreaFullGrid #mainArea .sectionType1 {
	margin: 0 auto;
	width: 980px;
}

.mainAreaFullGrid #mainArea .sectionType2 {
	background: #005e7b;
	color: #ffffff;
}

.mainAreaFullGrid #mainArea .sectionType2 > section {
	margin: 0 auto;
	width: 980px;
}

.mainAreaFullGrid #mainArea .sectionType3 {
	background: #f4f3ec;
}

.mainAreaFullGrid #mainArea .sectionType3 > section {
	margin: 0 auto;
	width: 980px;
}

/* paragraph Element
-------------------------------------------------- */

#mainArea p {
	margin: 0 0 20px 0;
	text-align: justify;
	text-justify: distribute;
}

#mainArea p a {
	text-decoration: underline;
}

#mainArea .strongType_010,
#mainArea .strongType_001 {
	font-weight: bold;
}

#mainArea .strongType_020 {
	color: #ff6600;
	font-weight: bold;
}

#mainArea .strongType_030 {
	font-weight: bold;
	font-size: 16px;
}

#mainArea .colorRed {
	color: #cd1c1c;
}

#mainArea .left {
	text-align: left;
}

#mainArea .center {
	text-align: center;
}

#mainArea .right {
	text-align: right;
}

#mainArea .floatLeft {
	float: left;
}

#mainArea .floatRight {
	float: right;
}

/* image Element
-------------------------------------------------- */

#mainArea .image {
	padding: 3px 0;
	margin: 0;
}

#mainArea .caption {
	padding: 0 0 1px;
	margin: 0;
	font-size: 75%;
	line-height: 1.5;
	color: #999999;
}

/* table Element
-------------------------------------------------- */

#mainArea .generalTable {
	padding: 3px 0;
	margin: 20px 0;
}

#mainArea .generalTable .tableCaption {
	margin-bottom: 5px;
}

#mainArea .generalTable table {
	width: 100%;
	font-size: 100%;
}

/* generalTable */

#mainArea .generalTable th,
#mainArea .generalTable td {
	padding: 16px 20px;
}

#mainArea .generalTable thead th {
	text-align: center;
	color: #ffffff;
	background: #0097aa;
	vertical-align: middle;
}

#mainArea .generalTable tbody th {
	vertical-align: top;
	text-align: left;
}

#mainArea .generalTable table td {
	vertical-align: top;
	background: #ffffff;
	text-align: left;
}

#mainArea .generalTable table tr.even td {
	background: #f4f3ec;
}

/* tableType01 */

.generalTable .tableType01 tbody th {
	background: #f4f3ec;
	border-top: 1px solid #0097aa;
	border-bottom: 1px solid #0097aa;
}

.generalTable .tableType01 tbody td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* tableType02 */

.generalTable .tableType02 {
	border: 1px solid #cccccc;
}

.generalTable .tableType02 thead th {
	border: 1px solid #cccccc;
}

.generalTable .tableType02 tbody th {
	background: #e9e8d8;
	border: 1px solid #cccccc;
}

.generalTable .tableType02 tbody th.heading2nd {
	background: #f4f3ec;
}

.generalTable .tableType02 tbody td {
	border: 1px solid #cccccc;
}

/* tableType03 */

.generalTable .tableType03 {
	border: 1px solid #cccccc;
}

.generalTable .tableType03 thead th {
	border: 1px solid #cccccc;
}

.generalTable .tableType03 tbody th {
	background: #0097aa;
	border: 1px solid #cccccc;
	color: #222;
}

.generalTable .tableType03 tbody td {
	border: 1px solid #cccccc;
}

/* 汎用 */

#mainArea .generalTable .right{
	text-align: right !important;
}

#mainArea .generalTable .left{
	text-align: left !important;
}

#mainArea .generalTable .center{
	text-align: center !important;
}

#mainArea .generalTable .top {
	vertical-align: top !important;
}

#mainArea .generalTable .middle {
	vertical-align: middle !important;
}

#mainArea .generalTable .bottom {
	vertical-align: bottom !important;
}

/* attention Element
-------------------------------------------------- */

#mainArea ul.attention {
	padding: 1px 0 0;
	margin: 0 0 14px;
	list-style: none;
	font-size: 85%;
}

#mainArea ul.attention li {
	padding: 0 0 0 1em;
	margin: 0 0 3px;
	text-indent: -1em;
	background: none;
	line-height: 1.4;
}

#mainArea ul.attention li .icon {
	color: #c90943;
}

#mainArea ul.attention li.strong {
	color: #c90943;
}

#mainArea ul.notes {
	padding: 1px 0 0;
	margin: 0 10px 14px;
	list-style: none;
	font-size: 85%;
}

#mainArea ul.notes li {
	padding: 0 0 0 1.4em;
	margin: 0 0 3px;
	text-indent: -1.3em;
	line-height: 1.4;
	color: #999999;
	background: none;
}

#mainArea ul.notes li span {
	color: #ff0000;
	font-weight: bold;
}

/* list Element
-------------------------------------------------- */

/* ul */
#mainArea ul {
	padding: 0;
	margin: 0 10px 15px 15px;
	list-style: none;
	font-size: 100%;
}

#mainArea ul li {
	padding: 0 0 0 20px;
	margin: 0 0 8px;
	color: #333333;
	background: url(/shared/images/bullet_middle.png) no-repeat 0 9px;
}

/* ol */
#mainArea ol {
	padding: 0;
	margin: 0 10px 15px 35px;
	list-style: decimal;
	color: #0097aa;
}

#mainArea ol li {
	padding:0px;
	margin: 0 0 9px;
}

#mainArea ol li span {
	color: #222222;
}

/* link Element
-------------------------------------------------- */

#mainArea ul.link { 
	padding: 0;
	margin: 0 10px 15px;
}

#mainArea ul.link li {
	padding: 0;
	margin: 0 12px 6px 0;
	background: url(/shared/images/arrow_small_right.png) no-repeat 3px 9px;
}

#mainArea ul.link li.middleLink {
	padding-top: 1px;
	background: url(/shared/images/arrow_small_middle.png) no-repeat 0 7px;
}

#mainArea ul.link li.outsideLink {
	background: url(/shared/images/link_icon_outside.png) no-repeat 0 8px;
}

#mainArea ul.link a {
	padding: 0 0 0 19px;
	margin: 0;
}

#mainArea ul.link li {
	padding-left: 19px;
	text-indent: -19px;
}

#mainArea img.outsideLink {
	margin-right: 5px;
	vertical-align: middle;
}

/* btnlink Element
-------------------------------------------------- */

#mainArea .btn {
	margin: 0;
	color: #ffffff;
	font-weight: bold;
}

#mainArea .btn li {
	margin: 0 0 15px 0;
	padding: 0;
	background: none;
	display: inline-block;
}

#mainArea .btn a {
	padding: 15px 15px 15px 25px;
	line-height: 1;
	display: block;
	background: #1892ca url(/shared/images/ico_list_1.png) 15px 22px no-repeat;
	color: #ffffff;
	font-size: 20px;
}

#mainArea .btn.outsideLink a {
	background: #1892ca url(/shared/images/link_icon_outside2.png) 10px 20px no-repeat;
}

#mainArea .btn.sizeS a {
	background: #1892ca url(/shared/images/ico_list_1.png) 15px 18px no-repeat;
	font-size: 16px;
}

#mainArea .btn.outsideLink.sizeS a {
	background: #1892ca url(/shared/images/link_icon_outside2.png) 12px 18px no-repeat;
}

/* siegeTextBox siegeTextType1
-------------------------------------------------- */

#mainArea .siegeTextBox,
#mainArea .siegeTextType1 {
	margin: 0 0 20px;
	border: 30px solid #f4f3ec;
	background: #f4f3ec;
}

#mainArea .siegeTextBox .body {
	background: #f4f3ec;
}

#mainArea .siegeTextBox .body .column {
	float: left;
}

#mainArea .siegeTextBox .body .image {
	margin-right: 15px;
	width: 180px;
}

#mainArea .siegeTextBox .body .text {
	width: 470px;
}

/* siegeTextBoxType2 */

#mainArea .siegeTextBoxType2 .body .image {
	margin-right: 0;
	width: 320px;
	float: right;
	max-height: 200px;
	overflow: hidden;
}

#mainArea .siegeTextBoxType2 .body .text {
	margin-right: 20px;
	width: 327px;
}

/* siegeTextBox02
-------------------------------------------------- */

#mainArea .siegeTextBox02 {
	margin: 0 0 20px;
	border: 15px solid #f4f3ec;
	background: #f4f3ec;
}

#mainArea .siegeTextBox02 .body {
	padding: 12px 15px;
	background: #ffffff;
}

#mainArea .siegeTextBox02.twoColumnsType .body {
	background: #ffffff url(/shared/images/bg_siegetextbox_1.png) left top repeat-y;
}

#mainArea .siegeTextBox02.threeColumnsType .body {
	background: #ffffff url(/shared/images/bg_siegetextbox_3.png) left top repeat-y;
}

#mainArea .siegeTextBox02 .boxTitle {
	margin-bottom: 0;
	color: #0097aa;
	font-size: 16px;
}

#mainArea .siegeTextBox02 .boxTitle a {
	padding-left: 10px;
	background: url(/shared/images/arrow_small_right.png) left 9px no-repeat;
	text-decoration: none;
}

#mainArea .siegeTextBox02 .boxTitle a:hover {
	text-decoration: underline;
}

#mainArea .siegeTextBox02.twoColumnsType .column {
	margin-right: 43px;
	float: left;
	width: 312px;
}

#mainArea .siegeTextBox02.twoColumnsType .columnEnd {
	margin-right: 0;
}

#mainArea .siegeTextBox02.threeColumnsType .column,
#mainArea .siegeTextBox02.threeColumnsType .column:first-child {
	margin-right: 40px;
	float: left;
	width: 196px;
}

#mainArea .siegeTextBox02.threeColumnsType .columnEnd {
	margin-right: 0;
}

/* siegeTextBox03
-------------------------------------------------- */

#mainArea .siegeTextBox03 {
	margin: 0 0 20px;
}

#mainArea .siegeTextBox03.twoColumnsType .body {
	background: #ffffff url(/shared/images/bg_siegetextbox_2.png) left bottom repeat-y;
}

#mainArea .siegeTextBox03 .body .boxTitle {
	margin-bottom: 0;
	color: #0097aa;
	font-size: 16px;
}

#mainArea .siegeTextBox03 .body .boxTitle a {
	padding-left: 10px;
	background: url(/shared/images/arrow_small_right.png) left 9px no-repeat;
}

#mainArea .siegeTextBox03.twoColumnsType .column {
	margin-right: 30px;
	padding: 30px;
	float: left;
	width: 288px;
	border-top: 1px solid #cccccc;
}

#mainArea .siegeTextBox03.twoColumnsType .columnEnd {
	margin-right: 0;
}

/* siegeTextBox04
-------------------------------------------------- */

#mainArea .siegeTextBox04 {
	margin: 0 0 20px;
	padding: 26px 29px;
	border: 1px solid #cccccc;
}

/* hr Element
-------------------------------------------------- */

#mainArea .hr01 {
	height: 2px;
	padding: 3px 0;
	margin: 15px 0;
	background: url(/shared/images/hr_1.png) repeat-x 0 3px;
}

#mainArea .hr02 {
	height: 1px;
	padding: 3px 0;
	margin: 15px 0;
	background: url(/shared/images/hr_2.png) repeat-x 0 3px;
}

/* gridColumnType1
-------------------------------------------------- */

#mainArea .gridColumnType1 {
	width: 657px;
	padding: 3px 0 4px;
	margin: 0 0 4px;
}

#mainArea .gridColumnType1 .layoutBase {
	width: 657px;
	padding: 0;
	margin: 0;
	background: url(/shared02/images/grid_bg_010.gif) left top repeat-y;
}

#mainArea .gridColumnType1 .layoutHead {
	width: 657px;
	padding: 0;
	margin: 0;
	background: url(/shared02/images/grid_bg_head_010.gif) left top no-repeat;
}

#mainArea .gridColumnType1 .layoutBottom {
	width: 635px;
	_width: 657px;
	_w\idth: 635px;
	padding: 8px 11px 7px;
	margin: 0;
	background: url(/shared02/images/grid_bg_bottom_010.gif) left bottom no-repeat;
}

#mainArea .gridColumnType2 .layoutBase {
	width: 323px;
	padding: 0;
	margin: 0;
	background: url(/shared02/images/grid_bg_020.gif) left top repeat-y;
}

#mainArea .gridColumnType2 .layoutHead {
	width: 323px;
	padding: 0;
	margin: 0;
	background: url(/shared02/images/grid_bg_head_020.gif) left top no-repeat;
}

#mainArea .gridColumnType2 .layoutBottom {
	width: 301px;
	_width: 323px;
	_w\idth: 301px;
	padding: 8px 11px 7px;
	margin: 0;
	background: url(/shared02/images/grid_bg_bottom_020.gif) left bottom no-repeat;
}

#mainArea .gridColumnType1 .leftColumn,
#mainArea .gridColumnType2 .leftColumn {
	width: 301px;
	padding: 0;
	margin: 0;
	float: left;
}

#mainArea .gridColumnType1 .rightColumn,
#mainArea .gridColumnType2 .rightColumn {
	width: 301px;
	padding: 0;
	margin: 0;
	float: right;
}

#mainArea .gridColumnType1 .columnBody,
#mainArea .gridColumnType2 .columnBody {
	padding: 0;
	margin: 0;
}

#mainArea .gridColumnType1 .images,
#mainArea .gridColumnType2 .images {
	width: 110px;
	padding: 3px 0 4px;
	margin: 0;
	float: left;
}

#mainArea .gridColumnType1 .textBox,
#mainArea .gridColumnType2 .textBox {
	width: 177px;
	padding: 8px 0 0;
	margin: 0;
	float: right;
}

#mainArea .gridColumnType1 .textBox h3,
#mainArea .gridColumnType2 .textBox h3 {
	padding: 0;
	margin: 0 0 7px;
}

#mainArea .gridColumnType1 .textBox p,
#mainArea .gridColumnType2 .textBox p {
	padding: 0;
	margin: 0;
}

/* twoIntoColumnsType
-------------------------------------------------- */

#mainArea .twoIntoColumnsType {
	margin-bottom: 20px;
}

#mainArea .twoIntoColumnsType .column .image {
	margin: 0 0 12px;
	padding: 3px 0;
}

#mainArea .twoIntoColumnsType p {
	margin: 0 0 15px;
	padding: 0;
}

/* twoIntoColumnsType1
-------------------------------------------------- */

#mainArea .twoIntoColumnsType1 .column {
	margin: 0 0 20px 20px;
	float: right;
}

/* twoIntoColumnsType2
-------------------------------------------------- */

#mainArea .twoIntoColumnsType2 .column {
	margin: 0 20px 20px 0;
	float: left;
}

/* oneColumnsType1
-------------------------------------------------- */

#mainArea .oneColumnsType1 {
	margin: 0 0 20px;
}

/* twoColumnsType
-------------------------------------------------- */

#mainArea .twoColumnsType {
	margin-bottom: 20px;
}

#mainArea .twoColumnsType .column {
	margin-right: 30px;
	float: left;
}

#mainArea .twoColumnsType .columnEnd {
	margin-right: 0;
}

/* twoColumnsType1
-------------------------------------------------- */

.mainAreaDefaultGrid #mainArea .twoColumnsType1 .column {
	width: 349px;
}

/* twoColumnsType2
-------------------------------------------------- */

.mainAreaFullGrid #mainArea .twoColumnsType2 .column {
	width: 475px;
}

/* twoColumnsType3
-------------------------------------------------- */

#mainArea .twoColumnsType3 .column {
	margin-right: 20px;
	width: 388px;
}

#mainArea .twoColumnsType3 .columnEnd {
	margin-right: 0;
	width: 320px;
}

#mainArea .twoColumnsType3-2 .column {
	margin-right: 0;
	width: 388px;
	float: right;
}

#mainArea .twoColumnsType3-2 .columnEnd {
	margin-right: 0;
	width: 320px;
	float: left;
}

/* twoColumnsType4
-------------------------------------------------- */

#mainArea .twoColumnsType4 .column {
	width: 380px;
	margin-right: 0;
}

#mainArea .twoColumnsType4 .columnEnd {
	width: 328px;
	float: right;
}

/* twoColumnsType5
-------------------------------------------------- */

#mainArea .twoColumnsType5 .column {
	width: 320px;
	margin-right: 0;
}

#mainArea .twoColumnsType5 .columnEnd {
	width: 388px;
	float: right;
}

/* twoColumnsType6
-------------------------------------------------- */

#mainArea .twoColumnsType6 .column {
	width: 488px;
	margin-right: 0;
}

#mainArea .twoColumnsType6 .columnEnd {
	margin-left: 20px;
	width: 220px;
}

/* twoColumnsType7
-------------------------------------------------- */

#mainArea .twoColumnsType7 .column {
	width: 508px;
	margin-right: 0;
}

#mainArea .twoColumnsType7 .columnEnd {
	margin-left: 20px;
	width: 200px;
}

/* twoColumnsType8
-------------------------------------------------- */

#mainArea .twoColumnsType8 .column {
	width: 558px;
	margin-right: 0;
}

#mainArea .twoColumnsType8 .columnEnd {
	margin-left: 20px;
	width: 150px;
}

/* twoColumnsType9
-------------------------------------------------- */

#mainArea .twoColumnsType9 .column {
	margin-right: 0;
	width: 400px;
}

#mainArea .twoColumnsType9 .columnEnd {
	margin-left: 20px;
	width: 308px;
}

/* threeColumnsType
-------------------------------------------------- */

#mainArea .threeColumnsType {
	margin: 0 0 20px;
}

#mainArea .threeColumnsType .column {
	margin-right: 30px;
	float: left;
}

#mainArea .threeColumnsType .column:first-child {
	margin-right: 29px;
}

.mainAreaFullGrid #mainArea .threeColumnsType .column {
	margin-right: 28px;
}

#mainArea .threeColumnsType .columnEnd {
	margin-right: 0;
}

.mainAreaFullGrid #mainArea .threeColumnsType .columnEnd {
	margin-right: 0;
}

/* threeColumnsType1
-------------------------------------------------- */

#mainArea .threeColumnsType1 .column {
	width: 223px;
}

/* threeColumnsType2
-------------------------------------------------- */

.mainAreaFullGrid #mainArea .threeColumnsType2 .column {
	width: 308px;
}

/* fourColumnsType
-------------------------------------------------- */

#mainArea .fourColumnsType {
	margin: 0 0 30px;
}

.mainAreaDefaultGrid #mainArea .fourColumnsType .column {
	margin-right: 28px;
	float: left;
}

.mainAreaFullGrid #mainArea .fourColumnsType .column {
	margin-right: 29px;
	float: left;
}

#mainArea .fourColumnsType .columnEnd {
	margin-right: 0;
}

.mainAreaFullGrid #mainArea .fourColumnsType .columnEnd {
	margin-right: 0;
}

/* fourColumnsType1
-------------------------------------------------- */

.mainAreaDefaultGrid #mainArea .fourColumnsType1 .column {
	width: 161px;
}

/* fourColumnsType2
-------------------------------------------------- */

.mainAreaFullGrid #mainArea .fourColumnsType2 .column {
	width: 223px;
}

/* fiveColumnsType
-------------------------------------------------- */

#mainArea .fiveColumnsType {
	margin: 0 0 30px;
}

.mainAreaDefaultGrid #mainArea .fiveColumnsType .column {
	margin-right: 15px;
	float: left;
}

.mainAreaFullGrid #mainArea .fiveColumnsType .column {
	margin-right: 15px;
	float: left;
}

.mainAreaDefaultGrid #mainArea .fiveColumnsType .columnEnd {
	margin-right: 0;
}

.mainAreaFullGrid #mainArea .fiveColumnsType .columnEnd {
	margin-right: 0;
}

/* fiveColumnsType1
-------------------------------------------------- */

.mainAreaDefaultGrid #mainArea .fiveColumnsType1 .column {
	width: 133px;
}

/* tabType
-------------------------------------------------- */

#mainArea .tabType {
	margin-bottom: 20px;
	border-bottom: 2px solid #0097aa;
}

#mainArea .tabType ul {
	margin: 0;
}

#mainArea .tabType li {
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
	text-align: center;
	line-height: 37px;
	color: #1892ca;
	font-size: 16px;
}

#mainArea .tabType li.listLast {
	margin-right: 0;
}

#mainArea .tabType li.current {
	color: #fff;
}

#mainArea .tabType li a {
	color: #0097aa;
	display: block;
}

#mainArea .tabType li span {
	padding-left: 20px;
	background: url(/shared/images/ico_tab_1.png) left 9px no-repeat;
}

/* tabType1
-------------------------------------------------- */

#mainArea .tabType1 li {
	width: 362px;
	background: url(/shared/images/bg_tab_1.png) left top no-repeat;
}

#mainArea .tabType1 li.current {
	background: url(/shared/images/bg_tab_1_current.png) left top no-repeat;
}

/* tabType2
-------------------------------------------------- */

#mainArea .tabType2 li {
	width: 240px;
	background: url(/shared/images/bg_tab_2.png) left top no-repeat;
}

#mainArea .tabType2 li.current {
	background: url(/shared/images/bg_tab_2_current.png) left top no-repeat;
}

/* readmoreContent
-------------------------------------------------- */

#mainArea .readmoreContent {
}

#mainArea .readmoreContent .moreContent {
	display: none;
}

/* tabReadmore
-------------------------------------------------- */

#mainArea .tabReadmore {
	margin: 20px 0;
	background: url(/shared/images/bg_dot_1.png) left top repeat-x;
	font-size: 16px;
}

#mainArea .tabReadmore .text {
	margin: 0 auto;
	padding: 11px 0;
	width: 202px;
	text-align: center;
	background: url(/shared/images/bg_readmore_1.png) left top no-repeat;
	line-height: 1;
}

#mainArea .tabReadmore .text a {
	display: block;
}

#mainArea .tabReadmore .text span {
	padding-left: 21px;
	background: url(/shared/images/ico_readmore_1.png) left 8px no-repeat;
}

/* tabSummaryclose
-------------------------------------------------- */

#mainArea .tabSummaryclose {
	margin: 20px 0;
	background: url(/shared/images/bg_dot_1.png) left bottom repeat-x;
	font-size: 16px;
}

#mainArea .tabSummaryclose .text {
	margin: 0 auto;
	padding: 11px 0;
	width: 202px;
	text-align: center;
	background: url(/shared/images/bg_close_1.png) left top no-repeat;
	line-height: 1;
}

#mainArea .tabSummaryclose .text a {
	display: block;
}

#mainArea .tabSummaryclose .text span {
	padding-left: 21px;
	background: url(/shared/images/ico_close_1.png) left 8px no-repeat;
}

/* relationInfo
-------------------------------------------------- */

#mainArea .relationInfo .relationDate {
	margin-bottom: 0;
	font-size: 12px;
}

#mainArea .relationInfo .relationTitle {
	margin-bottom: 0;
}

#mainArea .relationInfo .relationTitle a {
	text-decoration: none;
}

#mainArea .relationInfo .relationTitle a:hover {
	text-decoration: underline;
}

/* topicInfo01
-------------------------------------------------- */

#mainArea .topicInfo01 {
	padding-bottom: 30px;
	border-bottom: 1px solid #cccccc;
}

#mainArea .topicInfo01 a {
	text-decoration: none;
}

#mainArea .topicInfo01 a:hover {
	text-decoration: underline;
}

#mainArea .topicInfo01 .image {
	margin-right: 10px;
	padding: 0;
	float: left;
	border: 1px solid #e4e3e3;
	max-height: 118px;
	overflow: hidden;
}

#mainArea .topicInfo01 .text {
	float: left;
	width: 159px;
}

#mainArea .topicInfo01 .topicDate {
	margin-bottom: 5px;
	font-size: 12px;
}

#mainArea .topicInfo01 .topicTitle {
	margin-bottom: 0;
}

/* topicInfo02
-------------------------------------------------- */

#mainArea .topicInfo02 {
	padding: 0 10px 30px;
	border-bottom: 1px solid #cccccc;
}

#mainArea .topicInfo02 a {
	text-decoration: none;
}

#mainArea .topicInfo02 a:hover {
	text-decoration: underline;
}

#mainArea .topicInfo02.first {
	padding-top: 30px;
	border-top: 1px solid #cccccc;
}

#mainArea .topicInfo02 .image {
	margin-right: 10px;
	padding: 0;
	float: left;
	border: 1px solid #e4e3e3;
	max-height: 118px;
	overflow: hidden;
}

#mainArea .topicInfo02 .image img {
}

#mainArea .topicInfo02 .text {
	float: left;
	width: 510px;
}

#mainArea .topicInfo02 .topicDate {
	margin-bottom: 5px;
	font-size: 12px;
}

#mainArea .topicInfo02 .topicTitle {
	margin-bottom: 5px;
	font-size: 16px;
}

#mainArea .topicInfo02 .topicDetail {
	margin-bottom: 0;
}

/* topicInfo03
-------------------------------------------------- */

#mainArea .topicInfo03 {
	margin-bottom: 20px;
	padding: 0 10px 20px;
	border-bottom: 1px solid #cccccc;
}

#mainArea .topicInfo03 a {
	text-decoration: none;
}

#mainArea .topicInfo03 a:hover {
	text-decoration: underline;
}

#mainArea .topicInfo03.first {
	padding-top: 20px;
	border-top: 1px solid #cccccc;
}

#mainArea .topicInfo03 .topicDate {
	margin-bottom: 5px;
	font-size: 12px;
}

#mainArea .topicInfo03 .topicTitle {
	margin-bottom: 5px;
	font-size: 16px;
}

#mainArea .topicInfo03 .topicDetail {
	margin-bottom: 0;
}

/* pager
-------------------------------------------------- */

#mainArea .pager {
	margin-bottom: 20px;
}

#mainArea .pager ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#mainArea .pager li {
	margin: 0 2px 7px;
	padding: 0;
	background: none;
	border: 1px solid #cccccc;
	display: none;
}

#mainArea .pager ul li.current,
#mainArea .pager ul li.prev,
#mainArea .pager ul li.next {
	display: inline-block;
}

#mainArea .pager li.current {
	background: #f4f3ec;
}

#mainArea .pager li a {
	padding: 10px 16px;
	display: block;
}

#mainArea .pager .prev,
#mainArea .pager .next {
	padding: 0;
	border: 0;
}

#mainArea .pager .prev a {
	padding: 0 17px;
	background: url(/shared/images/ico_pagerback_1.png) left 5px no-repeat;
}

#mainArea .pager .next a {
	padding: 0 17px;
	background: url(/shared/images/ico_pagernext_1.png) right 5px no-repeat;
}


/* articleInfo
-------------------------------------------------- */

#mainArea .articleInfo {
	margin-bottom: 20px;
}

#mainArea .articleInfo .articleDate {
	margin: 3px 10px 0 0;
	float: left;
	font-size: 12px;
}

#mainArea .articleInfo .socialBtn {
	margin: 0;
	padding: 0;
}

#mainArea .articleInfo .socialBtn li {
	margin-right: 1px;
	padding: 0;
	background: none;
	display: inline;
}

/* keywordBox
-------------------------------------------------- */

#mainArea .keywordBox {
	margin-bottom: 20px;
	padding: 20px 20px 15px 20px;
	background: #e9e8d8;
	border: 1px solid #d6d6d6;
}

#mainArea .keywordBox dt {
	margin-right: 10px;
	padding: 0 6px 5px;
	background: #fff url(/shared/images/bg_keyvisual_shadow.png) left bottom repeat-x;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	display: inline-block;
	float: left;
}

#mainArea .keywordBox dd {
	float: left;
	width: 557px;
}

#mainArea .keywordBox dd {
	float: left;
	width: 557px;
}

.mainAreaFullGrid #mainArea .keywordBox dd {
	width: 800px;
}

#mainArea .keywordBox dd ul {
	margin-bottom: 0;
}

#mainArea .keywordBox dd li {
	margin: 0 5px 5px 0;
	padding: 0 6px 5px;
	background: #fff url(/shared/images/bg_keyvisual_shadow.png) left bottom repeat-x;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	display: inline-block;
	font-size: 12px;
}

/* supportBox
-------------------------------------------------- */

#mainArea .supportBox {
	margin-bottom: 20px;
}

#mainArea .supportTxt {
	background: url(/shared/images/bg_support_1.jpg) left top no-repeat;
	width: 728px;
	height: 153px;
	position: relative;
}

#mainArea .supportTxt p {
	padding: 15px 0 0 503px;
	color: #ffffff;
	font-size: 22px;
	line-height: 1.2;
}

#mainArea .supportTxt .supportBtn {
	position: absolute;
	right: 15px;
	bottom: 10px;
}

#mainArea .supportLink {
	padding: 17px 15px;
	background: #f4f3ec;
}

#mainArea .supportLink .column {
	margin-right: 20px;
	width: 218px;
	float: left;
}

#mainArea .supportLink .columnEnd {
	margin-right: 0;
}

#mainArea .supportLink .image {
	margin-right: 8px;
	float: left;
}

#mainArea .supportLink .text {
	float: left;
	width: 120px;
}

#mainArea .supportLink .text .supportTitle {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(/shared/images/arrow_small_right.png) left 9px no-repeat;
}

#mainArea .supportLink .text .supportComment {
	margin-bottom: 0;
	font-size: 12px;
	color: #222222;
}

#mainArea .supportStep {
	padding: 0 5px 5px 5px;
	background: #f4f3ec;
}

#mainArea .supportStep dt,
#mainArea .supportStep dd {
	float: left;
}

/* mainAreaFullGrid */

.mainAreaFullGrid #mainArea .supportBox {
	padding: 30px 0;
}

.mainAreaFullGrid #mainArea .supportTxt {
	margin-bottom: 10px;
	background: url(/shared/images/bg_support_1_2.jpg) left top no-repeat;
	width: 485px;
	height: 210px;
	position: relative;
	float: left;
}

.mainAreaFullGrid #mainArea .supportTxt p {
	padding: 170px 0 0 10px;
	color: #ffffff;
	font-size: 19px;
	line-height: 1.2;
}

.mainAreaFullGrid #mainArea .supportLink {
	margin-bottom: 10px;
	padding: 0;
	background: url(/shared/images/bg_support_2_2.png) left top no-repeat;
	float: right;
}

.mainAreaFullGrid #mainArea .supportLink .column {
	margin-right: 10px;
	padding: 1px;
	width: 153px;
	float: left;
	background: #ffffff;
}

.mainAreaFullGrid #mainArea .supportLink .columnEnd {
	margin-right: 0;
}

.mainAreaFullGrid #mainArea .supportLink .image {
	margin: 0;
	padding: 0;
	float: none;
}

.mainAreaFullGrid #mainArea .supportLink .text {
	padding: 9px 11px;
	float: none;
	width: auto;
}

.mainAreaFullGrid #mainArea .supportStep {
	padding: 3px 0 3px 3px;
	background: #ffffff;
	clear: both;
}

/* socialBtnBox
-------------------------------------------------- */

#mainArea .socialBtnBox {
	margin-bottom: 10px;
	padding: 4px 5px;
	background: #e9e8d8;
	display: inline-block;
}

#mainArea .socialBtnBox ul {
	margin: 0;
}

#mainArea .socialBtnBox li {
	margin-right: 1px;
	display: inline;
	padding: 0;
	background: none;
}

/* asideType1
-------------------------------------------------- */

#bodyArea .asideType1 {
	margin-bottom: 20px;
	padding: 30px 0;
	background: #0f5c79;
}

#bodyArea .asideType1 .body {
	margin: 0 auto;
	width: 980px;
}

#bodyArea .asideType1 h2 {
	margin-bottom: 12px;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
}

#bodyArea .asideType1 h2 a {
	padding-left: 18px;
	color: #ffffff;
	background: url(/shared/images/ico_aside_1.png) left 10px no-repeat;
}

#bodyArea .asideType1 .culumn {
	margin-right: 29px;
	border: 1px solid #267593;
	width: 221px;
	float: left;
	background: #f5f5f5;
}

#bodyArea .asideType1 .columnEnd {
	margin-right: 0;
}

/* joinBox
-------------------------------------------------- */

#bodyArea .joinBox {
	margin-top: 20px;
}

#bodyArea .joinBox .text {
	padding: 0 15px 10px;
}

#bodyArea .joinBox .text .step {
	margin-bottom: 2px;
	font-weight: bold;
}

#bodyArea .joinBox .text .step span {
	padding: 2px 17px 2px 6px;
	background: url(/shared/images/bg_joinbox_1.png) left 2px no-repeat;
	color: #ffffff;
	line-height: 1;
	font-size: 12px;
}

#bodyArea .joinBox .text .summary {
	color: #222222;
}

/* radous
-------------------------------------------------- */

#bodyArea .radous1 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Change Margin
-------------------------------------------------- */

body .changeMargin0 {
	margin: 0 !important;
}

body .changeMarginSide0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body .changeMarginTop0 {
	margin-top: 0 !important;
}

body .changeMarginBottom0 {
	margin-bottom: 0 !important;
}

/* Change Padding
-------------------------------------------------- */

body .changePadding0 {
	padding: 0 !important;
}

body .changePaddingSide0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body .changePaddingTop0 {
	padding-top: 0 !important;
}

body .changePaddingBottom0 {
	padding-bottom: 0 !important;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/

/* clear
-------------------------------------------------- */

.clear {
	clear: both;
}

/* font-size
-------------------------------------------------- */
.fs10 {
    font-size: 77%;
}
.fs11 {
    font-size: 85%;
}
.fs12 {
    font-size: 93%;
}
.fs13 {
    font-size: 100%;
}
.fs14 {
    font-size: 108%;
}
.fs15 {
    font-size: 116%;
}
.fs16 {
    font-size: 123.1%;
}
.fs17 {
    font-size: 131%;
}
.fs18 {
    font-size: 138.5%;
}
.fs19 {
    font-size: 146.5%;
}
.fs20 {
    font-size: 153.9%;
}
.fs21 {
    font-size: 161.6%;
}
.fs22 {
    font-size: 167%;
}
.fs23 {
    font-size: 174%;
}
.fs24 {
    font-size: 182%;
}
.fs25 {
    font-size: 189%;
}
.fs26 {
    font-size: 197%;
}
.fb {
    font-weight: bold;
}
.fn {
    font-weight: normal;
}

/* margin etc
-------------------------------------------------- */
.m10 {
    margin: 10px;
}
.mt05 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mb05 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mr05 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.ml05 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 20px;
}
.mrl05 {
    margin-left: 5px;
    margin-right: 5px;
}
.mrl10 {
    margin-left: 10px;
    margin-right: 10px;
}
.mrl-10 {
    margin-left: -10px;
    margin-right: -10px;
}
.pc_w200 {
    width: 200px;
}
.pc_w280 {
    width: 280px;
}
.taL {
    text-align: left;
}
.taC {
    text-align: center;
}
.taR {
    text-align: right;
}
.vaT {
    vertical-align: top;
}
.vaM {
    vertical-align: middle;
}
.vaB {
    vertical-align: bottom;
}
.vaBa {
    vertical-align: baseline;
}
.fR {
    float: right;
}
.fL {
    float: left;
}
.clear {
    clear: both;
}

/* color
-------------------------------------------------- */
.c_red{
	color: #c90943;
}