@charset "UTF-8";
/*----------------------------------------

	- header
	+ article
		- nav
		- lnav
		+ main
			+ box01
				+ cart01
					- order_pc
					- order_sp
					- conf_pc
					- cart01_01
					- cart01_02
				- add01
				- comp01
				- comp02

-----------------------------------------*/

/*----------------------------------------
	header
-----------------------------------------*/

#header_bg {
	top: 0;
}

/*----------------------------------------
	article
-----------------------------------------*/

article {
	min-width: 100%;
	margin-top: 161px;
	background: url(../../../img/common_bg01.gif) repeat left top;
}

@media screen and (max-device-width:500px) {
	article {
		margin-top: 332px;
	}
}

/*----------------------------------------
	nav 現在位置表示用
----------------------------------------*/
/*header nav ul li#nav06 {
	background: url(../../../img/common_nav_pc_bg01.png) no-repeat 2px 77px;
}

@media screen and (max-device-width:500px) {
	header nav ul li#nav06 {
		background: url(../../../img/common_nav_sp_bg03.png) no-repeat 20px 77px;
	}
}*/

/*----------------------------------------
	lnav
----------------------------------------*/

#lnav {
	width: 100%;
	margin-top: 161px;
	border-top: 10px solid #fde07a;
	background-color: #fde07a;
}

@media screen and (max-device-width:500px) {
	#lnav {
		width: 100%;
		margin-top: 332px;
	}
}

#lnav #slnav {
	width: 100%;
	padding: 16px 0;
	background-color: #ffffff;
}

#lnav #slnav > ul {
	text-align: center;
}

#lnav #slnav > ul li {
	display: inline-block;
	padding: 0 35px;
	background: url(../../../img/lnav01_sub_bg01.gif) no-repeat right 3px;
}

#lnav #slnav > ul li:first-child {
	padding-left: 0;
}

#lnav #slnav > ul li:last-child {
	padding-right: 0;
	background: none;
}

/*----------------------------------------
	main
-----------------------------------------*/

#main {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 40px;
}

@media screen and (max-device-width:500px) {
	#main {
		width: 100%;
	}
}

#main h1#tit01 {
	padding: 22px 20px 30px;
}

@media screen and (max-device-width:500px) {
	#main h1#tit01 {
		width: 440px;
		margin: 0 auto;
		background: none;
	}
	
	#main h1#tit01 img {
		width: 100%;
		height: auto;
	}
}

/*----------------------------------------
	box01
-----------------------------------------*/

#box01 {
	padding: 26px 70px;
	background: #ffffff;
}

@media screen and (max-device-width:500px) {
	#box01 {
		width: 410px;
		margin: 0 auto;
		padding: 26px 35px;
	}
}

#box01 #stit01 {
	padding-bottom: 14px;
	background: url(../../../img/common_content_line01.png) repeat-x left bottom;
}

#box01 p#stit01_t01 {
	padding: 29px 0 37px;
	text-align: center;
}

@media screen and (max-device-width:500px) {
	#box01 p#stit01_t01 img {
		width: 100%;
		height: auto;
	}
}

#box01 p#comp_btn01 {
	padding: 30px 0 40px;
	text-align: center;
}

/*----------------------------------------
	cart01
-----------------------------------------*/

#cart01 {
	width: 860px;
	margin-bottom: 24px;
	padding-bottom: 32px;
	background: url(../../../img/common_content_line01.png) repeat-x left bottom;
}

@media screen and (max-device-width:500px) {
	#cart01 {
		width: 410px;
	}
}

#cart01 h1 {
	padding-bottom: 3px;
	font-weight: bold;
}

/*----------------------------------------
	order_pc
-----------------------------------------*/

#cart01 #order_pc {
	margin-top: 17px;
}

#cart01 #order_pc table th {
	padding: 5px 20px 3px;
	border-left: 1px solid #ffffff;
	background: #fba6aa;
	text-align: center;
	vertical-align: middle;
}

#cart01 #order_pc table th:nth-child(1) {
	width: 260px;
	border: none;
	text-align: left;
}

#cart01 #order_pc table th:nth-child(2),
#cart01 #order_pc table th:nth-child(4) {
	width: 139px;
}

#cart01 #order_pc table th:nth-child(3),
#cart01 #order_pc table th:nth-child(5) {
	width: 59px;
}

#cart01 #order_pc table td {
	padding: 9px 20px 11px;
	border-left: 1px solid #ffffff;
	background: url(../../../img/common_content_line01.png) repeat-x left bottom;
	vertical-align: middle;
}

#cart01 #order_pc table td input {
	width: 54px;
	border: 1px solid #acadb2;
}

