@charset "utf-8";

/**************************************************
		Main Area
**************************************************/
/* ===== Section ===== */
#mainArea .section001 {
	clear:both;
	margin-bottom:33px;
	height:1%;
}

#mainArea .section002 {
	clear:both;
	margin:0 15px 33px 15px;
	height:1%;
}

#mainArea .section003 {
	clear:both;
	margin-bottom:28px;
	padding-bottom:27px;
	background:transparent url("../img/border_dotted.gif") 0 100% repeat-x;
	height:1%;
}

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

#mainArea .lastSection {
	margin-bottom:0;
}


/* ===== Title ===== */
#mainArea .ti001 {
	clear:both;
	margin-bottom:23px;
	padding-bottom:17px;
	background:transparent url("../img/ti_001.gif") 0 100% repeat-x;
	height:1%;
	font-size:1em;
	font-weight:bold;
	line-height:1;
}

#mainArea .ti002 {
	clear:both;
	display:block;
	margin-bottom:21px;
	background:transparent url("../img/ti_002_box2.gif") 0 0 repeat-y;
	height:1%;
	font-size:0.9em;
	font-weight:bold;
	color:#FFF;
	line-height:1.5;
}

#mainArea .ti002 .bgTop {
	display:block;
	background:transparent url("../img/ti_002_top_box2.gif") 0 0 no-repeat;
}

#mainArea .ti002 .bgBottom {
	display:block;
	padding:9px 15px;
	background:transparent url("../img/ti_002_bottom_box2.gif") 0 100% no-repeat;
}

#mainArea .ti003 {
	clear:both;
	display:block;
	margin-bottom:19px;
	padding:11px 2px 0 2px;
	background:transparent url("../img/ti_003.gif") 0 0 repeat-x;
	height:1%;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5;
}

#mainArea .ti003 .icon {
	display:block;
	padding-left:13px;
	background:transparent url("../img/ti_003_icon.gif") 0 0.5em no-repeat;
}

#mainArea .ti004 {
	clear:both;
	display:block;
	margin-bottom:13px;
	height:1%;
	font-size:0.9em;
	font-weight:bold;
	color:#4496A4;
	line-height:1.5;
}

#mainArea .ti005 {
	clear:both;
	display:block;
	margin-bottom:13px;
	height:1%;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5;
}


/* ===== Icon ===== */
#mainArea .icon001 {
	padding-left:17px;
	background:transparent url("../img/icon_001.gif") 0 0.4em no-repeat;
	line-height:1.7;
}

#mainArea .icon002 {
	padding-left:15px;
	background:transparent url("../img/icon_002.gif") 0 0.5em no-repeat;
	line-height:1.7;
}

#mainArea .icon003 {
	padding-left:15px;
	background:transparent url("../img/icon_003.gif") 3px 0.6em no-repeat;
	line-height:1.7;
}

#mainArea .icon {
	padding:0 5px;
	vertical-align:middle;
}


/* ===== 文字 ===== */
#mainArea p {
	clear:both;
	margin-bottom:23px;
	height:1%;
	font-size:0.8em;
	line-height:1.7;
}

#mainArea .copy {
	margin-bottom:17px;
	font-size:0.8em;
	line-height:1.7;
}

#mainArea .url {
	word-break:break-all;
	word-wrap:break-word;
}

#mainArea .imgDescription {
	display:block;
	padding:7px 5px 0 5px;
}

#mainArea .imgHover a {
	display:block;
	padding:3px;
	border:1px solid #E5E5E5;
	background-color:#FFF;
	text-align:center;
}

#mainArea .imgHover a:hover { border:1px solid #23869E; }

#mainArea strong { font-weight:bold; color:#4496A4; }
#mainArea em { font-weight:bold; }

#mainArea .fontRed { color:#C61A22; }
#mainArea .fontBlack { color:#333; }
#mainArea .textLeft { text-align:left; }
#mainArea .textCenter { text-align:center; }
#mainArea .textRight { text-align:right; }
#mainArea .fontBold { font-weight:bold; }
#mainArea .fontNormal { font-weight:normal; }
#mainArea .fontSmall { font-size:0.8em; }
#mainArea .fontLarge { font-size:1.4em; }


