@charset "UTF-8";

/*clearfix*/
#mainContents:after,
#sidebar .rank li:after,
.item > div:after,
.item .price:after,
#globalNav:after,
.second .item > div:after,
.cost > div:after,
.second .catch > div:after,
.second .alps > div:after {
	content:"";
	height:0;
	display:block;
	clear:both;
}
#mainContents,
#sidebar .rank li,
.item > div,
.item .price,
#globalNav,
.second .item > div,
.cost > div,
.second .catch > div,
.second .alps > div {
	zoom:1;
}


#mainContents {
	width:930px;
	padding:50px 35px;
	padding-bottom:100px;
	margin:0 auto;
}
.osusume {
	background:url("../img/telephone-order/grayTone.png");
	width: 630px;
	padding:10px;
}
.osusume .inner {
	background:#fff;
	margin:0 auto;
	padding:10px;
}
.osusumeHeader {
	margin:-37px 0 0 -5px;
	background:url("../img/telephone-order/osusumeHeader.png") no-repeat left top;
	width:628px;
	height:252px;
	text-indent: -9999px;
	overflow: hidden;
}
.osusume .first {
	margin-top:-77px;
}

.osusume .item {
	padding: 10px 10px 0;
}
@media screen and (max-width: 767px) {
.osusume {
	background-image: none;
	background-color: #DDD;
	padding: 5px;
	margin-bottom: 40px;
	width: 100%;
}
.osusume .inner {
	padding: 0;
}
.osusumeHeader {
	margin: 0 0 0 5px;
	background-image: none;
	width:100%;
	height: auto;
	text-indent: 0;
	overflow: hidden;
}
	.osusumeHeader img {
		width: 100%;
		height: auto;
	}
.osusume .first {
	margin-top: 0;
}

.osusume .item {
	padding: 5px 5px 0;
}
}

.item > div {

}
	.explanation {
		margin: 5px 0;
	}

.item,
.second > div {
	width:590px;
}
.second > div {
	margin:0 auto;
}
.second .item {
	margin-top: 20px !important;
}
.second .item:first-child {
	margin-top: 0 !important;
}
.osusume .item > p,
.second .item > .itemHeader {
	background: #39B54A;
	border-radius: 4px 4px 0 0;
	margin: 0 0 5px;
	height:32px;
	color:#fff;
	font-size:16px;
}
.osusume .item > p span,
.second .item > .itemHeader span {
	background:#fff;
	padding: 3px 5px;
	color:#0A7300;
	font-size:14px;
	line-height: 1;
	margin:3px 10px 0 20px;
	display:inline-block;
	margin:5px;
	zoom:1;
}
.osusume .item > div {
	background:#fff;
	padding-top:5px;
	margin-bottom:20px;
}
.osusume .item .itemPhoto {
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
	width:268px;
	float:left;
}
.osusume .item > div > div {
	float:right;
	width:280px;
}
.osusume .item .price {
	margin: 0;
	height:30px;
}
.osusume .item .price span {
	background:url("../img/telephone-order/1p.png") no-repeat left center;
	padding-left:13px;
	font-size:15px;
	float:left;
}
.osusume .item .price img {
	float:right;
}

.osusume .item .explanation {
	margin: 10px 0;
	font-size: 14px;
	line-height: 22px;
}

.osusume .item .set,
.second .item .set {
	background:#F8FFD9;
	font-size:14px;
	line-height: 20px;
	padding:5px 8px;
}
.osusume .item .set span,
.second .item .set span {
	color:#009245;
	display:block;
}

