@charset "UTF-8";

/* ======== content ======== */

#content h2{
	width:698px;
	border-bottom:1px solid #D9D9D9;
}
#content h3{
	width:654px;
	margin:0 19px 0 19px;
	padding:20px 0 15px 6px;
	border-bottom:1px solid #D9D9D9;
}
#content div.buy{
	width:628px;
	margin:0 19px 30px 19px;
	padding:15px;
	border:1px solid #D9D9D9;
	background-color:#F8F8F8;
}
#content div.buy div.buyIn1{
	width:80px;
	float:left;
}
#content div.buy div.buyIn2{
	width:404px;
	float:left;
}
#content div.buy div.buyIn2 p{
	width:404px;
	padding:0 0 5px 0;
}
#content div.buy div.buyIn3{
	width:144px;
	float:left;
}
#content div.buy div.buyIn3 img{
	margin:20px 0 0 0;
}

#content div.topField{
	width:679px;
	padding:0 0 30px 19px;
}
#content div.topField div.cate{
	width:660px;
	padding:0 0 20px 0;
}
#content div.topField h4{
	width:654px;
	padding:20px 0 15px 6px;
	
}
#content div.topField h4.type1{
	width:354px;
	padding:20px 0 15px 6px;
	float:left;
}
#content div.topField div.type_right {
   width:280px;
   padding:20px 20px 15px 0px;
   float:left;
   text-align:right;
   
   }

#content div.topField table{
	width:660px;
}
#content div.topField table td{
	vertical-align:top;
}
#content div.topField table td.wid1{
	width:324px;
}
#content div.topField table td.wid2{
	width:12px;
}
#content div.topField table td.wid3{
	width:324px;
}

/*各種見本帳*/
#content div.ecoField{
	width:679px;
	padding:0 0 0 19px;
}
#content div.ecoField p.info{
width:648px;
	padding:0 6px 20px 6px;
}
#content div.ecoField h4{
	width:654px;
	padding:20px 0 10px 6px;
}
#content div.ecoField div.area{
	width:660px;
}
#content div.ecoField div.area div.areaL{
	width:136px;
	padding:0 20px 0 0;
	float:left;
}
#content div.ecoField div.area div.areaR{
	width:504px;
	float:left;
}
#content div.ecoField div.area div.areaL2{
	width:156px;
	padding:0 20px 0 0;
	float:left;
}
#content div.ecoField div.area div.areaR2{
	width:484px;
	float:left;
}
#content div.ecoField div.area div.areaR div.cate{
	width:404px;
	padding:0 0 20px 0;
}
#content div.ecoField h5{
	width:654px;
	padding:20px 0 5px 6px;
}
#content div.ecoField div.area div.areaR div.cate h5.type1{
	width:404px;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #D9D9D9;
}
#content div.ecoField div.area div.areaR div.cate h5.type2{
	width:404px;
	padding:10px 0 10px 0;
	margin:0 0 5px 0;
}
#content div.ecoField div.area div.areaR div.cate p.note{
	width:404px;
}
#content div.ecoField div.area div.areaR div.cate ul.type1{
	width:384px;
	padding:0 0 0 20px;
}
#content div.ecoField div.area div.areaR div.cate ul.type2{
	width:255px;
	padding:0 19px 0 20px;
	float:left;
}

#content div.ecoField div.area div.areaR div.cate div.figure{
	width:110px;
	float:left;
}
#content div.ecoField div.area div.areaR div.cate div.figure img{
	margin:0 0 5px 0;
}
#content div.ecoField table{
	width:660px;
	margin:0 0 30px 0;
}
#content div.ecoField table td{
	vertical-align:top;
}
#content div.ecoField table td.wid1{
	width:120px;
}
#content div.ecoField table td.wid2{
	width:15px;
}
#content div.ecoField table td.wid3{
	width:163px;
}
#content div.ecoField table td.wid4{
	width:15px;
}
#content div.ecoField table td.wid5{
	width:347px;
}
#content div.ecoField ol{
   margin:0px 0 10px 0;
   padding-left:24px;
   width:626px;
}

#content div.ecoField div.pagetopEx{
	width:660px;
	padding:0 0 30px 0;
	text-align:right;
}

