@charset "EUC-JP";

/* This stylesheet is extra settings for revision. */

/* Clear floats without structural markup
courtesy of htmldog.com/positioniseverything.net */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* OK, now to the real stuff 
----------------------------------------------- */
/* レイアウト
----------------------------------------------- */
.leftbox {
	float: left;
}
.rightbox {
	float: right;
}
.layoutbox {
	position: relative;
	padding-bottom: 8px;
}

/* 本文修正分（＝top.css上書き）
----------------------------------------------- */
/* 共通 */
.box {
	margin: 0;
	padding: 0;
}
.widetitle{
	width: auto;
	height: 35px;
	margin: 15px 5px 0px 5px;
	padding: 10px 10px 8px 28px;
	background: url(../img/bg_title.gif) no-repeat;
	text-align: left;
	color: #ffffff;
	font-size: 15px;
}

/* よくある質問 */
.yokuaru table {
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
.yokuaru td {
	padding: 5px;
	vertical-align: middle;
	background: #ffffcf;
	border: 1px solid #999999;
}
/* td.yokuaru-text {
	background: #ffffcf;
} */
.QA table {
	margin-top: 0;
}
.QA-midasi {
	padding-top: 0;
}

/* 特定商取引 */
.tokutei {
	width: 610px;
}
.tokutei table.tokutei-table {
/* 	width: 580px; */
	margin: 15px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	color: #333333;
	font-size: 12px;
	text-align: left;
}
.tokutei table.tokutei-table th {
	margin: 0px;
	padding: 5px 8px;
	font-weight: normal;
	text-align: left;
	width: 7em;
	background-color: #ccffcc;
	border: 1px solid #666666;
}
.tokutei table.tokutei-table td {
	margin: 0px;
	padding: 5px 8px;
	background-color: #ffffff;
	text-align: left;
	border:1px solid #666666;
}
em.redtext {
	color: #ff0000;
	font-style: normal;
	font-weight: normal;
}
.tokutei a {
	height: auto;
}

/* トップ（品質部分） */
.feature-box {
	width: 573px;	/* 625-(24x2+2x2) */
	padding: 13px 24px 10px;
	border: 2px solid #009944;
	text-align: center;
}
.feature-box p.bodytext {
	margin: 0;
	padding: 6px 0;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
}
.feature-box p.heading {
	margin-bottom: 12px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/top_feature_heading.gif) no-repeat;
	width: 572px;
	height: 42px;
}
.feature-box .layoutbox {
	margin: 0 auto 20px;
	width: 570px;
}
.feature-box p.midashi {
	text-align: left;
}
.feature-box .feature01, 
.feature-box .feature02, 
.feature-box .feature03, 
.feature-box .feature04, 
.feature-box .feature05 {
	margin-top: 10px;
	width: 570px;
	min-height: 108px;
}
* html .feature-box .feature01 { height: 108px; }
* html .feature-box .feature02 { height: 108px; }
* html .feature-box .feature03 { height: 108px; }
* html .feature-box .feature04 { height: 108px; }
* html .feature-box .feature05 { height: 108px; }
.feature-box .feature01 { background: url(../img/top_feature1.jpg) no-repeat right top; }
.feature-box .feature02 { background: url(../img/top_feature2.jpg) no-repeat right top; }
.feature-box .feature03 { background: url(../img/top_feature3.jpg) no-repeat right top; }
.feature-box .feature04 { background: url(../img/top_feature4.jpg) no-repeat right top; }
.feature-box .feature05 { background: url(../img/top_feature5.jpg) no-repeat right top; }
.feature-box p.bodytext2 {
	margin: 0;
	padding: 6px 160px 6px 0;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
}


/* トップ表示の不具合調整 */
.wrapper {
	height: auto;
}
.tittle1, 
.tittle-raku, 
.tittle2-1, 
.tittle2-2, 
.tittle3-1, 
.tittle3-2, 
.tittle4 {
	background-repeat: no-repeat;
}
.foot1 {
	height: auto;
	background-repeat: repeat-x;
}
/* .foot2 table {
	margin-top: -15px;
}
html:first-child .foot2 table {
	margin-top: 0;
}
*:first-child+html .foot2 table {
	margin-top: 0;
}
* html .foot2 table {
	margin-top: 0;
} */
.box1-raku {
	margin: 0;
	width: 183px;	/* 195-(5x2+1x2) */
	height: auto;
}
html:first-child .box1-raku {
	width: 195px;
}
*:first-child+html .box1-raku {
	width: 195px;
}
* html .box1-raku {
	width: 195px;
}
* html .SSL_box3 {
	width: 110px;
}