.osusume .item .set table {
	width:100%;
	font-size:11px;
}
.osusume .item .set table th,
.osusume .item .set table td {
	border:1px solid #666;
	padding:1px;
	background:#fff;
}
.osusume .item .set table .sime {
	background:#ffecdc;
}
@media screen and (max-width: 767px) {
.item {
	border-bottom: 4px dotted #CCC;
	margin-bottom: 20px;
}
.item:last-child {
	border-bottom: none;
}
.item,
.second > div {
	width:100%;
}
.second > div {
	margin:0 auto;
}
.second .item {
	margin-top: 0 0 20px !important;
}
.second .item:first-child {
	margin-top: 0 !important;
}
.osusume .item > p,
.second .item > .itemHeader {
	border-radius: 4px;
	margin: 0 0 2px;
	padding: 5px;
	height:auto;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}
.osusume .item > p span,
.second .item > .itemHeader span {
	display:block;
	margin:0 0 5px;
	font-size: 14px;
	zoom:1;
}
.osusume .item > div {
	background:#fff;
	padding-top:5px;
	margin-bottom:20px;
}
.osusume .item .itemPhoto {
	background:#fff;
	padding:0;
	margin: 0 0 5px;
	border:1px solid #ccc;
	width: 99%;
	height: auto;
	float:none;
}
.osusume .item > div > div {
	float:none;
	width:100%;
}
.osusume .item .price {
	margin: 10px 0
	height: auto;
	line-height: 25px;
}
.osusume .item .price span {
	display: inline-block;
	margin-right: 10px;
	float:none;
}
.osusume .item .price img {
	float:none;
}

.osusume .item .explanation {
	margin: 5px 0;
}

.osusume .item .set,
.second .item .set {
}
.osusume .item .set span,
.second .item .set span {
}

.osusume .item .set table {
}
.osusume .item .set table th,
.osusume .item .set table td {
}
.osusume .item .set table .sime {
}
}

/* sidebar */
#sidebar {
	float:right;
	width:260px;
}
#sidebar .sideTel {
	margin-left:-4px;
}
#sidebar a.sideButton {
	background:url("../img/telephone-order/sideButton.png") no-repeat;
	width:230px;
	height:48px;
	line-height:46px;
	padding-left:30px;
	margin-bottom:5px;
	display:block;
	color:#fff;
	text-decoration:none;
}
#sidebar a.sideButton:hover,
#footer .footerLink a:hover {
	color:#009245;
}
#sidebar .rank {
	margin:10px 0;
	border-bottom:3px solid #FBB03B;
}
#sidebar .rank .rankHeader {
	margin-left:-17px;
}
#sidebar .rank ol {
	margin:8px 0;
}
#sidebar .rank li {
	list-style:none;
	font-size: 14px;
	line-height: 21px;
}
#sidebar .rank li a:link, #sidebar .rank li a:visited {
	color: #F15A24;
}
#sidebar .rank li a:hover, #sidebar .rank li a:active {
	color: #000;
}
#sidebar .rank li .rank1,
#sidebar .rank li .rank2,
#sidebar .rank li .rank3 {
	display:block;
}
#sidebar .rank li .rankPhoto {
	width:67px;
	height:50px;
	padding:2px;
	border:1px solid #b3b3b3;
	margin:5px;
	margin-left:0px;
	float:left;
}
#sidebar .rank li p {
	margin: 0;
	text-align:right;
}
#sidebar a.kodawari,
#sidebar a.recipe {
	background:url("../img/telephone-order/sideBanner.png") no-repeat;
	width:260px;
	display:block;
	margin-bottom:5px;
	text-indent: -9999px;
}
#sidebar a.kodawari {
	background-position:left top;
	height:69px;
}
#sidebar a.kodawari:hover {
	opacity: 0.7;
}
#sidebar a.recipe {
	background-position:left bottom;
	height:67px;
}
#sidebar a.recipe:hover {
	opacity: 0.7;
}
#sidebar a.iceBanner {
	background:url("../img/telephone-order/iceBanner.png") no-repeat left top;
	width:260px;
	height:115px;
	margin:15px 0;
	display:block;
}

#sidebar a.iceBanner:hover {
	opacity: 0.7;
}