/* ペーバープロダクツ */
#content div.disignField{
	width:679px;
	padding:0 0 0 19px;
}
#content div.disignField h4{
	width:660px;
	padding:20px 0 15px 6px;
}
#content div.disignField div.area{
	width:660px;
	padding:0 0 20px 0;
}
#content div.disignField div.area div.areaL{
	width:236px;
	padding:0 20px 0 0;
	float:left;
}
#content div.disignField div.area div.areaR{
	width:404px;
	float:left;
}
#content div.disignField div.area div.areaR p{
	padding:0 0 20px 0;
}
#content div.disignField div.section{
	padding:0 0 20px 0;
}
#content div.disignField div.section h5{
	width:654px;
	margin:0 0 10px 0;
	padding:0 0 5px 6px;
	border-bottom:1px solid #D9D9D9;
}
#content div.disignField div.section ul{
	width:660px;
	padding:0 0 8px 0;
	list-style:none;
}
#content div.disignField div.section ul li{
	padding:0 8px 0 0;
	float:left;
}
#content div.disignField div.section ul li.after{
	padding:0 0 0 0;
}
#content div.disignField p.info{
	padding:0 0 5px 0;
}
#content div.disignField p.info2{
	padding:0 0 20px 0;
}

/* ペーバープロダクツ 詳細 */
#content div.detailField{
	width:679px;
	padding:0 0 0 19px;
}
#content div.detailField h4{
	width:660px;
	padding:20px 0 20px 6px;
}
#content div.detailField div.section{
	padding:0 0 20px 0;
}
#content div.detailField div.section h5{
	width:660px;
	padding:0 0 5px 0;
}
#content div.detailField div.section h5 img{
	margin:0 8px 0 0;
	vertical-align:-0.1em;
}
#content div.detailField table{
	width:660px;
	margin:0 0 20px 0;
}
#content div.detailField table td{
	vertical-align:top;
}
#content div.detailField table td.wid1{
	width:255px;
}
#content div.detailField table td.wid2{
	width:5px;
}
#content div.detailField table td.wid3{
	width:62px;
}
#content div.detailField table td.wid4{
	width:16px;
}
#content div.detailField table td.wid5{
	width:255px;
}
#content div.detailField table td.wid6{
	width:5px;
}
#content div.detailField table td.wid7{
	width:62px;
}

/* ペーパープロダクツ　イージーオーダーシステム*/
#content div.paperField{
	width:679px;
	padding:0 0 0 19px;
}
#content div.paperField div.section{
	margin:0 0 20px 0;
}
#content div.paperField h4{
	width:660px;
	padding:20px 0 15px 6px;
}
#content div.paperField h4.title{
	width:660px;
	padding:20px 0 30px 6px;
}
#content div.paperField h4.under{
	width:654px;
	margin:0 0 20px 0;
	padding:0 0 5px 6px;
	border-bottom:1px solid #D9D9D9;
}
#content div.paperField p.info{
	padding:0 0 15px 0;
}
#content div.paperField div.mail{
	width:630px;
	margin:0 0 40px 0;
	padding:15px;
	border:1px solid #D9D9D9;
	background-color:#F8F8F8;
}
#content div.paperField div.mail div.areaL{
	width:90px;
	padding:0 15px 0 0;
	float:left;
}
#content div.paperField div.mail div.areaR{
	width:525px;
	float:left;
}
#content div.paperField table.t1{
	width:660px;
}
#content div.paperField table.t1 td{
	vertical-align:top;
}
#content div.paperField table.t1 td.pt{
	padding-top:15px;
	padding-bottom:15px;
}
#content div.paperField table.t1 td.wid1{
	width:70px;
}
#content div.paperField table.t1 td.wid2{
	width:254px;
}
#content div.paperField table.t1 td.wid3{
	width:12px;
}
#content div.paperField table.t1 td.wid4{
	width:70px;
}
#content div.paperField table.t1 td.wid5{
	width:254px;
}
#content div.paperField table.t2{
	width:660px;
	margin:0 0 5px 0;
}
#content div.paperField table.t2 th{
	vertical-align:top;
}
#content div.paperField table.t2 td{
	vertical-align:top;
}
#content div.paperField table.t2 th.wid1{
	width:135px;
}
#content div.paperField table.t2 td.wid2{
	width:10px;
}
#content div.paperField table.t2 td.wid3{
	width:125px;
}
#content div.paperField table.t2 td.wid4{
	width:5px;
}
#content div.paperField table.t2 td.wid5{
	width:125px;
}
#content div.paperField table.t2 td.wid6{
	width:5px;
}
#content div.paperField table.t2 td.wid7{
	width:125px;
}
#content div.paperField table.t2 td.wid8{
	width:5px;
}
#content div.paperField table.t2 td.wid9{
	width:125px;
}

