@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:434px;
	float:left;
}
#content div.buy div.buyIn2 p{
	width:534px;
	padding:0 0 5px 0;
}
#content div.buy div.buyIn3{
	width:214px;
	float:right;
}
#content div.buy div.buyIn3 img.mini{
	margin:0 0 0 0;
}
#content div.buy div.buyIn3 img.design{
	margin:60px 0 0 0;
}

#content div.buy div.buyIn2 p.banner{
	width:314px;
	padding:0 0 5px 0;
}
#content div.buy div.buyIn3 img.banner{
	margin:0px 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 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.bitField{
	width:679px;
	padding:0 0 0 19px;
}
#content div.bitField p.info{
	padding:0 0 5px 0;
}
#content div.bitField p.at{
	padding:0 0 20px 0;
}
#content div.bitField p.date{
	padding:0 19px 0 0;
	text-align:right;
}
#content div.bitField h4{
	width:654px;
	padding:20px 0 15px 6px;
}
#content div.bitField div.area{
	width:660px;
}
#content div.bitField div.area div.areaL{
	width:236px;
	padding:0 20px 0 0;
	float:left;
}
#content div.bitField div.area div.areaR{
	width:404px;
	float:left;
}
#content div.bitField div.area div.areaR div.cate{
	width:404px;
	padding:0 0 20px 0;
}
#content div.bitField 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.bitField div.area div.areaR div.cate h5.type2{
	width:404px;
	padding:10px 0 10px 0;
	margin:0 0 5px 0;
}
#content div.bitField div.area div.areaR div.cate p.note{
	width:404px;
}
#content div.bitField div.area div.areaR div.cate ul.type1{
	width:384px;
	padding:0 0 0 20px;
}
#content div.bitField div.area div.areaR div.cate ul.type2{
	width:255px;
	padding:0 19px 0 20px;
	float:left;
}
#content div.bitField div.area div.areaR div.cate div.figure{
	width:110px;
	float:left;
}
#content div.bitField div.area div.areaR div.cate div.figure img{
	margin:0 0 5px 0;
}
#content div.bitField table{
	width:660px;
	margin:0 0 30px 0;
}
#content div.bitField table td{
	vertical-align:top;
}
#content div.bitField table td.wid1{
	width:120px;
}
#content div.bitField table td.wid2{
	width:15px;
}
#content div.bitField table td.wid3{
	width:163px;
}
#content div.bitField table td.wid4{
	width:15px;
}
#content div.bitField table td.wid5{
	width:347px;
}










/* ペーバープロダクツ */
#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:320px;
}
#content div.detailField table td.wid2{
	width:20px;
}
#content div.detailField table td.wid3{
	width:320px;
}

#content div.detailField table td.wid4{
	width:260px;
}
#content div.detailField table td.wid5{
	width:60px;
}
#content div.detailField table td.wid6{
	width:260px;
}
#content div.detailField table td.wid7{
	width:60px;
}





/* ペーパープロダクツ　イージーオーダーシステム*/
#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 30px 6px;
}
#content div.bannerField p.info{
	width:660px;
	padding:0 0 30px 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: 60px;
}
#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:0 auto 10px auto;
}
#content div.bannerField div.area1 table.image1 td{
   padding:0 5px 5px 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;
   width:120px;
   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;
}

#content div.bannerField div.area1{ position: relative; }
#content div.bannerField div#banner_01 {
position: absolute;
z-index:10;
top: 12px;
left: 97px;
background-image: url("../../mdse/linkage/images/pop_left.png")
/*
background-color:#fff;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
*/
}
#content div.bannerField div#banner_02 {
position: absolute;
z-index:11;
top: 10px;
left: 194px;
background-image: url("../../mdse/linkage/images/pop_left.png")
/*
background-color:#fff;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
*/
}
#content div.bannerField div#banner_03 {
position: absolute;
z-index:12;
top: 10px;
left: 289px;
background-image: url("../../mdse/linkage/images/pop_left.png")
/*
background-color:#fff;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
*/
}
#content div.bannerField div#banner_04 {
position: absolute;
z-index:13;
top: 10px;
left: 10px;
background-image: url("../../mdse/linkage/images/pop_right2.png")
/*
background-color:#fff;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
*/
}
#content div.bannerField div#banner_05 {
position: absolute;
z-index:14;
top: 10px;
left: 80px;
background-image: url("../../mdse/linkage/images/pop_right.png")
/*
background-color:#fff;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
*/
}
#content div.bannerField div#banner_06 {
position: absolute;
z-index:15;
top: 10px;
left: 108px;
background-image: url("../../mdse/linkage/images/pop_right3.png")
/*
background-color:#fff;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
*/
}

#content div.bannerField div#banner_07 {
position: absolute;
z-index:16;
top: 10px;
left: 271px;
background-image: url("../../mdse/linkage/images/pop_right.png")
/*
background-color:#fff;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
*/
}



