﻿@charset "UTF-8";

/*==================================================
          
   common.css
		  
==================================================*/

.hNaviBox { height: 27px; }
	h1 {
		line-height: 100%;
		color: #C04958;
		font-size: 10px;
		padding: 2px 0px 0px 90px;
		width: 400px;
		float: left;
		font-weight: normal;
		}
	.hNavi {
		float: right;
		width: 540px;
		}
		.hNavi li {
			float: left;
			padding: 0px 10px 0px 0px;
			}
			.hNavi li a {
				padding: 0px 0px 0px 10px;
				font-size: 10px;
				text-decoration: none;
				color: #333333;
				background: url(../img/common/head/hNaviIconOff.gif) no-repeat center left;
				}
				.hNavi li a:hover {
					background: url(../img/common/head/hNaviIconOn.gif) no-repeat center left;
					color: #666666;
					}


.hlogoBox { background: url(../img/common/head/headTel.jpg) no-repeat top right; }
	.hlogoBox .logo { padding: 0 0 0 90px; float: left; }
		.hlogoBox .logo .logoImg { float: left; }
		.hlogoBox .logo .logoText {
			float: left;
			font-size: 15px;
			color: #333333;
			line-height: 120%;
			padding: 0px 0px 0px 10px;
			}
			.hlogoBox .logo .logoText span {
				background: #DC0707;
				color: #FFFFFF;
				font-size: 12px;
				padding: 2px 2px;
				font-weight: bold;
				}
	.hlogoBox .loginNaviBox {
		float: right;
		padding: 0 370px 0 0;
		}
		.hlogoBox .loginNaviBox li {
			margin: 0 0 7px 0;
		}

.gNavi {
	padding: 0 0 0 20px;
	}
	.gNavi li {
		float: left;
		padding: 0 20px 0 0;
		}
		.gNavi li a {
			padding: 10px 0px 10px 20px;
			text-decoration: none;
			line-height: 100%;
			font-size: 12px;
			color: #FFFFFF;
			display: block;
			background: url(../img/common/head/gNaviIcon.gif) center left no-repeat;
			}
			.gNavi li a:hover {
				opacity:0.6;
				filter:alpha(opacity=60);
				-ms-filter: "alpha( opacity=60 )";
				}


/*LeftSide*/

.sideBox {
	padding: 0 0 5px 0;
	width: 170px;
	}
	.sideBox .sideTitle {
		background: url(../img/common/side/sideTitle.jpg) no-repeat top left;
		color: #FFFFFF;
		text-align: center;
		font-weight: normal;
		height: 17px;
		padding: 2px 0 4px 0;
		font-size: 14px;
		}

.kindSNavi li a {
	display: block;
	height: 37px;
	text-decoration: none;
	padding: 23px 0 0 30px;
	line-height: 100%;
	}
	.kindSNavi li a:hover {
		color: #666666; 
		opacity:0.6;
		filter:alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
		}
		.kindSNavi li.kindSnavi05 a,.kindSNavi li.kindSnavi08 a { padding-top: 15px; height: 45px;}

		.kindSNavi li.kindSnavi01 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px 0px; }
		.kindSNavi li.kindSnavi02 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -60px; }
		.kindSNavi li.kindSnavi03 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -120px; }
		.kindSNavi li.kindSnavi04 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -180px; }
		.kindSNavi li.kindSnavi05 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -240px; }
		.kindSNavi li.kindSnavi06 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -300px; }
		.kindSNavi li.kindSnavi07 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -540px; }
		.kindSNavi li.kindSnavi08 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -420px; }
		.kindSNavi li.kindSnavi09 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -420px; }
		.kindSNavi li.kindSnavi10 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -480px; }
		.kindSNavi li.kindSnavi11 a { background: url(../img/common/side/kindSnavi.jpg) no-repeat 0px -360px; }