/* 上段メニュー修正分 */
.head {
	height: 200px;	/* 160+8 */
}
.head td#sub-navi{
	padding: 5px 0;
	color: #009944;
	text-align: right;
}

#globalnavi {
	height:37px;
	padding: 3px 0 7px;
}

#globalnavi li {
	display: inline;
}

#globalnavi ul a {
	background: url(../img/top_header_navi.gif);
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
#globalnavi ul a.navi-top {
	width: 134px;
	height: 37px;
	background-position: 0 0;
}
#globalnavi ul a:hover.navi-top  {
	width: 134px;
	height: 37px;
	background-position: 0 -37px;
}
#globalnavi ul a.navi-company {
	width: 133px;
	height: 37px;
	background-position: -134px 0;
}
#globalnavi ul a:hover.navi-company {
	width: 133px;
	height: 37px;
	background-position: -134px -37px;
}
#globalnavi ul a.navi-vision {
	width: 133px;
	height: 37px;
	background-position: -267px 0;
}
#globalnavi ul a:hover.navi-vision {
	width: 133px;
	height: 37px;
	background-position: -267px -37px;
}
#globalnavi ul a.navi-agreement {
	width: 133px;
	height: 37px;
	background-position: -400px 0;
}
#globalnavi ul a:hover.navi-agreement {
	width: 133px;
	height: 37px;
	background-position: -400px -37px;
}
#globalnavi ul a.navi-faq {
	width: 133px;
	height: 37px;
	background-position: -533px 0;
}
#globalnavi ul a:hover.navi-faq {
	width: 133px;
	height: 37px;
	background-position: -533px -37px;
}
#globalnavi ul a.navi-sitemap {
	width: 134px;
	height: 37px;
	background-position: -666px 0;
}
#globalnavi ul a:hover.navi-sitemap {
	width: 134px;
	height: 37px;
	background-position: -666px -37px;
}



/* 下段メニュー修正分 */
.foot hr {
	display: none;
}
.foot table.foot-table {
	margin: 0;
	padding: 3px 5px;
	width: 800px;
	border-spacing: 0;
}
.foot table.foot-table td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.foot p.bodytext, 
.foot p.bodytext-c {
	margin-top: 4px;
	color: #333333;
	font-size: 10px;
	line-height: 1.3em;
	text-align: left;
}
.foot p.bodytext {
	text-align: left;
}
.foot p.bodytext-c {
	text-align: center;
}