.title_telephone_order {
	background:url("../img/telephone-order/h2.png") no-repeat scroll left top transparent;
    color:#F15A24;
    font-size:20px;
	line-height: 52px;
    height:55px;
	margin:-6px 0 10px 0;
    padding:0 0 0 70px;
    width:100％;
}
@media screen and (max-width: 767px) {
/* sidebar */
#sidebar {
	float:none;
	margin-bottom: 20px;
	width:100%;
	text-align: center;
}
#sidebar .sideTel {
	margin: 0 auto;
}
#sidebar a.sideButton {
	text-align: left;
	margin: 0 auto;
}
#sidebar .rank .rankHeader {
	margin-left:-15px;
}
#sidebar .rank ol {
}
#sidebar .rank li {
	text-align: left;
}
#sidebar .rank li a:link, #sidebar .rank li a:visited,
#sidebar .rank li a:hover, #sidebar .rank li a:active {
	color: #F15A24;
}
#sidebar .rank li .rank1,
#sidebar .rank li .rank2,
#sidebar .rank li .rank3 {
}
#sidebar .rank li .rankPhoto {
}
#sidebar .rank li p {
	margin: 0;
	text-align:right;
}
#sidebar a.kodawari,
#sidebar a.recipe {
	margin: 0 auto 5px;
}
#sidebar a.kodawari {
	background-position:left top;
	height:69px;
}
#sidebar a.kodawari:hover {
	opacity: 0.7;
}
#sidebar a.recipe {
	background-position:left bottom;
	height:67px;
}
#sidebar a.recipe:hover {
	opacity: 1;
}
#sidebar a.iceBanner {
	background:url("../img/telephone-order/iceBanner.png") no-repeat left top;
	width:260px;
	height:115px;
	margin:15px 0;
	display:block;
}

#sidebar a.iceBanner:hover {
	opacity: 1;
}

.title_telephone_order {
    font-size:14px;
	font-weight: bold;
	margin: 0 0 5px 0;
    padding:0 0 0 60px;
}
}

/* Second */
.second h3 {
	border:1px solid #8cc63f;
	background:#efffd2;
	font-size:19px;
	padding-left:8px;
	margin: 30px 0 10px;
	line-height:35px;
}
.second .cost h3,
.second .timeZone h3,
.second .changed h3,
.second .payment h3,
.second .privacy h3 {
	border:0;
	border-bottom:2px solid #fbb03b;
	background:url("../img/telephone-order/h3.png") no-repeat left center;
	padding-left:20px;
	margin-bottom:10px;
	color:#f15a24;
}
@media screen and (max-width: 767px) {
.second .cost h3,
.second .timeZone h3,
.second .changed h3,
.second .payment h3,
.second .privacy h3 {
	padding: 0 0 5px 20px;
	margin: 20px 0 10px;
	font-weight: bold;
	line-height: 1.2;
}
}
.second p {
	font-size: 14px;
	line-height: 22px;
}
.second #contents .item {
	margin-bottom:30px;
}
.second #contents .item > div {
	background:#fff;
	padding:5px 0;
}
.second .item .itemPhoto {
	float:left;
	padding:3px;
	border:1px solid #ccc;
	width:146px;
}
.item > div {
	margin-bottom: 10px;
}
.item > div > div {
	float:right;
	width:429px;
}
.second .item .price {
	text-align:right;
	font-size:15px;
}
.second .item .price span {
	background:url("../img/telephone-order/1p.png") no-repeat left center;
	padding-left:13px;
}
.second .item .explanation {
	margin:5px 0;
}
@media screen and (max-width: 767px) {
.second .item .itemPhoto {
	padding:0;
	margin: 5px auto;
	border:1px solid #ccc;
	width: 60%;
	height: auto;
	float:none;
}
.second .item > div {
	text-align: center;
}
.item > div {
	margin-bottom: 5px;
}
.item > div > div {
	float:none;
	width:100%;
	text-align: left;
}
.second .item .price {
	text-align:right;
	margin-bottom: 5px;
	font-size:15px;
}
}

.pageNav {
	text-align:right;
	margin:40px auto;
	font-size:16px;
}
	.pageNav a:link, .pageNav a:visited {
		color: #000;
	}
	.pageNav a:hover, .pageNav a:active {
		text-decoration: underline;
	}