#cart01 #order_pc table td:nth-child(1) {
	border: none;
	font-weight: bold;
}

#cart01 #order_pc table td:nth-child(2),
#cart01 #order_pc table td:nth-child(4) {
	text-align: right;
}

#cart01 #order_pc table td:nth-child(2) span.red01,
#cart01 #order_pc table td:nth-child(4) span.red01 {
	font-weight: bold;
}

@media screen and (max-device-width:500px) {
/*@media screen and (max-width:500px) {*/
	#cart01 #order_pc {
		display: none;
	}
}
/*----------------------------------------
	order_sp
-----------------------------------------*/
#cart01 #order_sp {
	display: none;
}

#cart01 #order_sp div {
	margin-top: 17px;
	padding-bottom: 2px;
	background: url(../../../img/common_content_line01.png) repeat-x left bottom;
}

#cart01 #order_sp div table th {
	width: 69px;
	padding: 16px 24px;
	background: #fba6aa url(../../../img/common_content_line01.png) repeat-x left top;
	vertical-align: middle;
}

#cart01 #order_sp div table td {
	width: 253px;
	padding: 9px 25px 9px 15px;
	background: url(../../../img/common_content_line01.png) repeat-x left top;
	text-align: right;
	vertical-align: middle;
}

#cart01 #order_sp div table td#sp_td01 {
	text-align: left;
	font-weight: bold;
}

#cart01 #order_sp div table td span.red01 {
	font-weight: bold;
}

#cart01 #order_sp div table td input {
	width: 54px;
	border: 1px solid #acadb2;
}

@media screen and (max-device-width:500px) {
/*@media screen and (max-width:500px) {*/
	#cart01 #order_sp {
		display: block;
	}
}
/*----------------------------------------
	conf_pc
-----------------------------------------*/

#cart01 #conf_pc {
	margin-top: 17px;
}

#cart01 #conf_pc table th {
	padding: 5px 20px 3px;
	border-left: 1px solid #ffffff;
	background: #fba6aa;
	text-align: center;
	vertical-align: middle;
}

#cart01 #conf_pc table th:nth-child(1) {
	width: 260px;
	border: none;
	text-align: left;
}

#cart01 #conf_pc table th:nth-child(2),
#cart01 #conf_pc table th:nth-child(4) {
	width: 172px;
}

#cart01 #conf_pc table th:nth-child(3) {
	width: 92px;
}

#cart01 #conf_pc table td {
	padding: 9px 20px 11px;
	border-left: 1px solid #ffffff;
	background: url(../../../img/common_content_line01.png) repeat-x left bottom;
	vertical-align: middle;
}

#cart01 #conf_pc table td input {
	width: 54px;
	border: 1px solid #acadb2;
}

#cart01 #conf_pc table td:nth-child(1) {
	border: none;
	font-weight: bold;
}

#cart01 #conf_pc table td:nth-child(2),
#cart01 #conf_pc table td:nth-child(4) {
	text-align: right;
}

#cart01 #conf_pc table td:nth-child(2) span.red01,
#cart01 #conf_pc table td:nth-child(4) span.red01 {
	font-weight: bold;
}

#cart01 #conf_pc table td:nth-child(3) {
	text-align: center;
}

/*@media screen and (max-width:500px) {*/
@media screen and (max-device-width:500px) {
	#cart01 #conf_pc {
		display: none;
	}
}

/*----------------------------------------
	cart01_01
-----------------------------------------*/

#cart01 #cart01_01 {
	display: table;
}
#cart01 #cart01_01 div {
	background: #fc751b;
	padding: 11px 20px;
}
#cart01 #cart01_01 div.cart01_01_caution {
	background: #CC2403;
}

#cart01 #cart01_01 p:nth-child(1) {
	display: table-cell;
	width: 693px;
	padding-right: 16px;
	text-align: right;
	vertical-align: middle;
}

#cart01 #cart01_01 p:nth-child(2) {
	display: table-cell;
	width: 109px;
	text-align: right;
	vertical-align: middle;
}

@media screen and (max-device-width:500px) {
	#cart01 #cart01_01 {
		display: block;
		padding: 11px 2px;
	}
	
	#cart01 #cart01_01 p:nth-child(1) {
		display: block;
		width: 406px;
		padding: 0 0 3px;
		text-align: center;
	}
	
	#cart01 #cart01_01 p:nth-child(2) {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
}

/*----------------------------------------
	backToList01
-----------------------------------------*/
#backToList01 {
	width: 100%;
	padding: 10px 0 0;
	text-align: right;
}

/*----------------------------------------
	cart01_02
-----------------------------------------*/

#cart01 #cart01_02 {
	width: 380px;
	padding: 35px 0 0 480px;
	/*display: none;*/
}