.kindSNavi02 li a {
	display: block;
	height: 22px;
	text-decoration: none;
	padding: 10px 0 0 30px;
	line-height: 100%;
	font-size: 12px;
	}
	.kindSNavi02 li a:hover {
		color: #666666; 
		opacity:0.6;
		filter:alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
		}

		.kindSNavi02 li.kindSnavi01 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px 0px; }
		.kindSNavi02 li.kindSnavi02 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -32px; }
		.kindSNavi02 li.kindSnavi03 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -64px; }
		.kindSNavi02 li.kindSnavi04 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -96px; }
		.kindSNavi02 li.kindSnavi05 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -128px; }
		.kindSNavi02 li.kindSnavi06 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -160px; }
		.kindSNavi02 li.kindSnavi07 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -288px; }
		.kindSNavi02 li.kindSnavi08 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -224px; }
		.kindSNavi02 li.kindSnavi09 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -224px; }
		.kindSNavi02 li.kindSnavi10 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -256px; }
		.kindSNavi02 li.kindSnavi11 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -192px; }
		.kindSNavi02 li.kindSnavi12 a { background: url(../img/common/side/kindSnavi02.jpg) no-repeat 0px -288px; }


.priceSNavi li {
	background: url(../img/common/side/priceNaviBg.gif) repeat-x bottom left;
	}
	.priceSNavi li a {
		background: url(../img/common/side/priceNaviIcon.jpg) center left no-repeat;
		padding: 2px 0 0 35px;
		height: 19px;
		display: block;
		font-size: 12px;
		text-decoration: none;
		}
		.priceSNavi li a:hover {
			opacity:0.6;
			filter:alpha(opacity=60);
			-ms-filter: "alpha( opacity=60 )";
			}



.contWrap {
	padding: 0 10px 0 10px;
}

.totop {
	text-align: right;
	padding: 20px 0 0 0;
}

a:hover img{
	filter: alpha(opacity=60);
  	opacity:0.6;
	}
	

.allh3Title {
	background: url(../img/common/allh3TIite.jpg) repeat-x top left;
	color: #FFFFFF;
	line-height: 100%;
	padding: 10px 0 0 10px;
	height: 35px;
	width: 650px;
	}

.allh3Title02 {
	background: url(../img/common/h3TitleBg01.jpg) repeat-x top left;
	color: #FFFFFF;
	font-size: 14px;
	padding: 0 0 0 5px;
}

.allh3Title03 {
	border-left: #CD3838 10px solid;
	color: #CD3838;
	font-weight: bold;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 0 0 0 20px;
	font-size: 30px;
	
	}

