@charset "UTF-8";
@import url(./base.css);
@import url(./top.css);
@import url(./other-page.css);
@import url(./menu.css);
@import url(./if-img.css);
@import url(./header.css);
@import url(./h4o-img.css);
@import url(./img.css);
@import url(./footer.css);
@import url(./index.css);

/* 全体の基本設定 */
body {
font-size: 14px;
line-height: 1.6;
color: #333;
/* background: #fff url(http://the-peace-company.com/new-images/body4.jpg) repeat-y 0 50%; */
/*background-attachment:fixed;*/
/*background: white url(http://the-peace-company.com/new-images/flash_bg_n.jpg) center 33px repeat-x;
background:url(./new-images/center-back.gif) no-repeat top center  fixed*/
}

body.blog-entry{
/*background: white url(http://the-peace-company.com/new-images/flash_bg_n.jpg) center 57px repeat-x;
background:url(./new-images/center-back.gif) no-repeat top center  fixed
*/
}



a,
a:link,
a:hover,
a:active{
color:#00c;
}
a:visited{
color:#909;
}

/* コンテンツ枠色 */
#container {background-color:#ffffff;

}

/* サイトロゴ部分(banner)*/
#banner {
display: none;
}
/* ロゴ横のヘッダー*/
#banner-inner {

}

/* h2の色 */
#banner-top,
#banner-top a,
#banner-top a:link,
#banner-top a:visited,
#banner-top a:hover,
#banner-top a:active {
color:#666;
}

.index-h3{
height:1em;
}

#banner-description,
#banner-description a,
#banner-description a:link,
#banner-description a:visited,
#banner-description a:hover,
#banner-description a:active {
color: #999;
}

/* h4(エントリータイトル)の色 */


/*  */
h5{
margin: 10px 0 10px 0;
padding: 3px 8px 3px 8px;
color: #333;
line-height: 1.3;
font-weight: bold;
}

h5 a,
h5 a:link,
h5 a:visited {

}

h5 a:hover,
h5 a:active {

}

/**/

div#wrapper{
/*background:url(http://the-peace-company.com/new-images/flash_bg.gif) repeat-x 50% 33px;*/
}

/*div#wrapper-inner{
background: url(http://the-peace-company.com/new-images/body4.gif) repeat-y fixed 0px 0px;
}*/


/* エントリー */
#entry{
margin:10px 30px 0 30px;
width:490px;
}

/* エントリー内記事 */

/* パンくず(トピックスパス)の色 */
#navber,
#navber a,
#navber a:link,
#navber a:visited,
#navber a:active,
#navber a:hover{

}

/* メインメニューの色 */

#main-menu li
#main-menu li a,
#main-menu li a:link,
#main-menu li a:visited,
#main-menu li a:hover,
#main-menu li a:active {
color: #FF9933;
text-decoration: none;
}

/* メニューのヘッダーの色 */
.module-header{
margin:0;
padding:0;
display:none;
color: #fff;
background: #0066FF url(http://the-peace-company.com/new-images/module.jpg);
border: 1px solid #0000FF;
}

