@charset "utf-8";

/* !Reseting
---------------------------------------------------------- */
body {
	font-size: 12px !important;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #000000;
	min-width: 320px;
  border-top: 3px solid #FFE100;
}
body,
input {
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
#pageTop,
.section,
.ul_linkList01,
.ul_linkList01 li a,
.ul_linkList02,
.ul_linkList04,
.ol_linkList01
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
#pageTop:after,
.section:after,
.ul_linkList01:after,
.ul_linkList01 li a:after,
.ul_linkList02:after,
.ul_linkList04:after,
.ol_linkList01:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html #pageTop,
* html .section,
* html .ul_linkList01,
* html .ul_linkList01 li a,
* html .ul_linkList02,
* html .ul_linkList04,
* html .ol_linkList01
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	text-align: left;
}

.wrapper {
	padding-top: 60px;
}
	

/* !header
---------------------------------------------------------- */



/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
  display: none;
}
#breadcrumb li {
	float: left;
	padding-left: 0.5em;
	white-space: nowrap;
	font-size: 100%;
  color: #999999;
}
#breadcrumb li.home {
	margin-left: 0;
	background: none;
}
#breadcrumb li span,
#breadcrumb li a {
	white-space: nowrap;
  color: #000;
}

/* !contents
---------------------------------------------------------- */
#contents {
	margin-bottom: 17px;
	font-size: 13px !important;
}
#contentsIn {
	padding: 0;
}

/* !pageTop
---------------------------------------------------------- */

	#pageTop p { position: fixed; bottom: 10px; left: 10px; z-index: 3; }


/* !footer
---------------------------------------------------------- */

/* !ft_service
---------------------------------------------------------- */
#ft_service {
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-top: 10px;
}
	#ft_service .title {
		display: none;
	}
	#ft_service ul {
	}
		#ft_service ul li {
			position: relative;
			border-top: 1px solid #ccc;
		}
			#ft_service ul li a.ico01 {
				display: block;
				border-top: 1px solid #fff;
				background-color: #f6f6f6;
				padding: 10px 35px 10px 13px;
				color: #000;
			}
			#ft_service ul li div.bd01 {
				border-top: 1px solid #ccc;
			}
			#ft_service ul li ul.menu {
				display: none;
			}
				#ft_service ul li ul li {
					background-color: #fff;
					color: #000;
				}
					#ft_service ul li ul li a {
						display: block;
						padding: 10px 35px 10px 13px;
						background-image: url(/order/common/img/sph/bg_ft_service_arrow01.png);
						background-color: #fff;
						background-position: right center;
						background-repeat: no-repeat;
						background-size: 23px 14px;
						-webkit-background-size: 23px 14px;
						-moz-background-size: 23px 14px;
						color: #000;
						/* IE 7-8 */
						background: url(/order/common/img/sph/ie/bg_ft_service_arrow01.png) right center no-repeat\9;
					}
					#ft_service ul li .noLink {
						display: block;
						padding: 10px 35px 10px 13px;
						font-weight: bold;
					}
				#ft_service ul li div {
					position: relative;
				}
		#ft_service ul li span.btn {
			display: block;
			width: 19px;
			height: 19px;
			text-indent: -9999px;
			position: absolute;
			right: 10px;
			top: 10px;
			background-image: url(/order/common/img/sph/btn_toggle_open01.gif);
			background-position: left top;
			background-repeat: no-repeat;
			background-size: 19px 19px;
			-webkit-background-size: 19px 19px;
			-moz-background-size: 19px 19px;
			cursor: pointer;
			/* IE 7-8 */
			background: url(/order/common/img/sph/ie/btn_toggle_open01.gif) left top no-repeat\9;
		}
		#ft_service ul li span.btn.open {
			background-image: url(/order/common/img/sph/btn_toggle_close01.gif);
			/* IE 7-8 */
			background: url(/order/common/img/sph/ie/btn_toggle_close01.gif) left top no-repeat\9;
		}
/* !h(n)eading
---------------------------------------------------------- */
.h2_basic {
	border-bottom: 2px solid #ccc;
}
	.h2_basic span {
		display: block;
		background: #0065ac url(/order/common/img/bg_h01.gif) left bottom repeat-x;
		border-left: 1px solid #0065ac;
		border-right: 1px solid #0065ac;
		border-bottom: 1px solid #0065ac;
		color: #fff;
		font-size: 124%;
		font-weight: bold;
		padding: 3px 9px 4px;
	}