.foot .foot1 {
	padding-top: 0;
	background-image: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
html:first-child .foot .foot1 {
	padding-bottom: 10px;
}
*:first-child+html .foot .foot1 {
	padding-bottom: 10px;
}
* html .foot .foot1 {
	padding-bottom: 10px;
}
.foot .foot1-box {
	margin: 10px 3px 15px 2px;
	padding: 0;
	width: 195px;
	float: left;
}
* html .foot .foot1-box {
	margin-right: 2px;
	width: 195px;
}
.foot p.foot1-title {
	margin: 20px 3px 8px;
}
.foot p.foot1-mds {
	margin: 15px 3px 5px;
	padding: 4px 5px 2px;
	background: url(../img/foot_bg_foot1_mds.gif) no-repeat;
	color: #fff;
	font-size: 90%;
	line-height: 1.4;
	height: 21px;
}
.foot .foot1 p.sub-mds {
	margin: 10px 3px 5px;
	color: #c30;
	font-size: 10px;
	line-height: 1.3;
	text-align: left;
}
.foot .foot1 p.sub-mds span.with-border {
	border-bottom: 1px solid #c30;
}
.foot .foot1 p.sub-mds2 {
	margin: 10px 3px 8px;
	color: #000;
	font-size: 90%;
	line-height: 1.3;
	font-weight: bold;
}
.foot .foot1 p.bodytext {
	margin: 4px 3px 8px;
}
.foot .foot1 p.bodytext img.extraimg {
	display: block;
	margin: 10px 0 12px;
}
.foot .foot1 p.body-red {
	margin: 10px 3px 5px;
	padding-left: 1em;
	text-indent: -1em;
	color: #f00;
	font-size: 10px;
	line-height: 1.3em;
	text-align: left;
}
.foot table.foot1-table {
	margin: 0;
	width: 189px;
	border-spacing: 2px 0;
}
.foot table.foot1-table th, 
.foot table.foot1-table td {
	padding: 1px 0 2px;
	vertical-align: top;
	text-align: left;
	font-size: 10px;
	line-height: 1.4;
}
.foot table.foot1-table th {
	padding: 4px 0;
	font-weight: bold;
}
.foot table.foot1-table td {
	padding: 4px 0 4px 2px;
}
.foot table.foot1-table2 {
	margin: 10px 3px 5px;
	width: 189px;
	border-collapse: collapse;
}
.foot table.foot1-table2 th, 
.foot table.foot1-table2 td {
	padding: 4px 2px 2px;
	vertical-align: middle;
	text-align: center;
	font-size: 9px;
	line-height: 1.4;
	font-weight: normal;
	border: 1px solid #999;
}
.foot table.foot1-table2 th {
	background: #cfc;
}
.foot .foot1 dl {
	margin: 4px 3px 0;
	width: 189px;
}
* html .foot .foot1 dl {
	margin-left: 2px;
}
.foot .foot1 dt {
	float: left;
	padding: 5px 3px;
	width: 29px;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}
* html .foot .foot1 dt {
	margin-left: 1px;
	width: 37px;
	padding: 5px 1px;
}
* html .foot .foot1 dt.dt-first {
	margin-top:3px;
}
.foot .foot1 dt.customer {
	background: #ffc1c2;
}
.foot .foot1 dt.shop {
	background: #86c2fe;
}
.foot .foot1 dd {
	margin: 3px 0 3px 37px;
	padding: 5px 4px 2px;
	width: 144px;
	font-size: 10px;
	line-height: 1.4;
}
html:first-child .foot .foot1 dd {
	width: 148px;
}
*:first-child+html .foot1 dd {
	width: 148px;
}
* html .foot .foot1 dd {
	padding: 5px 3px 2px;
	width: 147px;
}
.foot .foot1 dd.customer {
	background: #ffebec;
}
.foot .foot1 dd.shop {
	background: #d6ebff;
}
.foot .foot1 .dd-mds {
	margin: 0 0 3px;
	font-size: 10px;
	font-weight: bold;
}
.foot .foot1 .dd p.red {
	color: #ff0;
}
.foot .foot1 .dd p.blue {
	color: #009;
}
.foot .foot1 .dd-body {
	margin: 2px 0;
}
.foot .foot1 p.arrow {
	margin: 0 -4px -5px;
	padding-top: 1px;
	background: #fff;
	height: 8px;
}
/* .foot .foot1 a {
	font-weight: bold;
} */
.foot .foot1 a:hover, 
.foot .foot1 a:active {
	text-decoration: none;
}
/* .foot .foot1 dd a {
	padding-left: 2px;
	padding-right: 2px;
	color: #000;
}
.foot .foot1 dd a:hover, 
.foot .foot1 dd a:active {
	color: #fff;
	background: #094;
} */
.foot .foot1 .border-box {
	border: 1px solid #000;
	margin: 5px 3px;
	padding: 0 3px;
}
.foot .foot2 {
	height: auto;
	background: url(../img/foot_bg_foot1_2.gif) repeat-x left bottom;
}
.foot .foot2 .manager-box {
	padding: 5px;
	width: 150px;
	background: #fff;
	border: 1px solid #333;
	text-align: center;
}
.foot .foot2 .about-box {
	padding: 0;
	width: 140px;
	background: #fff;
	border: 1px solid #333;
	text-align: center;
}
.foot .foot2 .ssl-box {
	padding: 5px;
	width: 155px;
	background: #fff;
	border: 1px solid #333;
	text-align: center;
}
.foot .foot2 .manager-box, 
.foot .foot2 .ssl-box {
	min-height: 120px;
}
.foot .foot2 .about-box {
	min-height: 130px;
}
* html .foot .foot2 .manager-box, 
* html .foot .foot2 .ssl-box {
	height: 120px;
}
html:first-child .foot .foot2 .about-box {
	width: 132px;
}
*:first-child+html .foot .foot2 .about-box {
	width: 132px;
}
* html .foot .foot2 .about-box {
	height: 132px;
}