.dial {
	margin-bottom:30px;
}
.dial img {
	margin-bottom:20px;
}
.dial ul {
	background:url("../img/telephone-order/grayTone.png");
	padding:15px;
	padding-bottom:5px;
}
.dial li {
	background:url("../img/telephone-order/second1p.png") no-repeat left 7px;
	padding-left:14px;
	margin-bottom:10px;
	font-size:16px;
}
@media screen and (max-width: 767px) {
.dial {
	margin-bottom:20px;
}
.dial img {
	width: 100%;
	height: auto;
	margin-bottom:10px;
}
.dial ul {
	padding:10px;
	padding-bottom:5px;
}
.dial li {
	margin-bottom:5px;
}
}
.second #contents > div > div {
	margin-bottom:30px;
}
.aboutTel strong {
	display:block;
	font-size:19px;
	color:#009245;
	font-weight:normal;
	margin-top:20px;
}
.aboutTel span,
.aboutFax span,
.privacy span {
	color:#ff0000;
}
.aboutFax > div {
	position:relative;
	margin:20px 0;
	height:63px;
}
.aboutFax div > a {
	background:url("../img/telephone-order/faxButton.png") no-repeat left top;
	width:413px;
	height:63px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
.aboutFax div > a:hover {
	background-position:right top;
}
@media screen and (max-width: 767px) {
.aboutTel strong {
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
}
.aboutTel span,
.aboutFax span,
.privacy span {
	color:#ff0000;
}
.aboutFax > div {
	position:relative;
	margin:20px 0;
	height:63px;
}
.aboutFax div > a {
	background:url("../img/telephone-order/faxButton.png") no-repeat left top;
	width:413px;
	height:63px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
.aboutFax div > a:hover {
	background-position:right top;
}
}
.cost > div {
		margin:10px 0;
}
.cost table.tsujyo {
	float:left;
	width:290px;
	border:1px solid #39b54a;
}
.cost table.reizo {
	float:right;
	width:290px;
	border:1px solid #29abe2;
}
.cost th,
.cost td {
	padding:3px;
}
.cost .tsujyo th {
	background:#dbefb1;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}
.cost .reizo th {
	background:#c3e6ed;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}
.cost .tsujyo td {
	border:1px solid #39b54a;
}
.cost .reizo td {
	border:1px solid #29abe2;
}
.cost > ul li {
	list-style:outside square none;
	margin-left:13px;
}
.cost > ul {
	margin-bottom:10px;
}
@media screen and (max-width: 767px) {
.cost table.tsujyo {
	float:none;
	width:100%;
	margin-bottom: 10px;
}
.cost table.reizo {
	float:none;
	width:100%;
	margin-bottom: 20px;
}
.cost th,
.cost td {
	padding:3px;
}
.cost .tsujyo th {
	background:#dbefb1;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}
.cost .reizo th {
	background:#c3e6ed;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}
.cost .tsujyo td {
	border:1px solid #39b54a;
}
.cost .reizo td {
	border:1px solid #29abe2;
}
.cost > ul li {
	list-style:outside square none;
	margin-left:13px;
}
.cost > ul {
	margin-bottom:10px;
}
}
.payment strong {
	font-size:16px;
	font-weight:normal;
	color:#009245;
	display:block;
}
.contact {
	clear: both;
	margin-top: 40px;
	background:url("../img/telephone-order/contactTelKari.png") no-repeat;
	height:133px;
	width:590px;
	position:relative;
	text-indent: -9999px;
}
.contact .contactTel {
	position:absolute;
	left:10px;
	top:30px;
	display:none;/*FAXないときだけ*/
}
.contact a.contactFax {
	background:url("../img/telephone-order/contactFax.png") no-repeat left top;
	width:286px;
	height:82px;
/*	display:block;*/
	display:none;
	position:absolute;
	right:2px;
	top:30px;
}
.contact a.contactFax:hover {
	background-position:left bottom;
}
@media screen and (max-width: 767px) {
.contact {
	display: none;
	background-size: 280px auto;
	margin-top: 40px;
	height:63px;
	width:280px;
	position:relative;
	text-indent: -9999px;
}
.contact .contactTel {
	position:absolute;
	left:10px;
	top:30px;
	display:none;/*FAXないときだけ*/
}
.contact a.contactFax {
	background:url("../img/telephone-order/contactFax.png") no-repeat left top;
	width:286px;
	height:82px;
/*	display:block;*/
	display:none;
	position:absolute;
	right:2px;
	top:30px;
}
.contact a.contactFax:hover {
	background-position:left bottom;
}
}
.second .catch h3,
.second .feature h3,
.second .alps h3 {
	border:none;
	background:#fff;
	padding:0;
	margin:0;
}
.second .feature h3,
.second .alps h3 {
	margin-bottom:10px;
}
.second .catch h3 {
	margin:-10px 0 10px -10px;
}
.second .catch {
	background:url("../img/telephone-order/catchBg.jpg") no-repeat left bottom;
	padding:10px;
	padding-bottom:13px;
	margin-bottom: 30px;
}
.second .catch p {
	float:left;
	width:317px;
	font-size:15px;
}
.second .catch > div img {
	float:right;
}
.second .feature {
	margin-bottom: 30px;
}
.second .feature .list {
	background:url("../img/telephone-order/featureBg.png") no-repeat center bottom #C3E296;
	padding:7px;
	margin-bottom:10px;
	padding-bottom:21px;
}
.second .feature p {
	margin-bottom: 0;
}
.second .feature ol {
	background:#fff;
	border:1px solid #8CC63F;
	padding:2px;
}
.second .feature ol li {
	list-style:none;
	background-image: none;
	margin:10px;
	font-size:16px;
}
	.second .feature ol li span {
		margin-right: 5px;
		font-size: 16px;
		font-weight: bold;
		color: #EE0000;
	}
.second .feature > img {
	margin:10px 0;
}
.second .alps > div p {
	float:right;
	width:315px;
}
.second .alps > div img {
	float:left;
	width:265px;
}
.mailingCost table {
	margin:30px auto 0;
	margin-bottom:30px;
	width:485px;
}
.mailingCost th {
	font-weight:normal;
	background:#e9fcff;
}
.mailingCost table,
.mailingCost th,
.mailingCost td {
	border:1px solid #29abe2;
	padding:2px;
	text-align:center;
}
.mailingCost td.yen {
	text-align:right;
}

/** 2013.5.20 追加 **/

.att {
	color:#ff0000;
	text-align:right;

}
@media screen and (max-width: 767px) {
.second .catch h3 img,
.second .alps h3 img,
.second .feature img {
	width: 100%;
	height: auto;
}

.second .catch h3,
.second .feature h3,
.second .alps h3 {
	width: 100%;
	border:none;
	background:#fff;
	padding:0;
	margin:0;
}
.second .feature h3,
.second .alps h3 {
	margin-bottom:10px;
}
.second .catch h3 {
	margin:-10px 0 10px -10px;
	width: 100%;
	height: auto;
}
.second .catch {
	background:url("../img/telephone-order/catchBg.jpg") no-repeat left bottom;
	padding:10px;
	padding-bottom:13px;
	margin-bottom: 30px;
}
.second .catch p {
	float:none;
	width:100%;
	font-size:15px;
	margin-bottom: 10px;
}
.second .catch > div img {
	float:right;
}
.second .feature {
	margin-bottom: 30px;
}
.second .feature .list {
	padding:7px;
	margin-bottom:10px;
	padding-bottom:21px;
}
.second .feature p {
	margin-bottom: 0;
}
.second .feature ol {
	background:#fff;
	border:1px solid #8CC63F;
	padding:2px;
}
.second .feature ol li {
	list-style:none;
	background-image: none;
	margin:5px;
	line-height: 18px;
}
	.second .feature ol li span {
		display: block;
		margin-right: 0;
		font-size: 16px;
	}
.second .feature > img {
	margin:10px 0;
}
.second .alps > div p {
	float:none;
	width:100%;
}
.second .alps > div img {
	float:none;
	width:100%;
}
.mailingCost table {
	margin:30px auto 0;
	margin-bottom:30px;
	width:100%;
}
.mailingCost th {
	font-weight:normal;
	background:#e9fcff;
}
.mailingCost table,
.mailingCost th,
.mailingCost td {
	border:1px solid #29abe2;
	padding:2px;
	text-align:center;
}
.mailingCost td.yen {
	text-align:right;
}

/** 2013.5.20 追加 **/

.att {
	color:#ff0000;
	text-align:right;

}
}