/* メニューの色 */
.module-list-item {
font-size: 12px;
background: url(http://the-peace-company.com/new-images/li.gif) 2px 8px no-repeat;
}

.module-list-item a,
.module-list-item a:link,
.module-list-item a:visited {
color: #333;
text-decoration: none;
border-bottom:dotted 1px #666;
}

.module-list-item a:hover,
.module-list-item a:active {
color: #333;
text-decoration: none;
border-bottom:solid 1px #666;
}


/* 各設定 */
img{
border:none;
margin:0;
padding:0;
}

.bold{font-weight:bold;}
.normal{font-weight:normal;}

.black,
.black a,
.black a:link,
.black a:visited,
.black a:active,
.black a:hover{color:#000;}

.red,
.red a,
.red a:link,
.red a:visited,
.red a:active,
.red a:hover{color:#c00;}

.no-border a{text-decoration:none;}
.red{ color:#c00; }
.black{color:#333;}
.gray{color:#666;}
.blue{color:#36c;}
.yellow{color:#fc0;}

.bg-gray{background:#eee;}

.indent{text-indent:1em;}
.line-through{text-decoration:line-through;}
.underline{text-decoration:underline;}
.no-display{display:none;}
.no-indent, .no-indent p{text-indent:0em;}
.inline{display:inline;}
.relative{position:relative;}
.float-left{ float:left; }
.float-right{ float:right; }
.clear{clear:both;}
.list-none{list-style-type:none;}
.list-circle{ list-style-type:circle; }

/* フォントサイズ */
.font-s {font-size:10px;}
.font-s_f {font-size:10px; text-align:center; padding:0 5px 0 5px;}
.font-m2{font-size:12px;}
.font-m{font-size:13px;}
.font-l{font-size:14px;}
.font-ll{font-size:16px;}

/* 横幅 */
.w430{ width:430px; }
.w450{ width:450px; }

/* 文字寄せ */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.middle{vertical-align:middle;}
.m-auto{ margin:auto; }

/* 行間 */
.line-h1{line-height:1;}
.line-h13{line-height:1.3;}
.line-h15{line-height:1.5;}
.line-h2{line-height:2;}

/* margin */
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}

/* margin-top */
.tm0{margin-top:0px;}
.tm5{margin-top:5px;}
.tm10{margin-top:10px;}
.tm15{margin-top:15px;}
.tm20{margin-top:20px;}
.tm30{margin-top:30px;}
.tm40{margin-top:40px;}
.tm50{margin-top:50px;}
.tm70{margin-top:70px;}
.tm250{margin-top:250px;}

/* margin-bottom */
.bm-20{margin-bottom:-20px;}
.bm0{margin-bottom:0px;}
.bm5{margin-bottom:5px;}
.bm10{margin-bottom:10px;}
.bm15{margin-bottom:15px;}
.bm20{margin-bottom:20px;}
.bm30{margin-bottom:30px;}
.bm40{margin-bottom:40px;}
.bm50{margin-bottom:50px;}
.bm70{margin-bottom:70px;}

/* margin-left */
.lm-20{margin-left:-20px;}
.lm10{margin-left:10px;}
.lm20{margin-left:20px;}
.lm25{margin-left:25px;}
.lm30{margin-left:30px;}
.lm40{margin-left:40px;}
.lm50{margin-left:50px;}
.lm70{margin-left:70px;}
.lm75{margin-left:75px;}
.lm130{margin-left:130px;}
.lm170{margin-left:170px;}
.lm200{margin-left:200px;}
.lm220{margin-left:220px;}
.lm310{margin-left:310px;}

/* margin-right */
.rm10{margin-right:10px;}
.rm15{margin-right:15px;}
.rm20{margin-right:20px;}
.rm30{margin-right:30px;}
.rm50{margin-right:50px;}

/* padding-bottom */
.bp10{padding-bottom:10px;}
.bp40{padding-bottom:40px;}

/* padding */
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

/* padding-top */
.tp30{padding-top:30px;}
.tp40{padding-top:40px;}
.tp120{padding-top:120px;}
.tp135{padding-top:135px;}
.tp170{padding-top:170px;}

/* padding-left */
.lp10{padding-left:10px;}
.lp15{padding-left:15px;}
.lp20{padding-left:20px;}
.lp30{padding-left:30px;}
.lp40{padding-left:40px;}
.lp50{padding-left:50px;}

/* padding-right */
.rp15{padding-right:15px;}

/* background */
.bg1{ background:#FFF9D1; }

/* border */
.border-btm01{border-bottom:solid 1px #999;}
.border-btm02{border-bottom:dotted 2px #999;}
.border-top01{border-top:solid 1px #999;}
.border1{ border:dotted 2px #ccc; }

.hidden{
display:none;
}

.txt-box530{ width:530px; }

/* ----- 各文章ブロック指定 ----- */
.main1-text{
width:470px;
margin:20px 5px 50px 15px;
padding:0;
}
/*
.main2-text{
width:680px;
margin:20px 5px 50px 15px;
padding:0;
}
*/
.main2-text{
width:680px; /* 700px */
margin:20px auto 30px auto;
padding:0 0;
text-align:left;
}

/* ----------- mail ------------- */
.mail{
margin:0 0 0 60px;
width:124px; height:20px;
background:url(http://the-peace-company.com/new-images/mail.gif) no-repeat 0 50%;
}
.mail a{ display:block; width:124px; height:17px;}
.mail a span{ display:none; }


.line{
margin:30px 0;
height:10px;
background:url(http://the-peace-company.com/new-images/line2.gif) repeat-x 50% 0;
}

/* ----------- form ------------- */

.form-button{
margin: 6px 0 6px 0;
}

.form-button2{
margin: 0;
padding: 0;
}

.form-button-set-a{
margin: 0;
padding: 0;
}

.price-txt{
font-size:21px;
color: #0066cc;
font-weight:bold;
letter-spacing:-0.07em;
}

.price-tax{ font-size:14px; margin:0 0 0 5px; }



/*.item-price{
margin: 0;
}*/

.fss{ display:none; }


.order-set{
padding:360px 0px 0px 320px;
}


/* ----------- if user 用 ------------- */

.link-up{
font-size: 24px;
}

.link-up a,
.link-up a:link,
.link-up a:visited {
color: #ff0000;
}

.link-up a:hover,
.link-up a:active {
color: #ff0000;
}

.link-pho{
text-align: right;
margin: 0 35px 20px 0;
}

/* ----------- 3セット用 ------------- */
.setlink {
text-align: left;
margin:0;
padding: 0 0 4px 38px;
font-size: 12px;
float: left;
}

.campaignimg {
width:58px;
height: 40px;
background:url(http://the-peace-company.com/new-images/etc/campaign.gif) no-repeat 0 4px;
float: left;
}

.campaign {
position: relative;
height:60px;
}

.topcpbnr {
position: absolute;
top:0px;
left:340px;
}

.whatsnewimg {
width:58px;
height: 25px;
background:url(http://the-peace-company.com/new-images/etc/whatsnew.gif) no-repeat 0 4px;
float: left;
}

.setlink a,
.setlink a:link,
.setlink a:hover,
.setlink a:active {
color: #FF0000;
text-decoration: underline;
}

.setlink a:visited {
color: #FF0000;
text-decoration: underline;
}

.if3-form-button {
float: left;
}

.if3-shosai {
padding-top: 8px;
font-size: 12px;
float: left;
}

.campaign-txt {
padding: 0 0 0 58px;
background:url(http://the-peace-company.com/new-images/etc/campaign.gif) no-repeat 0 4px;
color: #FF0000;
}

.iecenter {
text-align: center;
}

.centerbox1{
width: 500px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0 0 0 70px;
background:url(http://the-peace-company.com/new-images/etc/campaign.gif) no-repeat 0 3px;
font-size: 12px;
}

.centerbox2{
width: 360px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0 0 0 70px;
background:url(http://the-peace-company.com/new-images/etc/campaign.gif) no-repeat 0 3px;
font-size: 12px;
}

.centerbox3{
width: 360px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0 0 0 70px;
background:url(http://the-peace-company.com/new-images/etc/campaign.gif) no-repeat 0 3px;
font-size: 12px;
}

.centerbox1 a,
.centerbox1 a:link,
.centerbox1 a:hover,
.centerbox1 a:active {
color: #FF0000;
text-decoration: underline;
}

.centerbox1 a:visited {
color: #FF0000;
text-decoration: underline;
}

.centerbox2 a,
.centerbox2 a:link,
.centerbox2 a:hover,
.centerbox2 a:active {
color: #FF0000;
text-decoration: underline;
}

.centerbox2 a:visited {
color: #FF0000;
text-decoration: underline;
}

.centerbox3 a,
.centerbox3 a:link,
.centerbox3 a:hover,
.centerbox3 a:active {
color: #FF0000;
text-decoration: underline;
}

.centerbox3 a:visited {
color: #FF0000;
text-decoration: underline;
}

#hana-form-box1 {
margin: 0;
width:210px;
font-size: 12px;
height: 174px;
float:left;
}

#hana-form-box2 {
margin: 0;
width:210px;
font-size: 12px;
height: 174px;
float:right;
position: relative;
}

.item-txt2{
position: absolute;
font-size: 12px;
margin: 0;
top: 90px;
left: -38px;
}


.kinds-link{
font-size:10px;
text-align:center;
margin:10px;
}


.items20{
margin:0 auto 10px 7px;
}

.truste-link{
font-size:10px;
color: #A9A9A9;
}

.truste-link a,
.truste-link a:link,
.truste-link a:hover,
.truste-link a:active {
color: #A9A9A9;
text-decoration: none;
}

.truste-link a:visited {
color: #A9A9A9;
text-decoration: none;
}

/* ポイントアイコン */
.picon-l{ text-align:left; }
.picon-r{ text-align:center; }
.picon-c{ text-align:center; }
.picon-in{ display:inline; }


/* kouso.html ------------------------------ */

.mov-tit1 {
text-align: center;
}

.mov-tit1-inner {
padding: 0;
width: 330px;
height: 40px;
margin-left: auto;
margin-right: auto;
background:url(http://the-peace-company.com/new-images/kouso/mov-tit1.gif) no-repeat 0 0;
}

.mov-tit1-inner p {
display:none;
}

.mov-bnr {
text-align: center;
}

.mov-bnr-inner {
padding: 0;
width: 302px;
height: 202px;
margin-left: auto;
margin-right: auto;
background:url(http://the-peace-company.com/new-images/kouso/mov-bnr.jpg) no-repeat 0 0;
}

.mov-tit-inner p {
padding:6px 0 0 0;
font-size:14px;
}

.mov-tit2 {
text-align: center;
}

.mov-tit2-inner {
padding: 0;
width: 269px;
height: 32px;
margin-left: auto;
margin-right: auto;
background:url(http://the-peace-company.com/new-images/kouso/mov-tit2.gif) no-repeat 0 0;
}

.mov-tit2-inner p {
display:none;
}

#mov-content{
width:441px;
font-size:12px;
text-align:right;
margin:15px auto 60px;
}

#mov-content p{
margin:5px 0 25px;
}


.mov-bnr2 {
text-align: center;
}

.mov-bnr2-inner {
padding: 0;
width: 200px;
height: 134px;
margin-left: auto;
margin-right: auto;
background:url(http://the-peace-company.com/new-images/kouso/mov-bnr2.jpg) no-repeat 0 0;
}

.mov-tit2-inner p {
padding:4px 0 0 0;
font-size:14px;
}

/* kousomov.html ------------------------------ */


.mov-tit {
margin:0 0 8px 0;
text-align: center;
}

.mov-tit-inner {
padding: 0;
width: 480px;
height: 70px;
margin-left: auto;
margin-right: auto;
background:url(http://the-peace-company.com/new-images/kouso/mov-tit_n.gif) no-repeat 0 0;
}

.mov-tit-inner p {
display:none;
}

.mov-txt1 {
margin:0 0 8px 0;
text-align: center;
}

.mov-txt1-inner {
padding: 0;
width: 430px;
margin-left: auto;
margin-right: auto;
font-size:14px;
text-align:left;
}

.mov-cyumoku {
margin:8px 0 8px 0;
text-align: center;
}

.mov-cyumoku-inner {
padding: 0;
width: 480px;
height: 120px;
margin-left: auto;
margin-right: auto;
background:url(http://the-peace-company.com/new-images/kouso/mov-cyumoku.gif) no-repeat 0 0;
}

.mov-cyumoku-inner p {
display:none;
}

.mov-txt2 {
margin:0 0 8px 0;
text-align: center;
}

.mov-txt2-inner {
padding: 0;
width: 430px;
margin-left: auto;
margin-right: auto;
font-size:14px;
text-align:left;
}


.linetitle{font-size:16px;}

/* [ ===================== shopCart ====================== ] */

#shopCart{
    margin:0 20px;
position:relative;
}

#shopCart-main{
    height:465px;
background:url(http://the-peace-company.com/peace-co/images/kouso/bg-shoppingcart-main.jpg);
background-repeat:no-repeat;
position:relative;
}

#shopCart-main h2,#shopCart-main h3{
    display:none;
}

ul#tokuten{
position:absolute;
top:442px;
right:83px;
list-style:none;
z-index:2;
}

#shopCart-main-button_01 {
position:absolute;
top:321px;
left:627px;
}

#shopCart-main-button_02{
	position:absolute;
	top:387px;
	left:628px;
}


#shopCart-sub{
    height:275px;
background:url(http://the-peace-company.com/peace-co/images/kouso/bg-shoppingcart-sub.jpg);
background-repeat:no-repeat;
position:relative;
}

#shopCart-sub-button_01{
	position:absolute;
	top:134px;
	left:578px;
}

#shopCart-sub h3,#shopCart-sub p,#shopCart-sub ul{
    display:none;
}

#set-button_01{
	position:absolute;
	top:13px;
	left:48px;
}

#set-button_02{
	position:absolute;
	top:13px;
	left:312px;
}

#shopCart-main-button_01 {
position:absolute;
top:341px;
left:627px;
}
#shopCart-main-button_02{
position:absolute;
top:367px;
left:608px;
}

#shopCart-main-button_01{ position:absolute; top:367px; left:407px; }