/* ===== List ===== */
#mainArea .listNormal {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listNormal li { line-height:1.7; }

#mainArea .listNormal dt {
	margin-bottom:3px;
	font-weight:bold;
	line-height:1.7;
}

#mainArea .listNormal dd {
	margin-bottom:17px;
	line-height:1.7;
}

#mainArea .listDisc {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listDisc li {
	margin:0 0 7px 17px;
	list-style:outside disc;
	line-height:1.7;
}

#mainArea .listDecimal {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listDecimal li {
	margin:0 0 7px 23px;
	list-style:outside decimal;
	line-height:1.7;
}

#mainArea .listInline {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listInline li {
	display:inline;
	padding-right:15px;
	line-height:1.7;
}

#mainArea .listCaution001,
#mainArea .listCaution002 {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listCaution001 dt {
	width:1em;
	line-height:1.7;
}

#mainArea .listCaution001 dd {
	margin:-1.7em 0 0 1.5em;
	line-height:1.7;
}

#mainArea .listCaution002 dt {
	width:2em;
	line-height:1.7;
}

#mainArea .listCaution002 dd {
	margin:-1.7em 0 0 2.5em;
	line-height:1.7;
}


/* ===== List (Icon) ===== */
#mainArea .listIcon001 {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listIcon001 li {
	margin-bottom:7px;
	padding-left:17px;
	background:transparent url("../img/icon_001.gif") 0 0.4em no-repeat;
	line-height:1.7;
}

#mainArea .listIcon002 {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listIcon002 li {
	margin-bottom:5px;
	padding-left:15px;
	background:transparent url("../img/icon_002.gif") 0 0.5em no-repeat;
	line-height:1.7;
}

#mainArea .listIcon003 {
	margin-bottom:23px;
	font-size:0.8em;
}

#mainArea .listIcon003 li {
	margin-bottom:5px;
	padding-left:15px;
	background:transparent url("../img/icon_003.gif") 3px 0.6em no-repeat;
	line-height:1.7;
}


/* ===== Table ===== */
#mainArea .table001 {
	clear:both;
	margin-bottom:23px;
	width:100%;
	font-size:0.8em;
}

#mainArea .table001 caption {
	padding:9px 15px;
	border:1px solid #D9D9D9;
	background:transparent url("../img/bg_table001_003.gif") 0 0 repeat;
	line-height:1.7;
}

#mainArea .table001 th,
#mainArea .table001 td {
	padding:9px 15px;
	border:1px solid #D9D9D9;
	vertical-align:middle;
	line-height:1.7;
}

#mainArea .table001 th { background:transparent url("../img/bg_table001_002.gif") 0 0 repeat; }
#mainArea .table001 td { background:transparent url("../img/bg_table001_001.gif") 0 0 repeat; }

#mainArea .table001 .tr001 th,
#mainArea .table001 .tr001 td {
	font-weight:bold;
	background:transparent url("../img/bg_table001_003.gif") 0 0 repeat;
}

#mainArea .table001 .listNormal,
#mainArea .table001 .listDisc,
#mainArea .table001 .listDecimal,
#mainArea .table001 .listInline,
#mainArea .table001 .listCaution001,
#mainArea .table001 .listCaution002,
#mainArea .table001 .listIcon001,
#mainArea .table001 .listIcon002,
#mainArea .table001 .listIcon003 {
	margin:0;
	font-size:1em;
}

#mainArea .table001 .listNormal li,
#mainArea .table001 .listDisc li,
#mainArea .table001 .listDecimal li,
#mainArea .table001 .listInline li,
#mainArea .table001 .listIcon001 li,
#mainArea .table001 .listIcon002 li,
#mainArea .table001 .listIcon003 li {
	margin-bottom:0;
}


/* ===== Box ===== */
#mainArea .grayBox {
	clear:both;
	margin-bottom:23px;
	padding:15px 20px;
	height:1%;
	background-color:#F5F5F5;
}