/* 関連書籍 */
#content div.bookField{
	width:679px;
	padding:0 0 0 19px;
}
#content div.bookField h4{
	width:654px;
	padding:20px 0 15px 6px;
}
#content div.bookField p.info{
	width:679px;
	padding:0 0 15px 0;
}
#content div.bookField div.link{
	width:636px;
	margin:0 0 25px 0;
	padding:12px;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	background-color:#F7F7F7;
}
#content div.bookField div.item{
	width:660px;
	padding:0 0 15px 0;
}
#content div.bookField div.item h5{
	width:660px;
	padding:0 0 10px 0;
	border-bottom:1px solid #D9D9D9;
}
#content div.bookField div.item p{
	width:660px;
	padding:10px 0 20px 0;
}
#content div.bookField div.area{
	width:660px;
}
#content div.bookField div.area div.areaL{
	width:140px;
	padding:0 20px 0 0;
	float:left;
}
#content div.bookField div.area div.areaR{
	width:500px;
	float:left;
}
#content div.bookField div.area div.areaR table{
	width:500px;
}
#content div.bookField div.area div.areaR table th{
	vertical-align:top;
}
#content div.bookField div.area div.areaR table td{
	vertical-align:top;
}
#content div.bookField div.area div.areaR table td.wid1{
	width:88px;
}
#content div.bookField div.area div.areaR table td.wid2{
	width:15px;
}
#content div.bookField div.area div.areaR table td.wid3{
	width:397px;
}
#content div.bookField div.area div.areaR table td ul{
	width:363px;
	padding:0 0 0 10px;
}
/*
#content div.bookField div.area div.areaR table td img{
	margin:0 5px 0 10px;
	vertical-align:0.1em;
}
*/

/* バナーカレンダー */
#content div.bannerField{
	width:679px;
	padding:0 0 0 19px;
}
#content div.bannerField h4{
	width:654px;
	padding:20px 0 15px 6px;
}
#content div.bannerField p.info{
	width:660px;
	padding:0 0 15px 0;
}
#content div.bannerField div.link{
	width:636px;
	margin:0 0 25px 0;
	padding:12px;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	background-color:#F7F7F7;
}
#content div.bannerField div.area{
	width:660px;
	margin-bottom:30px;
}
#content div.bannerField div.area1{
	width:660px;
	margin-bottom:40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 20px;
}
#content div.bannerField div.area div.areaL{
	width:415px;
	padding:0 20px 0 0;
	float:left;
}
#content div.bannerField div.area div.areaR{
	width:145px;
	float:left;
}
#content div.bannerField div.area1 table.image1{
	width:640px;
	margin:10px auto;
}
#content div.bannerField div.area1 table.image1 td{
   padding:5px;
   text-align:center;
}
#content div.bannerField div.area1 ol{
   margin:10px 0 10px 24px;
   padding:0px;
}
#content div.bannerField div.area1 ol li{
   margin:0px;
   padding:0px;
}
#content div.bannerField div.area table th{
	vertical-align:top;
	padding-top:6px;
}
#content div.bannerField div.area table td{
	vertical-align:top;
}
#content div.bannerField div.area table td.wid1{
	width:150px;
}
#content div.bannerField div.area table td.wid2{
	width:10px;
}
#content div.bannerField div.area table td.wid3{
	width:510px;
}
#content div.bannerField div.area table td ul{
	padding:0 0 0 0px;
	margin:0px;
}
#content div.bannerField div.area table td ul li{
   float:left;
   list-style:none;
   margin-right:40px;
}
#content div.bannerField ol{
   margin:0 0 20px 20px;
}
#content div.bannerField div.area div.areaL ul li{
   margin:0 0 0 20px;
}
#content div.bannerField div.area div.areaL ul li.lmarg40{
   margin-left:40px;
}