.allh3Title04 {  /*--紫色背景--**/
  background: #76476C;
  color: #FFFFFF;
  text-align: center;
  width: 656px;
  font: 20px "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  }



.allh3Title05 {  /*--灰色背景--**/
	background: #F0F0F0;
	color: #101823;
	width: 636px;
	font: bold 20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 10px 10px 10px 10px;
	
}

.allh3Title06 {
  background: #F27373;
  color: #FFFFFF;
  text-align: center;
  width: 656px;
  font: 20px "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  }






.rentList li {
	padding: 7px;
	background: #ECECEC;
	width: 110px;
	height: 255px;
	float: left;
	margin: 0 4px 0 4px;
	_margin-left: 2px;
	}
	.rentList li.last {
		margin: 0;
	}
	.rentList p { width: 110px; padding: 4px 0;}
	.rentList p.title { text-align: left; }
	.rentList p.price { text-align: right; font-size: 12px; }
	.rentList div { width: 110px; text-align: right;}

.pointList li {	margin: 0 0 10px 0; }

.cartSBox {
	background: #ECECEC;
	padding: 0 10px;
	}
	.cartSBox dl {
		padding: 5px 0;
		}
	.cartSBoxItem {
		border-bottom: 1px dotted #333333;
		padding: 10px;
		
		}
	.cartSBoxPrice {
		}
		.cartSBox dt {
			width: 70px;
			float: left;
			}
			.cartSBox dt span {
				font-size: 12px;
				}
		.cartSBox dd {
			width: 80px;
			float: right;
			text-align: right;
			}
	.toRegi {
		text-align: right;
		padding: 10px 0;
	}
	.toRegi a {
		background: #666666;
		color: #FFFFFF;
		padding: 5px;
		text-decoration: none;
		border: 1px solid #9D9D9D;
	}
	.toRegi a:hover {
		background: #999999;
		border: 1px solid #BEBEBE;
		}


.rankList li {
	background: #ECECEC;
	padding: 8px;
	margin: 0 0 10px 0;
}

.rankList li p { padding: 0 0 0 40px; margin: 10px 0 0 0; }
	.rankList li p.rank01 { background: url(../img/common/side/rank01No.jpg) no-repeat center left; }
	.rankList li p.rank02 { background: url(../img/common/side/rank02No.jpg) no-repeat center left; }
	.rankList li p.rank03 { background: url(../img/common/side/rank03No.jpg) no-repeat center left; }
	.rankList li p.rank04 { background: url(../img/common/side/rank04No.jpg) no-repeat center left; }
	.rankList li p.rank05 { background: url(../img/common/side/rank05No.jpg) no-repeat center left; }

.rankList li p a {
	color: #1530A0;
}

.flowBox {
	background: #F2DABE;
	padding: 10px;
}

.flowBoxIn {
	background: #FFFFFF;
	}
	.flowBoxIn p {
		font-size: 16px;
		}
	.flowBoxIn dl {
		width: 622px;
		padding: 10px 0 0 0px;
		}
		.flowBoxIn dt {
			float: left;
			width: 95px;
			}
		.flowBoxIn dd {
			float: right;
			width: 524px;
			text-align: left;
			}

.flowBox .flowBoxTitle {
	color: #FFFFFF;
	background: #1E1E1E;
	font-weight: bold;
	font-size: 22px;
	padding: 5px 10px;
	margin: 10px;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

.flowTitle {
	color: #990000;
	font-size: 22px;
	font-weight: bold;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.flowList li {
	background: url(../img/common/flowstepIcon.jpg) no-repeat bottom left;
	padding: 0 0 20px 10px;
	width: 622px;
	}
	.flowList li.last {
		background: none;
		}

.flowAttention {
	padding: 10px;
}

.flowATitle {
	background: #C60000;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 100px;
	text-align: center;
}

.flowAttention p {
	font-size: 12px;
	padding: 10px 0 0 0;
}

.toTop {
	text-align: right;
	width: 1010px;
	padding: 0 10px;
	margin: 0 auto;
	background: #FFFFFF;
}

.footNavi {
	float: right;
	width: 400px;
}

.footNavi li {
	float: right;
	color: #FFFFFF;
}

.footNavi li a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 5px;
}

.footNavi li a:hover {
	text-decoration: underline;
}

.footMain {
	background: url(../img/common/foot/foot_back.gif) no-repeat center top;
	padding: 10px 20px 0;
	height: 74px;
}

.footAdd { width: 500px; float: left; }
.footAdd img { float: left; }
.footAdd p { color: #FFFFFF; float: left; padding: 10px 0 0 10px; }

address { color: #FFFFFF; }

.copy p{
	text-align: right;
	color: #FFFFFF;
	line-height: 100%;
}

#panList {
	padding: 0 0 10px 0;
	}
	#panList strong {
		font-weight: normal;
		}
	#panList a {
		color: #1530A0;
		text-decoration: none;
		}
		#panList a:hover {
			text-decoration: underline;
			}

/*--2013.10.13--*/

.flowList02 {
	margin: 10px 0 20px 0;
	}
	.flowList02 li {
		width: 124px;
		float: left;
		margin: 0 10px 0 0;
	}
	.flowList02 li .flowList02Step {
		color: #560A0A;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.flowList02 li .flowList02Step span {
		color: #FFFFFF;
		background: #D06464;
		margin: 0 5px 0 0;
		padding: 1px;
		}
	.flowList02 li .flowList02Img {
		height: 110px;
		}
	.flowList02 li .flowList02Title {
		color: #D06464;
		border-left: 2px solid #D06464;
		line-height: 100%;
		padding: 0 0 0 2px;
		margin: 0 0 5px 0;
		}

.allh4Title01 {
	background: url(../img/common/line01.gif) no-repeat left center;
	}
	.allh4Title01 span {
		background: #D06464;
		color: #FFFFFF;
		padding: 1px 2px;
		}


.allh4Title02 {
	color: #A63E3F;
	font-size: 16px;
	}
	.allh4Title02 span {
		background: #A63E3F;
		color: #FFFFFF;
		padding: 1px 2px;
		}



.allh5Title01 {
	color: #D06464;
	font-weight: bold;
	border-left: #D06464 solid 4px;
	padding: 0 0 0 5px;
	}
	

.link01 a {
	background: url(../img/common/icon01.gif) no-repeat left center;
	text-decoration: underline;
	padding: 0 0 0 15px;
	}
	.link01 a:hover {
		text-decoration: none;
	}


.commonTitle01 {
	background: url(../img/common/commonTitleBg.gif) repeat-y left center;
	padding: 3px 3px 3px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

.commonTitle02 {
	color: #7A2E30;
	font-weight: bold;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 20px;
	}


.sideCommentBox {
	background: #FBF7F2 url(../img/common/comment/commentBoxWrap.jpg) repeat-y top left;
	border-bottom: 2px solid #ECC4C4;

	}
	.sideCommentVoice {
		background: url(../img/common/comment/commentBgTop.jpg) repeat-y top left;
		margin: 10px 0px;
		}
		.sideCommentVoice p {
			padding: 10px 10px 0 10px;
			}

.sideCommentBoxList {
	margin: 0 10px;
	}

.sideCommentBoxList li {
	border-bottom : #E3AAAA dotted 1px;
	
	}
	.sideCommentBoxList li.last {
		border: none;
	}


p.vLink {
		text-align: right;
		}
	 p.vLink a {
		background: url(../img/common/side/linkIcon.gif) no-repeat center left;
		color: #85545F;
		font-size: 10px;
		padding: 0 0 0 8px;
		}

.text01 {
	background: #EFEEDE;
	padding: 2%;
	width: 100%;
	font-size: 14px;
	line-height: 160%;
	box-sizing: border-box;
}

.companyTable01 {
	width: 100%;
	}
	.companyTable01 th {
		background: #EBE2C0;
		padding: 10px 0;
		width: 20%;
		text-align: center;
		color: #101823;
		font: 16px normal;
		border-bottom: 2px solid #FFFFFF;
	}
	.companyTable01 td {
		padding: 10px;
		background: #F8F5E9;
		color: #101823;
		font: 16px normal;
		border-bottom: 2px solid #FFFFFF;
	}

.halfText01 {
  background: #E25252;
  color: #FFFFFF;
  padding: 2px 10px;
  margin: 0 5px;
  }


.ecContBox01 {
  width: 652px;
  }

.line-through { text-decoration: line-through; }


.postageTable01 {
  width: 100%;
  }
  .postageTable01 th {
    width: 40%;
    background: #F2D7D7;
    color: #5F3434;
    text-align: center;
	padding: 10px 0;
	font-weight: normal;
	border: 1px solid #B79D9D;
	xborder-bottom: 2px solid #FFFFFF;
    }
  .postageTable01 td {
  background: #F5F4EB;
    color: #4E3818;
    vertical-align: middle;
	padding: 10px;
	border-bottom: 2px solid #FFFFFF;
	border: 1px solid #B79D9D;
  }


.blogContWidth {
  width: auto;
  }