#mainArea .whiteBox {
	clear:both;
	margin-bottom:23px;
	background:transparent url("../img/bg_whitebox.gif") 0 0 repeat-y;
	height:1%;
}

#mainArea .whiteBox .bgTop {
	display:block;
	background:transparent url("../img/bg_whitebox_top.gif") 0 0 no-repeat;
}

#mainArea .whiteBox .bgBottom {
	display:block;
	padding:25px;
	background:transparent url("../img/bg_whitebox_bottom.gif") 0 100% no-repeat;
}

#mainArea .borderBox {
	clear:both;
	margin-bottom:23px;
	padding-bottom:24px;
	height:1%;
	background:transparent url("../img/border_dotted.gif") 0 100% repeat-x;
}

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


/* ===== Sub Menu ===== */
#mainArea .subMenu {
	margin-bottom:13px;
	padding-left:1px;
	background:transparent url("../img/bg_submenu.gif") 0 0 repeat-y;
	font-size:0.8em;
}

#mainArea .subMenu li {
	float:left;
	padding-right:1px;
	background:transparent url("../img/bg_submenu.gif") 100% 0 repeat-y;
	line-height:1.5;
}

#mainArea .subMenu li a {
	display:block;
	padding:5px 25px 5px 37px;
	background:transparent url("../img/icon_submenu.gif") 20px 50% no-repeat;
	text-align:center;
	color:#333;
	text-decoration:none;
}

#mainArea .subMenu li a:hover { color:#06C; text-decoration:underline; }


/* ===== Tab Menu ===== */
#mainArea .tabMenu {
	margin:-23px 0 23px 0;
	padding:15px 15px 0 15px;
	background:transparent url("../img/bg_tabmenu.gif") 0 0 repeat;
	font-size:0.8em;
}

#mainArea .tabMenu li {
	float:left;
	margin-right:5px;
}

#mainArea .tabMenu .lastItem {
	margin-right:0;
}


/* ===== Pager ===== */
#mainArea .listPager {
	margin-bottom:23px;
	padding:5px 0;
	font-size:0.8em;
	text-align:center;
}

#mainArea .listPager li {
	display:inline;
	line-height:1.6;
}

#mainArea .listPager li.text { padding:0 10px; }

#mainArea .listPager li.text a { text-decoration:none; }
#mainArea .listPager li.text a:hover { text-decoration:underline; }

#mainArea .listPager li.number a {
	padding:6px 10px;
	border:1px solid #D9D9D9;
	background-color:#FFF;
	color:#333;
	text-decoration:none;
}

#mainArea .listPager li.number a:hover {
	border:1px solid #56A8B1;
	background-color:#56A8B1;
	color:#FFF;
	text-decoration:none;
}

#mainArea .listPager li.number .noLink {
	padding:6px 10px;
	border:1px solid #56A8B1;
	background-color:#56A8B1;
	color:#FFF;
}


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

/* ===== Section ===== */
#mainArea .section001 {
	margin-bottom:40px;
}

#mainArea .section002 {
	margin:0 0 30px 0;
}

#mainArea .section003 {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ddd;
	background:none;
}

#mainArea .lastSection {
	margin-bottom:0;
}


/* ===== Title ===== */
#mainArea .ti001 {
	margin-bottom:25px;
	padding-bottom:12px;
	background-image:url("../img/ti_001_sp.gif");
	-webkit-background-size:5px auto;
	-moz-background-size:5px auto;
	-ms-background-size:5px auto;
	-o-background-size:5px auto;
	background-size:5px auto;
}

#mainArea .ti002 {
	margin-bottom:15px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	font-size:0.88em;
}

#mainArea .ti002 .bgTop {
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}

#mainArea .ti002 .bgBottom {
	padding:9px 10px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}

#mainArea .ti003 {
	margin-bottom:15px;
	padding:12px 0 0 0;
	background-image:url("../img/ti_003_sp.gif");
	-webkit-background-size:2px auto;
	-moz-background-size:2px auto;
	-ms-background-size:2px auto;
	-o-background-size:2px auto;
	background-size:2px auto;
	font-size:0.88em;
}