@media screen and (max-device-width:500px) {
	#cart01 #cart01_02 {
		width: 410px;
		padding: 35px 0 0;
	}
}

#cart01 #cart01_02 dl {
	display: table;
	padding: 15px 0;
	background: #fcf9eb url(../../../img/common_content_line01.png) repeat-x left top;
}

#cart01 #cart01_02 dl dt {
	display: table-cell;
	width: 91px;
	padding-left: 10px;
	text-align: right;
	vertical-align: middle;
}

@media screen and (max-device-width:500px) {
	#cart01 #cart01_02 dl dt {
		width: 106px;
	}
}

#cart01 #cart01_02 dl dd {
	display: table-cell;
	width: 279px;
	vertical-align: middle;
	word-break: break-all;
}

@media screen and (max-device-width:500px) {
	#cart01 #cart01_02 dl dd {
		width: 294px;
	}
}

#cart01 #cart01_02 dl dd p:nth-child(1) {
	display: table-cell;
	width: 157px;
	text-align: right;
}

#cart01 #cart01_02 dl dd p:nth-child(1) span.red01 {
	font-weight: bold;
}

#cart01 #cart01_02 dl dd p:nth-child(2) {
	display: table-cell;
	width: 122px;
	text-align: left;
}

#cart01 #cart01_02 dl dd:nth-child(2) p.brown01 span {
	font-weight: bold;
}

#cart01 #cart01_02 dl:nth-child(3) {
	padding: 30px 0;
	background: #fde07a url(../../../img/common_content_line01.png) repeat-x left top;
}

#cart01 #cart01_02 dl:nth-child(3) dd {
	width: 205px;
	padding: 0 20px 0 54px;
	text-align: left;
}

@media screen and (max-device-width:500px) {
	#cart01 #cart01_02 dl:nth-child(3) dd {
		width: 220px;
	}
}

#cart01 #cart01_02 dl:nth-child(3) dd span.red01 {
	font-weight: bold;
}

/*----------------------------------------
	add01
-----------------------------------------*/

#add01 h1 {
	padding-bottom: 4px;
	font-weight: bold;
}

#add01 p span {
	font-weight: bold;
}

#add01 dl {
	padding: 25px 0 32px;
}

p.error_t01 {
	margin-bottom: 17px;
	padding: 16px 10px;
	text-align: center;
	background: #cc2403;
}

@media screen and (max-device-width:500px) {
	p.error_t01 span {
		display: block;
	}
}

#add01 div {
	padding-bottom: 2px;
	background: url(../../../img/common_content_line01.png) repeat-x left bottom;
}

#add01 div p span {
	font-weight: normal;
}

#add01 div dl {
	padding: 0;
}

#add01 table {
	margin-top: 9px;
}

@media screen and (max-device-width:500px) {
	#add01 table {
		width: 100%;
		height: auto;
	}
}

#add01 table th {
	width: 260px;
	padding: 21px 20px 19px;
	background: #fcefc2 url(../../../img/common_content_line01.png) repeat-x left top;
	vertical-align: top;
}

@media screen and (max-device-width:500px) {
	#add01 table th {
		width: 134px;
		padding: 11px 10px 9px;
	}
}

#add01 table th#th01 {
	background: #fcefc2 url(../img/form_line01.gif) repeat-x left top;
}

#add01 table td {
	width: 540px;
	padding: 21px 0 19px 20px;
	background: url(../../../img/common_content_line01.png) repeat-x left top;
}

@media screen and (max-device-width:500px) {
	#add01 table td {
		width: 246px;
		padding: 11px 0 9px 10px;
	}
}

#add01 table td .error {
	background: #fedfdf;
}

#add01 table td p.error_t02 {
	margin-top: 17px;
	padding: 17px 10px 15px;
	background: #cc2403;
}

#add01 table td input {
	height: 22px;
	border: 1px solid #acadb2;
}

#add01 table td input.tbox01 {
	width: 209px;
	margin-bottom: 5px;
}

#add01 table td input.tbox02 {
	width: 309px;
	margin-bottom: 5px;
}

@media screen and (max-device-width:500px) {
	#add01 table td input.tbox01,
	#add01 table td input.tbox02 {
		width: 220px;
	}
}

#add01 table td input#post01 {
	width: 51px;
	margin-right: 10px;
}

#add01 table td input#post02 {
	width: 71px;
	margin-left: 10px;
}

#add01 table td p.mail_t01 {
	padding: 13px 0 7px;
}

#add01 table td p.add_t01 {
	padding: 6px 0 7px;
}

#add01 table td p.add_t01 span {
	display: block;
	float: left;
}

#add01 table td p.add_t01 span:nth-child(2) {
	padding-left: 20px;
}