#content div.bannerField div.pop{ width:240px; height:472px; display:none; }
#content div.bannerField div.left{ padding:21px 21px 0 30px; }
#content div.bannerField div.right{ padding:21px 30px 0 21px; }
#content div.bannerField div.pop div{ margin-bottom:19px; padding:25px 0 25px 0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
#content div.bannerField div.pop div h5{ padding:0 0 0 0; }
#content div.bannerField div.pop h6{ padding:0 0 10px 0; }
#content div.bannerField div.pop p.link{ font-size:85%; line-height:180%; }
#content div.bannerField div.pop p.link2{ font-size:75%; line-height:180%; }
#content div.bannerField div.pop p.note{ padding:0 0 20px 0; font-size:65%; line-height:160%; }
#content div.bannerField div.pop p.note2{ padding:0 0 20px 0; font-size:65%; line-height:140%; }
#content div.bannerField div.pop p.tool{ width:240px; padding-bottom:33px; text-align:right; }

#content div.bannerField div.popEx1{ width:213px; height:472px; display:none; }
#content div.bannerField div.left{ padding:21px 21px 0 30px; }
#content div.bannerField div.right{ padding:21px 30px 0 21px; }
#content div.bannerField div.popEx1 div{ margin-bottom:19px; padding:25px 0 25px 0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
#content div.bannerField div.popEx1 div h5{ padding:0 0 0 0; }
#content div.bannerField div.popEx1 h6{ padding:0 0 10px 0; }
#content div.bannerField div.popEx1 p.link{ font-size:85%; line-height:180%; }
#content div.bannerField div.popEx1 p.link2{ font-size:75%; line-height:180%; }
#content div.bannerField div.popEx1 p.note{ padding:0 0 20px 0; font-size:65%; line-height:160%; }
#content div.bannerField div.popEx1 p.note2{ padding:0 0 20px 0; font-size:65%; line-height:140%; }
#content div.bannerField div.popEx1 p.tool{ width:213px; padding-bottom:33px; text-align:right; }

#content div.bannerField div.popEx2{ width:300px; height:472px; display:none; }
#content div.bannerField div.left{ padding:21px 21px 0 30px; }
#content div.bannerField div.right{ padding:21px 30px 0 21px; }
#content div.bannerField div.popEx2 div{ margin-bottom:19px; padding:25px 0 25px 0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
#content div.bannerField div.popEx2 div h5{ padding:0 0 0 0; }
#content div.bannerField div.popEx2 h6{ padding:0 0 10px 0; }
#content div.bannerField div.popEx2 p.link{ font-size:85%; line-height:180%; }
#content div.bannerField div.popEx2 p.link2{ font-size:75%; line-height:180%; }
#content div.bannerField div.popEx2 p.note{ padding:0 0 20px 0; font-size:65%; line-height:160%; }
#content div.bannerField div.popEx2 p.note2{ padding:0 0 20px 0; font-size:65%; line-height:140%; }
#content div.bannerField div.popEx2 p.tool{ width:300px; padding-bottom:33px; text-align:right; }

/* DIARY */

#content div.diaryField{
	width:679px;
	padding:0 0 0 19px;
}
#content div.diaryField p.info{
	padding:0 0 5px 0;
}
#content div.diaryField p.at{
	padding:0 0 20px 0;
}
#content div.diaryField p.date{
	padding:0 19px 0 0;
	text-align:right;
}
#content div.diaryField h4{
	width:654px;
	padding:20px 0 15px 6px;
}
#content div.diaryField div.area{
	width:660px;
}
#content div.diaryField div.area div.areaL{
	width:236px;
	padding:0 20px 0 0;
	float:left;
}
#content div.diaryField div.area div.areaR{
	width:404px;
	float:left;
}
#content div.diaryField div.area div.areaR div.cate{
	width:404px;
	padding:0 0 20px 0;
}
#content div.diaryField 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.diaryField div.area div.areaR div.cate h5.type2{
	width:404px;
	padding:10px 0 10px 0;
	margin:0 0 5px 0;
}
#content div.diaryField div.area div.areaR div.cate p.note{
	width:404px;
}
#content div.diaryField div.area div.areaR div.cate ul.type1{
	width:384px;
	padding:0 0 0 20px;
}
#content div.diaryField div.area div.areaR div.cate ul.type2{
	width:255px;
	padding:0 19px 0 20px;
	float:left;
}
#content div.diaryField div.area div.areaR div.cate div.figure{
	width:110px;
	float:left;
}
#content div.diaryField div.area div.areaR div.cate div.figure img{
	margin:0 0 5px 0;
}
#content div.diaryField table{
	width:404px;
	margin:0 0 30px 0;
}
#content div.diaryField table td{
	vertical-align:top;
}
#content div.diaryField table td.wid1{
	width:150px;
}
#content div.diaryField table td.wid2{
	width:15px;
}
#content div.diaryField table td.wid3{
	width:239px;
}