#mainArea .ti003 .icon {
	padding-left:13px;
	background:transparent url("../img/ti_003_icon_sp.gif") 0 0.4em no-repeat;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	-ms-background-size:8px auto;
	-o-background-size:8px auto;
	background-size:8px auto;
}

#mainArea .ti004 {
	margin-bottom:10px;
	font-size:0.88em;
}

#mainArea .ti005 {
	margin-bottom:10px;
	font-size:0.88em;
}


/* ===== Icon ===== */
#mainArea .icon001 {
	padding-left:15px;
	background-image:url("../img/icon_001_sp.gif");
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-ms-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
	line-height:1.6;
}

#mainArea .icon002 {
	padding-left:10px;
	background-image:url("../img/icon_002_sp.gif");
	-webkit-background-size:5px auto;
	-moz-background-size:5px auto;
	-ms-background-size:5px auto;
	-o-background-size:5px auto;
	background-size:5px auto;
	line-height:1.6;
}

#mainArea .icon003 {
	padding-left:12px;
	background-image:url("../img/icon_003_sp.gif");
	-webkit-background-size:6px auto;
	-moz-background-size:6px auto;
	-ms-background-size:6px auto;
	-o-background-size:6px auto;
	background-size:6px auto;
	line-height:1.6;
}


/* ===== 文字 ===== */
#mainArea p {
	margin-bottom:20px;
	font-size:0.88em;
	line-height:1.6;
}

#mainArea .copy {
	margin-bottom:15px;
	font-size:0.88em;
	line-height:1.6;
}

#mainArea .imgDescription {
	padding:7px 0 0 0;
}

#mainArea .imgHover a:hover { border-color:#E5E5E5; }


/* ===== List ===== */
#mainArea .listNormal,
#mainArea .listDisc,
#mainArea .listDecimal,
#mainArea .listInline,
#mainArea .listCaution001,
#mainArea .listCaution002 {
	margin-bottom:20px;
	font-size:0.88em;
}

#mainArea .listNormal dt,
#mainArea .listNormal dd,
#mainArea .listNormal li,
#mainArea .listDisc li,
#mainArea .listDecimal li,
#mainArea .listInline li {
	line-height:1.6;
}

#mainArea .listCaution001 dt,
#mainArea .listCaution002 dt {
	line-height:1.6;
}

#mainArea .listCaution001 dd,
#mainArea .listCaution002 dd {
	margin-top:-1.6em;
	line-height:1.6;
}


/* ===== List (Icon) ===== */
#mainArea .listIcon001,
#mainArea .listIcon002,
#mainArea .listIcon003 {
	margin-bottom:20px;
	font-size:0.88em;
}

#mainArea .listIcon001 li {
	margin:0;
	padding:0;
	border-bottom:1px dotted #adacab;
	background:none;
	line-height:1.5;
}

#mainArea .listIcon001 li a {
	display:block;
	padding:13px 20px 13px 10px;
	background:transparent url("../img/icon_001_sp.gif") 98% 50% no-repeat;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-ms-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
}

#mainArea .listIcon002 li {
	margin-bottom:5px;
	padding-left:10px;
	background-image:url("../img/icon_002_sp.gif");
	-webkit-background-size:5px auto;
	-moz-background-size:5px auto;
	-ms-background-size:5px auto;
	-o-background-size:5px auto;
	background-size:5px auto;
	line-height:1.6;
}

#mainArea .listIcon003 li {
	margin-bottom:5px;
	padding-left:12px;
	background-image:url("../img/icon_003_sp.gif");
	-webkit-background-size:6px auto;
	-moz-background-size:6px auto;
	-ms-background-size:6px auto;
	-o-background-size:6px auto;
	background-size:6px auto;
	line-height:1.6;
}


/* ===== Table ===== */
#mainArea .table001 {
	margin-bottom:25px;
	font-size:0.88em;
}

#mainArea .table001 caption {
	padding:5px 9px;
	background-size:50px auto;
	font-weight:bold;
	line-height:1.6;
}