@media screen and (max-device-width:500px) {
	#add01 table td p.add_t01 span {
		float: none;
	}
	
	#add01 table td p.add_t01 span:nth-child(2) {
		padding: 10px 0 0 0;
	}
}

#add01 table td p.add_t02 {
	padding: 14px 0 7px;
}

#add01 table td p.add_t03 {
	padding: 11px 0 7px;
}

#add01 table td select {
	border: 1px solid #acadb2;
}

#add01 table td textarea {
	width: 522px;
	height: 40px;
	margin-top: 4px;
	border: 1px solid #acadb2;
	resize: none;
}

#add01 table td textarea#tabox01 {
	height: 102px;
	margin-top: 17px;
}

@media screen and (max-device-width:500px) {
	#add01 table td textarea {
		width: 220px;
	}
}

#add01 table td ul li {
	float: left;
	margin-right: 55px;
}

#add01 table td ul li:last-child {
	margin-right: 0;
}

#add01 table td ul li input {
	border: none;
	vertical-align: middle;
}

#add01 table td ul li input.tbox02 {
	margin-left: 7px;
	border: 1px solid #acadb2;
}

#add01 table td ul li span {
	padding-left: 5px;
}

#add01 table td ul li.indent01 {
	float: none;
	margin: 0;
}

#add01 table td#year01 span {
	padding: 0 17px 0 6px;
}

@media screen and (max-device-width:500px) {
	#add01 table td#year01 span {
		padding: 0 0 0 2px;
	}
}

#add01 #btn01 {
	padding-top: 29px;
	background: none;
	text-align: center;
}

#add01 ul#btn02 {
	padding: 29px 0 0;
}

#add01 ul#btn02 li {
	float: left;
	padding-left: 207px;
}

#add01 ul#btn02 li:last-child {
	padding-left: 20px;
}

@media screen and (max-device-width:500px) {
	#add01 ul#btn02 li {
		padding-left: 0;
	}
	
	#add01 ul#btn02 li:last-child {
		padding-left: 10px;
	}
	
	#add01 ul#btn02 li input {
		width: 200px;
		height: auto;
	}
}

/*----------------------------------------
	comp01
-----------------------------------------*/

#comp01 {
	padding-bottom: 5px;
	background: url(../../../img/common_content_line01.png) repeat-x left bottom;
}

#comp01 h1 {
	padding-bottom: 24px;
	font-weight: bold;
}

#comp01 p {
	padding-bottom: 24px;
}

/*----------------------------------------
	comp02
-----------------------------------------*/

#comp02 h1 {
	display: table-cell;
	width: 250px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	background-color: #fde07a;
}

@media screen and (max-device-width:500px) {
	#comp02 h1 {
		display: block;
		width: auto;
		padding: 30px 0;
	}
}

#comp02 div {
	display: table-cell;
	width: 610px;
	background-color: #fcefc2;
}

#comp02 div dl#comp02_01 {
	float: left;
	width: 213px;
	margin: 0;
	padding: 20px 0 0 21px;
}

@media screen and (max-device-width:500px) {
	#comp02 div dl#comp02_01 {
		float: none;
	}
}

#comp02 div dl#comp02_01 dt {
	margin-bottom: 18px;
	padding-left: 22px;
	font-weight: bold;
	background: url(../img/form_inquiry_ic01.gif) no-repeat left center;
}

#comp02 div dl#comp02_01 dd {
	padding-left: 22px;
}

#comp02 div dl#comp02_02 {
	float: right;
	width: 330px;
	margin: 20px 0 15px;
	padding: 0 5px 0 21px;
	background: url(../../../img/common_content_line02.png) repeat-y left top;
}

@media screen and (max-device-width:500px) {
	#comp02 div dl#comp02_02 {
		float: none;
		width: auto;
		padding-top: 20px;
		background: url(../../../img/common_content_line01.png) repeat-x left top;
	}
}

#comp02 div dl#comp02_02 dt {
	margin-bottom: 10px;
	padding-left: 17px;
	background: url(../img/form_inquiry_ic02.gif) no-repeat left center;
	font-weight: bold;
}

#comp02 div dl#comp02_02 dd {
	padding-left: 17px;
}

#comp02 div dl#comp02_02 dd#comp02_t01 {
	padding-bottom: 7px;
}

#comp02 div dl#comp02_02 dd dl {
	display: inline;
}

#comp02 div dl#comp02_02 dd dl dt {
	float: left;
	margin: 0;
	padding: 0 25px 0 0;
	background: none;
	font-weight: normal;
}

#comp02 div dl#comp02_02 dd dl dd {
	float: left;
	padding: 0;
	word-break: break-all;
}