.h3_basic {
	font-size: 109%;
	font-weight: bold;
	padding: 2px 0 2px 13px;
	background-image: url(/order/common/img/sph/bg_h201.gif);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 7px 16px;
	-webkit-background-size: 7px 16px;
	-moz-background-size: 7px 16px;
	margin-bottom: 10px;
	/* IE 7-8 */
	background: url(/order/common/img/sph/ie/bg_h201.gif) left center no-repeat\9;
	*zoom: 1;
}
.h3_number01 {
	margin-bottom: 10px;
	overflow: hidden;
	*zoom: 1;
}
	.h3_number01 img {
		float: left;
		margin-right: 7px;
		width: 16px;
		height: auto;
	}
	.h3_number01 span {
		line-height: 1.2;
		font-weight: bold;
		display: block;
		overflow: hidden;
		*zoom: 1;
	}
		.h3_number01.eo01 img {
			padding-top: 5px;
		}
		.h3_number01 span .txt_eo01 {
			font-size: 18px !important;
		}
	.h3_number01 sup {
		font-size: 50%;
	}

/* !Listing
---------------------------------------------------------- */
/* !UL Style */
.ul_circle01 {
	margin: 0;
}
	.ul_circle01 li {
		font-size: 100% !important;
		background-image: url(/order/common/img/sph/icon_circle01.gif);
		background-position: left 0.55em;
		background-repeat: no-repeat;
		background-size: 9px 9px;
		-webkit-background-size: 9px 9px;
		-moz-background-size: 9px 9px;
		padding: 1px 0 1px 12px;
		/* IE 7-8 */
		background: url(/order/common/img/sph/ie/icon_circle01.gif) left 0.55em no-repeat\9;
		*zoom: 1;
	}
.ul_note01 {
	margin-top: 10px;
}
	.ul_note01 li {
	}
		.ul_note01 li .ico01 {
			float: left;
			margin-right: 0.3em;
		}
		.ul_note01 li .detail01 {
			display: block;
			overflow: hidden;
			*zoom: 1;
		}
.ol_note01 {
	margin-top: 10px;
}
	.ol_note01 li {
	}
		.ol_note01 li .ico01 {
			float: left;
			margin-right: 0.3em;
		}
		.ol_note01 li .detail01 {
			display: block;
			overflow: hidden;
			*zoom: 1;
		}

/* !Table
---------------------------------------------------------- */
.table_basic {
	width: 100%;
	border-collapse: separate;
	border-right: 1px solid #008cd6;
	border-bottom: 1px solid #008cd6;
	margin-bottom: 15px;
}
.table_basic.last {
	margin-bottom: 0;
}
.table_basic colgroup {
	display: none;
	*display: block;
}
	.table_basic th,
	.table_basic td {
		border-top: 1px solid #008cd6;
		border-left: 1px solid #008cd6;
		font-size: 85%;
		vertical-align: top;
	}
	.table_basic th {
	}
	.table_basic th.tit01 {
		display: none;
	}
	.table_basic th.th01 {
		width: 30%;
	}
	.table_basic th,
	.table_basic td.spTit01 {
		background-color: #aed8ff;
		font-weight: bold;
	}
	.table_basic td {
	}
		.table_basic th div,
		.table_basic td div {
			padding: 8px;
		}
		.table_basic td ul {
			margin-top: 5px;
		}
		.table_basic td .ul_circle01 {
			margin-top: 0;
		}
			.table_basic td .ul_circle01 li {
				background-position: left 0.45em;
			}
.spNone { display: none;}
.tit_tbl01 {
	font-weight: bold;
	margin-bottom: 4px;
}
.spW01 {
	width: 25%;
}
.spW02 {
	width: 24%;
}

/* !Section
---------------------------------------------------------- */
.section      { margin-bottom: 20px;}
.section.last { margin-bottom: 0;}
.section02    {
	padding: 15px 10px 0;
	margin-bottom: 20px;
}
.section02.last { margin-bottom: 0; }
.sectionBorder01 {
	background: url(/order/common/img/bg_dot01.gif) left bottom repeat-x;
	padding-bottom: 16px;
	margin-bottom: 16px;
}
.sectionBorder01.last {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#wrapper #tax_textp{
	clear:both;
    color: #333333;
    font-size: 0.7em;
    letter-spacing: 0.1em;
	text-align:center;
	margin-top:10px;
}

/* !mainvisual
---------------------------------------------------------- */
#mainvisualArea {
	background: #484848 url(/order/common/img/bg_mainvisual01.gif) left bottom repeat-x;
	padding: 2px 2px 3px;
	text-align: center;
}
	#mainvisualArea .mainvisual01 {
		margin: 0 auto 6px;
	}
		#mainvisualArea .mainvisual01 img {
			width: 100%;
			height: auto;
		}
	#mainvisualArea .gNavi01 {
		margin: 0 2px;
		overflow: hidden;
		*zoom: 1;
	}
		#mainvisualArea .gNavi01 li {
			float: left;
			width: 49.9%;
		}
		#mainvisualArea .gNavi01 li a {
		}
		#mainvisualArea .gNavi01 li.gNav01 a {
		}
			#mainvisualArea .gNavi01 li img {
				width: 100%;
				height: auto;
			}