#mainArea .table001 th,
#mainArea .table001 td {
	padding:7px 9px;
	line-height:1.6;
}

#mainArea .table001 th,
#mainArea .table001 td,
#mainArea .table001 .tr001 th,
#mainArea .table001 .tr001 td {
	-webkit-background-size:50px auto;
	-moz-background-size:50px auto;
	-ms-background-size:50px auto;
	-o-background-size:50px auto;
	background-size:50px auto;
}

#mainArea .table001.tableVertical,
#mainArea .table001.tableVertical thead,
#mainArea .table001.tableVertical tbody,
#mainArea .table001.tableVertical tfoot,
#mainArea .table001.tableVertical tr,
#mainArea .table001.tableVertical th,
#mainArea .table001.tableVertical td {
	display:block;
	overflow:hidden;
}

#mainArea .table001.tableVertical th,
#mainArea .table001.tableVertical td {
	clear:both;
	float:left;
	padding:9px;
	border-bottom:0;
	width:100%;
}

#mainArea .table001.tableVertical {
	border-bottom:1px solid #D9D9D9;
}

#mainArea .table001 .listIcon001 li {
	margin-bottom:5px;
	border-bottom:0;
}

#mainArea .table001 .listIcon001 li a {
	display:inline-block;
	padding:0 0 0 15px;
	background-position:0 0.4em;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-ms-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
}


/* ===== Box ===== */
#mainArea .grayBox {
	clear:both;
	margin-bottom:25px;
	padding:10px 15px;
}

#mainArea .whiteBox {
	margin-bottom:25px;
	padding:3px;
	background:transparent url("../img/bg_whitebox_sp.gif") 0 0 repeat;
	-webkit-background-size:50px auto;
	-moz-background-size:50px auto;
	-ms-background-size:50px auto;
	-o-background-size:50px auto;
	background-size:50px auto;
}

#mainArea .whiteBox .bgTop {
	background:none;
}

#mainArea .whiteBox .bgBottom {
	padding:20px;
	background:#fff;
}

#mainArea .borderBox {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
	background:none;
}

#mainArea .lastBox {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}


/* ===== Sub Menu ===== */
#mainArea .subMenu {
	margin-bottom:13px;
	padding-left:1px;
	background:transparent url("../img/bg_submenu.gif") 0 0 repeat-y;
	font-size:0.88em;
}

#mainArea .subMenu li {
	float:left;
	padding-right:1px;
	background:transparent url("../img/bg_submenu.gif") 100% 0 repeat-y;
	line-height:1.5;
}

#mainArea .subMenu li a {
	display:block;
	padding:5px 25px 5px 37px;
	background:transparent url("../img/icon_submenu.gif") 20px 50% no-repeat;
	text-align:center;
	color:#333;
	text-decoration:none;
}

#mainArea .subMenu li a:hover { color:#333; text-decoration:none; }


/* ===== Tab Menu ===== */
#mainArea .tabMenu {
	margin:-25px 0 20px 0;
	padding:15px 10px 0 10px;
	background-size:15px auto;
}

#mainArea .tabMenu li {
	margin-right:0;
}


/* ===== Pager ===== */
#mainArea .listPager {
	margin:0 0 25px 0;
	padding:0;
	font-size:0.88em;
	text-align:center;
	overflow:hidden;
}

#mainArea .listPager li {
	display:block;
	float:left;
	padding:0 2px;
	width:15%;
	line-height:1.5;
}

#mainArea .listPager li.text { padding:0; width:27.5%; }

#mainArea .listPager li.text a:hover { text-decoration:none; }

#mainArea .listPager li.number a,
#mainArea .listPager li.text a {
	display:block;
	padding:8px 0;
	border:1px solid #D9D9D9;
	width:100%;
	background-color:#FFF;
	color:#333;
	text-decoration:none;
}

#mainArea .listPager li.number a:hover {
	border-color:#D9D9D9;
	background-color:#FFF;
	color:#333;
}

#mainArea .listPager li.number .noLink {
	display:block;
	padding:8px 0;
	border:1px solid #D9D9D9;
	width:100%;
}

}