/* !aNavi
---------------------------------------------------------- */
.aNavi01 {
	background: #fff url(/order/common/img/bg_anavi_wrap01.gif) left bottom repeat-x;
	padding: 8px 9px;
	margin-bottom: 15px;
	*zoom: 1;
}
	.aNavi01 ul {
		overflow: hidden;
		*zoom: 1;
	}
		.aNavi01 ul li {
			float: left;
			width: 48.9%;
			height: 46px;
			text-align: left;
		}
		.aNavi01 ul li.last {
			text-align: right;
		}
			.aNavi01 ul li a {
				font-size: 109%;
				font-weight: bold;
				color: #000;
				text-decoration: none;
				background-image: url(/order/common/img/sph/bg_anavi01_no_left.png);
				background-position: left top;
				background-repeat: no-repeat;
				padding-left: 29px;
				background-size: 29px 46px;
				-webkit-background-size: 29px 46px;
				-moz-background-size: 29px 46px;
				line-height: 1.2;
				display: inline-block;
				width: 77%;
				/* IE 7-8 */
				background: url(/order/common/img/sph/ie/bg_anavi01_no_left.png) left top no-repeat\9;
				*display: inline;
				*zoom: 1;
			}
			.aNavi01 ul li a:hover {
				background-image: url(/order/common/img/sph/bg_anavi01_on_left.png);
				/* IE 7-8 */
				background: url(/order/common/img/sph/ie/bg_anavi01_on_left.png) left top no-repeat\9;
			}
				.aNavi01 ul li a span {
					text-align: left;
					width: 97%;
					padding: 15px 10px 15px 0;
					background-image: url(/order/common/img/sph/bg_anavi01_no_right.png);
					background-position: right top;
					background-repeat: no-repeat;
					background-size: 400px 46px;
					-webkit-background-size: 400px 46px;
					-moz-background-size: 400px 46px;
					font-size: 93%;
					display: inline-block;
					/* IE 7-8 */
					background: url(/order/common/img/sph/ie/bg_anavi01_no_right.png) right top no-repeat\9;
					*display: inline;
					*zoom: 1;
				}
				.aNavi01 ul li a:hover span {
					background-image: url(/order/common/img/sph/bg_anavi01_on_right.png);
					/* IE 7-8 */
					background: url(/order/common/img/sph/ie/bg_anavi01_on_right.png) right top no-repeat\9;
				}
				.aNavi01 ul li.line201 a span {
					padding: 7px 10px 8px 0;
				}
					.aNavi01 ul li a span br {
					}
/* !txt
---------------------------------------------------------- */
.txt_link01 {
	background-image: url(/order/common/img/sph/icon_circle02.gif);
	background-position: left 0.20em;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	padding: 2px 0 1px 22px;
	/* IE 7-8 */
	background: url(/order/common/img/sph/ie/icon_circle02.gif) left 0.20em no-repeat\9;
	*zoom: 1;
}
.txt_read01 {
	font-weight: bold;
}
.txt_basic {
}
.txt_strong01 {
	color: #f00;
	font-weight: bold;
}
.txt_eo01 {
	float: none !important;
	width: auto !important;
	line-height: 1.0;
	display: inline !important;
	margin-left: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
	font-size: 22px !important;
}
.txt_tbl01 {
	text-align: right;
	font-size: 85%;
}
.txt_recommend01 {
	text-align: right;
	padding-right: 10px;
	margin: 5px 0 4px;
}
/* !Box
---------------------------------------------------------- */
.box_read01 {
	padding: 5px 10px 0;
	margin-bottom: 15px;
}
.box_border01 {
	border: 3px solid #ddd;
	padding: 10px 16px;
}
	.box_border01 .tit01 {
		background: url(/order/common/img/bg_dot01.gif) left bottom repeat-x;
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-size: 139%;
		font-weight: bold;
	}
#box_ft_fix {
	width: 100%;
	position: fixed;
	bottom: 0;
	background-color: #f0f0f0;
	border-top: 1px solid #ccc;
}
	#box_ft_fix ul {
		padding: 7px 10px;
		overflow: hidden;
		*zoom: 1;
	}
		#box_ft_fix ul li {
			float: left;
			text-align: center;
			width: 48.9%;
		}
		#box_ft_fix ul li.list02 {
			float: right;
		}
			#box_ft_fix ul li img {
				width: 100%;
				height: auto;
			}
body.ftBtn01 {
	padding-bottom: 78px;
}
/* !ico
---------------------------------------------------------- */
.icon_blank01 {
	background-image: url(/order/common/img/icon_blank01.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 2px 16px 2px 0;
	*zoom: 1;
}
