@charset "euc-jp";
/* CSS Document */
.s12-h130-c333 { font-size: 12px; line-height: 130%; color: #333333}
.s10-c333 { font-size: 10px; color: #0066CC}
.s14-c333-bold { font-size: 14px; font-weight: bold; color: #006699}
.s12-c333-bold { font-size: 12px; font-weight: bold; color: #333333}
.s12-c333 { font-size: 12px; color: #333333 }
.red {color:rgb(255,0,0);}
.error {color:rgb(255,0,0);}
.skyblue {color:rgb(100,100,255);}
.focus {background-color:rgb(255,255,200);}
.white {background-color:rgb(255,255,255);}
.gray {background-color:rgb(205,205,205); color:rgb(255,255,255);}
.pink {background-color:rgb(255,180,180);}
.blue {background-color:rgb(180,180,255);}
/*body, table, div, span, p, form, fieldset, blockquote {*/
* {
font-size: 14px;
color: #;
}
body {
margin: 0;
}
a:link {
color: #0033FF;
}
a:alink {
color: #0000FF;
}
a:visited {
color: #330099;
}
h1 {
margin:0px 0px 0px 5px;
padding: 0;
color: #333333;
}
/*.body A:link {color: #0033FF} */
/*BODY {font-size: 12px;}*/
/*TD.std {color: #; }*/
/*TD.std A:link {color: #0033FF} */
.goods_name_txt {font-size: 12px; }
.goods_kakaku1_txt {color: #FF0000; font-size: 17px; font-weight:bold;}
.goods_kakaku2_txt { font-weight:bold;}
.style1 {font-size: 10px; color: #0066CC}
.s12-c333-bold { font-size: 12px; font-weight: bold; color: #333333}
.foot_bg { background-image: url("/img/img_foot/foot_bg_t.gif"); background-color:rgb(255,255,255);}
#cart .user {
font-size:14px;
margin-top:5px;
margin-bottom:0px;
text-align:center;
padding:5px;
font-weight:normal;
}
#cart table.cart1 {
margin:0px auto;
text-align:left;
}
#cart tr.cart_detail_1 {
background-color:#B4B4B4;
font-weight:bold;
color:#FFFFFF;
}
#cart td.line_cart {
height:1px;
background-color:#CDCDCD;
margin:0px;
padding:0px;
}
#cart td.price_cart {
font-weight:bold;
text-align:right;
}
#cart td.form_1 {
font-size:12px;
font-weight:bold;
color:#663300;
padding:5px;}
#cart table.form {
margin:0px auto;
width:630px;
text-align:left;
}
#cart table.form {
margin:0px auto;
width:630px;
text-align:left;
}
#cart table.form_cart {
width:630px;
background-color:#B4B4B4;
margin:0px auto;
text-align:left;
}
#cart td.form_cart1 {
background-color:#B4B4B4;
color:#FFFFFF;
font-weight:bold;
padding:5px;
font-size:12px;
}
#cart td.form_cart2 {
background-color:#FFFFFF;
padding:5px;
font-size:12px;
}
#cart td.form_cart3 {
background-color:#B4B4B4;
padding:5px;
font-size:12px;
width:100px;
font-weight:bold;
}
#cart td.form_cart4 {
background-color:#FFFFFF;
padding:5px;
font-size:12px;
}
#cart input.form_cart1 {
width:180px;
height:12px;
font-size:12px;
}
/*---画像を半透明に---*/
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
.is-h1-header {
font-size: 12px;
}
.is-h1-header+br {
display: none;
}
img[alt="shohin_menu_title_del"] {
display: none;
}
img[alt="shohin_menu_title_del"]+br {
display: none;
}
form[name="search_form"] {
display: none;
}
td[class="std"]:first-child {
padding-bottom: 20px;
}
#wrapper {
width: 680px;
white-space: normal;
padding: 0 !important;
}
/*-------------------------*/
/*---side_menu用ここから---*/
/* ジャンルから選ぶ */
.category_7794,
.category_7810,
.category_7802 {
background-color: #9fa0a0;
width: 180px;
height: 24px;
font-size: 13px;
font-family: "A-OTF 新ゴ Pro", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #ffffff;
text-indent: 15px;
line-height: 22px;
}
.category_7795::before,
.category_7796::before,
.category_7798::before,
.category_7799::before,
.category_8192::before,
.category_8193::before,
.category_8194::before,
.category_7811::before,
.category_7812::before,
.category_8195::before,
.category_8196::before,
.category_8197::before,
.category_10725::before,
.category_10742::before,
.category_7803::before,
.category_7804::before,
.category_7805::before,
.category_7807::before,
.category_7808::before,
.category_7809::before,
.category_7800::before {
content: '';
display: block;
background-color: #2b67a9;
width: 4px;
position: absolute;
height: 16px;
left: 10px;
top: 8px;
}
.category_7811::before,
.category_7812::before,
.category_8195::before,
.category_8196::before,
.category_8197::before,
.category_10725::before,
.category_10742::before,
.category_7800::before {
background-color: #ea9824;
}
.category_7803::before,
.category_7804::before,
.category_7805::before,
.category_7807::before,
.category_7808::before,
.category_7809::before {
background-color: #94c130;
}
.category_7795,
.category_7796,
.category_7798,
.category_7799,
.category_8192,
.category_8193,
.category_8194,
.category_7811,
.category_7812,
.category_8195,
.category_8196,
.category_7800,
.category_8197,
.category_10725,
.category_10742,
.category_7803,
.category_7804,
.category_7805,
.category_7807,
.category_7808,
.category_7809,
.category_10058,
.category_10072 {
position: relative;
width: 155px;
height: 35px;
line-height: 35px;
padding-left: 25px;
background-color: #efefef;
}
.category_7795::after,
.category_8196::after,
.category_7808::after {
position: absolute;
content: '人気 NO1';
font-size: 10px;
font-weight: bold;
background-color: #b2a052;
display: block;
height: 20px;
line-height: 20px;
top: 6px;
right: 25px;
color: #fff;
padding: 0 3px;
border-radius: 10px;
}
.category_8196::after {
content: '人気 NO2';
background-color: #b5b5b6;
right: 60px;
}
.category_7808::after {
content: '人気 NO3';
background-color: #8e6e55;
right: 5px;
}
.category_7795 a:link,
.category_7796 a:link,
.category_7798 a:link,
.category_7799 a:link,
.category_7800 a:link,
.category_8192 a:link,
.category_8193 a:link,
.category_8194 a:link,
.category_7811 a:link,
.category_7812 a:link,
.category_8195 a:link,
.category_8196 a:link,
.category_8197 a:link,
.category_10725 a:link,
.category_10742 a:link,
.category_7803 a:link,
.category_7804 a:link,
.category_7805 a:link,
.category_7807 a:link,
.category_7808 a:link,
.category_7809 a:link {
font-size: 12px;
color: #595757;
text-decoration: none;
font-weight: bold;
}
.category_7795 a:visited,
.category_7796 a:visited,
.category_7798 a:visited,
.category_7799 a:visited,
.category_7800 a:visited,
.category_8192 a:visited,
.category_8193 a:visited,
.category_8194 a:visited,
.category_7811 a:visited,
.category_7812 a:visited,
.category_8195 a:visited,
.category_8196 a:visited,
.category_8197 a:visited,
.category_10725 a:visited,
.category_10742 a:visited,
.category_7803 a:visited,
.category_7804 a:visited,
.category_7805 a:visited,
.category_7807 a:visited,
.category_7808 a:visited,
.category_7809 a:visited {
text-decoration: none;
color: #595757;
}
.category_7795 a:hover,
.category_7796 a:hover,
.category_7798 a:hover,
.category_7799 a:hover,
.category_7800 a:hover,
.category_8192 a:hover,
.category_8193 a:hover,
.category_8194 a:hover,
.category_7811 a:hover,
.category_7812 a:hover,
.category_8195 a:hover,
.category_8196 a:hover,
.category_8197 a:hover,
.category_10725 a:hover,
.category_10742 a:hover,
.category_7803 a:hover,
.category_7804 a:hover,
.category_7805 a:hover,
.category_7807 a:hover,
.category_7808 a:hover,
.category_7809 a:hover {
text-decoration: underline;
color: #27AA9B;
}
/* ご利用ガイド */
.category_7930,
.category_7787,
.category_7788,
.category_7789,
.category_8007,
.category_7790 {
background-image: url(/goods_img/186/design/side_cabn.png);
background-repeat: no-repeat;
width: 170px;
height: 25px;
font-size: 14px;
border-bottom: 1px dotted #a9a9a9;
text-indent: 5px;
line-height: 28px;
padding-left: 10px;
}
.category_7790 {
margin-bottom: 20px;
}
.category_7930 a:link,
.category_7787 a:link,
.category_7788 a:link,
.category_7789 a:link,
.category_8007 a:link,
.category_7790 a:link {
font-size: 14px;
color: #202020;
text-decoration: none;
}
.category_7930 a:visited,
.category_7787 a:visited,
.category_7788 a:visited,
.category_7789 a:visited,
.category_8007 a:visited,
.category_7790 a:visited {
text-decoration: none;
color: #202020;
}
.category_7930 a:hover,
.category_7787 a:hover,
.category_7788 a:hover,
.category_7789 a:hover,
.category_8007 a:hover,
.category_7790 a:hover {
text-decoration: underline;
color: #27AA9B;
}
.category_9781,
.category_10421 {
width: 180px;
}
.category_9781 a,
.category_10421 a {
font-size: 12px;
}
/*---side_menu用ここまで---*/
/*---トップページここから---*/
/*スライドショー用ここから---*/
#slider {
position: relative;
width: 680px;
height: 350px;
margin: 0;
}
#slider a:focus {
outline: 0;
}
.slider-view {
position: relative;
width: 680px;
height: 340px;
overflow: hidden;
}
.slider-container {
position: absolute;
height: 340px;
width: 680px;
}
.slider-container div {
position: relative;
float: left;
width: 680px;
height: 340px;
}
.slider-container div a {
display: block;
}
.slider-container div a:hover {
color: #1eb4a3;
}
#slide-prev,
#slide-next {
position: absolute;
top: 310px;
color: #1eb4a3;
font-size: 28px;
line-height: 1;
text-decoration: none;
font-weight: bold;
}
#slide-prev {
left: 28px;
}
#slide-next {
right: 41px;
}
.slider-pagination {
position: absolute;
top: 310px;
left: 50%;
margin-left: -50px;
width: 100px;
}
.slider-pagination a {
float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 12px;
height: 12px;
overflow: hidden;
text-indent: -9999px;
vertical-align: middle;
background-color: #CCC;
margin: 0px 5px;
}
.slider-pagination a:hover {
background: #1eb4a3;
}
.slider-pagination a.current {
background: #1eb4a3;
width: 15px;
height: 15px;
margin-top: -2px;
}
/*---スライドショー用ここまで---*/
#main {
width: 680px;
margin: 0;
padding: 0;
white-space: normal;
font-color: #141414;
font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.book_topimg {
margin: 0 0 10;
}
.book_h1 {
font-size: 22px;
font-family: "A-OTF 新ゴ Pro", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 0 5;
padding: 0;
}
.book_colorfont {
font-size: 22px;
color: #1eb4a3;
}
.book_p {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
line-height: 150%;
margin: 5 0;
padding: 0;
}
.book_coupimg {
margin: 10 0;
}
.book_link a:link {
color: #0033cc;
text-decoration: none;
}
.book_link a:visited {
color: #0033cc;
text-decoration: none;
}
.book_link a:hover {
color: #0033cc;
text-decoration: underline;
}
.book_h2 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 25 0 10;
text-indent: 15px;
line-height: 34px;
}
.book_lineup {
list-style: none;
background-color: #EEEEEE;
width: 680px;
padding: 10px 0px;
}
.book_lineimg {
float: left;
margin: 0px 20px;
}
.book_genre {
border: 1px solid #696969;
width: 680px;
padding: 15 0 25;
margin: 0 0 20;
}
.book_ge_ul {
list-style: none;
width: 680px;
padding: 0;
margin: 0;
}
.book_gei_m {
background-image: url(/goods_img/186/design/book_genre_i.png);
width: 680px;
height: 28px;
font-family: "A-OTF 新ゴ Pro", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 17px;
color: #ffffff;
padding: 0;
margin: 20 0 0;
text-indent: 10px;
line-height: 25px;
}
.book_geg_m {
background-image: url(/goods_img/186/design/book_genre_g.png);
width: 680px;
height: 28px;
font-family: "A-OTF 新ゴ Pro", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 17px;
color: #ffffff;
padding: 0;
margin: 0;
text-indent: 10px;
line-height: 25px;
}
.book_gek_m {
background-image: url(/goods_img/186/design/book_genre_k.png);
width: 680px;
height: 28px;
font-family: "A-OTF 新ゴ Pro", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 17px;
color: #ffffff;
padding: 0;
margin: 0;
text-indent: 10px;
line-height: 25px;
}
.book_ge_li {
float: left;
width: 168px;
height: 42px;
margin: 5 44 0;
}
.book_ge_li:nth-child(n+2) {
float: left;
width: 168px;
height: 42px;
margin: 5 44 0 0;
}
.book_cust {
width: 660px;
height: 200px;
padding: 10;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.book_cust_img {
float: left;
}
.book_cust_ri {
float: left;
width: 370px;
margin-left: 10px;
}
.book_cust_midsi {
font-size: 18px;
color: #3e3a39;
font-weight: bold;
margin: 0px 0px 5px;
border-bottom: 2px solid #27AA9B;
}
.book_cust_span {
display: block;
font-size: 12px;
text-align: right;
}
.book_cust_txt {
font-size: 14px;
margin: 0;
}
.book_cust_size {
display: block;
font-size: 13px;
text-align: right;
}
.book_product {
border: 5px solid #d3d3d3;
width: 670px;
padding: 15 0 25;
margin: 20 0 0;
}
.book_pro_ul {
list-style: none;
width: 680px;
padding: 0;
margin: 0;
}
.book_pro_li {
float: left;
width: 168px;
height: 42px;
margin: 5 44 0;
}
.book_pro_li:nth-child(n+2) {
float: left;
width: 168px;
height: 42px;
margin: 5 44 0 0;
}
.zisyaikkan {
background-image: url(/goods_img/186/design/zisyaikkan.png);
background-repeat: no-repeat;
width: 680px;
height: 180px;
margin-bottom: 15px;
}
.zisyaikkan_title {
font-size: 20px;
font-weight: bold;
font-family: "A-OTF 新ゴ Pro", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
border-bottom: 3px solid #27AA9B;
width: 530px;
margin: 7px 0px 5px 15px;
padding: 5px 0px 0px 0px;
}
.zisyaikkan_txt {
width: 315px;
height: 150px;
margin: 0px 0px 0px 15px;
}
/*---トップページここまで---*/
/*---下部ご利用ガイドここから---*/
.book_guide {
width: 680px;
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
white-space: normal;
}
.book_gid_li {
float: left;
width: 300px;
margin: 20 62 0 0;
}
.book_gid_li:nth-child(2) {
float: left;
width: 318px;
margin: 20 0 130;
}
.book_gid_lf {
width: 318px;
height: 25px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
border-bottom: 2px dotted #a9a9a9;
}
.book_gid_ri {
width: 318px;
height: 25px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
border-bottom: 2px dotted #a9a9a9;
}
.book_gid_txt {
padding: 0;
/*color: #14b4a3;*/
font-size: 14px;
/*font-weight: bold;*/
margin: 15 0 2;
}
.book_gid_stxt {
margin: 0;
pdding: 0;
}
.gid_muryouimg {
margin-bottom: 6px;
}
.gid_timeimg {
margin: 10 0 0;
}
.bottom_line {
border-bottom: 1px solid #ccc;
margin: 15px 0;
width: 318px;
}
.book_gid_ta {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 10 0;
}
/*---下部ご利用ガイドここまで---*/
/*---私たちが制作していますここから---*/
.campan_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 25 0 10;
text-indent: 15px;
line-height: 34px;
}
.campan_h2 {
width: 680px;
color: #1eb4a3;
font-size: 15pt;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
border-bottom: 2px dotted #a9a9a9;
margin: 20 0 0;
padding: 0;
}
.campan_h2_point {
font-size: 20pt;
color: #1eb4a3;
}
.campan_h2_number {
font-size: 36pt;
color: #1eb4a3;
font-family: Arial, Helvetica, sans-serif;
}
.campan_top_img {
margin: 10 0 0;
}
.campan_ka_le {
float: left;
width: 370px;
margin: 20 25 0 0;
}
.campan_ka_ri {
float: left;
width: 285px;
margin: 20 0 0;
}
.campan_cltxt {
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
font-weight: bolder;
font-size: 13pt;
line-height: 30px;
margin: 0;
padding: 0;
}
.campan_txt {
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 11pt;
}
.campan_an_le {
float: left;
width: 285px;
margin: 20 25 0 0;
}
.campan_an_ri {
float: left;
width: 370px;
margin: 20 0 0;
}
.campan_si_le {
float: left;
width: 370px;
margin: 20 25 0 0;
}
.campan_si_ri {
float: left;
width: 285px;
margin: 20 0 0;
}
/*---私たちが制作していますここまで---*/
/*---無線綴じここから---*/
.msen_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.msen_h2 {
width: 680px;
height: 25px;
font-size: 15px;
color: #1eb4a3;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
border-bottom: 2px dotted #a9a9a9;
}
.msen_top_bn {
margin: 20 0 0;
}
.msen_setu {
width: 680px;
margin: 0;
}
.msen_setu_le {
float: left;
width: 250px;
margin: 5 10 0 0;
}
.msen_setu_ri {
float: left;
width: 420px;
margin: 5 0 2;
}
.msen_setu_p {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0;
}
.msen_setu_ul {
list-style: none;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
padding: 0;
}
.msen_setu_ul li:before {
content: "・";
}
.msen_ssiitiran {
list-style: none;
padding: 0;
margin: 0 0 10;
background-color: #f0f8ff;
}
.msen_ssti_li {
float: left;
width: 210px;
text-align: center;
margin: 15 0 15 25;
}
.msen_ssti_li:nth-child(2) {
float: left;
width: 210px;
text-align: center;
margin: 15 0;
}
.msen_ssti_li:nth-child(3) {
float: left;
width: 210px;
text-align: center;
margin: 15 25 15 0;
}
.msen_ssti_mtxt {
font-size: 19px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
margin: 5 0 0;
padding: 0;
}
.msen_ssti_botxt {
width: 80px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 65;
padding: 5 0 0;
line-height: 20px;
border-top: 1px solid #38a1db;
}
.msen_ssti_txt {
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
padding: 0;
margin: 0;
line-height: 20px;
}
.msen_sizeitiran {
width: 680px;
margin: 0;
padding: 0;
}
.msen_size_le {
float: left;
width: 269px;
height: 190px;
margin: 52 28 10;
}
.msen_size_le:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.msen_size_ri {
float: left;
width: 327px;
height: 232px;
margin: 10 0;
}
.msen_size_ri:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.msen_size_a {
float: left;
margin: 0;
padding: 0;
}
.msen_size_b {
float: left;
margin: 0;
padding: 0;
}
.msen_shohin {
list-style: none;
padding: 0;
margin: 0 0 30;
}
.msen_sho_li {
float: left;
width: 220px;
height: 350px;
border: 1px solid #696969;
margin: 10 7 0 0;
}
.msen_sho_li:nth-child(3) {
float: left;
width: 220px;
height: 350px;
border: 1px solid #696969;
margin: 10 0 0;
}
.msen_sho_txt {
font-size: 17px;
width: 194px;
/*height:40px;*/
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
margin: 3 0 0 14;
line-height: 20px;
}
.msen_sho_txt:nth-child(3) {
font-size: 13px;
width: 194px;
/*height:60px;*/
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: normal;
margin: 7 0 0 14;
line-height: 17px;
}
.msen_sho_box {
display: inline-block;
width: 194px;
height: 22px;
text-align: center;
padding: 2 0;
background-color: #ffa500;
font-size: 17px;
font-weight: bold;
color: #ffffff;
border-bottom: 4px solid #ff8c00;
border-radius: 3px;
text-decoration: none;
margin-top: 10px;
margin: 10 0 10 12;
}
.msen_sho_box:active {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}
.msen_sho_box:link {
color: #ffffff;
}
.msen_sho_box:visited {
color: #ffffff;
}
.msen_sho_box:hover {
color: #ffffff;
}
/*---無線綴じここまで---*/
/*---中綴じここから---*/
.nakat_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.nakat_h2 {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
border-bottom: 2px dotted #a9a9a9;
}
.nakat_top_bn {
margin: 20 0 0;
}
.nakat_setu {
width: 680px;
margin: 0;
}
.nakat_setu_le {
float: left;
width: 250px;
margin: 5 10 0 0;
}
.nakat_setu_ri {
float: left;
width: 420px;
margin: 5 0 2;
}
.nakat_setu_p {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0;
}
.nakat_setu_ul {
list-style: none;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
padding: 0;
}
.nakat_setu_ul li:before {
content: "・";
}
.nakat_ssiitiran {
list-style: none;
padding: 0;
margin: 0 0 10;
background-color: #fff8dc;
}
.nakat_ssti_li {
float: left;
width: 210px;
text-align: center;
margin: 15 0 15 25;
}
.nakat_ssti_li:nth-child(2) {
float: left;
width: 210px;
text-align: center;
margin: 15 0;
}
.nakat_ssti_li:nth-child(3) {
float: left;
width: 210px;
text-align: center;
margin: 15 25 15 0;
}
.nakat_ssti_mtxt {
font-size: 19px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
margin: 5 0 0;
padding: 0;
}
.nakat_ssti_botxt {
width: 80px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 65;
padding: 5 0 0;
line-height: 20px;
border-top: 1px solid #ffa500;
}
.nakat_ssti_botxt_a4 {
width: 140px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 35;
padding: 5 0 0;
line-height: 20px;
border-top: 1px solid #ffa500;
}
.nakat_ssti_botxt_b5 {
width: 120px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 45;
padding: 5 0 0;
line-height: 20px;
border-top: 1px solid #ffa500;
}
.nakat_ssti_txt {
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
padding: 0;
margin: 0;
line-height: 20px;
}
.nakat_sizeitiran {
width: 680px;
margin: 0;
padding: 0;
}
.nakat_size_le {
float: left;
width: 328px;
height: 190px;
margin: 15 28 60 10;
}
.nakat_size_le:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.nakat_size_le_2 {
float: left;
width: 275px;
height: 190px;
margin: 52 28 10;
}
.nakat_size_le_2:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.nakat_size_ri {
float: left;
width: 327px;
height: 232px;
margin: 10 0;
}
.nakat_size_ri:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.nakat_size_a {
float: left;
margin: 0;
padding: 0;
}
.nakat_size_b {
float: left;
margin: 0;
padding: 0;
}
.nakat_shohin {
list-style: none;
padding: 0;
margin: 0 0 30;
}
.nakat_shohin {
list-style: none;
padding: 0;
margin: 0 0 30;
}
.nakat_sho_li {
width: 657px;
height: 190px;
border: 1px solid #696969;
padding: 10 10 10 10;
margin: 10 7 15 0;
}
.nakat_sho_img {
float: left;
}
.nakat_sho_txt_box {
float: left;
height: 150px;
margin-top: 20px;
margin-left: 10px;
width: 330px;
}
.nakat_sho_txt:nth-child(2) {
font-size: 13px;
width: 194px;
/*height:60px;*/
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: normal;
margin: 7 0 0 14;
line-height: 17px;
}
.nakat_sho_txt {
font-size: 17px;
width: 194px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
margin: 5 0 0 14;
line-height: 20px;
}
.nakat_sho_txt:nth-child(3) {
font-size: 13px;
width: 194px;
height: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: normal;
margin: 7 0 0 14;
line-height: 17px;
}
.nakat_sho_box {
display: inline-block;
width: 194px;
height: 22px;
text-align: center;
margin: 0 0 10 14;
padding: 2 0;
background-color: #ffa500;
font-size: 17px;
font-weight: bold;
color: #ffffff;
border-bottom: 4px solid #ff8c00;
border-radius: 3px;
text-decoration: none;
}
.nakat_sho_box:active {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}
.nakat_sho_box:link {
color: #ffffff;
}
.nakat_sho_box:visited {
color: #ffffff;
}
.nakat_sho_box:hover {
color: #ffffff;
}
.one_price_n {
margin: 0 0 5 13;
background-position: 0pt -1pt;
font-size: 32px;
width: 110px;
padding-left: 20px;
background-image: url(/goods_img/186/design/one_price.png);
color: #DD0000;
background-repeat: no-repeat;
font-family: "DIN 1451 Std Mittelschrift", "A-OTF 新ゴ Pro", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.one_price {
margin: 0em 0px;
float: right;
background-position: 0pt -1pt;
font-size: 32px;
width: 110px;
padding-left: 20px;
background-image: url(/goods_img/186/design/one_price.png);
color: #DD0000;
background-repeat: no-repeat;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.yen {
font-size: 18px;
font-weight: bold;
color: #DD0000;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.nakat_prots {
width: 658px;
height: 190px;
border: 1px solid #696969;
padding: 10;
margin: 10px 0px 15px 0px;
}
.nakat_prots_img {
float: left;
}
.nakat_prots_txtbox {
float: left;
width: 420px;
margin: 20px 0px 0px 10px;
}
.nakat_prots_midsi {
font-size: 22px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
margin: 5px 0px 0px;
line-height: 20px;
}
.nakat_prots_txt {
width: 360px;
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
line-height: 18px;
margin: 10px 0px 0px;
}
.nakat_prots_box {
float: left;
display: inline-block;
width: 194px;
height: 22px;
text-align: center;
margin: 25px 0px 0px 14px;
padding: 2px 0px;
background-color: #ffa500;
font-size: 17px;
font-weight: bold;
color: #ffffff;
border-bottom: 4px solid #ff8c00;
border-radius: 3px;
text-decoration: none;
}
.nakat_prots_box:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.nakat_prots_box:link {
color: #ffffff;
}
.nakat_prots_box:visited {
color: #ffffff;
}
.nakat_prots_box:hover {
color: #ffffff;
}
.one_price_prots {
float: left;
margin: 0px 0px 0px 13px;
background-position: 0pt -1pt;
font-size: 65px;
width: 170px;
padding-left: 25px;
background-image: url(/goods_img/186/design/nakat_one_price.png);
color: #DD0000;
background-repeat: no-repeat;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.yen_prots {
font-size: 35px;
font-weight: bold;
color: #DD0000;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
/*---中綴じここまで---*/
/*---注文の流れここから---*/
.nagre_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.nagre_step {
list-style: none;
width: 680px;
padding: 0;
margin: 0;
}
.nagre_step_li {
float: left;
background-image: url(/goods_img/186/design/nagre_okyakustep.png);
width: 301px;
height: 33px;
margin: 20 4 10 0;
font-size: 17px;
font-weight: bold;
line-height: 30px;
padding: 0 0 0 20;
}
.nagre_step_li:nth-child(2) {
float: left;
background-image: url(/goods_img/186/design/nagre_hisyastep.png);
width: 331px;
height: 29px;
margin: 20 0 10 0;
font-size: 17px;
font-weight: bold;
line-height: 30px;
padding: 0 0 0 20;
}
.nagre_pran {
width: 680px;
margin: 25 0 0;
}
.nagre_pra_img {
float: left;
margin: 0 10 0 0;
}
.nagre_pran_ri {
float: left;
width: 415px;
margin: 0;
}
.nagre_pra_mtxt {
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
border-bottom: 2px dotted #a9a9a9;
padding: 0;
margin: 0;
}
.nagre_pra_txt {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
padding: 0;
margin: 15 0 0;
}
.nagre_txt_midl {
font-size: 10px;
}
.nagre_txt_design {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 10 0 0;
}
.nagre_txt_link:link {
color: #00bfff;
text-decoration: none;
}
.nagre_txt_link:visited {
color: #00bfff;
text-decoration: none;
}
.nagre_txt_link:hover {
color: #00bfff;
text-decoration: underline;
}
/*---注文の流れここまで---*/
/*---受付納期ここから---*/
.uktk_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.uktk_img {
margin: 15 0;
}
.uktk_txt {
width: 680px;
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 15 0;
}
/*---受付納期ここまで---*/
/*---クーポン使用方法ここから---*/
.k-pon_coupimg {
margin: 30 0 0;
}
.k-pon_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 10 0;
text-indent: 15px;
line-height: 34px;
}
.k-pon_pran {
width: 680px;
margin: 10 0 0;
}
.k-pon_pra_img {
float: left;
margin: 0 15 0 0;
}
.k-pon_pran_ri {
float: left;
width: 415px;
margin: 0;
}
.k-pon_pra_mtxt {
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
border-bottom: 2px dotted #a9a9a9;
padding: 0;
margin: 0;
}
.k-pon_pra_txt {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
padding: 0;
margin: 15 0 0;
}
/*---クーポン使用方法ここまで---*/
/*---テンプレートダウンロードここから---*/
.temp_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
color: #3E3A39;
}
.temp_h2_msen {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
border-bottom: 2px dotted #a9a9a9;
margin-bottom: 5px;
margin: 50px 0px 5px;
}
.temp_h2_naka {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
border-bottom: 2px dotted #a9a9a9;
margin-bottom: 5px;
margin: 18px 0px 5px;
}
.temp_h3_word {
background-image: url(/goods_img/186/design/temp_word_aicon.png);
width: 640px;
height: 35px;
font-size: 13pt;
padding-left: 40px;
background-position: 0px;
background-repeat: no-repeat;
font-weight: bold;
padding-top: 2px;
margin: 20px 0px 5px;
border-bottom: 4px solid #389FDA;
color: #3E3A39;
}
.temp_h3_power {
background-image: url(/goods_img/186/design/temp_power_aicon.png);
width: 640px;
height: 35px;
font-size: 13pt;
padding-left: 40px;
background-position: 0px;
background-repeat: no-repeat;
font-weight: bold;
padding-top: 2px;
margin: 20px 0px 5px;
border-bottom: 4px solid #D81B18;
color: #3E3A39
}
.temp_h3_illust {
background-image: url(/goods_img/186/design/temp_illust_aicon.png);
width: 640px;
height: 35px;
font-size: 13pt;
padding-left: 40px;
background-position: 0px;
background-repeat: no-repeat;
font-weight: bold;
padding-top: 2px;
margin: 20px 0px 5px;
border-bottom: 4px solid #EB6100;
color: #3E3A39;
}
.temp_h3_inde {
background-image: url(/goods_img/186/design/temp_inde_aicon.png);
width: 640px;
height: 35px;
font-size: 13pt;
padding-left: 40px;
background-position: 0px;
background-repeat: no-repeat;
font-weight: bold;
padding-top: 2px;
margin: 20px 0px 5px;
border-bottom: 4px solid #D3187B;
color: #3E3A39;
}
.temp_msen {
width: 680px;
}
.temp_donload {
float: left;
margin: 10 7 0 0;
}
.temp_donload:nth-child(3) {
float: left;
margin: 10 0;
}
.temp_donload:hover {
position: relative;
top: 1pt;
left: 1pt;
opacity: 1;
}
.temp_txt {
margin: 0;
}
.temp_midltxt {
font-size: 12px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
}
.temp_span_h3 {
font-size: 20pt;
}
.temp_red_txt {
color: #ff0000;
font-size: 12px;
}
/*---テンプレートダウンロードここまで---*/
/*---データ入稿ガイドここから---*/
.deta_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.deta_h2 {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
border-bottom: 2px dotted #a9a9a9;
}
.deta_h3 {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #202020;
border-bottom: 2px dotted #a9a9a9;
}
.deta_h3_b {
color: #1eb4a3;
}
.deta_p {
width: 680px;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.deta_nagre {
margin: 0 0 15 0;
}
.deta_hubi_top {
margin: 0;
padding: 0;
}
.deta_hubi_botm {
margin: 0;
padding: 0;
}
.deta_hubi_a {
float: left;
margin: 5 12 0 0;
}
.deta_hubi_a:nth-child(4) {
float: left;
margin: 5 0 10;
}
.deta_hubi_a:hover {
position: relative;
top: 1pt;
left: 1pt;
opacity: 1;
}
.deta_nkou_bn {
margin: 20 0 30;
}
.deta_nkou_houh {
margin: 0 0 15 0;
}
.deta_nkoud_m {
font-size: 15px;
margin: 0 0 0 39;
font-weight: bold;
}
.deta_nkoud_hit {
margin: 5 0 10 39;
}
.deta_nkoud_mtxt {
width: 602px;
margin: 0 0 0 39;
padding: 0;
font-size: 16px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
text-align: center;
font-weight: bold;
}
.deta_nkoud_txt {
width: 602px;
margin: 2 0 5 39;
padding: 0;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
text-align: center;
}
.deta_nkoud_kanou {
margin: 5 0 20 39;
}
.deta_crfont_yb {
font-size: 16px;
font-weight: bold;
color: #ffa500;
}
.deta_crfont_y {
color: #ffa500;
}
.deta_cmyk {
background-color: #f5f5f5;
width: 665px;
height: 145px;
padding: 15 0 0 15;
}
.deta_cmyk_le {
float: left;
}
.deta_cmyk_img {
float: left;
}
.deta_boldtxt {
font-size: 16px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
}
.deta_cmyk_mtxt {
font-size: 16px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0;
padding: 0;
}
.deta_cmyk_txt {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
width: 450px;
margin: 0 70 0 5;
}
.deta_cmyk_img {
margin: 15 0 0;
}
.deta_rgb {
background-color: #f5f5f5;
width: 665px;
height: 160px;
padding: 15 0 0 15;
margin: 20 0;
}
.deta_rgb_le {
float: left;
}
.deta_rgb_img {
float: left;
}
.deta_rgb_mtxt {
font-size: 16px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0;
padding: 0;
}
.deta_rgb_txt {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
width: 510px;
margin: 0 10 0 5;
}
.deta_rgb_img {
margin: 15 0 0;
}
.deta_color_img {
margin: 0 0 10 62;
}
.deta_wp_m {
font-size: 15px;
font-weight: bold;
}
.deta_p_wp {
width: 680px;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 0 30;
}
.deta_nrtas {
list-style: none;
background-color: #f5f5f5;
width: 680x;
height: 320px;
padding: 0;
margin: 15 0 30;
}
.deta_nrtas_li {
float: left;
width: 331px;
padding: 0;
margin: 0 22 0 12;
}
.deta_nrtas_li:nth-child(2) {
float: left;
width: 303px;
padding: 0;
margin: 0 12 0 0;
}
.deta_nrtas_mtxt {
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
text-align: center;
}
.deta_nrtas_r {
color: #ff0000;
}
.deta_nrtas_txt {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.deta_auto {
margin: 0 0 15 0;
}
.deta_mjgire {
background-color: #f5f5f5;
padding: 10 0 10 54;
margin: 0 0 15 0;
}
.deta_mjgire_txt {
width: 252px;
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 5 0 0 319;
}
.deta_hait {
list-style: none;
width: 680px;
height: 330px;
background-color: #f5f5f5;
padding: 0;
margin: 0 0 15 0;
}
.deta_hait_li {
float: left;
width: 304px;
margin: 15 20 0 26;
}
.deta_hait_li:nth-child(2) {
float: left;
width: 304px;
margin: 15 0 0;
}
.deta_hait_txt {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.deta_grsk {
list-style: none;
width: 680px;
height: 310px;
background-color: #f5f5f5;
padding: 0;
}
.deta_grsk_li {
float: left;
width: 258px;
margin: 0 80 0 20;
}
.deta_grsk_li:nth-child(2) {
float: left;
width: 270px;
margin: 0;
}
.deta_grsk_m {
width: 100px;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
border: 1px solid #202020;
border-radius: 5px;
padding: 3px;
margin: 10 0 0;
}
.deta_grsk_mg {
width: 100px;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
border: 1px solid #202020;
border-radius: 5px;
padding: 3px;
margin: 10 0 0;
}
.deta_grsk_txt {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 10 0 0;
}
.deta_dd {
width: 670px;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 0 30 10;
}
/*---データ入稿ガイドここまで---*/
/*---よくある質問ここから---*/
.query_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.query_h2 {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
border-bottom: 2px dotted #a9a9a9;
margin: 30px 0px 20px;
}
.query_menu {
width: 680px;
padding: 0;
margin: 0;
}
.query_menubar {
display: block;
background-image: url(/goods_img/186/design/query_q.png);
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 13px;
margin: 10 0;
padding: 10 0 10 40;
line-height: 1;
}
.query_answer {
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 13px;
margin: 0 20;
margin-bottom: 25px;
}
.query_ans_link:link {
color: #0033cc;
text-decoration: none;
}
.query_ans_link:visited {
text-decoration: none;
color: #0033cc;
}
.query_ans_link:hover {
text-decoration: underline;
color: #0033cc;
}
/*---よくある質問ここまで---*/
/*---初めての方へここから---*/
#bignners {
width: 680px;
white-space: normal;
}
.first_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.first_frame {
width: 646px;
height: 920px;
border: 2px solid #dcdcdc;
padding: 20 15;
margin-bottom: 10px;
}
.first_h2 {
float: left;
height: 33px;
font-size: 26px;
color: #1eb4a3;
padding: 0;
margin: 5 0 10;
}
.first_h2_p {
float: left;
height: 33px;
font-size: 26px;
color: #1eb4a3;
padding: 0;
margin: 0 0 10;
}
.first_h2_sm {
font-size: 15px;
color: #1eb4a3;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
font-weight: normal;
}
.first_h2_img {
margin: 0 0 0 10;
}
.first_p {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 5 0 10;
}
.first_komk_t {
width: 648px;
height: 265px;
background-color: #f5f5f5;
}
.first_komk_s {
width: 648px;
height: 265px;
background-color: #f5f5f5;
margin: 10 0 0;
}
.first_komk_k {
width: 648px;
height: 265px;
background-color: #f5f5f5;
margin: 10 0 0;
}
.first_aic {
float: left;
}
.first_h3 {
float: left;
width: 588px;
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
border-bottom: 2px dotted #d3d3d3;
margin: 0 0 0 10;
padding: 5 0 0;
font-weight: normal;
}
.first_h3_o {
font-size: 21px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #f8b500;
font-weight: bold;
}
.first_komk_ttxt {
float: left;
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
width: 590px;
margin: 2 15 0 50;
}
.first_komk_img {
float: left;
margin: 2 0 0;
}
.first_komk_txt {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
width: 580px;
margin: 4 0 0 50;
}
.hazimete_img1 {
margin: 10px 5px 0px 0px;
}
.hazimete_img4 {
margin: 10px 5px 0px 0px;
}
.hazimete_img7 {
margin: 10px 5px 0px 0px;
}
.hazimete_img_wrap {
margin-left: 50px;
}
.datecheck {
margin: 10px 0px 10px 0px;
}
.wrap_about_datemaking {
width: 680px;
height: 108px;
margin: 5px 0px 15px;
}
.about_datemaking_phrase {
background-image: url(/goods_img/186/design/hazimete_phrase.png);
float: left;
height: 89px;
margin: 0px 5px 0px 0px;
padding: 10;
width: 405px;
white-space: normal;
}
.about_datemaking_phrase.big_box {
background-image: url(/goods_img/186/design/hazimete_phrase_2.png);
float: left;
height: 137px;
margin: 0px 5px 15px 0px;
padding: 10;
width: 405px;
white-space: normal;
}
.deta_p {
width: 680px;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.step {
float: left;
}
.step_title {
width: 330px;
font-size: 20px;
margin: 0px 0px 0px 5px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
color: #1eb4a3;
float: left;
border-bottom: 2px dotted #a9a9a9;
}
.step_p {
width: 400px;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
float: left;
margin: 0px 0px 0px 0px;
}
.date_button {
float: left;
margin: 20px 0;
}
.date_button.big_box_ri {
float: left;
margin: 40px 0 20px;
}
.wrap_hazimete_msnk_button {
margin: 0 auto;
width: 585px;
}
.kakaku_siritai {
width: 660px;
height: 108px;
margin: 10px 0px 10px 0px;
background-image: url(/goods_img/186/design/wanna_know_price.png);
background-repeat: no-repeat;
padding: 10px 10px 10px 10px;
}
.kakaku_siritai_txt {
float: left;
width: 615px;
margin: 0px 0px 0px 5px;
}
/*---.about_datemaking_phrase{
background-image: url(/goods_img/186/design/hazimete_phrase.png);
}---*/
/*---初めての方へここまで---*/
.p {
font-size: 14pt;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #333333;
}
.sehon_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.sehon_h2 {
width: 680px;
color: 27aa9b;
font-size: 15pt;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
border-bottom: 2px dotted #a9a9a9;
margin: 30 0 0;
padding: 0;
}
.sehon_h3 {
border-left: 4px solid #1eb4a3;
text-indent: 15px;
font-size: 17px;
margin: 10px 0 10px;
}
.sehon_h3_nakat {
text-indent: 15px;
font-size: 30px;
color: #f0b427;
margin: 10px 0 10px;
position: relative;
}
.sehon_span_nh3 {
font-size: 18px;
color: #f0b427;
margin-left: 12px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.sehon_h3_nakat::before {
position: absolute;
top: 5;
left: 110;
content: '';
width: 2px;
height: 30px;
background: #f0b427;
}
.sehon_h3_msen {
text-indent: 15px;
font-size: 30px;
color: #389FDA;
margin: 10px 0 10px;
position: relative;
}
.sehon_span_mh3 {
font-size: 18px;
color: #389FDA;
margin-left: 12px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.sehon_h3_msen::before {
position: absolute;
top: 5;
left: 140;
content: '';
width: 2px;
height: 30px;
background: #389FDA;
}
.sehon_h4 {
border-bottom: 1px solid black;
margin-bottom: 5px;
}
.sehon_h4+ul {
margin-top: 5px;
list-style: none;
padding-left: 0;
}
.sehon_mokuji {
background-color: #EEE;
padding: 20px 50px;
}
.sehon_mokuji:before {
content: "目次";
font-size: 150%;
}
.sehon_mokuji a:link {
font-size: 14px;
color: #202020;
text-decoration: none;
}
.sehon_mokuji a:visited {
text-decoration: none;
color: #202020;
}
.sehon_mokuji a:hover {
text-decoration: underline;
color: #0033cc;
}
.tojikata_area h3 {
margin-top: 0;
}
.tojikata_area {
padding: 20px;
margin-top: 20px;
}
.msenblue {
background-color: #f0f8ff;
}
.nakayellow {
background-color: #fff8dc;
}
.tojikata_area img {
float: left;
}
.tojikata_area img:first-of-type {
margin-right: 20px;
}
.tojikata_area img:last-of-type {
margin-top: 20px;
}
.tojikata_area p {
margin-bottom: 0;
}
img.kamishitsu_img {
float: left;
margin: 0px 20px 15px 0px;
}
.sehon_p_kamiri {
float: left;
width: 460px;
font-size: 12px;
line-height: 22px;
margin: 0;
}
a.link_to_genre {
display: block;
width: 500px;
padding: 20px;
margin: 30px auto;
font-size: 30px;
background-color: #1eb4a3;
color: white;
text-align: center;
text-decoration: none;
}
a.link_to_genre:hover {
opacity: 0.7;
}
/*---製本についてここまで---*/
/*---お支払方法・送料ここから---*/
.shrai_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.shrai_h2 {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
border-bottom: 2px dotted #a9a9a9;
margin: 20 0 0;
}
.shrai_p {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.shrai_kiny_ul {
list-style: none;
width: 680px;
padding: 0;
margin: 0;
}
.shrai_kiny_li {
float: left;
width: 300px;
margin: 0 20 0 15;
}
.shrai_kiny_li:nth-child(2) {
float: left;
width: 330px;
margin: 0;
}
.shrai_kiny_m {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 15 0 5;
padding: 0;
}
.shrai_kiny_txt {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.shrai_kiny_mti {
margin: 4 0 0;
}
.shrai_daikin {
list-style: none;
padding: 0;
}
.shrai_daikin_li {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 0 0 10;
}
.shrai_soryo_m {
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 10 5;
font-weight: bold;
}
.shrai_soryo_b {
color: #1eb4a3;
}
.shrai_soryo_txt {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 5;
padding: 0;
}
.shrai_gid_ta {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0 0 0 5;
}
.shrai_soryo_letxt {
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 5 20;
}
.shrai_soryo_img {
margin: 5 20;
}
/*---お支払方法・送料ここまで---*/
/*---ヘッダーご利用ガイドここから---*/
.headd_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 25 0 10;
text-indent: 15px;
line-height: 34px;
}
.headd_h2 {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
border-bottom: 2px dotted #a9a9a9;
margin: 10 0 20;
}
.headd_h2_s {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #1eb4a3;
border-bottom: 2px dotted #a9a9a9;
margin: 30 0 20;
}
.headd_img {
list-style: none;
padding: 0;
margin: 5 0;
}
.headd_aic {
float: left;
margin: 0 10 0 0;
}
.headd_aic:nth-child(3) {
float: left;
margin: 0;
}
.headd_aic_c:hover {
position: relative;
top: 1pt;
left: 1pt;
opacity: 1;
}
.headd_h2_bl {
font-size: 11px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #202020;
margin: 0 0 0 10;
}
/*---ヘッダーご利用ガイドここまで---*/
/*---成人向け冊子の印刷についてここから---*/
.seijin_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.seijin_h2 {
width: 680px;
height: 25px;
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #202020;
margin: 5 0;
}
.seijin_h2_b {
color: #1eb4a3;
}
.seijin_p {
width: 680px;
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.seijin_main {
width: 666px;
border: 2px solid #f8b500;
padding: 5;
margin-bottom: 60px;
}
.seijin_tyu {
list-style: none;
margin: 0;
padding: 0;
text-indent: -1em;
}
.seijin_tyu_li {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
padding-left: 1em;
text-indent: -1em;
}
.seijin_main_p {
font-size: 14px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 5 0 0;
}
/*---成人向け冊子の印刷についてここまで---*/
/*---ジャンルコンテンツここから---*/
/*---会社案内---*/
.kisya_img {
margin: 0 0 20;
}
.kisya_msen {
width: 650px;
border: 5px solid #F0F8F9;
padding: 10px;
margin: 0px 0px 30px;
}
.kisya_msen_mp {
width: 650px;
margin: 15px 0px 10px;
border-bottom: 1px dashed #38a1db;
font-size: 25px;
font-weight: bold;
line-height: 25px;
}
.kisya_msen_p {
width: 650px;
font-size: 13px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
line-height: 16px;
margin: 0px 0px 15px;
}
.sanks_p {
margin: 0;
font-family: "小塚ゴシック Pr6N", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 12px;
font-weight: bold;
}
.sanks_ul {
font-family: "小塚ゴシック Pr6N", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
}
.sanks_li {
margin: 0;
line-height: 20px;
font-size: 12px;
}
.sanks_spa {
font-size: 12px;
font-weight: bold;
margin: 0px 7px 0px 0px;
}
.kisya_msen_sanks {
width: 200px;
height: 84px;
float: left;
margin: 0 11 0 0;
}
.kisya_msen_sankn {
float: left;
margin: 48 22 0 0;
}
.kisya_msen_mimg {
float: left;
margin: 0 11 0 0;
}
.kisya_msen_dimg {
float: left;
margin: 0;
}
.kisya_tab {
border-collapse: collapse;
text-align: center;
width: 650px;
margin: 10px 0px 0px;
}
.kisya_tr_blre {
height: 20px;
font-size: 10px;
background: #eaf4fc;
}
.kisya_tr_nor {
height: 50px;
font-size: 12px;
}
.kisya_td_m {
font-size: 6px;
}
/*---会社案内ここまで---*/
/*---ジャンルコンテンツここまで---*/
/*---見積りボタンここから---*/
.mitsumori_button {
display: block;
width: 210px;
height: 32px;
text-align: center;
margin: 0 auto 10px;
padding: 10 0 0 0;
background-color: #ffa500;
font-size: 17px;
font-weight: bold;
color: #ffffff;
border-bottom: 4px solid #ff8c00;
border-radius: 3px;
text-decoration: none;
}
.mitsumori_button:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.mitsumori_button:active {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}
.mitsumori_button:link {
color: #ffffff;
}
.mitsumori_button:visited {
color: #ffffff;
}
.mitsumori_button:hover {
color: #ffffff;
}
/*---お見積りボタンここまで---*/
/*---PDF入稿時の注意事項ここから---*/
.pdf_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
table.pdf {
width: 680px;
height: 905px;
border-collapse: collapse;
font-size: 13px;
font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.td {
width: 100px;
/* nth-child(2) */
background-color: #CCCCCC;
}
.about_pdf {
width: 680px;
}
.about_img_pdf {
float: left;
}
.txt_pdf {
float: left;
width: 550px;
padding-right: 10px;
padding-top: 25px;
}
span.red {
font-weight: bold;
color: #EE0000;
font-size: 16px;
}
span.bold {
font-weight: bold;
font-size: 16px;
color: #3e3a39
}
.pdf_table_about {
border-collapse: collapse;
}
.pdf_table_about tr td {
width: 210px;
background-color: #EEEEEE;
}
.pdf_table_about tr td:nth-child(2) {
width: 428px;
background-color: #ffffff;
}
.pdf_link_url {
font-size: 12px;
}
.pdf_table_about a:link {
color: #202020;
text-decoration: none;
}
.pdf_table_about a:visited {
text-decoration: none;
color: #202020;
}
.pdf_table_about a:hover {
text-decoration: underline;
color: #27AA9B;
}
/*---PDF入稿時の注意事項ここまで---*/
/*---PDF変換方法ここから---*/
.pdf_h2_word {
width: 545px;
height: 50px;
font-size: 30px;
padding-left: 70px;
background-position: 10px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/nyuko_icon_word.png);
font-weight: bold;
padding-top: 5px;
margin: 10px 0px 15px;
border-bottom: 2px dotted #a9a9a9;
}
.pdf_h2_power {
width: 545px;
height: 50px;
font-size: 30px;
padding-left: 70px;
background-position: 10px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/nyuko_icon_power.png);
font-weight: bold;
padding-top: 5px;
margin: 10px 0px 15px;
border-bottom: 2px dotted #a9a9a9;
}
.pdf_h2_illust {
width: 545px;
height: 50px;
font-size: 30px;
padding-left: 70px;
background-position: 10px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/nyuko_icon_illust.png);
font-weight: bold;
padding-top: 5px;
margin: 10px 0px 15px;
border-bottom: 2px dotted #a9a9a9;
}
.pdf_h2_inde {
width: 545px;
height: 50px;
font-size: 30px;
padding-left: 70px;
background-position: 10px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/nyuko_icon_inde.png);
font-weight: bold;
padding-top: 5px;
margin: 10px 0px 15px;
border-bottom: 2px dotted #a9a9a9;
}
.icon_change_pdf {
width: 680px;
height: 150px;
margin: 0px 5px 10px 0px;
}
.icon_change_pdf:nth-child(4) {
margin-right: 0px;
}
.icon_change_pdf:hover {
position: relative;
top: 1pt;
left: 1pt;
opacity: 1;
}
.change_pdf_contents {
background-color: #a3d7d0;
padding: 15;
width: 650px;
margin-top: 15px;
}
.contents_more {
background-color: #ffffff;
width: 620px;
padding: 15px 15px 15px;
margin-bottom: 15px;
}
.pdf_div_henkan {
width: 600px;
margin: 10px 0px 0px;
}
.pdf_change_img {
margin: 0px 5px 20px 0px;
}
.pdf_p_nyukou {
display: inline-block;
vertical-align: bottom;
width: 300px;
font-size: 12px;
margin-bottom: 20px;
white-space: normal;
}
.pdf_span_small {
font-size: 17px;
}
.pdf_p {
width: 680px;
font-size: 14px;
white-space: normal;
}
/*---PDF変換方法ここまで---*/
/*---製本について修正ここから---*/
.sehon_ul_mokuji {
list-style: none;
padding: 0;
width: 680px;
}
.sehon_ul_mokuji li {
float: left;
width: 200px;
margin: 0px 40px 0px 0px;
}
.sehon_ul_mokuji li:nth-child(3) {
float: left;
width: 200px;
margin: 0;
}
.sehon_ul_mokuji a {
text-decoration: none;
color: #000000;
}
.sehon_ul_mokuji a:hover {
text-decoration: none;
color: #27AA9B;
}
.sehon_ul_mokuji p {
margin: 3px 0px;
}
.sehon_p_kami {
width: 172px;
height: 24px;
font-size: 16px !important;
font-weight: bold;
padding-left: 28px;
background-position: 5px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/sehon_aicon_kami.png);
margin: 10px 0px 20px !important;
border-bottom: 2px solid #27AA9B;
}
.sehon_p_atusa {
width: 172px;
height: 24px;
font-size: 16px !important;
font-weight: bold;
padding-left: 28px;
background-position: 5px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/sehon_aicon_atusa.png);
margin: 10px 0px 20px !important;
border-bottom: 2px solid #27AA9B;
}
.sehon_p_toji {
width: 172px;
height: 24px;
font-size: 16px !important;
font-weight: bold;
padding-left: 28px;
background-position: 5px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/sehon_aicon_toji.png);
margin: 10px 0px 20px !important;
border-bottom: 2px solid #27AA9B;
}
.sehon_p_insatu {
width: 172px;
height: 24px;
font-size: 16px !important;
font-weight: bold;
padding-left: 28px;
background-position: 5px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/sehon_aicon_insatu.png);
margin: 10px 0px 20px !important;
border-bottom: 2px solid #27AA9B;
}
.sehon_p_greem {
color: #27AA9B;
}
.sehon_p_link {
text-decoration: none;
font-size: 14px !important;
color: #000000 !important;
}
.sehon_p_link:hover {
text-decoration: none;
font-size: 14px !important;
color: #27AA9B !important;
}
.sehon_p_linklst {
margin-top: 40px !important;
}
.sehon_ul_toji {
list-style: none;
padding: 0;
margin: 5px 0px;
}
.sehon_ul_toji li {
float: left;
width: 151px;
margin: 0px 12px 0px 0px;
}
.sehon_ul_toji li:nth-child(4) {
float: left;
width: 151px;
margin: 0;
}
.sehon_toji_img {
margin-bottom: 5px;
}
.sehon_toji_midsi {
font-size: 14px;
font-weight: bold;
text-align: center;
}
.sehon_ul_toji a {
display: block;
width: 90px;
height: 20px;
text-align: center;
margin: 0 auto;
padding: 2 0;
background-color: #ffa500;
font-size: 13px;
font-weight: bold;
color: #ffffff;
border-bottom: 2px solid #ff8c00;
border-radius: 3px;
text-decoration: none;
}
.sehon_link_last {
width: 200px;
display: block;
margin: 10 auto;
font-size: 18px;
text-align: center;
padding: 1em 1.5em;
text-decoration: none;
background: #f7f7f7;
border-left: solid 6px #27AA9B;
color: #27AA9B !important;
font-weight: bold;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.sehon_link_last:active {
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);
}
.sehon_circle_yellow {
color: #F0B427;
font-size: 20px;
}
.sehon_circle_blue {
color: #389FDA;
font-size: 20px;
}
.sehon_p_spec {
float: left;
padding: 2px 5px;
background-color: #696969;
color: #ffffff !important;
margin: 5px 5px 2px 0px !important;
text-align: center;
font-size: 15px;
}
/*---製本について修正ここまで---*/
/*---パンフレットページ修正ここから---*/
.panf_sank {
width: 666px;
padding: 5;
background-color: #effffd;
border: 2px solid #CEF9DC;
}
.panf_sank_midsi {
color: #27AA9B;
font-weight: bold;
border-bottom: 2px dotted #696969;
margin: 0px 0px 10px;
font-size: 14px;
}
.panf_ul_sank {
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
float: left;
list-style: none;
padding: 0;
margin: 0px 10px 0px 0px;
}
.panf_ul_sank:nth-child(3) {
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
float: left;
list-style: none;
padding: 0;
margin: 23px 30px 0px 0px;
}
.panf_ul_sank li {
margin: 2px 0px 0px;
font-size: 14px;
}
.panf_sank_left {
float: left;
margin-right: 5px;
}
.img_price_ri {
margin-left: 10px;
}
.panf_img_sankle {
float: left;
width: 150px;
margin: 0px 5px 0px 0px;
}
.panf_img_sankle2 {
float: left;
width: 155px;
margin: 0px 15px 0px 0px;
}
.panf_img_sank {
float: left;
width: 132px;
margin: 0px 10px 0px 0px;
}
.panf_img_sank:nth-child(2) {
float: left;
width: 132px;
margin: 0;
}
.panf_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.panf_h2 {
width: 680px;
font-size: 15px;
color: #27AA9B;
border-bottom: 2px dotted #696969;
}
.panf_le_paper {
float: left;
width: 330px;
margin: 0px 20px 10px 0px;
}
.panf_ri_paper {
float: left;
width: 330px;
margin: 0px 0px 10px;
}
.panf_ri_midsi {
float: left;
padding: 2px 5px;
background-color: #27AA9B;
color: #ffffff !important;
margin: 0px 0px 5px !important;
text-align: center;
font-size: 15px;
font-weight: bold;
}
.panf_p_paper {
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 14px;
white-space: normal;
}
.panf_a_ri {
font-size: 14px;
float: right;
color: #2096D5 !important;
text-decoration: none;
}
.panf_a_ri:hover {
font-size: 14px;
float: right;
color: #2096D5;
text-decoration: underline;
}
.panf_p_spec {
float: left;
padding: 2px 5px;
background-color: #696969;
color: #ffffff !important;
margin: 5px 5px 2px 0px !important;
text-align: center;
font-size: 15px;
}
.panf_page_ri {
width: 330px;
float: left;
margin: 5px 10px 0px 0px;
}
.panf_page_le {
width: 340px;
float: left;
margin: 5px 0px 0px;
}
.panf_page_midsi {
float: left;
padding: 2px 5px;
background-color: #ffa500;
color: #ffffff !important;
margin: 0px 0px 5px !important;
text-align: center;
font-size: 15px;
font-weight: bold;
width: 120px;
}
.panf_page_p {
clear: both;
font-size: 14px;
white-space: normal;
}
.panf_page_lastp {
font-size: 12px;
}
.panf_img_page {
margin-bottom: 30px;
}
.panf_span_din {
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
color: #ffffff;
font-size: 19px;
margin-right: 3px;
}
.janl_link_last {
width: 210px;
margin: 0 auto;
text-align: center;
}
.janl_bt_text {
font-weight: bold;
font-size: 15px;
color: #F6AB00;
margin: 30 0 2 0;
}
/*---パンフレットページ修正ここまで---*/
.test {
font-size: 20px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
/*---20180328「中綴じ注文フォーム」ここから---*/
.nform_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.nform_h2 {
width: 680px;
font-size: 15px;
color: 00000;
border-bottom: 2px dotted #696969;
}
.nform_span_h2 {
color: #27AA9B;
font-size: 15px;
}
.nform_txt {
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-size: 13px;
}
.nform_ul_jrei {
list-style: none;
}
.nform_ul_jrei li {
float: left;
margin: 10px 15px 10px 0px;
}
.nform_p_jrei {
width: 130px;
height: 20px;
position: relative;
text-align: center;
margin: 10 auto;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
font-size: 14px;
}
.nform_p_jrei::before {
content: "";
top: 0;
left: 0;
border-bottom: 10px solid transparent;
border-left: 10px solid #EBC62E;
position: absolute;
z-index: 100;
}
.nform_p_jrei::after {
content: "";
display: block;
top: 5px;
transform: rotate(-45deg);
color: #fff;
left: 0;
position: absolute;
z-index: 101;
}
.mform_p_jrei {
width: 130px;
height: 20px;
position: relative;
text-align: center;
margin: 10 auto;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
font-size: 14px;
}
.mform_p_jrei::before {
content: "";
top: 0;
left: 0;
border-bottom: 10px solid transparent;
border-left: 10px solid #389FDA;
position: absolute;
z-index: 100;
}
.mform_p_jrei::after {
content: "";
display: block;
top: 5px;
transform: rotate(-45deg);
color: #fff;
left: 0;
position: absolute;
z-index: 101;
}
.form_h2 {
background-image: url(/goods_img/186/design/form_img_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 25 0 10;
text-indent: 15px;
line-height: 34px;
}
/*---20180328「中綴じ注文フォーム」ここまで---*/
/*--新jqueryスライダー2018/03/31--*/
#top_slick {
margin-bottom: 40px;
}
#top_slick .slick-slider {
margin: 0 0 10px;
padding: 0px;
width: 680px;
}
#top_slick .slick-prev {
width: 30px !important;
height: 30px !important;
font-size: 30px !important;
left: 25 !important;
top: 108% !important;
z-index: 10;
}
#top_slick .slick-next {
width: 30px !important;
height: 30px !important;
font-size: 30px !important;
right: 25 !important;
top: 108% !important;
z-index: 10;
}
.slick-prev:before,
.slick-next:before {
font-size: 30px !important;
color: #27AA9B !important;
}
.slick-dots li button {
margin-top: 8px !important;
}
.slick-dots li button:before {
color: #27AA9B !important;
margin-top: 8px !important;
}
#top_slick .slick_nav_items {
width: 680px;
font-size: 0;
}
#top_slick .slick_nav_items::after {
content: " ";
display: block;
clear: both;
font-size: 0;
}
#top_slick .slick_nav_items .slick_nav_item {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
font-size: 0;
}
#top_slick .slick_nav_items .slick_nav_item img {
cursor: pointer;
display: block;
margin: 0;
padding: 0;
width: 136px;
height: 50px;
font-size: 0;
}
#top_slick .slick_nav_items .slick_nav_item:hover img {
border: 3px solid #d80c18;
width: 130px;
height: 44px;
}
#top_slick .slick_this_item:before {
content: "";
position: absolute;
top: -20px;
right: 40%;
border: 12px solid transparent;
border-bottom: 10px solid #d80c18;
}
.privacy_ttl {
border-bottom: dotted 2px #CCCCCC;
margin-top: 20px;
padding-bottom: 10px;
}
/*---20180402下部ページ修正ここから---*/
.botm_table {
border-collapse: collapse;
}
.botm_table tr td {
width: 210px;
background-color: #EEEEEE;
}
.botm_table tr td:nth-child(2) {
width: 428px;
background-color: #ffffff;
}
/*---20180402下部ページ修正ここまで---*/
/* ---トップのおしらせここから--- */
div.inventory_info {
margin-bottom: 10px;
background-color: #fff;
border: #FF0000 2px solid;
padding: 5px;
width: 665px;
}
div.inventory_info div.inventory_title {
color: #333 !important;
font-size: 15px !important;
background-color: #ccc !important;
background-image: none !important;
text-align: center;
margin: auto;
padding-top: 5px;
padding-bottom: 5px;
}
div.inventory_info .inventory_info_content {
padding: 10px !important;
}
div.inventory_info .inventory_info_content p {
padding: 0 !important;
margin: 0 !important;
}
div.inventory_info .top-margin-text {
display: block;
margin: 7px 0px 0px !important;
}
div.inventory_info .right-text {
display: block;
text-align: right;
}
.bold_akamoji {
color: #FF0000;
font-weight: bold;
letter-spacing: 1px;
}
/*--- トップのおしらせここまで ---*/
/*-------- LPページここから ----------*/
#maku_wrapper p {
font-family: "メイリオ,A-OTF 新ゴ Pro,";
}
.how_make {
width: 680px;
height: 65px;
white-space: normal;
}
.wrapper_tozikata_phrase {
margin: 2px 0px 15px 0px !important;
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 10px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background-color: rgba(41, 171, 155, 0.2);
}
.wrapper_tozikata_phrase:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid rgba(41, 171, 155, 0.2);
}
.wrapper_tozikata {
padding: 8px;
background: #ffffff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
width: 640px;
height: 278px;
margin: 0 auto;
}
.lp_musen_ttl {
margin: 0;
color: #3ca2c6;
font-size: 26px;
font-weight: bold;
border-bottom: dotted 2px #9fa0a0;
width: 285px;
/*線の種類（点線）2px 線色*/
}
.lp_naka_ttl {
margin: 0;
color: #ebc62e;
font-size: 26px;
font-weight: bold;
border-bottom: dotted 2px #9fa0a0;
width: 280px;
}
.perfect_binding {
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
color: #3ca2c6;
font-size: 15px;
}
.saddle_stitch {
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
color: #ebc62e;
font-size: 15px;
}
.saddle_stitch {
font-size: 15px;
}
.lp_musen {
float: left;
margin: 3px 15px 5px 5px;
width: 308px;
height: 245px;
font-size: 15px;
}
.lp_naka {
float: left;
width: 308px;
height: 245px;
}
.osusume_phrase {
margin-top: 10px;
}
.lp_midashi {
font-size: 18px;
background: #27AA9B;
/*背景色*/
padding: 0.2em;
/*文字周りの余白*/
color: white;
/*文字を白に*/
border-radius: 1.2em;
/*角の丸み*/
width: 400px;
margin: 13 auto;
text-align: center;
}
.case1 {
color: #3ca2c6;
font-size: 18px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
margin: 13px 0px 10px 0px;
}
.case2 {
color: #ebc62e;
font-size: 18px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
margin: 13px 0px 10px 0px;
}
.case3 {
color: #f19ec2;
font-size: 18px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
margin: 13px 0px 10px 0px;
}
.musen_list {
list-style: none;
padding: 0;
float: left;
width: 195px;
font-size: 15px;
}
.lp_book_img {
margin-right: 5px;
float: left;
}
.musen_setumei_box {
float: left;
width: 308px;
height: 97px;
}
.musen_box {
width: 680;
height: 400px;
}
.musen_box_txt {
padding: 0;
margin-top: 5px;
}
.taihen_box {
margin: auto;
height: 230px;
text-align: center;
width: 630px;
}
.taihen_sestumei {
width: 680px;
height: 40px;
white-space: normal;
}
.taihen_ttl1 {
font-size: 17px;
color: #3ca2c6;
margin: 10 auto;
border-bottom: solid 3px;
border-color: #3ca2c6;
width: 120px;
/*線の種類（実線） 太さ 色*/
color: #3e3a39;
size: 17px;
}
.taihen_ttl2 {
font-size: 17px;
color: #3ca2c6;
margin: 10 auto;
border-bottom: solid 3px;
border-color: #ebc62e;
width: 140px;
/*線の種類（実線） 太さ 色*/
color: #3e3a39;
size: 17px;
}
.taihen_ttl3 {
font-size: 16px;
color: #3ca2c6;
margin: 10 auto;
border-bottom: solid 3px;
border-color: #f19ec2;
width: 165px;
/*線の種類（実線） 太さ 色*/
color: #3e3a39;
size: 17px;
}
.taihen_list {
margin: 2em 0;
font-weight: bold;
color: #6091d3;
/*文字色*/
background: #FFF;
border: solid 5px #dddddd;
/*線*/
border-radius: 10px;
/*角の丸み*/
float: left;
margin: 5px 10px 10px 3px;
width: 185px;
height: 240px;
}
ul.taihen_txt {
padding: 0px;
color: #3e3a39;
/*文字色*/
font-weight: normal;
font-size: 14px;
list-style: none;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.merit_wrapper {
position: relative;
width: 680px;
height: 575px;
}
.merit_color {
color: #ff8c00;
/*文字色*/
font-weight: bold;
font-family: "メイリオ,A-OTF 新ゴ Pro,";
font-size: 15px;
}
.merit {
position: absolute;
width: 680px;
opacity: 0.8;
background-color: #ffffff;
height: 120px;
bottom: 0;
}
.customer {
margin-top: 30px;
}
.customert_prof {
font-size: 12px;
font-family: "メイリオ,A-OTF 新ゴ Pro";
margin: 5px 0px 5px 0px;
float: right;
}
.customer_img {
float: left;
margin: 5px 5px 5px 5px;
}
.customer_sentence {
font-family: "メイリオ,A-OTF 新ゴ Pro";
font-size: 15px;
float: left;
width: 380px;
height: 220px;
white-space: normal;
}
.merit {
width: 680px;
}
.merit_txt {
margin: 0px 0px 0px 20px;
font-weight: bold;
font-size: 15px;
font-family: "メイリオ,A-OTF 新ゴ Pro";
color: 3e3a39;
vertical-align: 50%;
}
.merit_phrase {
margin: 5px 0px 3px 7px;
}
.price_phrase {
font-weight: bold;
font-family: "メイリオ,A-OTF 新ゴ Pro";
text-align: center;
font-size: 25px;
color: #27AA9B;
padding: 0px;
margin-bottom: 5px;
margin: 10px 0px 10px 0px;
}
#maku_wrapper {
width: 680px;
white-space: normal;
}
.lp_button_center {
width: 630px;
margin: 0 auto;
}
.lp_button {
margin-right: 8px;
}
.lp_button:nth-child(2) {
margin-right: 0px;
}
/*--- LPページここまで ---*/
.yakutasi_top_p {
font-size: 13px;
}
.yakutasi_col_p {
font-size: 13px;
margin-bottom: 15px;
margin-top: 10px;
width: 335px;
}
.yakutasi_col_h2 {
position: relative;
margin: 1.2rem 0 1rem 0;
padding: 0.4rem 0;
padding-left: 18px;
border: 1px solid #eee;
font-size: 16px;
font-weight: bold;
color: #333333;
width: 660px;
height: 25px;
line-height: 28px;
}
.yakutasi_col_h2::before {
content: '';
position: absolute;
top: 50%;
left: 0.5rem;
width: 0.3rem;
height: 1.6rem;
margin-top: -0.8rem;
background-color: #3DB1A3;
}
.z-depth-1 {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.yakutasi_col_midsi {
font-size: 26px;
line-height: 32px;
width: 335px;
margin: 0;
font-weight: bold;
border-bottom: 3px solid #3DB1A3;
}
.container {
width: 680px;
margin: 20px 0px 40px;
}
.container_left {
float: left;
width: 335px;
margin: 0px 10px 0px 0px;
}
.yakutasi_col_img {
float: left;
width: 335px;
margin: 0;
}
.yakutasi_col_btn {
width: 145px;
height: 30px;
background-color: #3DB1A3;
text-decoration: none;
font-size: 13px;
color: white;
line-height: 30px;
display: block;
text-align: center;
border-radius: 5px;
}
.container_left a {
text-decoration: none;
color: white;
}
.yakutasi_col_btn:hover {
opacity: .8;
}
#colum_wrapper {
width: 680px;
white-space: normal;
color: #3e3a39;
}
.colum_h1 {
width: 675px;
color: #333333;
font-size: 30px;
padding-left: 5px;
border-bottom: 2.5px solid #00AC97;
margin: 5px 0px 15px 0px;
}
.colum_h2 {
width: 680px;
font-size: 28px !important;
color: #333333;
border-bottom: dashed 1px #6d6c6c;
margin-top: 40px;
}
.colum_h3 {
font-size: 16px;
margin: 20px 0px 10px;
}
.colum_p_top {
font-size: 16px;
line-height: 2;
margin-bottom: 10px;
}
.colum_top_img {
margin-bottom: 15px;
width: 680px;
}
.colum_p {
font-size: 15px;
line-height: 2;
margin: 0;
}
.colum_p a {
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-decoration: none;
line-height: 32px;
}
.colum_p a:hover {
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}
.colum_mokji {
border-bottom: 2.5px solid #00AC97;
color: #333333;
font-size: 28px;
color: #333333;
margin: 20px 0px 0px;
}
.colum_list {
padding-left: 20px;
}
.colum_list li {
font-weight: bold;
font-size: 20px;
line-height: 2;
}
.colum_shosin_atumi {
padding: 0;
margin: 5px 0px;
list-style: none;
font-size: 16px;
}
.colum_shosin_atumi li {
font-size: 16px;
}
.colum_p_mar {
font-size: 16px;
line-height: 2;
margin: 25px 0px 0px;
}
.colum_doujinl_shupan {
padding: 0;
margin: 5px 0px;
list-style: none;
font-size: 16px !important;
}
.colum_doujinl_shupan li {
font-size: 16px !important;
}
.colum_img_lastlink {
margin-top: 20px;
}
#colum_wrapper {
width: 680px;
white-space: normal;
}
.colum_boldd {
font-weight: bold;
}
.colum_span_bold {
font-size: 16px;
font-weight: bold;
}
.colum_top_sharebutton {
margin-top: -5px;
margin-bottom: 5px;
}
.colum_top_sharebutton::after {
content: '';
display: block;
clear: both;
}
.colum_update_day {
float: right;
color: #333;
}
.colum_bottom_sharebutton {
margin-top: 10px;
}
.fb_iframe_widget>span {
vertical-align: baseline !important;
}
.yakutasi_top_bn {
margin-left: 0;
}
.colum_p_space {
font-size: 16px;
line-height: 2;
}
/*中綴じ商品リスト上の段ここから*/
.naka_shohin {
list-style: none;
padding: 0px;
margin: 0 0 10;
}
.naka_sho_li {
list-style: none;
float: left;
width: 220px;
height: 350px;
border: 1px solid #696969;
margin: 10 7 0 0;
}
.naka_sho_li:nth-child(3) {
float: left;
width: 220px;
height: 350px;
border: 1px solid #696969;
margin: 10 0 0 0;
}
.naka_sho_txt {
font-size: 17px;
width: 194px;
/*height:40px;*/
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: bold;
margin: 3 0 0 14;
line-height: 20px;
}
.naka_sho_txt .p {
font-size: 13px;
width: 194px;
/* height: 40px; */
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 3 0 0 14;
line-height: 20px;
}
.naka_sho_txt2 {
font-size: 13px;
width: 194px;
/* height: 60px; */
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
font-weight: normal;
margin: 7 0 0 14;
line-height: 17px;
}
/*中綴じ商品リスト上の段ここまで*/
/*中綴じ商品リスト下の段ここから*/
.naka_shohin2 {
list-style: none;
padding: 0px;
margin: 0 0 30;
}
.naka_sho_li2 {
list-style: none;
float: left;
width: 220px;
height: 350px;
border: 1px solid #696969;
margin: 10 7 0 0;
}
.naka_li2:nth-child(3) {
float: left;
width: 220px;
height: 350px;
border: 1px solid #696969;
margin: 10 0 0;
}
.naka_shohin {
padding: 0;
margin: 0;
}
/*中綴じボタンここから*/
.naka_sho_box {
display: inline-block;
width: 194px;
height: 22px;
text-align: center;
padding: 2 0;
background-color: #ffa500;
font-size: 17px;
font-weight: bold;
color: #ffffff;
border-bottom: 4px solid #ff8c00;
border-radius: 3px;
text-decoration: none;
margin-top: 10px;
margin: 10 0 10 12;
}
.naka_sho_box:active {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}
.naka_sho_box:link {
color: #ffffff;
}
.naka_sho_box:visited {
color: #ffffff;
}
.naka_sho_box:hover {
color: #ffffff;
}
/*中綴じボタンここまで*/
/*中綴じ商品サイズ追加ここから*/
.nform_ul_jrei-2 {
list-style: none;
}
.nform_ul_jrei-2 li {
float: left;
margin: 10px 10px 10px -5px;
}
/*サイドメニュー_中綴じA5サイズここから*/
.category_7781 {
position: relative;
width: 165px;
height: 27px;
font-size: 14px;
line-height: 20px;
padding: 8px 0px 0px 15px;
background: #ffffff;
background-color: #F8F7F0;
}
.category_7781:before {
content: " ";
position: absolute;
left: 8;
bottom: 0;
width: 166px;
border-bottom: 1px dashed #9FA0A0;
}
.category_7781:after {
content: " ";
position: absolute;
top: 5;
left: 6;
width: 4px;
height: calc(100% - 11px);
background: #F5CD24;
}
.category_7783:before {
content: " ";
position: absolute;
left: 8;
bottom: 0;
width: 166px;
border-bottom: 1px dashed #9FA0A0;
}
/*サイドメニュー_中綴じA5サイズここまで*/
/*サイドメニュー_中綴じA6サイズここから*/
.category_8296 {
position: relative;
width: 165px;
height: 27px;
font-size: 14px;
line-height: 20px;
padding: 8px 0px 0px 15px;
background: #ffffff;
background-color: #F8F7F0;
}
.category_8296:before {
content: " ";
position: absolute;
left: 8;
bottom: 0;
width: 166px;
border-bottom: 1px dashed #9FA0A0;
}
.category_8296:after {
content: " ";
position: absolute;
top: 5;
left: 6;
width: 4px;
height: calc(100% - 11px);
background: #F5CD24;
}
/*サイドメニュー_中綴じA6サイズここまで*/
/*サイドメニュー_中綴じB5サイズここから*/
.category_7782 {
position: relative;
width: 165px;
height: 27px;
font-size: 14px;
line-height: 20px;
padding: 8px 0px 0px 15px;
background: #ffffff;
background-color: #F8F7F0;
}
.category_7782:before {
content: " ";
position: absolute;
left: 8;
bottom: 0;
width: 166px;
border-bottom: 1px dashed #9FA0A0;
}
.category_7782:after {
content: " ";
position: absolute;
top: 5;
left: 6;
width: 4px;
height: calc(100% - 11px);
background: #F5CD24;
}
/*サイドメニュー_中綴じB5サイズここまで*/
/*サイドメニュー_中綴じB6サイズここから*/
.category_8295 {
position: relative;
width: 165px;
height: 27px;
font-size: 14px;
line-height: 20px;
padding: 8px 0px 0px 15px;
background: #ffffff;
background-color: #F8F7F0;
margin-bottom: 20px;
}
.category_8295:before {
content: " ";
position: absolute;
left: 8;
bottom: 0;
width: 166px;
}
.category_8295:after {
content: " ";
position: absolute;
top: 5;
left: 6;
width: 4px;
height: calc(100% - 11px);
background: #F5CD24;
}
/*サイドメニュー_中綴じB6サイズここまで*/
/*中綴じ商品サイズ追加ここまで*/
/*修正依頼・改修ここから*/
/*テンプレート一覧ページ追加分ここから*/
.sehon_h3_nakat2 {
text-indent: 0px;
font-size: 30px;
color: #f0b427;
margin: 10px 0 10px;
position: relative;
border-bottom: 1px dashed #9FA0A0;
}
.sehon_span_nh3 {
font-size: 18px;
color: #f0b427;
margin-left: 12px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.sehon_h3_nakat2::before {
position: absolute;
top: 5;
left: 96;
content: '';
width: 2px;
height: 30px;
background: #f0b427;
}
.sehon_h3_msen2 {
text-indent: 0px;
font-size: 30px;
color: #389FDA;
margin: 45px 0 10px;
position: relative;
border-bottom: 1px dashed #9FA0A0;
}
.sehon_span_mh3 {
font-size: 18px;
color: #389FDA;
margin-left: 12px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.sehon_h3_msen2::before {
position: absolute;
top: 5;
left: 124;
content: '';
width: 2px;
height: 30px;
background: #389FDA;
}
/*テンプレート一覧ページ追加分ここまで*/
/*コラムメインページ追加分ここから*/
.colum_mokji_wrap {
background: #F7F8F8;
padding: 10px 0px 0px 5px;
margin: 20px 0px 0px 0px;
}
.colum_mokji-1 {
color: #00AC97;
font-size: 24px;
margin: 0px 0px -11px 10px;
font-weight: bold;
}
.colum_main_txt {
font-size: 16px;
line-height: 1.6;
margin: 2px 0px 10px 0px;
color: #3e3a39;
}
.colum_list {
padding: 0px 0px 15px 19px;
list-style: none;
position: relative;
border-radius: 2px;
}
.colum_list li {
font-weight: bold;
font-size: 19px;
line-height: 2;
padding: 1px 24px;
list-style-type: none !important;
}
.colum_list li a {
font-weight: bold;
font-size: 19px;
line-height: 2;
text-decoration: none;
color: #3e3a39;
}
.colum_list li a:hover {
font-weight: bold;
line-height: 2;
text-decoration: underline;
color: #00AC97;
}
.colum_list li:before {
/*疑似要素*/
font-family: "Font Awesome 5 Free";
content: "\f138";
/*アイコンの種類*/
position: absolute;
left: 1em;
/*左端からのアイコンまでの距離*/
color: #00AC97;
/*アイコン色*/
}
.colum_h2-1 {
width: 680px;
font-size: 24px !important;
color: #3e3a39;
border-bottom: dashed 1px #6d6c6c;
margin-top: 40px;
}
.colum_tedukuri_img {
margin: 24px 0px 14px 0px;
}
.colum_p {
font-size: 16px;
line-height: 1.5;
margin: 0;
}
.line-height {
margin: 10px 0px 0px 0px;
}
.yellow-line {
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #fff1a8));
background: -webkit-linear-gradient(transparent 70%, #fff1a8 0%);
background: linear-gradient(transparent 60%, #fff1a8 0%);
font-size: 16px;
}
.colum_doujinl_shupan li span {
font-size: 16px;
}
/*コラムメインページ追加分ここまで*/
/*コラムクッションページ追加分ここから*/
#sashi_column_main {
width: 680px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
white-space: normal;
}
.sashi_txt {
white-space: normal;
font-size: 14px;
margin: 10px 0px 30px;
}
.sashi_h2 {
color: #3E3A39;
font-size: 24px;
border-bottom: 1px dashed #3E3A39;
line-height: 32px;
}
.sashi_column_box {
font-size: 13px;
height: 240px;
}
.sashi_column_box2 {
font-size: 13px;
height: 40px;
margin-left: 184px;
padding-bottom: 38px;
padding-top: 16px;
}
.sashi_column_box1 {
font-size: 13px;
height: 40px;
margin-left: 155px;
padding-bottom: 38px;
padding-top: 16px;
}
.sashi_column_box3 {
font-size: 13px;
height: 40px;
margin-left: 155px;
padding-bottom: 35px;
padding-top: 0px;
}
.column_left {
width: 330px;
float: left;
line-height: 22px;
}
.column_right {
float: right;
}
.yellow-line {
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #fff1a8));
background: -webkit-linear-gradient(transparent 70%, #fff1a8 0%);
background: linear-gradient(transparent 60%, #fff1a8 0%);
}
.detail_button {
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-align: center;
line-height: 38px;
margin: 20px 0 10px 40px;
width: 230px;
height: 35px;
border: 2px solid #3db1a3;
border-radius: 3px;
position: relative;
top: 0px;
z-index: 2;
background-color: white;
}
.detail_button:hover {
color: white;
background-color: #3db1a3;
}
.detail_shadow {
position: relative;
left: 50px;
top: -24px;
z-index: 1;
margin-top: -20px;
width: 230px;
height: 40px;
background-image: linear-gradient(-45deg, #fff 30%, #3db1a3 50%, #fff 50%, #fff 90%, #3db1a3 50%, #3db1a3);
/* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 6px 6px;
}
a.button_link {
text-decoration: none;
}
.sashi_link_txt {
font-size: 16px;
line-height: 10px;
margin-bottom: 10px;
}
a.sashi_link_color {
color: #3db1a3;
margin-left: 8px;
text-decoration: none;
font-size: 16px;
}
a.sashi_link_color:hover {
color: #3db1a3;
margin-left: 8px;
text-decoration: underline;
}
/*コラムクッションページ追加分ここまで*/
/*テンプレート一覧ページ追加分ここから*/
.sehon_h3_nakat2 {
text-indent: 0px;
font-size: 30px;
color: #f0b427;
margin: 10px 0 10px;
position: relative;
border-bottom: 1px dashed #9FA0A0;
}
.sehon_span_nh3 {
font-size: 18px;
color: #f0b427;
margin-left: 12px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.sehon_h3_nakat2::before {
position: absolute;
top: 5;
left: 96;
content: '';
width: 2px;
height: 30px;
background: #f0b427;
}
.sehon_h3_msen2 {
text-indent: 0px;
font-size: 30px;
color: #389FDA;
margin: 45px 0 10px;
position: relative;
border-bottom: 1px dashed #9FA0A0;
}
.sehon_span_mh3 {
font-size: 18px;
color: #389FDA;
margin-left: 12px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
}
.sehon_h3_msen2::before {
position: absolute;
top: 5;
left: 124;
content: '';
width: 2px;
height: 30px;
background: #389FDA;
}
.temp_img_top {
margin: 10px 0px;
}
.temp_page_list {
list-style: none;
padding: 0;
margin: 0px 0px 15px;
}
.temp_page_list li {
font-size: 14px;
}
.temp_page_list li span {
font-size: 14px;
font-weight: bold;
}
a.temp_a_page {
float: right;
font-size: 14px;
color: #1eb4a3;
text-decoration: none;
font-weight: bold;
line-height: 14px;
}
.temp_a_page:visited {
color: #1eb4a3;
text-decoration: none;
}
.temp_a_page:hover {
color: #1eb4a3;
text-decoration: underline;
}
.temp_sehaba_le {
float: left;
width: 350px;
margin: 10px 10px 30px 0px;
}
.temp_sehaba_ri {
float: left;
width: 320px;
margin: 25px 0px;
}
.temp_sehaba_ri ul {
list-style: none;
padding: 0;
margin: 10px 0px 20px;
}
.temp_sehaba_ri ul li {
font-size: 14px;
line-height: 26px;
}
.temp_h2_download {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
color: #3E3A39;
}
.temp_txt_pdf {
font-size: 14px;
margin: 10px 0px 0px;
}
.temp_txt_pdf a {
color: #1eb4a3;
text-decoration: none;
font-weight: bold;
}
.temp_txt_pdf a:visited {
color: #1eb4a3;
text-decoration: none;
}
.temp_txt_pdf a:hover {
color: #1eb4a3;
text-decoration: underline;
}
.temp_detaguide_link {
border-radius: 3px;
position: relative;
width: 400px;
height: 30px;
background-color: #3D3A39;
margin: 10 auto;
text-align: center;
font-size: 14px;
color: #ffffff;
font-weight: bold;
padding-top: 10px;
}
.temp_detaguide_link:hover {
opacity: 0.8;
}
.temp_detaguide_link a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -999px;
}
.temp_detaguide_link a:hover {
color: #1eb4a3;
text-decoration: underline;
}
.form_tempp_red {
font-size: 13px;
font-weight: bold;
color: #ff0000;
/*margin-bottom:10px !important;*/
}
.temp_check_hukidasi {
position: relative;
display: inline-block;
margin: 15px 0px 0px;
padding: 3px 5px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 13px;
background: #595857;
}
.temp_check_hukidasi:before {
content: "";
position: absolute;
top: 100%;
left: 15%;
margin-left: -8px;
border: 8px solid transparent;
border-top: 8px solid #595857;
}
.temp_check_hukidasi p {
color: #ffffff;
font-weight: bold;
margin: 0;
padding: 0;
}
/*テンプレート一覧ページ追加分ここまで*/
/*---冊子の作り方追加CSSはここから---*/
#maku_wrapper p {
font-family: "メイリオ,A-OTF 新ゴ Pro,";
}
#maku_wrapper {
width: 680px;
white-space: normal;
}
.book_h2 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
color: #3E3A39;
}
.how_make {
width: 680px;
height: 65px;
white-space: normal;
font-size: 14px;
}
.wrapper_tozikata_phrase {
margin: 2px 0px 15px 0px !important;
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 10px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background-color: rgba(41, 171, 155, 0.2);
}
.wrapper_tozikata_phrase:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid rgba(41, 171, 155, 0.2);
}
.wrapper_tozikata {
padding: 8px;
background: #ffffff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
width: 640px;
height: 278px;
margin: 0 auto;
}
.musen_box {
width: 680;
height: 400px;
}
.musen_box_txt {
padding: 0;
margin-top: 5px;
font-size: 14px;
}
.lp_musen {
float: left;
margin: 3px 15px 5px 5px;
width: 308px;
height: 245px;
font-size: 15px;
}
.lp_naka {
float: left;
width: 308px;
height: 245px;
}
.lp_naka_ttl {
margin: 0;
color: #ebc62e;
font-size: 26px;
font-weight: bold;
border-bottom: dotted 2px #9fa0a0;
width: 280px;
}
.lp_musen_ttl {
margin: 0;
color: #3ca2c6;
font-size: 26px;
font-weight: bold;
border-bottom: dotted 2px #9fa0a0;
width: 285px;
}
.perfect_binding {
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
color: #3ca2c6;
font-size: 15px;
}
.lp_book_img {
margin-right: 5px;
float: left;
}
.osusume_phrase {
margin-top: 10px;
}
.musen_list {
list-style: none;
padding: 0;
float: left;
width: 195px;
font-size: 15px;
font-weight: bold;
}
.musen_setumei_box {
float: left;
width: 308px;
height: 97px;
}
.saddle_stitch {
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
color: #ebc62e;
font-size: 15px;
}
.lp_midashi {
font-size: 18px;
background: #27AA9B;
padding: 0.2em;
color: white;
border-radius: 1.2em;
width: 400px;
margin: 13 auto;
text-align: center;
}
.taihen_sestumei {
width: 680px;
height: 40px;
white-space: normal;
font-size: 14px;
}
.taihen_box {
margin: auto;
height: 230px;
text-align: center;
width: 630px;
}
.taihen_list {
margin: 2em 0;
font-weight: bold;
color: #6091d3;
background: #FFF;
border: solid 5px #dddddd;
border-radius: 10px;
float: left;
margin: 5px 10px 10px 3px;
width: 185px;
height: 240px;
}
.case1 {
color: #3ca2c6;
font-size: 18px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
margin: 13px 0px 10px 0px;
}
a.taihen_ttl1 {
font-size: 17px;
color: #3ca2c6;
margin: 10 auto;
border-bottom: solid 3px;
border-color: #3ca2c6;
width: 120px;
color: #3e3a39;
size: 17px;
}
.taihen_ttl1 {
text-decoration: none;
}
ul.taihen_txt {
padding: 0px;
color: #3e3a39;
font-weight: normal;
font-size: 14px;
list-style: none;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.taihen_list {
margin: 2em 0;
font-weight: bold;
color: #6091d3;
background: #FFF;
border: solid 5px #dddddd;
border-radius: 10px;
float: left;
margin: 5px 10px 10px 3px;
width: 185px;
height: 240px;
}
.case2 {
color: #ebc62e;
font-size: 18px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
margin: 13px 0px 10px 0px;
}
a.taihen_ttl2 {
font-size: 17px;
color: #3ca2c6;
margin: 10 auto;
border-bottom: solid 3px;
border-color: #ebc62e;
width: 140px;
color: #3e3a39;
size: 17px;
}
.taihen_ttl2 {
text-decoration: none;
}
.case3 {
color: #f19ec2;
font-size: 18px;
font-family: "DIN 1451 Std Mittelschrift", "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
"Meiryo", "Osaka";
margin: 13px 0px 10px 0px;
}
a.taihen_ttl3 {
font-size: 16px;
color: #3ca2c6;
margin: 10 auto;
border-bottom: solid 3px;
border-color: #f19ec2;
width: 165px;
color: #3e3a39;
size: 17px;
}
.taihen_ttl3 {
text-decoration: none;
}
.merit_wrapper {
position: relative;
width: 680px;
height: 575px;
}
.merit {
position: absolute;
width: 680px;
opacity: 0.8;
background-color: #ffffff;
height: 120px;
bottom: 0;
}
.merit_txt {
margin: 0px 0px 0px 20px;
font-weight: bold;
font-size: 15px;
font-family: "メイリオ,A-OTF 新ゴ Pro";
color: 3e3a39;
vertical-align: 50%;
}
.merit_color {
color: #ff8c00;
font-weight: bold;
font-family: "メイリオ,A-OTF 新ゴ Pro,";
font-size: 15px;
}
.merit_phrase {
margin: 5px 0px 3px 7px;
}
.customer {
margin-top: 30px;
}
.lp_midashi {
font-size: 18px;
background: #27AA9B;
padding: 0.2em;
color: white;
border-radius: 1.2em;
width: 400px;
margin: 13 auto;
text-align: center;
}
.customer_sentence {
font-family: "メイリオ,A-OTF 新ゴ Pro";
font-size: 15px;
float: left;
width: 380px;
height: 220px;
white-space: normal;
}
.customert_midsi {
margin: 0px 0px 0px;
font-weight: bold;
font-size: 18px;
font-family: "メイリオ,A-OTF 新ゴ Pro";
}
.customert_prof {
font-size: 12px;
font-family: "メイリオ,A-OTF 新ゴ Pro";
margin: 0px 0px 0px 0px;
float: right;
}
.customert_txt {
width: 380px;
height: 130px;
margin: 0px;
padding-top: 10px;
}
.customer_img {
float: left;
margin: 5px 5px 5px 5px;
}
.price_phrase {
font-weight: bold;
font-family: "メイリオ,A-OTF 新ゴ Pro";
text-align: center;
font-size: 25px;
color: #27AA9B;
padding: 0px;
margin-bottom: 5px;
margin: 10px 0px 10px 0px;
}
.lp_button_center {
width: 630px;
margin: 0 auto;
}
.sashi_greybox {
background-color: #efefef;
border-radius: 4px;
margin-top: 10px;
}
.sashi_greybox_lefttxt {
font-size: 14px;
padding-left: 15px;
color: #3d3a39;
line-height: 25px;
font-weight: 400;
width: 260px;
display: inline-block;
float: left;
}
.sashi_greybox_righttxt {
font-size: 14px;
color: #3d3a39;
line-height: 25px;
font-weight: 400;
width: 260px;
display: inline-block;
}
a.sashi_greybox_detailtxt {
font-size: 14px;
color: #3d3a39;
font-weight: 500;
width: 120px;
display: inline-block;
color: #27AA9B;
text-decoration: none;
}
.sashi_greybox_detailtxt:hover {
text-decoration: underline;
}
.customer_wrapper {
border-bottom: 3px solid #27AA9B;
}
.taihen_ttl1:hover {
opacity: 0.8;
}
.taihen_ttl2:hover {
opacity: 0.8;
}
.taihen_ttl3:hover {
opacity: 0.8;
}
/*---冊子の作り方追加CSSはここまで---*/
/*---冊子印刷方法追加CSSはここから---*/
.colum_mokji_wap {
background: #F7F8F8 !important;
padding: 10px 0px 0px 5px;
margin: 20px 0px 0px 0px;
}
/*---冊子印刷方法追加CSSはここまで---*/
/*商品ページ追加分ここから*/
a.goodspage_link {
text-decoration: none;
color: #3e3a39;
}
.goodspage_link:hover {
color: #3e3a39;
text-decoration: underline;
}
/*商品ページ追加分ここまで*/
/*---20181024データ作成ガイド修正ここから---*/
.deta_p_midsi {
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
color: #202020;
margin: 0;
font-weight: bold;
}
.deta_p_midsi span {
color: #1eb4a3;
}
.deta_txt {
width: 680px;
font-size: 14px;
line-height: 22px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 15px;
}
.deta_red_txt {
color: #ff0000;
font-size: 14px;
}
.deta_img_page {
margin: 0px 0px 10px;
}
.deta_check_hukidasi {
position: relative;
display: inline-block;
margin: 0px 0px 10px;
padding: 3px 5px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 13px;
background: #595857;
}
.deta_check_hukidasi:before {
content: "";
position: absolute;
top: 100%;
left: 15%;
margin-left: -8px;
border: 8px solid transparent;
border-top: 8px solid #595857;
}
.deta_check_hukidasi p {
color: #ffffff;
font-weight: bold;
margin: 0;
padding: 0;
}
.deta_ul_page {
list-style: none;
padding: 0;
margin: 0px 0px 20px;
}
.deta_ul_page li {
font-size: 14px;
line-height: 22px;
}
.deta_ul_page li span {
font-size: 14px;
font-weight: bold;
}
.deta_nodo_le {
float: left;
width: 250px;
margin: 0px 10px 30px 0px;
}
.deta_nodo_ri {
float: left;
list-style: none;
width: 420px;
padding: 0;
margin: 55px 0px 0px;
}
.deta_nodo_ri li {
font-size: 14px;
line-height: 22px;
}
.deta_sehaba_le {
float: left;
width: 340px;
margin: 0px 10px 30px 0px;
}
.deta_sehaba_ri {
float: left;
list-style: none;
width: 330px;
padding: 0;
margin: 140px 0px 0px;
}
.deta_sehaba_ri li {
font-size: 14px;
line-height: 22px;
}
.deta_nyukou_le {
float: left;
width: 450px;
font-size: 13px;
line-height: 24px;
margin: 5px 15px 0px 0px;
}
.deta_nyukou_ri {
float: left;
width: 215px;
margin: 5px 0px 0px;
}
/*---20181024データ作成ガイドここまで---*/
/*修正依頼・改修ここまで*/
/*---20181120ジャンル別_パンフレット修正ここから---*/
.panf_h3 {
font-size: 15px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 10px 0px 0px;
font-weight: bold;
}
.panf_h3 span {
color: #1eb4a3;
}
.panf_txt {
font-size: 12px;
margin: 2px 0px 15px;
}
/*---20181120ジャンル別_パンフレット修正ここまで----*/
/*---20181126お支払い方法ページ(入金確認時間について)---*/
.nyukin_info {
background: #ffe5e5;
width: 662px;
padding: 9px;
margin: 7 0 7 0;
}
/*---20181126お支払い方法ページ(入金確認時間について)ここまで---*/
/*---ご利用の流れ(入金確認時間について)---*/
.nyukin_flow {
font-size: 13px;
background-color: #d9d9d9 !important;
width: 662px;
padding: 9px;
margin: 7 0 7 0;
}
/*---ご利用の流れ(入金確認時間について)ここまで---*/
/*---[保存用]共通フォーム用cssここから---*/
.button1 {
cursor: pointer;
display: block;
width: 280px;
margin: 10px auto 0;
padding: 6px 15px;
background-color: #ffa500;
border-style: none;
border-radius: 3px;
font-size: 20px;
font-weight: bold;
color: #ffffff;
border-bottom: 4px solid #ff8c00;
}
.button1 span {
margin-top: -5px;
color: #ffffff;
}
.book_form {
width: 680px;
margin-bottom: 20px;
border-collapse: collapse;
background-color: #f7f8f8;
}
.book_form td {
width: 50%;
padding: 10px;
font-size: 13px;
border: 1px solid #000;
}
.book_form td span {
font-size: 13px;
}
.book_form td span.table_ttl {
font-size: 15px;
}
.book_form td span.table_covor_icon,
.book_form td span.table_text_icon {
display: inline-block;
margin-bottom: 5px;
width: 50px;
text-align: center;
color: #fff;
font-size: 15px;
}
.book_form td span.table_covor_icon {
background-color: #333;
}
.book_form td span.table_text_icon {
background-color: #8e8e8e;
}
.book_form tr:nth-of-type(4)>td:first-of-type {
border-right: 1px solid #000;
}
.book_form td:nth-child(2) {
width: 275px;
padding: 10px;
font-size: 13px;
border-right: none;
background-color: #fff;
}
.book_form td:nth-child(3) {
width: 275px;
padding: 10px;
font-size: 13px;
border-left: none;
background-color: #fff;
}
.book_form td.form_td_540 {
padding: 10px;
/*--font-size: 16px;--*/
border: 1px solid #000;
background-color: #fff;
}
.form_td_540 label {
cursor: pointer;
}
.form_td_540 label:hover {
background-color: #f2f2f2;
}
.book_form td.form_radio_color,
.book_form td.form_radio_kami {
padding: 10px 10px;
font-size: 13px;
border-bottom: none;
background-color: #fff;
}
.book_form td.form_radio_color label {
cursor: pointer;
}
.book_form td.form_radio_color label span {
font-size: 18px;
width: auto;
}
.book_form td.form_radio_color div {
margin: 0 0 0 22px;
font-size: 14px;
}
.book_form td.form_radio_color .form_radio_color_div {
margin: 0;
}
.form_radio_color label:hover {
background-color: #f2f2f2;
}
.form_td_color {
width: 530px !important;
padding: 10px;
font-size: 13px;
border-top: none !important;
background-color: #fff;
}
.form_td_kingaku {
width: 680px !important;
padding: 10px;
font-size: 13px;
border: none !important;
background-color: #fff;
}
.book_form td span {
font-size: 13px;
font-weight: bold;
}
.book_form tr:last-of-type>td {
border-bottom: none;
}
.book_form span {
/*width: 96px;*/
display: inline-block;
}
.book_form p {
margin: 0;
}
.book_form p.h3 {
width: 100px;
font-weight: bold;
margin-bottom: 7px;
padding-top: 3px;
padding-bottom: 3px;
color: #ffffff;
background-color: #27aa9b;
text-align: center;
}
.book_form select,
.book_form input[type=text],
.book_form input[type=number] {
width: 190px;
height: 30px;
font-size: 13px;
}
.book_form input[type=text],
.book_form input[type=number] {
width: 150px;
height: 30px;
margin-right: 10px;
margin-bottom: 0;
padding-left: 5px;
padding-right: 5px;
border: 1px solid rgb(100, 100, 100);
border-radius: 4px;
font-size: 13px;
text-align: center;
box-sizing: border-box;
}
.book_form select {
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid rgb(100, 100, 100);
border-radius: 4px;
}
.book_form input[name=jiyu_komoku_9] {
width: 190px;
margin-right: 0;
text-align: left;
}
input:focus,
select:focus {
outline: 0;
}
#asobi_1,
#asobi_2 {
margin-left: 30px;
}
.book_form tr:nth-of-type(4) select {
margin-bottom: 10px;
}
.err {
width: auto !important;
color: #FF0000
}
.is_price {
font-size: 14px;
font-weight: bold;
text-align: center;
}
#price {
width: auto;
font-size: 24px;
color: #FF0000
}
.form_radio_nakat {
height: 110px;
display: block;
padding: 10px;
cursor: pointer;
}
.form_radio_musen {
height: 110px;
display: block;
padding: 10px;
background-color: #d3edfb;
}
.book_form td .form_radio_musen span,
.book_form td .form_radio_nakat span {
width: auto;
font-size: 18px;
}
.form_radio_nakat div {
float: left;
font-size: 14px;
margin: 0px 20px 0px 0px;
}
.form_radio_nakat img {
float: left;
pointer-events: none;
}
.form_radio_nakat div p {
margin: 5px 0px 0px 22px;
}
.form_radio_musen div {
float: left;
font-size: 14px;
margin: 0px 20px 0px 0px;
}
.form_radio_musen img {
float: left;
pointer-events: none;
}
.form_radio_musen div p {
font-size: 14px;
margin: 5px 0px 0px 22px;
}
.form_radio_aibo {
display: block;
width: 25px !important;
height: 12px;
background-color: #f8f4e6;
margin: 0px 5px 0px 0px;
}
.form_radio_sora {
display: block;
width: 25px !important;
height: 12px;
background-color: #a0d8ef;
margin: 0px 5px 0px 0px;
}
.form_a_modal {
font-size: 13px;
color: #27aa9b !important;
font-weight: bold;
}
.form_label_toji {
cursor: pointer;
display: block;
padding: 10px;
}
.form_label_toji:hover {
background-color: #f2f2f2;
}
.book_form td .form_label_toji span {
width: auto;
font-size: 18px;
}
.form_label_toji div {
font-size: 14px;
margin: 0 0 0 22px;
}
.form_label_toji img {
display: block;
pointer-events: none;
margin: 0 auto;
}
.form_syurui_hyosi,
.form_syurui_text {
position: relative;
width: 250px;
height: 250px;
padding: 5px;
}
.form_syurui_hyosi:nth-child(n+2),
.form_syurui_text:nth-child(n+2) {
position: relative;
width: 240px;
height: 250px;
padding: 5px;
margin-top: 10px;
}
.form_syurui_none {
width: 240px;
height: 250px;
padding: 5px;
margin-top: 10px;
}
.form_syurui_hyosi div,
.form_syurui_text div {
width: 200px;
margin: 0 auto;
}
.form_syurui_hyosi label,
.form_syurui_text label {
font-size: 15px;
font-weight: bold;
margin-right: 5px;
cursor: pointer;
}
.form_syurui_hyosi label:hover,
.form_syurui_text label:hover {
background-color: #f2f2f2;
}
.form_syurui_gree {
float: left;
background-color: #1eb4a3;
width: 60px;
text-align: center;
color: #fff;
margin: 0px 5px 5px 0px !important;
}
.form_syurui_hyosi p,
.form_syurui_text p {
font-size: 13px;
margin-top: 5px;
}
.form_sehaba {
font-size: 15px;
}
.form_sehaba span {
font-size: 18px !important;
color: #ff0000;
width: auto;
margin-left: 10px;
}
.form_sehaba_thuui {
font-size: 13px;
color: #ff0000;
font-weight: bold;
/*margin-top:10px !important;*/
}
#word_temp,
#power_temp,
#adobe_temp {
display: none;
}
.form_deta_link {
display: block;
font-size: 14px;
color: #27aa9b;
text-decoration: none;
margin-top: 60px;
font-weight: bold;
}
.form_deta_link:visited {
color: #27aa9b;
text-decoration: none;
}
.form_deta_link:hover {
color: #27aa9b;
text-decoration: underline;
}
.deta_div_format {
display: inline-block;
height: 27px;
position: relative;
margin: 10px 5px 0px 0px;
}
.deta_div_format input {
margin-right: 42px;
}
.deta_format_icon {
position: absolute;
bottom: 0;
left: 20;
}
.form_temp_download {
float: left;
margin: 0px 10px 0px 0px;
}
/*---[保存用]共通フォーム用cssここまで---*/
/*---[保存用]価格表用cssここから---*/
.scroll-table-img {
position: absolute;
left: -100px;
}
#price_table {
width: 100%;
border-spacing: 0;
border: 1px solid #ddd;
}
#price_table_head {
width: 100%;
border-spacing: 0;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.scroll-table-head {
padding-right: 20px;
background-color: #fafafa;
border: 1px solid #ddd;
border-left: none;
}
.scroll-table {
overflow-y: scroll;
height: 800px;
border-bottom: 1px solid #ddd;
}
.scroll-table::-webkit-scrollbar {
width: 20px;
}
.scroll-table::-webkit-scrollbar-track {
background: #fff;
border: none;
box-shadow: inset 0 0 2px #777;
}
.scroll-table::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
box-shadow: none;
}
.scroll-table::-webkit-scrollbar-thumb:hover {
background-color: #a8a8a8;
}
.scroll-table::-webkit-scrollbar-thumb:active {
background-color: #787878;
}
.scroll-table #price_table {
border-top: none;
}
#price_table th,
#price_table_head th {
width: 28%;
padding: 3px;
background-color: #fafafa;
border-left: 1px solid #ddd;
text-align: center;
}
#price_table tr:nth-of-type(even)>td,
.lot {
background-color: #fafafa;
}
#price_table td {
width: 28%;
padding: 3px;
text-align: right;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
#price_table th:first-of-type,
#price_table_head th:first-of-type,
#price_table td:first-of-type {
border-left: 0px;
width: 16%;
}
.lot>span {
margin-right: 5px;
font-weight: bold;
}
.price {
cursor: pointer;
}
.price:hover {
background-color: #d4fdfd !important;
}
.price_all {
font-weight: bold;
color: #00a0e8;
}
.price_num {
display: block;
font-size: 11px;
}
#price_table_err {
display: none;
display: block;
border: 2px solid #d60f0f;
padding: 14px;
}
#price_table_err>p {
margin: 0;
color: #d60f0f;
}
#is_clone {
display: none;
}
.m_textRed_s {
font-weight: bold;
color: #ff0000;
}
#temp_other .rakrak_deta_list {
height: 134px;
line-height: 139px;
text-align: center;
}
/*---[保存用]価格表用cssここまで---*/
/*---20190107「ジャンルから選ぶ」ページ修正ここから---*/
.genre_h1 {
position: relative;
font-size: 28px;
padding: 3px 0px 0px 25px;
color: #494949;
background: #f4f4f4;
border-bottom: 3px solid #d7d7d7;
margin: 0px 0px 10px;
}
.genre_h1::after {
position: absolute;
top: .3em;
left: .4em;
content: '';
width: 6px;
height: calc(100% - .6em);
background-color: #27AA9B;
}
.genre_p {
font-size: 14px;
margin: 2px 0px 15px;
}
.genre_h2 {
margin: 20px 0px 10px;
font-size: 18px;
padding: 2px 0px 0px 10px;
color: #494949;
background-color: #F3FBFA;
border-top: 2px solid #89D9D1;
border-bottom: 2px solid #89D9D1;
}
.genre_h3 {
position: relative;
font-size: 17px;
padding: 0px 0px 0px 25px;
margin: 15px 0px 5px;
}
.genre_h3::before {
font-family: "Font Awesome 5 Free";
content: "\f138";
position: absolute;
top: 3;
left: 0;
color: #00AC97;
}
.genre_ossme_nakat {
position: relative;
padding: 10px 0px;
margin: 0px 0px 10px 5px;
background-color: #FFFEEC;
}
.genre_ossme_nakat .midsi_husen {
display: inline-block;
position: relative;
float: left;
padding: 3px 15px 3px 10px;
margin: 0 0 0 -5px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
background-color: #F0B326;
z-index: 1;
}
.genre_ossme_nakat .midsi_husen:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 4px transparent;
border-right: solid 5px rgba(227, 148, 45, 1);
}
.genre_ossme_nakat .midsi_husen:after {
position: absolute;
content: '';
right: -3px;
top: -7px;
width: 0;
height: 0;
border: none;
border-left: 20px solid transparent;
border-bottom: 40px solid #FFFEEC;
z-index: -1;
}
.genre_ossme_nakat .midsi_yellow {
float: left;
color: #F0B326;
font-size: 22px;
line-height: 25px;
margin: 0px 0px 0px 15px;
font-weight: bold;
}
.genre_ossme_nakat .midsi_yellow .smail {
font-family: "DIN 1451 Std Mittelschrift";
font-size: 10px;
font-weight: bold;
margin-left: 5px;
padding: 10px 0px 0px 5px;
border-left: 1px solid #F0B326;
}
.genre_ossme_nakat .ossme_toji_le {
width: 370px;
float: left;
font-size: 13px;
line-height: 20px;
margin: 10px 15px 0px 0px;
}
.genre_ossme_nakat .ossme_toji_le .txt {
margin: 10px 0px 5px 10px;
}
.genre_ossme_nakat a {
float: right;
text-decoration: none;
color: #14B4A3;
}
.genre_ossme_nakat a:hover {
text-decoration: underline;
color: #14B4A3;
}
.genre_ossme_nakat a:visited {
text-decoration: none;
color: #14B4A3;
}
.genre_ossme_nakat .ossme_toji_ri {
width: 280px;
float: left;
font-size: 12px;
line-height: 20px;
margin: 10px 10px 0px 0px;
}
.genre_ossme_musen {
position: relative;
padding: 10px 0px;
margin: 0px 0px 10px 5px;
background-color: #EAF5FB;
}
.genre_ossme_musen .midsi_husen {
display: inline-block;
position: relative;
float: left;
padding: 3px 15px 3px 10px;
margin: 0 0 0 -5px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
background-color: #329FDA;
z-index: 1;
}
.genre_ossme_musen .midsi_husen:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 4px transparent;
border-right: solid 5px rgba(0, 138, 213, 1);
}
.genre_ossme_musen .midsi_husen:after {
position: absolute;
content: '';
right: -3px;
top: -7px;
width: 0;
height: 0;
border: none;
border-left: 20px solid transparent;
border-bottom: 40px solid #EAF5FB;
z-index: -1;
}
.genre_ossme_musen .midsi_blue {
float: left;
color: #329FDA;
font-size: 22px;
line-height: 25px;
margin: 0px 0px 0px 15px;
font-weight: bold;
}
.genre_ossme_musen .midsi_blue .smail {
font-family: "DIN 1451 Std Mittelschrift";
font-size: 10px;
font-weight: bold;
margin-left: 5px;
padding: 10px 0px 0px 5px;
border-left: 1px solid #329FDA !important;
}
.genre_ossme_musen .ossme_toji_le {
width: 360px;
float: left;
font-size: 13px;
line-height: 20px;
margin: 10px 15px 0px 0px;
}
.genre_ossme_musen .ossme_toji_le .txt {
margin: 10px 0px 5px 10px;
}
.genre_ossme_musen a {
float: right;
text-decoration: none;
color: #14B4A3;
}
.genre_ossme_musen a:hover {
text-decoration: underline;
color: #14B4A3;
}
.genre_ossme_musen a:visited {
text-decoration: none;
color: #14B4A3;
}
.genre_ossme_musen .ossme_toji_ri {
width: 280px;
float: left;
font-size: 12px;
line-height: 20px;
margin: 10;
}
.genre_ossme_sonota {
display: block;
font-size: 16px;
color: #ffffff;
font-weight: bold;
background-color: #949495;
padding: 5px 8px;
border-radius: 3px;
margin: 25px 0px 10px;
}
.genre_sonota_toji_le {
width: 150px;
float: left;
margin: 5px 10px 10px 0px;
}
.genre_sonota_toji_ri {
width: 515px;
float: left;
margin: 5px 0px 10px;
}
.genre_sonota_toji_ri .midsi_musen {
position: relative;
overflow: hidden;
font-size: 15px;
font-weight: bold;
line-height: 26px;
padding-left: 18px;
margin: 0px 0px 10px;
border-bottom: 2px dashed #969797;
}
.genre_sonota_toji_ri .midsi_musen:before {
content: "";
display: block;
background-color: #329FDA;
height: 40px;
width: 40px;
position: absolute;
}
.genre_sonota_toji_ri .midsi_musen:before {
transform: rotate(-37deg);
position: absolute;
left: -17px;
top: -36px;
}
.genre_sonota_toji_ri .midsi_nakat {
position: relative;
overflow: hidden;
font-size: 15px;
font-weight: bold;
line-height: 26px;
padding-left: 18px;
margin: 0px 0px 10px;
border-bottom: 2px dashed #969797;
}
.genre_sonota_toji_ri .midsi_nakat:before {
content: "";
display: block;
background-color: #F0B326;
height: 40px;
width: 40px;
position: absolute;
}
.genre_sonota_toji_ri .midsi_nakat:before {
transform: rotate(-37deg);
position: absolute;
left: -17px;
top: -36px;
}
.genre_sonota_toji_ri .setumei_list {
list-style: none;
padding: 0;
margin: 0;
}
.genre_sonota_toji_ri .setumei_list li {
font-size: 14px;
line-height: 23px;
}
.genre_sonota_toji_ri a {
float: right;
text-decoration: none;
color: #14B4A3;
font-size: 12px;
margin: 5px;
}
.genre_sonota_toji_ri a:hover {
text-decoration: underline;
color: #14B4A3;
}
.genre_sonota_toji_ri a:visited {
text-decoration: none;
color: #14B4A3;
}
.genre_ossme_kami {
position: relative;
padding: 10px 0px;
margin: 0px 0px 10px 5px;
background-color: #F7F8F8;
}
.genre_ossme_kami .midsi_husen {
display: inline-block;
position: relative;
padding: 3px 15px 3px 10px;
margin: 0 0 0 -5px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
background-color: #14B4A3;
z-index: 1;
}
.genre_ossme_kami .midsi_husen:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 4px transparent;
border-right: solid 5px rgba(18, 133, 121, 1);
}
.genre_ossme_kami .midsi_husen:after {
position: absolute;
content: '';
right: -3px;
top: -7px;
width: 0;
height: 0;
border: none;
border-left: 20px solid transparent;
border-bottom: 40px solid #F7F8F8;
z-index: -1;
}
.genre_ossme_kami_list {
list-style: none;
display: block;
width: 620px;
padding: 0;
margin: 0 auto;
}
.genre_ossme_kami_list li {
float: left;
width: 300px;
margin: 0px 20px 10px 0px;
}
.genre_ossme_kami_list li:nth-child(2) {
float: left;
width: 300px;
margin: 0px 0px 10px;
}
.genre_ossme_kami_list li .midsi {
font-size: 16px;
line-height: 20px;
font-weight: bold;
border-left: 3px solid #14B4A3;
padding-left: 8px;
margin: 15px 0px 10px;
}
.genre_ossme_kami_list li .point {
float: left;
font-size: 14px;
color: #ffffff;
background-color: #696969;
padding: 2px 3px;
margin: 8px 5px 6px 0px;
}
.genre_ossme_kami_list li .txt {
font-size: 13px;
margin: 0;
line-height: 20px;
}
.genre_ossme_kami_list li a {
float: right;
text-decoration: none;
color: #14B4A3;
font-size: 12px;
}
.genre_ossme_kami_list a:hover {
text-decoration: underline;
color: #14B4A3;
}
.genre_ossme_kami_list a:visited {
text-decoration: none;
color: #14B4A3;
}
.genre_sonota_kami {
list-style: none;
padding: 0;
margin: 10px 0px;
}
.genre_sonota_kami li {
float: left;
width: 333px;
border: 1px solid #C9CACA;
margin: 0px 8px 0px 0px;
}
.genre_sonota_kami li:nth-child(2) {
float: left;
width: 333px;
border: 1px solid #C9CACA;
margin: 0;
}
.genre_sonota_kami li .image {
float: left;
width: 120px;
margin: 8px 6px;
}
.genre_sonota_kami li .setumei {
float: left;
width: 193px;
margin: 8px 0px;
}
.genre_sonota_kami li .setumei .midsi {
font-size: 15px;
font-weight: bold;
position: relative;
padding-left: 8px;
border-bottom: 1px dashed #969797;
margin: 0px 0px 10px;
}
.genre_sonota_kami li .setumei .midsi:after {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: '';
width: 3px;
height: 18px;
background-color: #14B4A3;
}
.genre_sonota_kami li .setumei .txt {
font-size: 12px;
line-height: 20px;
margin: 0px 0px 5px;
}
.genre_sonota_kami li .setumei a {
float: right;
text-decoration: none;
color: #14B4A3;
font-size: 12px;
}
.genre_sonota_kami li .setumei a:hover {
text-decoration: underline;
color: #14B4A3;
}
.genre_sonota_kami li .setumei a:visited {
text-decoration: none;
color: #14B4A3;
}
.genre_kakaku_back {
width: 620px;
margin: 10 auto;
padding: 8;
background: repeating-linear-gradient(45deg, #BEE6E0 0, #BEE6E0 10px, #E7F7F6 10px, #E7F7F6 20px);
}
.genre_kakaku {
background-color: #ffffff;
padding: 8;
}
.genre_kakaku .midsi {
font-size: 16px;
color: #14B4A3;
font-weight: bold;
margin: 5px 0px 10px;
border-bottom: 1px dashed #969797;
}
.genre_kakaku .list ul {
list-style: none;
float: left;
font-size: 14px;
padding: 0;
margin: 0px 20px 0px 5px;
}
.genre_kakaku .kakaku_table {
width: 600px;
margin: 5px 0px;
border-collapse: collapse;
}
.genre_kakaku .kakaku_table tr th {
width: 145px;
padding: 2px 0px;
font-size: 13px;
background-color: #E6E6E6;
}
.genre_kakaku .kakaku_table tr td {
color: #ff0000;
font-size: 13px !important;
padding: 5px 0px;
text-align: center;
font-weight: bold;
}
.genre_btn {
cursor: pointer;
display: block;
width: 280px;
margin: 30px auto 40px;
padding: 6px 15px;
background-color: #ffa500;
border-style: none;
border-radius: 3px;
font-size: 22px;
font-weight: bold;
color: #ffffff;
border-bottom: 4px solid #ff8c00;
text-align: center;
text-decoration: none;
}
.genre_btn:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.genre_btn:active {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}
.genre_btn:link {
color: #ffffff;
}
.genre_btn:visited {
color: #ffffff;
}
.genre_btn:hover {
color: #ffffff;
}
.genre_btn span {
font-size: 13px;
font-weight: bold;
color: #ffffff;
}
/*---20190107「ジャンルから選ぶ」ページ修正ここまで---*/
/*---20190109「ジャンルから選ぶ」用フォームここから---*/
.genre_form_nouki_back {
border-radius: 4px;
padding: 8;
margin-bottom: 10px;
background: repeating-linear-gradient(45deg, #BEE6E0 0, #BEE6E0 10px, #E7F7F6 10px, #E7F7F6 20px);
}
.genre_form_nouki {
position: relative;
padding: 8;
background-color: #ffff;
}
.genre_form_nouki .midsi {
font-size: 20px;
color: #14B4A3;
font-weight: bold;
text-align: center;
margin: 0px 0px 10px;
}
.meyasu_image {
position: absolute;
display: block;
top: 8;
right: 8;
font-size: 13px;
color: #ffffff;
font-weight: bold;
background-color: #14B4A3;
padding: 3px 5px;
border-radius: 4px;
text-decoration: none;
}
.meyasu_image:before {
font-family: "Font Awesome 5 Free";
content: "\f138";
}
.meyasu_image:visited {
color: #ffffff;
}
.meyasu_image:link {
color: #ffffff;
}
.genre_form_nouki .calculation {
font-size: 14px;
line-height: 20px;
padding: 6px 0px;
margin: 0;
border-bottom: 1px dashed #969797;
text-align: center;
font-weight: bold;
}
.genre_form_nouki .calculation .nouki_three {
padding: 1px 18px;
margin-right: 10px;
border-radius: 2px;
color: #ffffff;
font-weight: bold;
background-color: #82B926;
}
.genre_form_nouki .calculation .nouki_five {
padding: 1px 18px;
margin-right: 10px;
border-radius: 2px;
color: #ffffff;
font-weight: bold;
background-color: #0E66AA;
}
.genre_form_nouki .calculation .nouki_seven {
padding: 1px 18px;
margin-right: 10px;
border-radius: 2px;
color: #ffffff;
font-weight: bold;
background-color: #F39E1C;
}
.genre_form_nouki .calculation .yoteibi {
font-size: 17px;
font-weight: bold;
color: #E1362E;
margin-left: 10px;
}
.form_box_musen,
.form_box_nakat {
display: block;
padding: 10px;
cursor: pointer;
}
.form_box_musen {
background-color: #d3edfb;
}
.form_box_musen:hover {
background-color: #7ecef4;
}
.form_box_nakat {
background-color: #fff5d7;
}
.form_box_nakat:hover {
background-color: #ffdb3f;
}
.form_box_musen div,
.form_box_nakat div {
font-size: 14px;
margin: 0 0 0 22px;
}
.form_box_musen img,
.form_box_nakat img {
display: block;
pointer-events: none;
margin: 0 auto;
}
.book_form td .form_box_musen span,
.book_form td .form_box_nakat span {
width: auto;
font-size: 18px;
}
/*---20190109「ジャンルから選ぶ」用フォームここまで---*/
/*---20190118コラム「冊子の背表紙を作るコツ」ここから---*/
.clmsehaba_yakwri_le {
float: left;
width: 380px;
font-size: 16px;
line-height: 1.5;
margin: 0px 10px 0px 0px;
}
.clmsehaba_yakwri_le a {
display: block;
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-align: center;
margin: 15px 20px 20px;
padding: 5px 0px 5px 15px;
border: 2px solid #3db1a3;
border-radius: 3px;
background-color: white;
text-decoration: none;
}
.clmsehaba_yakwri_le a:hover {
color: white;
background-color: #3db1a3;
text-decoration: none;
}
.clmsehaba_yakwri_le a:link {
text-decoration: none;
}
.clmsehaba_yakwri_ri {
float: left;
width: 280px;
margin: 0;
}
.clmsehaba_midsi {
font-size: 16px;
font-weight: bold;
margin: 10px 0px 0px;
}
.clmsehaba_merit {
list-style: none;
padding: 0;
margin: 0;
}
.clmsehaba_merit li {
font-size: 16px;
line-height: 25px;
}
.clmsehaba_tab_keisan {
width: 680px;
border-collapse: collapse;
border-color: #274a78;
margin: 20px 0px 0px;
}
.clmsehaba_tab_keisan caption {
background-color: #1eb4a3;
font-size: 20px;
color: #ffffff;
font-weight: bold;
padding: 20px 0px;
}
.clmsehaba_tab_keisan tr th {
width: 100px;
background-color: #f7f8f8;
font-size: 15px;
color: #383c3c;
}
.clmsehaba_tab_keisan tr td {
padding: 5;
}
.clmsehaba_tab_keisan tr td ul {
float: left;
list-style: none;
padding: 0;
margin: 0px 10px 0px 0px;
}
.clmsehaba_tab_keisan tr td ul:nth-child(2) {
float: left;
list-style: none;
padding: 0;
margin: 0;
}
.clmsehaba_tab_keisan tr td ul li {
font-size: 14px;
line-height: 32px;
}
.clmsehaba_tab_keisan tr td select,
.clmsehaba_tab_keisan tr td ul li select {
width: 150px !important;
height: 28px;
}
.clmsehaba_keisan_txt {
display: block;
width: 680px;
text-align: center;
background-color: #F3FBFA;
font-size: 20px;
font-weight: bold;
padding: 10px 0px;
margin: 0px 0px 10px;
}
.clmsehaba_keisan_txt span {
font-size: 22px !important;
color: #ff0000;
width: auto;
font-weight: bold;
margin-left: 10px;
}
.clmsehaba_sub_img {
display: block;
width: 640px;
margin: 15 auto 0;
}
/*---20190118コラム「冊子の背表紙を作るコツ」ここまで---*/
.paid_txt {
font-size: 14px;
line-height: 20px;
margin: 0px;
padding: 0px;
}
.paid_0yen {
font-size: 18px;
color: #F00;
font-weight: bold;
}
/*--Paid掛け払い紹介ページ--*/
.paid_ttl {
width: 630px;
margin-bottom: 30px;
}
.paid_subttl {
background-image: url(/goods_img/152/design/paid_ttl_bg.png);
background-repeat: no-repeat;
height: 45px;
width: 630px;
font-size: 24px;
font-weight: bold;
text-indent: 12px;
line-height: 43px;
margin: 10px 0;
font-family: Meiryo, "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333;
}
.paid_cation {
border: thin solid #04A564;
padding: 20px;
width: 590px;
margin-top: 30px;
}
.paid_cation_ttl {
font-size: 18px;
font-weight: bold;
color: #04A564;
text-align: center;
padding: 0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0px;
}
.paid_cation ul {
list-style-position: inside;
padding: 0px;
margin: 0px;
}
.paid_cation li {
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
margin: 8px 0 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.paid_merit {
background-color: #f4ffea;
width: 600px;
margin: 35px 0 30px;
padding: 15px;
}
.paid_merit_ttl {
text-align: center;
}
.paid_merit ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.merit_ttl {
font-size: 20px;
color: #04A564;
font-weight: bold;
background-image: url(/goods_img/152/design/paid_merit_check.png);
background-repeat: no-repeat;
text-indent: 24px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #D1E9D1;
padding-bottom: 5px;
margin: 20px 0 5px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 20px;
}
.paid_table {
width: 630px;
margin-top: 10px;
margin-bottom: 30px;
}
#paid_step ul {
margin-top: 0px;
padding: 0px;
list-style-type: none;
width: 630px;
}
.paid_step_ttl {
height: 18px;
line-height: 18px;
padding: 5px;
width: 620px;
background-color: #04A564;
font-weight: bold;
color: #FFF;
font-size: 16px;
margin: 20px 0 10px;
}
.paid_step_img {
margin: 10px 0 30px;
}
.sincart_paid_table {
width: 320px;
background-color: #CCCCCC;
border-collapse: collapse;
margin: 10px 0px;
font-family: "Noto Sans Japanese";
}
.sincart_paid_table tr td {
font-size: 10px;
text-align: center;
font-weight: bold;
font-family: "Noto Sans Japanese";
}
.sincart_paid_table tr:nth-child(2) td:nth-child(-n+1) {
color: #ff0000;
font-weight: bold;
}
.sincart_paid_table tr:nth-child(n+2) td {
font-weight: normal;
background-color: #ffffff;
}
.sincart_paid_table tr:nth-child(3) td {
font-size: 10px;
text-align: center;
font-weight: bold;
background-color: #CCCCCC;
}
.sincart_paid {
float: left;
width: 320px;
margin: 10px 0px 20px;
}
.paid_txt {
font-size: 14px;
line-height: 20px;
margin: 0px;
padding: 0px;
}
.paid_0yen {
font-size: 18px;
color: #F00;
font-weight: bold;
}
.paid_tyuui {
padding: 0.5em 1em;
margin: 2em 0;
border: solid 2px #27aa9b;
}
.paid {
color: #27aa9b;
font-size: 20px;
font-weight: bold;
}
.paid_ttl {
width: 630px;
margin-bottom: 30px;
}
.paidwidth {
width: 680px;
}
/************************オーバープリントについて追加分ここから*******************************/
.orange_box {
padding: 0.5em 1em;
margin: 0px 0px 30px 0px;
font-weight: bold;
color: #6091d3;
/*文字色*/
background: #fff8e8;
border: solid 3px #f49f1d;
/*線*/
border-radius: 4px;
/*角の丸み*/
width: 650px;
}
.orange_box_ttl {
margin: 0;
padding: 3px;
color: #f49f1d;
/*文字色*/
font-weight: bold;
font-size: 17px;
}
.orange_box_txt {
margin: 0;
padding: 3px;
color: #3e3a39;
/*文字色*/
font-weight: bold;
font-size: 15px;
}
.overprint_setting_img {
margin: 0px 0px 40px 0px;
}
.overprint_img {
margin: 0px 0px 10px 0px;
}
/************************オーバープリントについて追加分ここまで*******************************/
.form_info_txt {
font-size: 13px;
margin: 0px 0px 8px 0px !important;
}
.m_textRed_s_2 {
font-weight: bold;
color: #ff0000;
margin: 8px 0px 0px 0px !important;
}
span.red2 {
color: #EE0000;
font-size: 13px;
font-weight: bold;
}
/************************ページ外の文字について追加分ここから*******************************/
.artboard {
margin: 5px 0px 15px 0px;
}
/************************ページ外の文字について追加分ここまで*******************************/
/*---20190417表紙加工追加ここから---*/
.sehon_p_hyosi {
width: 172px;
height: 24px;
font-size: 16px !important;
font-weight: bold;
padding-left: 28px;
background-position: 5px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/sehon_aicon_hyosi.png);
margin: 10px 0px 20px !important;
border-bottom: 2px solid #27AA9B;
}
.form_syurui_pp {
position: relative;
width: 250px;
height: 220px;
padding: 5px;
}
.form_syurui_pp label {
font-size: 16px;
font-weight: bold;
margin-left: 5px;
cursor: pointer;
}
.form_syurui_pp label .black {
display: inline;
font-size: 12px !important;
color: #000000;
margin-left: 5px;
}
.form_syurui_pp label .red {
display: inline;
font-size: 12px !important;
font-weight: bold;
color: #ff0000;
margin-left: 5px;
}
.form_syurui_pp label .raminert {
display: inline;
font-size: 14px !important;
font-weight: bold;
color: #000000;
margin: 2px 0px 2px 22px;
}
.form_syurui_pp p {
font-size: 14px;
margin: 0 0 0 22px;
}
.form_syurui_pp img {
display: block;
margin: 5 auto 0;
}
.form_cover_paper {
border-bottom: none !important;
}
.cover_option_redtxt {
display: none;
color: #ff0000;
font-weight: bold;
border-top: none !important;
background-color: #fff;
padding-top: 0px !important;
}
.form_tr_ppinout td {
border-bottom: none !important;
}
.form_td_ppinout {
position: relative;
width: 250px;
height: 45px;
padding: 5px;
}
.form_td_ppinout label {
font-size: 17px;
font-weight: bold;
margin-left: 5px;
cursor: pointer;
}
.form_td_ppinout label .red {
display: inline;
font-size: 12px !important;
font-weight: bold;
color: #ff0000;
margin-left: 5px;
}
.form_td_ppinout label .black {
display: inline;
font-size: 12px !important;
color: #000000;
margin-left: 5px;
}
.form_td_ppinout label .black_raminet {
display: inline;
font-size: 10px !important;
color: #000000;
margin-left: 20px;
}
/*---20190417表紙加工追加ここまで---*/
/*---20190513無線綴じページ修正ここから---*/
.musen_img_first {
margin-top: 30px;
}
/*---20190513無線綴じページ修正ここまで---*/
/*---20190618コラム「表紙の基礎知識」ここから---*/
.clmhyoshi_sub_img {
margin: 10px 0px;
}
.clmhyoshi_midsi {
font-size: 16px;
font-weight: bold;
margin: 10px 0px 0px;
}
.clmhyoshi_p_margin {
font-size: 16px;
line-height: 1.5;
margin: 10px 0px 0px;
}
.clmhyoshi_le {
float: left;
width: 340px;
margin: 10px 10px 10px 0px;
}
.clmhyoshi_ri {
float: left;
width: 330px;
font-size: 16px;
line-height: 1.5;
margin: 10px 0px;
}
.clmhyoshi_ri .midsi {
font-size: 16px;
font-weight: bold;
margin: 0px 0px 5px;
}
.clmhyoshi_ri a {
display: block;
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-align: center;
margin: 10px 20px 0px;
padding: 5px 0px 5px 15px;
border: 2px solid #3db1a3;
border-radius: 3px;
background-color: white;
text-decoration: none;
}
.clmhyoshi_ri a:hover {
color: white;
background-color: #3db1a3;
text-decoration: none;
}
.clmhyoshi_ri a:link {
text-decoration: none;
}
/*---20190618コラム「表紙の基礎知識」ここまで---*/
/*---20190718テンプレート修正ここから---*/
.form_detap_red {
font-size: 13px;
font-weight: bold;
color: #ff0000;
margin: 10px 0px 0px !important;
}
/*---20190718テンプレート修正ここまで---*/
/*---20190729トップページバナー修正ここから---*/
.top_banner {
margin-bottom: 10px;
}
/*---20190729トップページバナー修正ここまで---*/
/*---20190806コラム「写真を使って冊子を作ろう」ここから---*/
.clmphoto_sehon_le {
float: left;
width: 380px;
font-size: 16px;
line-height: 1.5;
margin: 20px 10px 0px 0px;
}
.clmphoto_sehon_le a {
display: block;
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-align: center;
margin: 10px 20px 20px;
padding: 5px 0px 5px 15px;
border: 2px solid #3db1a3;
border-radius: 3px;
background-color: white;
text-decoration: none;
}
.clmphoto_sehon_le a:hover {
color: white;
background-color: #3db1a3;
text-decoration: none;
}
.clmphoto_sehon_le a:link {
text-decoration: none;
}
.clmphoto_sehon_ri {
float: left;
width: 280px;
margin: 20px 0px 0px;
}
.clmphoto_img_center {
display: block;
margin: 15px auto;
}
.clmphoto_span_margin {
display: block;
font-size: 16px;
margin: 0px 0px 10px;
}
.clmphoto_sozai_le {
float: left;
width: 380px;
font-size: 16px;
line-height: 1.5;
margin: 0px 10px 10px 0px;
}
.clmphoto_sozai_ri {
float: left;
width: 280px;
margin: 0;
}
/*---20190806コラム「写真を使って冊子を作ろう」ここまで---*/
/*---20190819らくらく注文ここから---*/
.rakrak_top_banner {
margin: 10px 0px;
}
.rakrak_form {
position: relative;
width: 680px;
}
.rakrak_h1 {
background-image: url(/goods_img/186/design/book_h2.png);
width: 680px;
height: 36px;
font-size: 17px;
font-family: "メイリオ", "A-OTF 新ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
margin: 0px 0px 10px;
text-indent: 15px;
line-height: 34px;
}
.rakrak_top_bn {
margin: 10px 0px 20px;
}
.rakrak_midsi {
font-size: 23px;
font-weight: bold;
margin: 15px 0px 10px;
border-bottom: 2px solid #009fb9;
}
.rakrak_txt {
font-size: 14px;
margin: 0px 0px 10px;
}
.rakrak_txt .red_txt {
color: #ff0000;
font-size: 14px;
}
.rakrak_musen_txt {
font-size: 14px;
margin: 0px 0px 10px;
}
.rakrak_musen_txt .red_txt {
color: #ff0000;
font-size: 14px;
}
.rakrak_nakat_txt {
display: none;
font-size: 14px;
margin: 0px 0px 10px;
}
.rakrak_nakat_txt .red_txt {
color: #ff0000;
font-size: 14px;
}
.rakrak_nakat_midsi {
display: none;
font-size: 23px;
font-weight: bold;
margin: 10px 0px;
border-bottom: 2px solid #009fb9;
}
.rakrak_op_midsi {
position: relative;
text-indent: 15px;
font-size: 20px;
font-weight: bold;
margin: 15px 0px 10px;
border-bottom: 1px dashed #a9a9a9;
}
.rakrak_op_midsi::before {
position: absolute;
content: "";
top: 2;
left: 0;
width: 6px;
height: 26px;
background-color: #1eb4a3;
}
.rakrak_cart_midsi {
width: 500px;
font-size: 23px;
font-weight: bold;
text-align: center;
margin: 60px auto 0px;
border-bottom: 3px solid #2f2725;
}
.rakrak_twochoices {
list-style: none;
padding: 0;
margin: 15px 0px 0px;
overflow: hidden;
}
.rakrak_twochoices li {
float: left;
width: 330px;
margin: 0px 20px 10px 0px;
}
.rakrak_twochoices li:nth-child(2) {
float: left;
width: 330px;
margin: 0px 0px 10px;
}
.rakrak_twochoices li label {
display: inline-block;
width: 306px;
font-size: 20px;
font-weight: bold;
color: #444;
background-color: #f5f5f5;
padding: 15px 10px 25px;
border: 1px solid #bdbdbd;
border-radius: 5px;
cursor: pointer;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
}
.rakrak_twochoices.choice_toji li label {
padding: 15px 10px !important;
}
.rakrak_twochoices li label:hover {
background-color: #e0e0e0;
}
.rakrak_twochoices li label img {
margin: 0px 0px 15px;
display: block;
pointer-events: none;
}
.rakrak_twochoices li label .details {
float: right;
font-size: 14px;
font-weight: bold;
margin: 10px 5px 0px 0px;
}
.rakrak_twochoices li label .details a {
color: #00a0e8;
text-decoration: none;
}
.rakrak_twochoices li label .details a:hover {
color: #00a0e8;
text-decoration: underline;
}
.rakrak_twochoices .toji_txt {
position: relative;
float: right;
font-size: 14px;
margin: 10px 15px 0px 0px;
font-weight: normal;
line-height: 30px;
}
.rakrak_twochoices .toji_txt a:after {
position: absolute;
font-family: FontAwesome;
content: "\f29c";
color: #00a0e8;
font-size: 18px;
margin: 0px 0px 0px 3px;
}
.rakrak_twochoices .txt {
font-size: 14px;
margin: 0;
font-weight: normal;
line-height: 30px;
}
#rakrak_size_choices {
margin-top: 50px;
}
.rakrak_fivechoices {
list-style: none;
padding: 0;
margin: 10px 0px;
overflow: hidden;
}
.rakrak_fivechoices li {
float: left;
width: 223px;
margin: 0px 5px 0px 0px;
}
.rakrak_fivechoices li:nth-child(3) {
float: left;
width: 223px;
margin: 0;
}
.rakrak_fivechoices li label {
display: inline-block;
}
.rakrak_fivechoices li label:hover {
opacity: 0.6;
cursor: pointer;
}
.rakrak_fivechoices li img {
display: block;
pointer-events: none;
}
#rakrak_direction_choices,
#rakrak_page_choices,
#rakrak_covercolor_choices,
#rakrak_pp_select,
#rakrak_coverpaper_select,
#rakrak_nakat_coverpaper_select,
#rakrak_textcolor_select,
#rakrak_textpaper_select,
#rakrak_number_select,
#rakrak_select_cart,
#rakrak_asobi_select {
margin-top: 80px;
}
.rakrak_page_select {
overflow: hidden;
position: relative;
display: block;
width: 260px;
margin: 20px auto 25px;
border-radius: 12px;
border: 2px solid #383c3c;
}
.rakrak_page_select::before {
position: absolute;
top: 18px;
right: 15px;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #383c3c;
pointer-events: none;
}
.rakrak_page_select select {
width: 100%;
padding-right: 1em;
cursor: pointer;
font-size: 22px !important;
padding: 4px 0px 4px 30px;
font-weight: bold;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.rakrak_page_select select option {
font-size: 22px !important;
font-weight: bold;
font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka";
}
.rakrak_page_illust {
margin: 0;
margin-bottom: 11px;
}
.rakrak_point_paper {
padding: 15px 10px;
border: 2px dashed #3e3a39;
border-radius: 10px;
margin: 10px 0px 25px;
}
.rakrak_point_paper .point_paper_le {
float: left;
width: 154px;
margin: 0px 16px 0px 0px;
}
.rakrak_point_paper .point_paper_ri {
float: left;
width: 476px;
margin: 0;
}
.rakrak_point_paper .point_paper_ri .txt {
font-size: 14px;
margin: 0px 0px 8px;
}
.rakrak_point_paper .point_paper_ri .margin_txt {
font-size: 14px;
margin: 14px 0px;
}
.rakrak_point_paper .point_paper_ri .bold_txt {
font-size: 14px;
font-weight: bold;
}
.rakrak_point_paper .center_img {
display: block;
margin: 10px auto 5px;
}
/*-追加-*/
.rakrak_point_paper_2 {
padding: 15px 10px;
border: 1px dashed #3e3a39;
border-radius: 10px;
margin: 15px 0px 5px;
}
.rakrak_point_paper_2 .point_paper_le {
float: left;
width: 25%;
height: 62px;
margin: 0px 16px 0px 0px;
}
.rakrak_point_paper_2 .point_paper_ri {
float: left;
width: 70%;
margin: 0;
}
.rakrak_point_paper_2 .point_paper_ri .txt {
font-size: 14px;
margin: 0px 0px 8px;
}
.rakrak_point_paper_2 .point_paper_ri .margin_txt {
font-size: 14px;
margin: 14px 0px;
}
.rakrak_point_paper_2 .point_paper_ri .bold_txt {
font-size: 14px;
font-weight: bold;
}
.rakrak_point_paper_2 .center_img {
display: block;
margin: 10px auto 5px;
}
/*-追加-*/
.paper_point_thin {
float: left;
width: 70px;
color: #fff;
font-size: 16px;
font-weight: normal;
text-align: center;
padding: 3px 5px;
margin: 0px 5px 0px 0px;
background-color: #b5b5b6;
border-radius: 5px;
}
.paper_point_usually {
float: left;
width: 70px;
color: #fff;
font-size: 16px;
font-weight: normal;
text-align: center;
padding: 3px 5px;
margin: 0px 5px 0px 0px;
background-color: #898989;
border-radius: 5px;
}
.paper_point_s_thick {
float: left;
width: 70px;
color: #fff;
font-size: 16px;
font-weight: normal;
text-align: center;
padding: 3px 5px;
margin: 0px 5px 0px 0px;
background-color: #727171;
border-radius: 5px;
}
.paper_point_thick {
float: left;
width: 70px;
color: #fff;
font-size: 16px;
font-weight: normal;
text-align: center;
padding: 3px 5px;
margin: 0px 5px 0px 0px;
background-color: #595757;
border-radius: 5px;
}
.paper_point_v_thick {
float: left;
width: 86px;
color: #fff;
font-size: 16px;
font-weight: normal;
text-align: center;
padding: 3px 5px;
margin: 0;
background-color: #3e3a39;
border-radius: 5px;
}
.point_paper_l_sheer,
.point_paper_s_sheer,
.point_paper_a_sheer {
position: relative;
float: left;
font-size: 12px;
font-weight: normal;
padding-left: 24px;
margin: 7px 10px 0px 0px;
}
.point_paper_l_sheer::before {
font-family: "Font Awesome 5 Free";
content: "\f06e";
position: absolute;
font-size: 18px;
bottom: 1;
left: 0;
color: #b5b5b6;
}
.point_paper_s_sheer::before {
font-family: "Font Awesome 5 Free";
content: "\f06e";
position: absolute;
font-size: 18px;
bottom: 1;
left: 0;
color: #595857;
}
.point_paper_a_sheer::before {
font-family: "Font Awesome 5 Free";
content: "\f06e";
position: absolute;
font-size: 18px;
bottom: 1;
left: 0;
color: #000;
}
#nakat_paper_point {
display: none;
}
.rakrak_paper_select {
display: inline-block;
width: 658px;
font-size: 26px;
font-weight: bold;
text-align: center;
color: #444;
background-color: #f5f5f5;
padding: 15px 10px;
border: 1px solid #bdbdbd;
border-radius: 5px;
cursor: pointer;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
}
.rakrak_paper_select:hover {
background-color: #e0e0e0;
}
.rakrak_paper_select label {
display: inline-block;
cursor: pointer;
}
.rakrak_paper_select img {
float: left;
width: 210px;
margin: 0px 15px 0px 0px;
display: block;
pointer-events: none;
}
.rakrak_paper_select .description {
float: left;
width: 423px;
margin: 0;
cursor: pointer;
}
.rakrak_paper_select .description img {
width: 130px;
float: left;
margin: 0;
}
#select_nakat_cover_coat .rakrak_paper_select .description img {
width: 130px;
float: right;
margin: 0;
}
.rakrak_paper_select .midsi {
font-size: 20px;
text-align: left;
line-height: 30px;
margin: 0px 0px 6px;
}
.rakrak_paper_select .midsi_coat {
font-size: 20px;
float: left;
line-height: 30px;
margin: 0px 20px 10px 0px;
}
#select_nakat_cover_coat .rakrak_paper_select .midsi_coat {
margin: 0px 0px 6px !important;
}
.rakrak_paper_select .txt {
text-align: left;
font-size: 14px;
line-height: 20px;
font-weight: normal;
margin: 0px 0px 15px;
}
#select_nakat_cover_fine,
#select_nakat_cover_coat {
margin: 0px 0px 20px;
}
#select_nakat_cover_fine .rakrak_paper_select .txt,
#select_nakat_cover_coat .rakrak_paper_select .txt,
#select_nakat_cover_mat .rakrak_paper_select .txt {
margin: 6px 0px 15px !important;
}
.rakrak_paper_select .icon {
float: left;
margin: 0;
}
.rakrak_paper_select .icon span {
font-size: 15px;
background-color: #0096b2;
padding: 2px 12px;
color: #fff;
font-weight: normal;
margin: 0px 8px 10px 0px;
}
.rakrak_paper_select .details {
float: right;
font-size: 14px;
font-weight: normal;
margin: 5px 0px 0px;
}
.rakrak_paper_select .details a {
color: #00a0e8;
text-decoration: none;
}
.rakrak_paper_select .details a:hover {
text-decoration: underline;
}
.rakrak_paper_modal {
margin: 20px 0px 30px;
}
.rakrak_paper_midsi {
position: relative;
text-indent: 15px;
font-size: 20px;
font-weight: bold;
margin: 15px 0 10px;
border-bottom: 1px dashed #a9a9a9;
}
.rakrak_paper_midsi::before {
position: absolute;
content: "";
top: 2;
left: 0;
width: 6px;
height: 26px;
background-color: #1eb4a3;
}
.rakrak_paper_modal .left {
position: relative;
float: left;
width: 310px;
font-size: 16px;
font-weight: bold;
color: #000;
margin: 0px 20px 15px 0px;
padding: 10;
border-radius: 5px;
background-color: #ebf6f7;
}
.rakrak_paper_modal .right {
position: relative;
float: left;
width: 310px;
font-size: 16px;
font-weight: bold;
color: #000;
margin: 0;
padding: 10;
border-radius: 5px;
background-color: #ebf6f7;
}
.rakrak_paper_modal .left label,
.rakrak_paper_modal .right label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: 100px;
padding: 15px 0px 0px;
font-size: 18px;
cursor: pointer;
}
.rakrak_paper_modal .thick_260 label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: 120px;
padding: 15px 0px 0px;
font-size: 18px;
cursor: pointer;
}
.rakrak_paper_modal .left:hover,
.rakrak_paper_modal .right:hover {
background-color: #c1e4e9;
}
.rakrak_paper_modal .left label:hover,
.rakrak_paper_modal .right label:hover {
color: #00a0e8;
text-decoration: underline;
}
.rakrak_select_paper_modal {
background-color: #c1e4e9 !important;
}
.rakrak_paper_modal .left .txt,
.rakrak_paper_modal .right .txt {
font-size: 14px;
font-weight: normal;
margin: 4px 0px 0px;
}
.rakrak_modal_span {
margin-left: 15px;
font-size: 15px !important;
font-weight: normal;
}
#select_cover_fine,
#select_cover_coat,
#select_cover_mat,
#select_text_fine,
#select_text_coat,
#select_text_mat,
#select_text_b7 {
margin-bottom: 20px;
}
.rakrak_coverpaper_txt {
position: relative;
display: none;
display: block;
font-size: 14px;
text-align: left;
margin: 10px 0px 0px;
padding: 10px 0px 10px 60px;
background-color: #d3d3d4;
}
.rakrak_coverpaper_txt:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f071";
position: absolute;
font-size: 30px;
bottom: 6;
left: 15;
color: #444;
}
.rakrak_threechoices {
list-style: none;
padding: 0;
margin: 15px 0px 0px;
overflow: hidden;
}
.rakrak_threechoices li {
float: left;
width: 220px;
margin: 0px 10px 10px 0px;
}
.rakrak_threechoices li:nth-child(3) {
float: left;
width: 220px;
margin: 0px 0px 10px;
}
.rakrak_threechoices li label {
display: inline-block;
width: 196px;
font-size: 18px;
font-weight: bold;
line-height: 24px;
color: #444;
background-color: #f5f5f5;
padding: 15px 10px 5px 10px;
border: 1px solid #bdbdbd;
border-radius: 5px;
cursor: pointer;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
}
.rakrak_threechoices li:nth-child(1) label {
padding: 15px 10px 62px 10px;
}
.rakrak_threechoices li label:hover {
background-color: #e0e0e0;
}
.rakrak_threechoices li label p {
float: right;
font-size: 16px;
margin: 20px 0px 0px;
}
.rakrak_threechoices li label .small_txt {
font-size: 10px;
}
.rakrak_threechoices img {
margin: 0px 0px 10px;
display: block;
pointer-events: none;
}
.rakrak_threechoices li label .details {
float: right;
font-size: 14px;
font-weight: normal;
margin: 10px 0px 0px;
}
.rakrak_threechoices li label .details a {
color: #00a0e8;
text-decoration: none;
}
.rakrak_threechoices li label .details a:hover {
color: #00a0e8;
text-decoration: underline;
}
.rakrak_threechoices.deta label {
padding: 15px 10px 30px 10px !important;
}
.rakrak_threechoices.deta label .txt {
margin: 15px 0px 0px;
}
#rakrak_asobi_select .rakrak_threechoices li:nth-child(1) label,
#rakrak_pp_select .rakrak_threechoices li:nth-child(1) label {
text-align: center;
padding: 94px 10px;
}
.pp_non_warning {
position: relative;
padding: 94px 0px 94px 20px !important;
}
.pp_non_warning:before {
font-family: "Font Awesome 5 Free";
content: "\f071";
font-weight: 900;
position: absolute;
font-size: 25px;
bottom: 99;
left: 68;
color: #444;
}
.rakrak_select_list {
background-color: #f5f5f5;
padding: 20px 0px;
margin: 0px 0px 10px;
}
.rakrak_select_list .list {
list-style: none;
padding: 0;
margin: 0px 0px 15px;
overflow: hidden;
}
.rakrak_select_list .list li {
float: left;
width: 340px;
padding: 0px 0px 2px;
margin: 0;
border-bottom: 1px solid #595757;
}
.rakrak_select_list .list li .midsi {
margin: 0px 0px 0px 20px;
font-size: 15px;
}
.rakrak_select_list .list li .txt {
float: left;
margin: 0px 0px 0px 20px;
font-size: 16px;
font-weight: bold;
}
.rakrak_select_list .list li .txt span {
font-size: 16px;
font-weight: bold;
}
.rakrak_select_list .list li .txt .sehaba_number {
font-size: 20px;
font-weight: bold;
line-height: 25px;
}
.rakrak_select_list .list li .sehaba_txt {
float: right;
margin: 4px 0px 0px;
color: #000;
font-size: 14px;
vertical-align: bottom;
}
.rakrak_select_list .list li .change {
float: right;
margin: 4px 10px 0px 0px;
color: #00a0e8;
font-size: 14px;
text-decoration: none;
vertical-align: bottom;
}
.rakrak_select_list .list li .change:hover {
color: #00a0e8;
text-decoration: underline;
}
.rakrak_select_list .list li .sehaba_change {
margin: 4px 10px 0px 0px;
color: #00a0e8;
font-size: 14px;
text-decoration: none;
vertical-align: bottom;
}
.rakrak_select_list .list li .sehaba_change:hover {
color: #00a0e8;
text-decoration: underline;
}
.rakrak_select_list .list .blank {
height: 50px;
padding: 0;
}
.rakrak_sehaba_list {
width: 480px;
padding: 15px;
margin: 20 auto 0;
border: 1px solid #000;
}
.rakrak_sehaba_list .sehaba_txt {
float: left;
font-size: 18px;
margin: 0;
}
.rakrak_sehaba_list .sebyousji_txt {
float: right;
font-size: 16px;
margin: 5px 0px 0px;
}
.rakrak_sehaba_list .sebyousji_txt a {
color: #00a0e8;
text-decoration: none;
}
.rakrak_sehaba_list .sebyousji_txt a:hover {
color: #00a0e8;
text-decoration: underline;
}
.rakrak_sehaba_list .sehaba_txt #rakrak_sehaba {
font-size: 20px;
font-weight: bold;
margin: 0;
}
.rakrak_sehaba_list .sehaba_txt .mm_txt {
font-size: 16px;
font-weight: bold;
margin: 0;
}
.rakrak_price {
margin: 10px 0px;
text-align: center;
background-color: #f5f5f5;
}
.rakrak_price .txt {
font-size: 22px;
font-weight: bold;
margin: 0;
}
.rakrak_price .txt .red_txt {
font-size: 27px;
color: #ff0000;
}
.rakrak_price .tanka_txt {
font-size: 16px;
margin: 0;
}
.rakrak_price .txt #price {
font-size: 36px;
color: #ff0000;
}
.rakrak_price .tanka_txt #tanka_price {
font-size: 16px;
margin: 0;
}
.rakrak_txt_price {
font-size: 16px;
font-weight: normal;
text-align: center;
margin: 0px 0px 10px;
}
.rakrak_txt_price .bold_txt {
font-size: 16px;
font-weight: bold;
}
.rakrak_temp {
width: 480px;
margin: 20 auto 0;
padding: 15px 15px 5px;
text-align: center;
border: 1px solid #000;
}
.rakrak_temp .midsi {
font-size: 18px;
font-weight: bold;
margin: 0px 0px 10px;
}
.rakrak_temp .txt {
color: #ff0000;
font-size: 15px;
margin: 10px 0px 0px;
font-weight: bold;
text-align: left;
}
.rakrak_temp .rakrak_temp_nolink_txt {
color: #ff0000;
font-size: 16px;
margin: 0px;
font-weight: bold;
}
.rakrak_deta_nametext {
display: block;
width: 450px;
height: 50px;
font-size: 16px;
margin: 20 auto 60;
text-align: left;
border-radius: 5px;
}
.rakrak_cart_around {
background-color: #f5f5f5;
margin: 20px;
padding: 50px 0px 30px;
}
.rakrak_cart_around .center_txt {
font-size: 15px;
text-align: center;
}
.rakrak_cart_btn {
cursor: pointer;
display: block;
width: 400px;
margin: 10px auto 0;
padding: 10px 15px;
background-color: #ee7800;
border-style: none;
border-radius: 3px;
font-size: 25px;
font-weight: bold;
color: #ffffff;
-moz-box-shadow: 0px 1px 3px #595757;
-webkit-box-shadow: 0px 1px 3px #595757;
}
.rakrak_moveon_btn {
position: relative;
cursor: pointer;
display: block;
width: 310px;
margin: 15px auto;
padding: 10px 15px;
background-color: #f08300;
border-style: none;
border-radius: 3px;
font-size: 20px;
font-weight: bold;
text-align: center;
color: #ffffff;
-moz-box-shadow: 0px 1px 3px #595757;
-webkit-box-shadow: 0px 1px 3px #595757;
}
.rakrak_moveon_btn:before {
font-family: "Font Awesome 5 Free";
content: "\f358";
font-weight: 400;
position: absolute;
font-size: 30px;
left: 20;
color: #fff;
}
.rakrak_moveon_btn:after {
font-family: "Font Awesome 5 Free";
content: "\f358";
font-weight: 400;
position: absolute;
font-size: 30px;
right: 20;
color: #fff;
}
.rakrak_moveon_btn:link,
.rakrak_moveon_btn:visited {
color: #ffffff;
text-decoration: none;
}
.rakrak_moveon_btn:hover {
opacity: 0.6;
}
.rakrak_deta_midsi {
font-size: 23px;
font-weight: bold;
margin: 70px 0px 10px;
border-bottom: 2px solid #f39800;
}
.rakrak_unselect {
opacity: 0.3;
}
.rakrak_pp_unselect {
opacity: 0.3;
cursor: default !important;
}
#rakrak_toji_choices input[type=radio],
#rakrak_size_choices input[type=radio],
#rakrak_direction_choices input[type=radio],
#rakrak_page_choices input[type=radio],
#rakrak_covercolor_choices input[type=radio],
#rakrak_coverpaper_select input[type=radio],
#rakrak_nakat_coverpaper_select input[type=radio],
#rakrak_textcolor_select input[type=radio],
#rakrak_textpaper_select input[type=radio],
#rakrak_asobi_select input[type=radio],
#rakrak_pp_select input[type=radio],
#rakrak_select_cart input[type=radio],
#cover_nakat_90 {
display: none;
}
.rakrak_right_tyumn {
position: fixed;
bottom: 20;
right: calc(50% - 680px);
width: 260px;
background-color: #fff;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
}
.rakrak_right_tyumn .midsi_blue {
position: relative;
color: #fff;
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 0px 0px 20px;
padding: 5px 0px;
background: #009fb9;
}
.rakrak_right_tyumn .midsi_blue:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
border: 8px solid transparent;
border-top: 8px solid #009fb9;
}
.rakrak_right_tyumn .midsi_small {
margin: 6px 0px 0px 10px;
font-size: 14px;
}
.rakrak_right_tyumn .list {
margin: 0;
padding: 2px 10px;
border-bottom: 1px dotted #000;
}
.rakrak_right_tyumn .list .txt {
float: left;
margin: 0;
font-size: 15px;
line-height: 15px;
font-weight: bold;
}
.rakrak_right_tyumn .list a {
float: right;
margin: 0;
font-size: 12px;
line-height: 12px;
color: #00a0e8;
text-decoration: none;
vertical-align: bottom;
}
.rakrak_right_tyumn .list a:hover {
color: #00a0e8;
text-decoration: underline;
}
.rakrak_right_tyumn .mitmori_price {
margin: 15px 0px 0px;
padding: 10;
text-align: center;
border-top: 1px solid #CCC;
}
.rakrak_right_tyumn .mitmori_price .mitmori_midsi {
display: inline-block;
font-size: 15px;
font-weight: bold;
padding: 0px 20px 3px;
margin: 10px 0px;
border-bottom: 2px solid #808080;
}
.rakrak_right_tyumn .mitmori_price .txt {
font-size: 15px;
font-weight: bold;
margin: 0px 0px 5px;
}
.rakrak_right_tyumn .mitmori_price .txt .red_txt {
color: #ff0000;
font-size: 15px;
font-weight: bold;
}
.rakrak_right_tyumn .mitmori_price .txt #price_right {
color: #ff0000;
font-size: 17px;
font-weight: bold;
}
.rakrak_right_tyumn .mitmori_price .tanka_txt {
font-size: 15px;
margin: 0;
}
.rakrak_right_tyumn .rakrak_temp_right {
position: relative;
cursor: pointer;
display: block;
width: 220px;
margin: 5px auto 20px;
padding: 6px 10px;
background-color: #f08300;
}
.rakrak_right_tyumn .rakrak_temp_right:before {
font-family: "Font Awesome 5 Free";
content: "\f019";
font-weight: 900;
position: absolute;
font-size: 35px;
left: 25;
top: 10;
color: #fff;
}
.rakrak_right_tyumn .rakrak_temp_right a {
display: block;
padding: 0px 0px 0px 75px;
margin: 0;
color: #ffff;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
#cartcheck_nouki_right {
border: none !important;
}
.rakrak_right_tyumn_lastlist {
border: none !important;
}
.rakrak_none_right {
opacity: 0.3;
cursor: default !important;
}
.rakrak_none_right_a {
pointer-events: none;
cursor: default !important;
}
#rakrak_number_select .rakrak_txt a {
font-size: 14px;
color: #00a0e8;
text-decoration: none;
}
#rakrak_number_select .rakrak_txt a:hover {
text-decoration: underline;
}
@media (max-width:1000px) {
.rakrak_right_tyumn {
display: none;
}
}
/*---20190819らくらく注文ここまで---*/
/*---無線綴じと中綴じの違いとはここから---*/
.sub_mokuji {
list-style: none;
padding-left: 20px;
}
.sub_mokuji li {
padding: 0;
line-height: 1.8;
}
.sub_mokuji li:before {
display: none;
}
.sub_mokuji li a {
font-weight: normal;
font-size: 17px;
line-height: 1;
}
.sub_mokuji li a:hover {
text-decoration: underline;
color: #00AC97;
line-height: 1.8;
font-size: 17px;
font-weight: normal;
}
.sub_title {
border-left: 5px solid #3db1a3;
font-weight: bold;
font-size: 18px;
padding-left: 7px;
margin: 40px 0px 10px;
}
.img_box_wrap {
width: 680px;
}
.img_box_txt {
color: B5B5B6;
font-weight: bold;
font-size: 16px;
text-align: center;
line-height: 2;
margin-bottom: 4px;
}
.img_box_le {
float: left;
}
.img_box_ri {
float: right;
}
.img_margin {
margin: 20px 0;
height: 224px;
}
.de_merit_wrap {
padding: 10px 17px;
font-size: 15px;
line-height: 1.7;
margin: 20px 0;
}
.musen_head {
color: #329FDA;
font-size: 17px;
font-weight: bold;
}
.naka_head {
color: #F29706;
font-size: 17px;
font-weight: bold;
}
.margin_seprate {
margin-bottom: 60px;
}
.orange_bg {
background-color: #FFF8DC;
}
.blue_bg {
background-color: #F0F8FF;
}
.grey_bg {
background-color: #EFEFEF;
}
.bold_txt {
font-weight: bold;
}
.recommend_wrapper {
padding: 26px 0 18px;
margin-top: 20px;
}
.recommend_row {
overflow: hidden;
}
.recommend_item {
color: #3e3a39;
float: left;
font-size: 14px;
line-height: 2;
text-align: center;
width: 220px;
padding: 3px;
}
.recommend_item img {
margin-bottom: 5px;
}
.recommend_title {
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 5px;
width: 150px;
}
.naka_title {
border-bottom: 1px solid #ef9f00;
color: #333333;
}
.naka_title:hover {
opacity: 0.7;
}
.musen_title {
border-bottom: 1px solid #329fda;
color: #333333;
}
.musen_title:hover {
opacity: 0.7;
}
.point_img_margin {
margin-bottom: 15px;
margin-top: 20px;
}
.for_beginner {
text-align: center;
font-size: 18px;
font-weight: bold;
line-height: 2.5;
border-bottom: 1px solid;
margin-bottom: 15px;
}
.for_beginner>img {
vertical-align: middle;
}
.to_top_page {
background-image: url(/goods_img/186/column/column_top_back.png);
height: 191px;
padding: 6px;
text-align: center;
margin-top: 90px;
background-repeat: no-repeat;
}
.to_top_page>p {
font-size: 20px;
font-weight: bold;
}
.to_top_page>span {
font-size: 15px;
font-weight: bold;
}
a.detail_about_ {
text-decoration: none;
background-color: #00AC97;
color: #fff;
padding: 10px 24px;
width: 215px;
font-size: 14px;
display: block;
line-height: 0;
font-weight: bold;
margin: 18px auto;
}
a.detail_about_ p {
color: #fff;
}
a.detail_about_:hover {
opacity: 0.7;
}
.more_width {
width: 355px !important;
margin: 20px 0 10px 0px;
}
.button_shadow_2 {
width: 355px !important;
left: 12px;
}
/*---無線綴じと中綴じの違いとはここまで---*/
/*---20191002コラム「冊子を手作りしてみよう」修正ここから---*/
.clmhand_h2 {
width: 680px;
font-size: 22px;
color: #3e3a39;
border-bottom: dashed 1px #6d6c6c;
margin-top: 40px;
}
.colum_list_second {
padding: 0 !important;
}
.colum_list_second:before,
.colum_list_second ol li:before {
content: none !important;
}
.colum_list_second ol {
list-style: none;
padding: 0 !important;
}
.colum_list_second ol li {
font-size: 16px;
font-weight: normal;
line-height: 1;
padding: 3px 24px 6px;
}
.colum_list_second ol li:last-child {
font-size: 16px;
font-weight: normal;
line-height: 1;
padding: 3px 24px 10px;
}
.colum_list_second ol li a {
font-size: 16px;
font-weight: normal;
line-height: 1;
padding: 0;
}
.colum_list_second ol li a:hover {
font-size: 16px;
font-weight: normal;
line-height: 1;
padding: 0;
}
.clmhand_h3 {
font-size: 18px;
color: #3db1a3;
text-align: center;
background-color: #f2fbfa;
padding: 3px 0px;
margin: 50px 0px 20px;
border-top: 2px solid #3db1a3;
border-bottom: 2px solid #3db1a3;
}
.clmhand_method_le {
float: left;
width: 325px;
margin: 50px 30px 40px 0px;
}
.clmhand_method_le .midsi {
font-size: 17px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #389FDA;
padding: 10px 0px;
margin: 0;
}
.clmhand_method_le .txt,
.clmhand_method_ri .txt {
display: block;
font-size: 16px;
height: 120px;
}
.clmhand_method_le .feature,
.clmhand_method_ri .feature {
margin: 0px 0px 30px;
padding: 15;
text-align: center;
border: 1px solid #000;
}
.clmhand_method_le .feature_midsi {
display: inline-block;
font-size: 15px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #389FDA;
padding: 2px 40px;
margin: 0;
border-radius: 20px;
}
.clmhand_method_le ul,
.clmhand_method_ri ul {
list-style: none;
padding: 0;
margin: 10px 0px 0px;
}
.clmhand_method_le ul li {
font-size: 16px;
color: #389FDA;
text-align: left;
margin: 3px 0px 0px;
font-weight: bold;
}
.clmhand_method_ri {
float: left;
width: 325px;
margin: 50px 0px 40px;
}
.clmhand_method_ri .midsi {
font-size: 17px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #F5CD24;
padding: 10px 0px;
margin: 0;
}
.clmhand_method_le img,
.clmhand_method_ri img {
margin: 10px 0px 0px;
}
.clmhand_method_le a,
.clmhand_method_ri a {
background-color: #474a4d;
border-radius: 5px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
padding: 10px 0 7px;
margin: 0 10px;
text-align: center;
text-decoration: none;
}
.clmhand_method_le a:hover,
.clmhand_method_ri a:hover {
opacity: 0.7;
}
.clmhand_method_le a:link,
.clmhand_method_le a:visited,
.clmhand_method_ri a:link,
.clmhand_method_ri a:visited {
color: #fff;
}
.clmhand_method_ri .feature_midsi {
display: inline-block;
font-size: 15px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #F5CD24;
padding: 2px 40px;
margin: 0;
border-radius: 20px;
}
.clmhand_method_ri ul li {
font-size: 16px;
color: #F5CD24;
text-align: left;
margin: 3px 0px 0px;
font-weight: bold;
}
.clmhand_size_img {
margin: 20px 0px 60px;
}
.clmhand_page_a {
text-decoration: none;
}
.clmhand_page_btn {
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-align: center;
line-height: 38px;
margin: 20 auto;
width: 400px;
height: 35px;
border: 2px solid #3db1a3;
border-radius: 3px;
position: relative;
top: 0px;
z-index: 2;
background-color: white;
}
.clmhand_page_btn:hover {
color: white;
background-color: #3db1a3;
}
.page_btn_shadow {
position: relative;
left: 150px;
top: -30px;
z-index: 1;
margin-top: -20px;
width: 400px;
height: 40px;
background-image: linear-gradient(-45deg, #fff 30%, #3db1a3 50%, #fff 50%, #fff 90%, #3db1a3 50%, #3db1a3);
/* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 6px 6px;
}
.clmhand_men_le {
float: left;
width: 325px;
margin: 50px 30px 40px 0px;
}
.clmhand_men_le .midsi {
font-size: 17px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #389FDA;
padding: 6px 0px;
margin: 0;
}
.clmhand_men_le .txt,
.clmhand_men_ri .txt {
display: block;
font-size: 16px;
height: 230px;
}
.clmhand_men_ri {
float: left;
width: 325px;
margin: 50px 0px 40px;
}
.clmhand_men_ri .midsi {
font-size: 17px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #F5CD24;
padding: 6px 0px;
margin: 0;
}
.clmhand_turn_le {
float: left;
width: 325px;
margin: 50px 30px 40px 0px;
}
.clmhand_turn_le .midsi {
font-size: 17px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #389FDA;
padding: 6px 0px;
margin: 0;
}
.clmhand_turn_le .txt,
.clmhand_turn_ri .txt {
display: block;
font-size: 16px;
height: 120px;
}
.clmhand_turn_ri {
float: left;
width: 325px;
margin: 50px 0px 40px;
}
.clmhand_turn_ri .midsi {
font-size: 17px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #F5CD24;
padding: 6px 0px;
margin: 0;
}
.clmhand_turn_le .point {
background-color: #f1f1f1;
padding: 20;
}
.clmhand_turn_le .point_midsi {
font-size: 15px;
font-weight: bold;
color: #696969;
text-align: center;
margin: 0;
}
.clmhand_turn_le .point_txt {
font-size: 15px;
margin: 10px 0px;
}
.clmhand_turn_le .point img {
display: block;
margin: 0 auto;
}
.clmhand_turn_le a {
background-color: #474a4d;
border-radius: 5px;
color: #fff;
display: block;
font-size: 13px;
font-weight: bold;
padding: 5px 0px;
margin: 10px 20px 0px;
text-align: center;
text-decoration: none;
}
.clmhand_turn_ri .point {
background-color: #f1f1f1;
padding: 20;
}
.clmhand_turn_ri .point_midsi {
font-size: 15px;
font-weight: bold;
color: #696969;
text-align: center;
margin: 0;
}
.clmhand_turn_ri .point_txt {
font-size: 15px;
margin: 10px 0px 27px;
}
.clmhand_turn_ri .point img {
display: block;
margin: 0 auto;
}
.clmhand_bold_midsi {
font-size: 16px;
font-weight: bold;
margin: 15px 0px 5px;
}
.clmhand_copy {
background-color: #f1f1f1;
padding: 25px 20px;
margin: 10px 0px 30px;
}
.clmhand_copy .copy_none_midsi {
display: inline-block;
position: relative;
float: left;
height: 32px;
line-height: 21px;
text-align: center;
padding: 7px 25px 7px 10px;
margin: 0;
font-size: 13px;
font-weight: bold;
background: #474a4d;
color: #fff;
box-sizing: border-box;
}
.clmhand_copy .copy_none_midsi:after {
position: absolute;
content: '';
z-index: 1;
top: 0;
right: 0;
width: 0px;
height: 0px;
border-width: 16px 15px 16px 0px;
border-color: transparent #dcdcdc transparent transparent;
border-style: solid;
}
.clmhand_copy .copy_multi_midsi {
float: left;
font-size: 16px;
font-weight: bold;
line-height: 21px;
margin: 7px 0px 7px 20px;
}
.clmhand_copy .txt {
font-size: 16px;
margin: 20px 0px 25px;
}
.clmhand_copy .last_txt {
font-size: 16px;
margin: 0;
}
.clmhand_bookbind_le {
float: left;
width: 315px;
height: 640px;
padding: 10px 5px;
margin: 30px 30px 40px 0px;
background-color: #f0f8ff;
}
.clmhand_bookbind_le .midsi {
font-size: 17px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #389FDA;
padding: 6px 0px;
margin: 0;
}
.clmhand_bookbind_ri {
float: left;
width: 315px;
height: 640px;
padding: 10px 5px;
margin: 30px 0px 40px;
background-color: #fff8dc;
}
.clmhand_bookbind_ri .midsi {
font-size: 17px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #F5CD24;
padding: 6px 0px;
margin: 0;
}
.clmhand_bookbind_le .txt,
.clmhand_bookbind_ri .txt {
display: block;
height: 120px;
}
.clmhand_bookbind_le .preparation,
.clmhand_bookbind_ri .preparation {
margin: 20px 10px;
padding: 10;
height: 115px;
border: 1px solid #000;
}
.clmhand_bookbind_le .preparation_midsi,
.clmhand_bookbind_ri .preparation_midsi {
font-size: 15px;
font-weight: bold;
margin: 0px 0px 5px;
}
.clmhand_bookbind_le ul,
.clmhand_bookbind_ri ul {
list-style: none;
margin: 0;
padding: 0;
}
.clmhand_bookbind_le ul li,
.clmhand_bookbind_ri ul li {
font-size: 15px;
line-height: 22px;
}
.clmhand_bookbind_le img,
.clmhand_bookbind_ri img {
margin: 0px 10px;
}
.clmhand_bookbind_le .txt,
.clmhand_bookbind_ri .txt {
font-size: 15px;
margin: 10;
}
.clmhand_merit,
.clmhand_demerit {
background-color: #f1f1f1;
padding: 30px 20px;
text-align: center;
margin: 30px 0px 0px;
}
.clmhand_merit .merit_midsi {
display: inline-block;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 6px 60px;
margin: 0px 0px 20px;
border-radius: 20px;
background-color: #1eb4a3;
}
.clmhand_merit .merit_list {
font-size: 16px;
color: #1eb4a3;
font-weight: bold;
text-align: left;
margin: 5px 0px 0px;
}
.clmhand_merit .txt,
.clmhand_demerit .txt {
font-size: 15px;
text-align: left;
margin: 0;
}
.clmhand_demerit .demerit_midsi {
display: inline-block;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 6px 60px;
margin: 0px 0px 20px;
border-radius: 20px;
background-color: #ff4500;
}
.clmhand_demerit .demerit_list {
font-size: 16px;
color: #ff4500;
font-weight: bold;
text-align: left;
margin: 5px 0px 0px;
}
.clmhand_popular_midsi {
color: #329fda;
font-weight: bold;
font-size: 16px;
text-align: center;
margin: 80px 0px 10px;
}
.clmhand_popular_midsi::before {
background-image: linear-gradient(45deg, transparent 49%, #329fda 49%, #329fda 55%, transparent 55%, transparent);
content: '';
display: inline-block;
margin-right: 5px;
height: 12px;
width: 12px;
}
.clmhand_popular_midsi::after {
background-image: linear-gradient(135deg, transparent 49%, #329fda 49%, #329fda 55%, transparent 55%, transparent);
content: '';
display: inline-block;
margin-left: 5px;
height: 12px;
width: 12px;
}
.clmhand_popular {
background-color: #f0f8ff;
padding: 10px;
margin: 15px 0px;
}
.clmhand_popular_row {
overflow: hidden;
}
.clmhand_popular_item {
color: #3e3a39;
float: left;
font-size: 14px;
line-height: 2;
text-align: center;
width: 220px;
}
.clmhand_popular_item img {
margin-bottom: 5px;
}
.clmhand_popular_title {
border-bottom: 1px solid #329fda;
display: inline-block;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 5px;
width: 150px;
}
.clmhand_popular_item a:link,
.clmhand_popular_item a:visited {
color: #3e3a39;
text-decoration: none;
}
.clmhand_popular_item a:hover {
opacity: 0.7;
text-decoration: none;
}
.clmhand_popular_nakamidsi {
color: #F5CD24;
font-weight: bold;
font-size: 16px;
text-align: center;
margin: 30px 0px 10px;
}
.clmhand_popular_nakamidsi::before {
background-image: linear-gradient(45deg, transparent 49%, #F5CD24 49%, #F5CD24 55%, transparent 55%, transparent);
content: '';
display: inline-block;
margin-right: 5px;
height: 12px;
width: 12px;
}
.clmhand_popular_nakamidsi::after {
background-image: linear-gradient(135deg, transparent 49%, #F5CD24 49%, #F5CD24 55%, transparent 55%, transparent);
content: '';
display: inline-block;
margin-left: 5px;
height: 12px;
width: 12px;
}
.clmhand_popular_naka {
background-color: #fff8dc;
padding: 10px;
margin: 15px 0px 0px;
}
.clmhand_popular_naka .clmhand_popular_title {
border-bottom: 1px solid #F5CD24;
display: inline-block;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 5px;
width: 150px;
}
.colum_last_link {
margin: 80px 0px 0px;
}
/*---20191002コラム「冊子を手作りしてみよう」修正ここまで---*/
/*---トップページ修正ここから---*/
.top_h3 {
border-bottom: 1px dotted #3d3a3a;
color: #44b3a3;
padding-bottom: 5px;
}
.top_section {
margin-bottom: 30px;
}
.top_paragraph {
color: #3e3a39;
font-size: 14px;
line-height: 1.8;
margin: 0px 0px 10px;
}
.top_right_link {
margin-top: 10px;
margin-right: 10px;
text-align: right;
}
.top_right_link a {
color: #14b4a3;
font-size: 16px;
text-decoration: none;
}
.top_right_link a:hover {
text-decoration: underline;
}
.book_genre_link {
border-bottom: 1px dashed #3e3a39;
color: #3e3a39;
display: block;
font-size: 14px;
position: relative;
text-decoration: none;
}
.book_genre_link:link,
.book_genre_link:visited {
color: #3e3a39;
}
.book_genre_link:hover {
text-decoration: underline;
}
.book_genre_link:hover img {
opacity: 1;
}
.book_genre_link i {
font-size: 20px;
position: absolute;
right: 0;
top: 9px;
}
.book_genre_link i.business_genre {
color: #1266ab;
}
.book_genre_link i.personal_genre {
color: #f49f1e;
}
.book_genre_link i.school_genre {
color: #83ba24;
}
.book_genre_link img {
vertical-align: middle;
}
.top_ranking {
background-color: #d4eeeb;
padding: 20px;
}
.top_ranking_link {
background-color: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
display: block;
text-decoration: none;
}
.top_ranking_link:hover {
opacity: 0.7;
}
.top_ranking_link_first {
overflow: hidden;
margin-bottom: 20px;
padding: 10px 10px 10px 20px;
}
.top_ranking_link_second,
.top_ranking_link_third {
float: left;
padding: 10px 20px;
width: 270px;
}
.top_ranking_link_second {
margin-right: 20px;
}
.top_ranking_first_content {
position: relative;
float: left;
margin-right: 10px;
width: 300px;
}
.top_ranking_first_image {
float: left;
width: 300px;
margin-top: 40px;
}
.top_ranking_title {
border-bottom: 1px dashed #ccc;
font-size: 22px;
font-weight: bold;
line-height: 36px;
margin: 5px 0;
padding-bottom: 5px;
}
.top_ranking_title img {
vertical-align: middle;
}
.top_ranking_title_first {
color: #968642;
font-size: 26px;
}
.top_ranking_title_second {
color: #a0a0a0;
}
.top_ranking_title_third {
color: #a48b78;
}
.top_ranking_link>img {
margin-top: 5px;
width: 100%;
}
.top_ranking_title_first img {
margin-top: -5px;
}
.top_ranking_txt {
color: #3e3a39;
font-size: 13px;
line-height: 1.8;
margin: 0;
}
.top_ranking_second_third::after {
clear: both;
content: '';
display: block;
}
.top_order_flow {
background-color: #efefef;
margin: 20px 0;
padding: 20px 0;
}
.top_shipment_title {
background-color: #c62828;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 5px 10px;
position: relative;
text-align: center;
}
.top_shipment_title>i {
margin-right: 5px;
}
.top_shipment_btn {
background-color: #fff;
border-radius: 3px;
color: #c62828;
display: inline-block;
padding: 0 20px;
position: absolute;
text-decoration: none;
top: 5px;
right: 5px;
}
.top_shipment_btn:link,
.top_shipment_btn:visited {
color: #c62828;
}
.top_shipment_btn>i {
margin-left: 5px;
}
.top_shipment_table {
border: 2px solid #c62828;
padding: 10px;
}
.top_shipment_table_row {
color: #3e3a39;
font-size: 16px;
font-weight: bold;
padding: 5px 0;
}
.top_shipment_table_row+.top_shipment_table_row {
border-top: 1px dashed #ccc;
}
.top_shipment_date {
display: none;
font-size: 16px;
}
.top_shipment_label {
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
margin-right: 10px;
padding: 2px 7px;
}
.top_shipment_label_3day {
background-color: #329fda;
}
#rapid_date,
#rapid_date+span {
color: #329fda;
font-size: 16px;
}
.top_shipment_label_5day {
background-color: #2b79b2;
}
#express_date,
#express_date+span {
color: #2b79b2;
font-size: 16px;
}
.top_shipment_label_7day {
background-color: #26529e;
}
#normal_date,
#normal_date+span {
color: #26529e;
font-size: 16px;
}
.top_shipment_label span {
color: #fff !important;
font-size: 18px;
margin-right: 3px;
}
.top_making_data {
background-color: #efefef;
margin-top: 20px;
padding: 10px 16px 16px;
}
.top_making_data_txt {
background-color: #fbfbfb;
padding: 16px;
}
.top_making_data_txt_red {
color: #e62328;
font-weight: bold;
}
.top_making_data_txt_green {
color: #14b4a3;
}
.top_making_data_links {
overflow: hidden;
width: 680px;
}
.top_making_data_btn {
display: block;
float: left;
width: 33.333%;
}
.top_lineup {
background-color: #efefef;
margin-top: 10px;
padding: 16px;
}
.top_lineup_item {
background-color: #fff;
display: block;
padding: 10px;
text-decoration: none;
}
.top_lineup_item:hover {
opacity: 0.7;
}
.top_lineup_item+.top_lineup_item {
margin-top: 16px;
}
.top_lineup_title {
border-bottom: 2px dashed #ccc;
font-size: 30px;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 5px;
}
.top_lineup_title_yellow {
color: #f0b326;
}
.top_lineup_title_blue {
color: #329fda;
}
.top_lineup_item img {
width: 100%;
}
.top_column {
border: 1px solid #ccc;
box-shadow: 4px 4px 5px -3px rgba(0, 0, 0, 0.2);
display: block;
margin-top: 20px;
overflow: hidden;
padding: 10px 20px;
}
.top_column:hover {
opacity: 0.7;
}
.top_column_content {
float: left;
margin-right: 10px;
text-decoration: none;
width: 400px;
white-space: normal;
}
.top_column_title {
border-bottom: 1px dashed #ccc;
color: #3e3a39;
font-size: 16px;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 5px;
}
.top_column_txt {
color: #3e3a39;
font-size: 13px;
line-height: 1.6;
margin: 0;
}
.top_column_txt span {
color: #14b4a3;
}
.top_column img {
display: block;
float: left;
}
.top_column_other_btn {
position: relative;
margin: 20px auto 0 auto;
width: 300px;
height: 45px;
}
.top_column_other_btn a {
background-color: #fff;
border: 2px solid #3db1a3;
border-radius: 5px;
color: #3db1a3;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 39px;
position: absolute;
height: 35px;
text-align: center;
text-decoration: none;
width: 300px;
}
.top_column_other_btn a:hover {
background-color: #3db1a3;
color: #fff;
}
.top_column_other_btn:before {
background-image: linear-gradient(-45deg, #fff 30%, #3db1a3 50%, #fff 50%, #fff 90%, #3db1a3 50%, #3db1a3);
background-size: 6px 6px;
content: '';
height: 35px;
left: 10px;
position: absolute;
top: 10px;
width: 300px;
}
.top_navi {
margin: 0px 0px 10px;
}
.top_navi ul {
list-style: none;
padding: 0;
margin: 0;
}
.top_navi ul li {
float: left;
margin: 0px 8px 0px 0px;
}
.top_navi ul li:nth-child(4) {
float: left;
margin: 0;
}
.top_rakrak_txt {
color: #3e3a39;
font-size: 14px;
text-align: center;
margin: 5px 0 0;
}
.top_jirei_recruitment {
display: block;
margin: 0 auto 25;
}
.top_section.voice {
margin-bottom: 10px !important;
}
.top_section_midsi {
color: #44b3a3;
font-size: 15px;
font-weight: bold;
margin: 10px 0px 5px;
}
.top_section_smalltxt {
color: #a0a0a0;
font-size: 12px;
margin: 5px 0px 0px;
}
.top_span_macker {
font-size: 14px;
}
.top_section_price {
position: absolute;
bottom: 0;
right: 10;
color: #e62328;
font-size: 16px;
font-weight: bold;
margin: 0;
}
.top_section_price .small_txt {
color: #e62328;
font-size: 14px;
font-weight: bold;
}
.top_section_price.second {
position: static;
float: right;
color: #e62328;
font-size: 16px;
font-weight: bold;
margin: 0;
}
.fa-truck:before {
color: #fff !important;
}
.fa-angle-double-right:before {
color: #c62828 !important;
}
/*---トップページ修正ここまで---*/
/*---生地の仕様修正ここから---*/
.form_kiji_bordernone {
border-bottom: none !important;
}
.form_correction {
width: 530px !important;
padding: 0px 10px 10px !important;
font-size: 13px;
border-top: none !important;
background-color: #fff;
}
.form_kiji_correction {
background-color: #efefef;
}
.form_kiji_correction .midsi {
font-size: 13px;
font-weight: bold;
text-align: center;
padding: 5px 0px;
margin: 0;
background-color: #ccc;
}
.form_kiji_correction .txt {
padding: 10;
}
.form_kiji_correction .txt p {
font-size: 12px;
margin: 0;
}
.form_kiji_correction .margin_txt {
font-size: 12px;
font-weight: bold;
line-height: 18px;
margin: 10px 0px !important;
}
.form_kiji_correction .margin_txt .red_txt {
width: 140px;
color: #ff0000;
font-size: 12px;
font-weight: bold;
}
/*---生地の仕様修正ここまで---*/
/*---左メニュー改修20200213---*/
img[alt="ジャンルから選ぶ"],
img[alt="綴じ方から選ぶ"],
img[alt="無料紙(色)見本のご請求"] {
margin-top: 15px;
}
img[alt="メルマガ会員特典"] {
margin-bottom: -1rem;
margin-top: 0.5rem;
}
/*---20200220-3営業日に関する記述追加ここから---*/
#price_table_head tr th .red_txt,
#price_table tr th .red_txt {
color: #ff0000;
font-size: 13px;
font-weight: bold;
line-height: 13px;
}
#price_table_head tr th .normal_txt,
#price_table tr th .normal_txt {
font-size: 13px;
font-weight: normal;
line-height: 13px;
}
.rakrak_three_redtxt {
display: none;
float: right;
color: #ff0000;
font-size: 13px;
font-weight: bold;
margin: 0;
}
#threeday_redtxt {
display: none;
}
/*---20200220-3営業日に関する記述追加ここまで---*/
/*---20200306-デザイン名 記述追加ここから---*/
.name_design_note {
margin: 0px !important;
font-size: 13px;
color: #000;
line-height: 1.8;
position: relative;
}
.name_design_note i {
padding-left: 4px;
font-size: 15.5px;
color: #00a199;
}
/*---20200306-デザイン名 記述追加ここまで---*/
/*---20200309-フォームのページ数え方モーダルここから---*/
.no_border {
border-bottom: none !important;
padding-bottom: 0 !important;
}
.pb {
padding-bottom: 15px !important;
}
.page_count_modal {
font-size: 13px;
color: #27aa9b !important;
font-weight: bold;
text-decoration: none !important;
text-align: left;
}
.page_count_modal a:after {
position: absolute;
font-family: FontAwesome;
content: "\f059";
color: #299a8c;
font-size: 18px;
margin: 0px 0px 0px 6px;
}
.page_count_modal a:hover {
opacity: 0.7;
}
.grey-text {
color: #727171;
font-size: 12px;
font-weight: bold;
}
/*---20200309-フォームのページ数え方モーダルここまで---*/
/*------背表紙 ここから-------*/
.title_app_type {
font-size: 17px;
font-weight: bold;
color: #25A293;
border-bottom: 2px dotted #a9a9a9;
margin-bottom: 5px;
}
.contents_more {
background-color: #ffffff;
width: 620px;
padding: 15px 15px 15px;
margin-bottom: 45px;
}
.here_for_link {
color: #25A293 !important;
margin-left: 3px;
font-size: 12px;
}
.side_img {
padding-top: 3px;
}
.red_text {
color: red;
font-size: 12px;
}
.text_bold {
font-weight: bold;
font-size: 12px;
}
.pdf_p_title {
font-size: 14px;
font-weight: bold;
}
.pdf_p_illst {
display: inline-block;
vertical-align: top;
width: 300px;
font-size: 12px;
margin-bottom: 20px;
white-space: normal;
}
.how_to_save {
font-size: 12px;
}
.h2_illust {
width: 555px;
height: 50px;
font-size: 30px;
padding-left: 60px;
background-position: 10px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/nyuko_icon_illust.png);
font-weight: bold;
padding-top: 5px;
margin: 10px 0px 15px;
border-bottom: 2px dotted #a9a9a9;
}
.h2_inde {
float: right;
font-size: 30px;
padding-left: 57px;
background-position: 10px 0px;
background-repeat: no-repeat;
background-image: url(/goods_img/186/design/nyuko_icon_inde.png);
font-weight: bold;
padding-top: 5px;
margin: -72px 0px;
}
.contents_more_last {
background-color: #ffffff;
width: 620px;
padding: 15px 15px 15px;
margin-bottom: 10px;
}
/*------背表紙 ここまで-------*/
/*------背幅フォーム ここから-------*/
.sehaba_notice a:hover {
opacity: 0.7;
}
.sehaba_notice {
padding-top: 13px;
}
.sehaba_notice a {
font-size: 13px;
color: #00a199;
text-decoration: none;
font-weight: bold;
margin-top: 6px !important;
}
.sehaba_notice i {
padding-left: 4px;
font-size: 15.5px;
color: #00a199;
}
.rakuraku_notice {
margin: 4px 3px 0px 30px;
}
.rakuraku_notice a {
font-size: 13px;
display: inline;
color: #00a0e8;
text-decoration: none;
/* font-weight: bold; */
margin: 4px -20px 0px 0px;
margin-left: 40px;
}
.rakuraku_notice a:hover {
opacity: 0.7;
}
.rakuraku_notice i {
padding-left: 4px;
font-size: 15.5px;
color: #00a0e8;
}
/*------背幅フォーム ここまで-------*/
/*---コラム「ノンブルとは？」ここから---*/
.clmnomble_txt_img {
margin: 10px 0px;
}
/*---コラム「ノンブルとは？」ここまで---*/
/*---コラム新規記事「冊子 種類」ここから---*/
.colum-page {
width: 680px;
white-space: normal;
}
.new_colum_h1 {
width: 675px;
color: #333333;
font-size: 25px;
padding-left: 5px;
border-bottom: 2.5px solid #00AC97;
margin: 5px 0px 15px 0px;
}
.new_colum_h2 {
width: 680px;
font-size: 24px !important;
color: #333333;
border-bottom: dashed 1px #6d6c6c;
margin-top: 50px;
}
.necessary-object>img:nth-of-type(1) {
float: left;
margin-right: 25px;
}
.necessary-way {
width: 680px;
}
.necessary-way>p {
width: 340px !important;
float: left;
margin-right: 10px;
}
.green-box {
width: 670px;
padding: 5px;
border-radius: 5px;
background-color: #8eb93347;
margin-bottom: 10px;
}
.green-box1 {
width: 670px;
padding: 5px;
border-radius: 5px;
background-color: #8eb93347;
margin-bottom: 20px;
}
.green-box-text {
font-size: 16px;
line-height: 2;
margin: 0 10px;
/*font-weight: bold;*/
}
.bold-use-example {
font-weight: bold;
font-size: 16px !important;
}
.bold-large-title {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-top: 4px;
margin-bottom: 2px;
}
.green-border-box {
border: 4px solid #3db1a3;
padding: 18px 20px;
}
.grey-box {
width: 670px;
background-color: #f5f5f5;
padding: 2px 5px;
}
.bold-title-text {
font-size: 17px;
font-weight: bold;
margin-top: 7px;
margin-bottom: 0px;
}
.grey-box-text {
font-size: 15px;
padding-left: 17px;
margin-top: 2px;
margin-bottom: 5px;
}
.comparison-table td {
border: 1px solid black;
padding: 5px;
font-size: 14px;
}
.comparison-table td:nth-of-type(1) {
width: 100px;
text-align: center;
}
.comparison-table td:nth-of-type(2) {
width: 280px;
}
.comparison-table td:nth-of-type(3) {
width: 280px;
}
table.comparison-table {
border-collapse: collapse;
}
.comparison-table-title {
font-size: 16px !important;
font-weight: bold;
text-align: center;
background-color: #0799da57;
}
.left-title {
background-color: #e4f5ff;
}
.center-data-text {
text-align: center;
}
.list-type {
list-style-type: unset;
margin-top: 6px;
margin-bottom: 5px;
}
.red-bold-text {
font-size: 16px;
font-weight: bold;
color: red;
margin-top: 5px;
}
.blue-bold-text {
font-size: 16px;
font-weight: bold;
color: blue;
}
.bold-medium-title {
font-size: 15px;
text-align: center;
font-weight: bold;
margin-top: 5px;
margin-bottom: 8px;
}
.hikak_bold_text {
font-weight: bold;
font-size: 14px;
}
/*---コラム新規記事「冊子 種類」ここまで---*/
.point_paper_ri_part {
width: 530px;
margin: 0;
}
.bold_text {
font-size: 12px;
font-weight: bold;
display: contents !important;
}
.rakrak_txt_select {
font-size: 14px !important;
margin-top: 7px !important;
}
/*****データのファイル名について 追加******/
.to-link-name {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.pattern_img {
border: 2px solid #ccccccfc;
margin-left: 92px;
margin-bottom: 20px;
}
.pattern3_img {
border: 2px solid #ccccccfc;
margin-left: 92px;
}
.pattern-box {
background-color: #9cd923;
padding: 1px 10px;
border-radius: 17px;
color: #ffffff;
font-weight: bold;
margin: 5px 0;
}
p.right-text {
font-size: 14px !important;
marging-top: 0 !important;
}
.right-text {
margin-left: 91px;
}
.table-bordered td {
border: 1px solid #454b58;
padding: 5px;
}
.table-bordered {
border-collapse: collapse;
}
.table-bordered tr:nth-child(1) td {
background-color: #f5f5f5;
font-weight: bold;
}
.table-bordered td:nth-child(1) {
background-color: #fffde7;
width: 17%;
}
.table-bordered td:nth-child(3) {
width: 45%;
}
.table-img {
width: 85%
}
.table-title {
font-size: 14px;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
color: #777;
}
.point_paper_advice {
float: left;
margin: 15px 9px 0px 0px;
}
.point_paper_ri_part_advice {
font-size: 14px;
}
.rakrak_point_paper_advice {
padding: 11px 10px;
border: 2px dashed #3e3a39;
border-radius: 10px;
margin: 10px 0px 25px;
}
#service_wrapper {
width: 680px;
white-space: normal;
}
.service_title {
font-size: 13px;
margin: 15px 0px 10px;
font-weight: bold;
}
.margin_text {
display: block;
margin: 5px 0px;
}
.margin-left_text {
display: block;
margin: 5px 0px 5px 10px;
}
.service_list-none {
list-style: none;
}
.kijimihon_goods_news {
width: 660px;
background-color: #e7e7e7;
padding: 10px;
margin: 10px 0px;
white-space: normal;
}
.kijimihon_goods_news .title {
font-size: 15px;
padding: 5px 0px;
color: #ffffff;
text-align: center;
font-weight: bold;
background-color: #757575;
}
.kijimihon_goods_news .margin-text {
display: block;
float: right;
margin-top: 15px;
}
.yellow-highlight1 {
background-color: #fff4bb !important;
width: 180px;
font-size: 16px;
line-height: 1.5;
margin: 0;
font-weight: bold;
padding: 2px;
}
.yellow-highlight2 {
background-color: #fff4bb !important;
width: 210px;
font-size: 16px;
line-height: 1.5;
margin: 0;
font-weight: bold;
padding: 2px;
}
.yellow-highlight3 {
background-color: #fff4bb !important;
width: 290px;
font-size: 16px;
line-height: 1.5;
margin: 0;
font-weight: bold;
padding: 2px;
}
.explain-text {
font-size: 16px;
line-height: 1.5;
margin: 0;
padding-left: 15px;
}
.title-bold-text {
font-size: 17px !important;
font-weight: bold;
line-height: 1.5;
}
.list_text {
font-size: 16px !important;
}
.bold-word {
font-size: 16px !important;
font-weight: bold;
}
.red-word {
color: red;
font-weight: bold;
font-size: 16px !important;
}
.green_background_box {
text-align: center;
font-size: 27px;
background-color: #56a956cf;
width: 390px;
margin: 0 auto;
border-radius: 29px;
color: white;
font-weight: bold;
padding: 22px;
line-height: 1.7;
}
legend.title-fieldset-text {
text-align: center;
font-size: 15px;
font-weight: bold;
padding: 10px;
margin-bottom: -7px;
}
.flexbox {
margin-left: 22px;
}
.bold-small-title {
font-size: 15px;
font-weight: bold;
text-align: center;
margin-top: 4px;
margin-bottom: 2px;
}
.text-style {
text-decoration: none;
}
.two-box-set {
padding: 15px;
}
/*--お問い合わせCSS｜ここから--*/
.contact_form_need {
font-size: 12px;
font-weight: bold;
color: #fff;
background-color: #ff0000;
border-radius: 4px;
float: right;
display: block;
width: 30px;
text-align: center;
line-height: 21px;
margin-right: 10px;
}
.contact_form_label {
width: 200px;
font-size: 15px;
font-weight: bold;
vertical-align: middle;
white-space: normal;
margin-left: 10px !important;
}
.contact_form_tb_right {
display: table-cell;
padding: 15px;
width: 467px;
background-color: #FFF;
font-size: 16px;
}
option {
font-weight: normal;
display: block;
white-space: pre;
min-height: 1.2em;
font-size: 15px;
padding: 0px 2px 1px;
}
#dl-sheet {
position: relative;
color: #1eb9ee;
text-decoration-line: underline;
padding: 0px;
margin-left: 8px;
border-radius: 2px;
box-shadow: none;
font-weight: bold;
z-index: 2;
}
.comment_design_bottom {
font-size: 12px !important;
margin: 0.5rem 0 1.5rem 0.3rem !important;
text-align: left;
color: red;
}
#nyukou-guide-area {
display: none;
color: #333;
background-color: #fcede2;
padding: 1rem;
border: 1px solid #f9dbc5;
}
#nyukou-guide-title {
font-weight: bold;
color: #fff;
background-color: #e70011;
text-align: center;
margin: 0;
padding: 0.2rem 0;
}
#nyukou-guide-content>span.emphasis {
font-weight: bold;
}
#nyukou-guide-content {
margin-top: 0.8rem;
padding: 0 0.5rem;
}
#tempu_komoku_1,
#tempu_komoku_2,
#tempu_komoku_3 {
padding: 1px;
border-radius: 6px;
}
.form_submit {
width: 300px;
background-color: #14b4a3;
cursor: pointer;
padding: 4px 0 0;
line-height: 36px;
border: none;
border-radius: 9px;
font-size: 20px;
font-weight: bold;
color: #fff;
border: 2px solid #fff;
box-shadow: 1px 1px 1px #ccc;
}
#submit_btn {
text-align: center;
display: block;
margin-top: 0px;
margin-bottom: 10px;
;
}
/*--お問い合わせCSS｜ここまで--*/
/*-FAQお問合せ追加CSS-*/
.inquiry_link_ul {
list-style: none;
padding: 0;
margin: 10px 0px;
height: 130px;
}
.inquiry_link_ul li {
float: left;
display: block;
width: 313px;
padding: 10px;
border: 1px solid #009fb9;
margin: 0px 10px 0px 0px;
}
.inquiry_link_ul li p {
font-size: 12px !important;
margin: 0;
}
.inquiry_link_ul li a {
display: block;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
background-color: #009fb9;
padding: 5px;
margin: 20px 0px 0px;
text-decoration: none;
}
.inquiry_link_ul li:nth-child(2) {
margin: 0px;
}
.margin-t {
margin-top: 50px;
}
.new_image_tag {
margin-top: -11px;
margin-bottom: -5px;
}
/*---スピード見積り---*/
#speed_wrapper {
width: 680px;
white-space: normal;
}
.speed_h1 {
color: #E4007F;
text-align: center;
font-size: 30px;
margin: 20px 0px 10px;
}
.speed_p {
font-size: 14px;
color: #333;
line-height: 1.8;
margin: 0;
}
.speed_ul_merit {
list-style: none;
padding: 0;
margin: 15px 0px;
}
.speed_ul_merit li {
float: left;
width: 200px;
margin: 0px 30px 0px 0px;
}
.speed_ul_merit li:nth-child(3) {
float: left;
width: 200px;
margin: 0;
}
.speed_ul_merit li img {
display: block;
margin: 0 auto;
}
.speed_ul_merit li .midsi {
color: #002967;
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 10px 0px 0px;
}
.speed_ul_merit li .text {
font-size: 14px;
margin: 0;
}
.speed_h2 {
width: 680px;
position: relative;
color: #fff;
font-size: 25px;
font-weight: bold;
text-align: center;
background: #002967;
padding: 3px 0px;
}
.speed_h2:after {
position: absolute;
content: ' ';
height: 0;
width: 0;
border: 30px solid transparent;
border-top-color: #002967;
top: 100%;
left: 50%;
margin-left: -30px;
}
.speed_h3 {
color: #002967;
font-size: 20px;
font-weight: bold;
margin: 30px 0px 10px;
border-bottom: 1px solid #002967;
}
.speed_list_img {
margin: 10px 0px 20px;
}
.speed_arrow_img {
display: block;
margin: 0 auto 10;
}
.speed_caution {
width: 658px;
padding: 15px 10px 10px;
border: 1px solid #E60012;
}
.speed_caution .midsi {
color: #E60012;
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0px 0px 10px;
}
.speed_caution .text {
font-size: 14px;
line-height: 22px;
margin: 0px 0px 5px;
}
/*---スピード見積り---*/
/*不備*/
.deficiency_fieldset {
border: none;
border-top: 2px solid #3e3a39;
width: 400px;
margin-left: 60px;
margin-top: -17px;
margin-bottom: 15px;
}
.deficiency_list {
margin-top: 2px;
margin-left: -15px;
}
.deficiency_list li {
font-size: 13px;
}
.deficiency_legend {
padding: 0 5px;
margin-left: 14px;
font-size: 14px;
}
.table_rightalign_text {
font-weight: bold;
color: #ff0000;
font-size: 13px;
text-align: right;
}
.page_unit_right_align {
position: relative;
float: right;
right: 7px;
font-size: 13px;
color: #ff0000;
font-weight: bold;
}
.small_deta_txt {
font-size: 12px;
}
.form_tempp_red_point {
font-size: 13px;
font-weight: bold;
color: #ff0000;
margin-top: -5px !important;
}
.deta_tx_red {
font-size: 14px;
color: #ff0000;
}
/*不備*/
.two_page_order_image {
margin-bottom: 15px;
}
.num_price_note_text {
color: #d60f0f;
font-weight: bold;
text-align: center;
}
.num_price_note_list {
display: none;
display: block;
border: 2px solid #d60f0f;
padding: 14px;
margin: 10px 0px 0px;
}
.num_price_note_list p {
margin: 0px 0px 10px;
color: #d60f0f;
}
.num_price_note_list p.title {
font-weight: bold;
margin: 0;
}
.num_price_note_list p.adress_text {
margin: 5px 0px 0px;
}
#num_over_note {
display: none;
}
/*-受付時間変更-*/
.shipdate-change-wrapper {
background-color: #efefef;
padding: 0.8rem 0.52rem 0.1rem;
width: 650px;
}
.shipdate-change-wrapper p {
font-size: 13px;
margin: 14px 0;
white-space: normal;
margin: 5px 0px;
}
.shipdate-change__title {
background-color: #333333;
color: #fff;
text-align: center;
display: block;
width: 65%;
margin: 0 auto;
padding: 0.3rem;
font-size: 14px;
}
.reddish-text {
color: #d80010;
font-weight: bold;
font-size: 1rem;
}
.shipdate-change {
width: 85%;
display: block;
margin: 0 auto;
}
.before-change {
border: 1px solid grey;
background-color: #fff;
padding: 0.3rem 1rem;
width: 30%;
display: inline-block;
}
.before-change .tag {
margin-right: 2rem;
}
.before-change .time-change {
font-weight: bold;
font-size: 18px;
}
.after-change {
border: 2px solid #d8004a;
background-color: yellow;
padding: 0.6rem 0.5rem;
width: 50%;
display: inline-block;
line-height: 1rem;
}
.after-change .tag {
background-color: #d8004a;
color: #fff;
padding: 0.2rem 0.8rem 0.1rem;
font-weight: bold;
margin-right: 1rem;
font-size: 0.9rem;
}
.after-change .time-change {
font-weight: bold;
font-size: 20px;
}
.middle-arrow {
font-weight: bold;
font-size: 1.2rem !important;
margin: 0rem 0.8rem;
width: 3%;
display: inline-block;
}
.margin-b20 {
margin-bottom: 20px;
}
/*-受付時間変更-*/
.num_navi {
display: unset !important;
}
.small_text {
font-weight: normal !important;
font-size: 12px;
}
/*----*/
.compare_table {
width: 100%;
border-collapse: collapse;
}
.compare_table td {
border: 1px solid grey;
padding: 12px;
font-size: 13px;
}
/*会社案内作り方cssここから*/
.how-to-make-title-text {
font-size: 17px;
margin-bottom: 0;
font-weight: bold;
color: #039e8d;
}
.how-to-make-colum_p {
font-size: 16px;
line-height: 1.5;
margin: 0;
margin-bottom: 2rem;
}
.reference-price-wrapper {
padding: 0.5rem 1rem;
border: 1px solid #9e9e9e;
}
.reference-price-title-text {
font-size: 15px;
font-weight: bold;
margin-bottom: 0.3rem;
margin-top: 0.5rem;
}
.reference-price-table tr:nth-of-type(2) {
line-height: 2.5;
}
.reference-price-table tr:nth-of-type(1) {
background-color: #ced2d9;
line-height: 2;
}
.reference-price-table {
width: 100%;
border-collapse: collapse;
}
.reference-price-table td {
border: 1px solid #090b0e;
text-align: center;
font-size: 15px;
}
.specification-table td {
font-size: 15px;
}
.specification-table td:nth-of-type(2) {
width: 45%;
}
.specification-table td:nth-of-type(1) {
width: 25%;
}
.specification-table {
width: 90%;
}
.rakuraku_title {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 2.5rem 0 0.3rem;
}
a.guide-link-wrap {
background-color: #14bff7;
text-decoration: none;
width: 48%;
margin: auto;
display: block;
text-align: center;
font-size: 19px;
color: #fff;
font-weight: bold;
padding: 1rem 0 0.8rem;
border-radius: 10px;
}
a.guide-link-wrap:hover {
opacity: 0.7;
}
.decision_table {
width: 100%;
border-collapse: collapse;
margin: 1rem 0 2.3rem;
}
.decision_table td:nth-of-type(1) {
width: 25%;
background-color: #56a1de;
color: #fff;
font-weight: bold;
padding-left: 0.5rem;
}
.decision_table td {
font-size: 14px;
border: 1px solid #fff;
line-height: 2;
}
.table-dark-blue-bg {
background-color: #b4c7e6;
padding: 0.4rem 0 0.3rem 0.4rem;
}
.table-light-blue-bg {
background-color: #ecf3ff;
padding: 0.4rem 0 0.3rem 0.4rem;
}
.highlight_paragraph {
background-color: #dde8de;
font-size: 16px;
}
.company-intro-text {
font-size: 15px;
font-weight: bold;
color: #039e8d;
text-align: center;
margin-top: 0;
margin-bottom: 0.5rem;
}
.rakuraku_img {
border: 2px solid #039e8d;
padding: 0.8rem;
}
.company-intro-link {
text-decoration: none;
}
/*利用規約修正*/
.shrai_h2 .h2_small-text {
color: #1eb4a3;
font-size: 12px;
margin-left: 15px;
}
.shrai_p.large_text {
font-size: 14px;
}
.shrai_p.large_text.bold-text {
margin: 10px 0px 0px;
font-weight: bold;
}
.shrai_p.large_text.margin-text {
margin-top: 15px;
}
.shrai_p .red_text {
font-size: 14px;
color: #ff0000;
}
.against_rules_linktext {
display: inline-block;
margin-top: 10px;
}
/*利用規約修正*/
/*---冊子カテゴリ修正---*/
.ossme_left {
display: inline-block;
width: 47%;
margin: 0 0 0 2rem;
}
.ossme_right {
display: inline-block;
width: 45%;
vertical-align: top;
}
.kakaku_caption {
font-size: 14px;
font-weight: bold;
margin: 10px 0px 0px;
padding-bottom: 0;
text-align: center;
}
.paper_type {
color: black !important;
border-right: double gray;
background: #F3FBFA;
}
.wrap_about_datamaking {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.about_datamaking_phrase {
display: inline-block;
width: 60%;
margin-right: 15px;
position: relative;
border: 5px solid silver;
background-color: white;
padding: 5px;
}
.about_datamaking_phrase:before {
content: '';
position: absolute;
width: 0;
height: 0;
right: -20px;
top: calc(50% - 15px);
border-top: 15px solid transparent;
border-left: 15px solid silver;
border-bottom: 15px solid transparent;
}
.about_datamaking_phrase:after {
content: '';
position: absolute;
width: 0;
height: 0;
right: -14px;
top: calc(50% - 15px);
border-top: 15px solid transparent;
border-left: 15px solid white;
border-bottom: 15px solid transparent;
}
.link_datamaking_phrase {
display: inline-block;
width: 30%;
margin: 5px;
}
.inline_link {
text-decoration: none;
color: #14B4A3;
}
.inline_link:visited {
text-decoration: none;
color: #14B4A3;
}
.ossme_tojikata {
float: left;
font-size: 13px;
line-height: 20px;
margin: 10px 15px 0px 0px;
}
/*---クイック見積り---*/
.ossme_tojikata {
float: left;
font-size: 13px;
line-height: 20px;
margin: 10px 15px 0px 0px;
}
.top_quick_mitmori {
margin: 0px 0px 20px;
padding: 20px 10px;
background-color: #efefef;
border-radius: 5px;
}
.top_quick_mitmori .quick_mitmori_title {
font-size: 16px;
font-weight: bold;
text-align: center;
border-bottom: 2px solid #000;
margin: 0px 0px 10px;
}
.top_quick_mitmori .quick_mitmori_select {
margin: 10px 0px 15px;
}
.top_quick_mitmori .quick_mitmori_select_ri {
float: left;
width: 330px;
text-align: right;
margin: 5px 0px 0px;
}
.top_quick_mitmori .quick_mitmori_select_le {
float: left;
width: 330px;
text-align: right;
margin: 5px 0px 0px;
}
.top_quick_mitmori .quick_mitmori_select_title {
float: left;
width: 70px;
font-size: 13px;
line-height: 16px;
margin: 8px 5px 0px 0px;
}
.top_quick_mitmori .quick_mitmori_select_title.two_paragraph {
margin: 0px 5px 0px 0px;
}
.top_quick_mitmori .quick_mitmori_select_ri select,
.top_quick_mitmori .quick_mitmori_select_le select {
float: left;
width: 250px;
padding: 6px;
font-size: 13px;
}
.top_quick_mitmori .quick_mitmori_click {
border-top: 1px solid #d3d3d3;
}
.top_quick_mitmori .quick_mitmori_click_ri {
float: left;
width: 305px;
text-align: right;
margin: 20px 15px 0px 15px;
}
.top_quick_mitmori .quick_mitmori_click_le {
float: left;
width: 305px;
text-align: right;
margin: 20px 0px 0px;
}
.top_quick_mitmori .quick_mitmori_click_title {
float: left;
font-size: 13px;
line-height: 16px;
margin: 10px 10px 0px 0px;
}
.top_quick_mitmori .quick_mitmori_click_price {
float: left;
margin: 10px 0px 0px;
}
.top_quick_mitmori .quick_mitmori_click_price .is_price {
margin: 0;
}
.top_quick_mitmori .quick_mitmori_click_price .is_price .is_price_box {
color: #000;
margin: 0px 5px;
padding: 10px 10px 2px 25px;
border: 1px solid #009EA6;
background-color: #fff;
}
.top_quick_mitmori .quick_mitmori_click_price .is_price .is_price_box #price {
color: #000;
}
.top_quick_mitmori .quick_mitmori_click_price .is_price .is_price_total {
font-size: 13px !important;
font-weight: normal !important;
}
.top_quick_mitmori .quick_mitmori_button {
cursor: pointer;
display: block;
width: 290px;
text-align: center;
margin: 0 auto;
padding: 15px 10px;
background-color: #E8414B;
border-style: none;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
.top_quick_mitmori .quick_mitmori_button span {
font-size: 15px;
font-weight: normal;
}
.quick_mitmori_text {
font-size: 12px;
margin: 20px 0px 0px;
}
.quick-box_panf,
.quick-box_colt {
padding: 15px 10px;
border-radius: 8px;
background-color: #F7F8F8;
}
.quick-box_title {
font-size: 15px;
font-weight: bold;
text-align: center;
padding-bottom: 5px;
margin: 0;
border-bottom: 2px solid #000;
}
.quick-box_panf .quick-box_list {
list-style: none;
padding: 0;
margin: 15px 0px 0px;
}
.quick-box_panf .quick-box_list li {
float: left;
width: 320px;
padding-right: 8px;
margin: 0px 10px 0px 0px;
border-right: 1px solid #696969;
}
.quick-box_panf .quick-box_list li:nth-child(2) {
float: left;
width: 320px;
margin: 0;
padding: 0;
border: none;
}
.quick_ossm_title {
position: relative;
display: block;
color: #fff;
font-size: 14px;
text-align: center;
padding: 5px;
margin: 0px 0px 15px;
background-color: #ED6C00;
}
.quick_ossm_title:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #ED6C00;
}
.quick_cheap_title {
position: relative;
display: block;
color: #fff;
font-size: 14px;
text-align: center;
padding: 5px;
margin: 0px 0px 15px;
background-color: #03B8DF;
}
.quick_cheap_title:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #03B8DF;
}
.quick_fine_title {
position: relative;
display: block;
color: #fff;
font-size: 14px;
text-align: center;
padding: 5px;
margin: 0px 0px 15px;
background-color: #009EA6;
}
.quick_fine_title:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #009EA6;
}
.quick_way_list {
border-bottom: 1px dotted #000;
margin-bottom: 8px;
font-size: 13px;
}
.quick_way_list.book_form {
width: 320px;
}
.quick_way_list_title {
font-size: 13px;
margin: 0;
font-weight: bold;
}
.quick_price {
float: right;
}
.quick_price_title {
float: left;
font-size: 13px;
line-height: 18px;
text-align: right;
margin: 10px 10px 0px 0px;
}
.quick_price_num {
float: left;
font-size: 13px;
text-align: right;
margin: 10px 0px 0px;
}
.quick_price_num .is_price {
margin: 0;
}
.quick_price_num .is_price .is_price_box {
color: #000;
margin: 0;
padding: 10px 10px 2px 35px;
border: 1px solid #009EA6;
background-color: #fff;
}
.quick_price_num .is_price .is_price_box #price_ossm,
.quick_price_num .is_price .is_price_box #price_cheap,
.quick_price_num .is_price .is_price_box #price_fine {
color: #000;
font-size: 24px;
}
.quick_mitmori_click a {
cursor: pointer;
display: block;
width: 200px;
text-align: center;
margin: 0 auto;
padding: 10px 10px;
background-color: #E8414B;
border-style: none;
border-radius: 5px;
font-size: 15px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.quick_mitmori_click a:hover {
opacity: 0.7 !important;
}
.quick-box_text {
font-size: 12px;
margin: 20px 0px 0px;
}
.quick-box_colt .quick-box_list {
list-style: none;
padding: 0;
margin: 15px 0px 0px;
}
.quick-box_colt .quick-box_list li {
float: left;
width: 210px;
padding-right: 7px;
margin: 0px 5px 0px 0px;
border-right: 1px solid #696969;
}
.quick-box_colt .quick-box_list li:nth-child(3) {
float: left;
width: 210px;
padding: 0;
margin: 0;
border: none;
}
.quick-box_colt .quick_way_list.book_form {
width: 210px;
}
.quick-box_colt .quick_mitmori_click a {
width: 190px;
}
.quick-box_optiontext {
font-size: 12px;
margin: 0;
}
.quick-box_optiontext_none {
margin-bottom: 41px !important;
}
.top_quick_link {
text-align: center;
margin: 0px 0px 30px;
}
.top_quick_link .title {
font-size: 15px;
font-weight: bold;
margin: 0px 0px 5px;
}
.quick_link_button {
cursor: pointer;
display: block;
width: 250px;
text-align: center;
margin: 0 auto;
padding: 15px 10px;
background-color: #009EA6;
border-style: none;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
color: #ffffff !important;
text-decoration: none;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.quick_link_button:hover {
opacity: 0.7 !important;
}
.form_trial_text {
font-size: 14px;
margin: 10px 0px 15px;
}
.form_trial_text .bold-text {
font-weight: bold;
}
.form_trial_box {
padding: 10px;
margin: 0px 0px 30px;
background-color: #efefef;
}
.form_trial_box .title {
font-size: 14px;
margin: 0;
}
.form_trial_box .text {
font-size: 13px;
margin: 0;
}
.form_trial_box .text .bold-text {
font-weight: bold;
}
.form_quick_box {
padding: 0px 0px 10px;
border-radius: 5px;
border: 2px solid #E8414B;
}
.quick_box_title {
color: #fff;
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 5px;
text-align: center;
background-color: #E8414B;
}
.quick_box_text {
font-size: 14px;
margin: 10px;
}
.quick_box_induction {
color: #E8414B;
font-size: 14px;
margin: 0;
text-align: center;
}
.form_quick_modal {
position: relative;
font-size: 13px;
text-decoration: none !important;
text-align: left;
margin: 5px 0px 15px;
padding-left: 20px;
}
.form_quick_modal a:after {
position: absolute;
font-family: FontAwesome;
content: "\f29c";
top: -2;
left: -8;
color: #00A0E9;
font-size: 22px;
margin: 0px 0px 0px 6px;
}
.form_quick_modal a:hover {
opacity: 0.7;
}
#form_quick_redbox,
#form_trial_quick_box {
display: none;
}
.kingaku_quick_modal {
text-align: center;
margin: 10px 0px 0px;
}
.kingaku_quick_modal .form_quick_modal {
display: inline-block;
margin: 0 auto;
}
.top_quick_btn {
text-align: center;
margin: 10px 0px 30px;
padding: 10;
border-radius: 3px;
background-color: #EFEFEF;
}
.top_quick_btn .title {
color: #2f2725;
font-size: 15px;
font-weight: bold;
margin: 0px 0px 5px;
}
.quick_btn_button {
cursor: pointer;
display: block;
width: 270px;
text-align: center;
margin: 0 auto;
padding: 15px 10px;
background-color: #E8414B;
border-style: none;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
color: #ffffff !important;
text-decoration: none;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.quick_btn_button:hover {
opacity: 0.7 !important;
}
/*---クイック見積り---*/
/** くるみ|| CSS**/
.kurumi-table {
width: 100%;
border-collapse: collapse;
line-height: 2;
margin: 15px 0;
}
.kurumi-table td {
border: 1px solid grey;
padding: 12px;
font-size: 13px;
}
.mt-2 {
margin-top: 15px;
}
.mb-2 {
margin-bottom: 15px;
}
.mb-5 {
margin-bottom: 45px !important;
}
/** くるみ|| CSS**/
/*注文フォームタイトル修正*/
.form_h2_order {
position: relative;
color: #fff;
background-color: #369E92;
padding: 10px 20px 10px 30px;
margin-bottom: 0px !important;
}
.form_h2_order:before {
position: absolute;
top: 25%;
left: 10px;
width: 6px;
height: 50%;
content: '';
background: #fff;
}
.form_h2_order>p {
float: left;
margin: 15px 0px 0px;
font-size: 25px;
}
.form_h2_order>p>span {
font-size: 14px;
}
.form_h2_order>img {
float: right;
}
.form_cart_p {
text-align: center;
margin: 10px 0px 0px !important;
}
.form_cart_p>a {
color: #27aa9b;
}
/*[新規コラム]ノドとは*/
.column_deta-yohaku_img {
margin: 10px 0px;
}
.column_moji-yohaku_title {
margin: 15px 0px 0px;
}
.column_moji-yohaku_table {
width: 100%;
border-collapse: collapse;
margin: 0px 0px 15px;
}
.column_moji-yohaku_table td {
width: 32%;
border: 1px solid #090b0e;
text-align: center;
font-size: 15px;
}
.column_moji-yohaku_table tr:nth-of-type(2) {
line-height: 2.5;
}
.column_moji-yohaku_table tr:nth-of-type(1) {
background-color: #ced2d9;
line-height: 2;
}
/*[新規コラム]ノドとは*/
/*[新規コラム]平綴じとは*/
.column_hirtoji-merit_title {
margin: 15px 0px 5px;
}
.column_hirtoji-merit_table {
width: 100%;
margin: 0px 0px 30px;
background-color: black;
}
.column_hirtoji-merit_table th {
width: 300px;
background-color: #DEEAF6;
padding: 6px;
font-size: 14px;
}
.column_hirtoji-merit_table th:nth-child(2) {
width: 380px;
}
.column_hirtoji-merit_table td {
padding: 6px;
background-color: #fff;
font-size: 14px;
border: solid 5px #deeaf6;
}
/*[新規コラム]平綴じとは*/
.clm_img_left {
float: left;
width: 325px;
margin: 20px 30px 40px 0px;
}
.clm_img_right {
float: left;
width: 325px;
margin: 20px 0px 40px;
}
.h4_sub_title {
font-weight: bold;
font-size: 18px;
padding-left: 7px;
margin: 10px 0px 10px;
}
.column-table-title-text {
font-size: 16px;
margin-top: 15px;
}
.advantages_table {
width: 100%;
border-collapse: collapse;
}
.advantages_table td {
border: 1px solid grey;
padding: 5px;
font-size: 16px;
}
.advantages_table ul {
padding-left: 20px;
line-height: 24px;
}
/*2021/05/17追加*/
.mt-3 {
margin-top: 15px;
}
.colum_p_red {
color: red !important;
font-size: 16px;
}
td.td-width {
width: 65px;
}
.pl-3 {
padding-left: 1rem;
}
.mb-0 {
margin-bottom: -1.3rem !important;
}
.reason-table td:nth-of-type(2) {
width: 90px;
}
.reason-table td:nth-of-type(1) {
width: 110px;
}
.reason-table td {
border: 1px solid #9e9e9e;
padding: 8px;
font-size: 15px;
}
.reason-table {
border-collapse: collapse;
width: 680px;
}
.character-table {
border-collapse: collapse;
width: 680px;
}
.character-table td {
border: 1px solid #9e9e9e;
padding: 8px;
font-size: 15px;
}
.pl-5 {
padding-left: 73px;
}
.link-text {
font-size: 15px !important;
color: #3db1a3 !important;
font-weight: bold !important;
line-height: 32px !important;
padding-left: 10px !important;
}
.feature_box_le .feature {
min-height: 219px;
}
.feature_box_le ul {
margin-top: 23px;
}
.mt-87 {
margin-top: 87px;
}
.point_txt_margin {
margin-bottom: 50px !important;
}
.mt-110 {
margin-top: 110px;
}
span.small-no-text {
font-size: 12px;
}
/*価格表ページ*/
.form_price_table {
background-color: #efefef;
border-radius: 5px;
margin: 0px 0px 30px;
padding: 10px;
}
.form_price_table .title {
font-size: 15px;
font-weight: bold;
text-align: center;
margin: 0px 0px 10px;
}
.price_table_select {
margin: 10px 0px 15px;
}
.price_table_select_ri {
float: left;
width: 330px;
text-align: right;
margin: 5px 0px 0px;
}
.price_table_select_le {
float: left;
width: 330px;
text-align: right;
margin: 5px 0px 0px;
}
.price_table_select_title {
float: left;
width: 70px;
font-size: 13px;
line-height: 16px;
margin: 8px 5px 0px 0px;
}
.price_table_select_title.two_paragraph {
margin: 0px 5px 0px 0px;
}
.price_table_select_ri select,
.price_table_select_le select {
float: left;
width: 250px !important;
padding: 6px;
font-size: 13px;
}
.price_table_title {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0px 0px 10px;
}
.price_table_note {
background-color: #d5eceb;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 15px;
padding: 3px 8px;
}
/*価格表ページ*/
.small-text {
font-size: 10pt;
}
/*ホッチキスできれいに製本する方法 追加CSS*/
.center-image {
width: 50%;
display: block;
margin: 0 auto;
}
.text-above-image {
font-size: 16px;
margin: 33px 0 3px;
font-weight: bold;
}
span.table-sign {
font-size: 11px;
vertical-align: top;
}
/*表紙にPP加工をするとどんな印象の冊子になるの？｜ここから*/
.red-text {
font-weight: bold;
color: #ff0000;
}
/*表紙にPP加工をするとどんな印象の冊子になるの？｜ここまで*/
/*右綴じと左綴じについて|CSS追加｜ここから*/
.booklet_table {
border-collapse: collapse;
}
.booklet_table td:first-child {
width: 70px;
}
.booklet_table td {
border: 1px solid grey;
padding: 5px;
}
.compare_table td {
padding: 5px;
}
.mt-0 {
margin-top: 0;
}
/*右綴じと左綴じについて|CSS追加｜ここまで*/
/*平綴じとは？綴じ方と特徴を解説｜ここから*/
.bold-text {
font-weight: bold;
}
.mb-1 {
margin-bottom: 0px;
}
.tokkyu-table {
width: 100%;
border-collapse: collapse;
}
.tokkyu-table td {
border: 1px solid grey;
padding: 5px 12px;
font-size: 16px;
}
/*平綴じとは？綴じ方と特徴を解説｜ここまで*/
/*コスプレ写真集を印刷依頼する際の流れと料金の目安 |ここから*/
.book_fee_ul {
list-style-type: none;
font-size: 16px;
line-height: 1.5;
padding: 0;
}
/*コスプレ写真集を印刷依頼する際の流れと料金の目安 |ここまで*/
/*A5とB6はどれくらいのサイズ？ |ここから*/
.size_table {
width: 50%;
border-collapse: collapse;
}
.size_table td {
width: 25%;
padding: 5px;
border: 1px solid grey;
padding: 5px;
}
.size-width {
width: 20%;
}
/*A5とB6はどれくらいのサイズ？ |ここまで*/
/*「教材・テキスト・問題集印刷」修正 |ここから*/
.genre_ossme_musen.long_title .midsi_blue {
clear: both;
margin: 15px 0px 0px 10px;
}
.genre_ossme_musen.long_title .ossme_toji_le .txt {
margin: 5px 0px 5px 10px;
}
.genre_ossme_nakat {
margin: 30px 0px 10px 5px;
}
.genre_ossme_nakat.long_title .midsi_yellow {
clear: both;
margin: 15px 0px 0px 10px;
}
.genre_ossme_nakat.long_title .ossme_toji_le .txt {
margin: 5px 0px 5px 10px;
}
.kakaku_caption .border_text {
text-decoration: underline;
}
/*「教材・テキスト・問題集印刷」修正 |ここまで*/
.notes_small_text {
font-size: 11px;
}
/*上製本とは？並製本との違いもあわせて解説 |ここから*/
.first-width {
width: 10%;
}
.second-width {
width: 35%;
}
.third-width {
width: 33%;
}
/*上製本とは？並製本との違いもあわせて解説 |ここまで*/
/*オンデマンド印刷とは？ |ここから*/
.colum_h4 {
font-weight: bold;
font-size: 16px;
}
.compare_table tr td {
border: 1px solid #9e9e9e;
}
.compare_table .width {
width: 30%;
}
.compare_table .width-td {
width: 70%;
}
.compare_table .table td {
/*text-align: center;*/
height: 15px;
}
.compare_table3 .table tr td {
text-align: left;
height: 15px;
}
.compare_table .table .height {
height: 15px;
}
.sup {
font-size: 15px;
}
.mb-1 {
margin-bottom: -0.8rem;
}
/*オンデマンド印刷とは？ |ここまで*/
/*厚紙印刷できる用紙の厚さとは？ |ここから*/
.width_table {
width: 100%;
border-collapse: collapse;
margin: 15px 0px;
}
.width_table td {
border: 1px solid grey;
padding: 5px 12px;
font-size: 14px;
}
/*厚紙印刷できる用紙の厚さとは？ |ここまで*/
/*冊子の中綴じとは？ |ここから*/
.tokkyu-table tr td:first-child {
width: 30%;
}
.tokkyu-table tr td:nth-child(2),
.tokkyu-table tr td:nth-child(3) {
width: 35%;
}
/*冊子の中綴じとは？ |ここまで*/
/*冊子の手段と流れとは |ここから*/
.table_one {
width: 50%;
}
.table_two {
width: 90%;
}
.table_two td:first-child {
width: 50px;
}
.table_three .td_three {
width: 40%;
}
.table_three td {
width: 20%;
}
/*冊子の手段と流れとは |ここまで*/
/*ハードカバーで製本するために必要な準備とは？｜Css追加｜ここから*/
.hard_cover_table {
line-height: 28px;
}
.hard_cover_table td {
padding: 10px 12px;
}
.ml-115 {
margin-left: 115px !important;
}
.features_btn_width {
width: 450px !important;
}
.flow_preparation_list {
padding-left: 0;
}
.flow_preparation_list>li {
list-style: none;
line-height: 2rem;
font-size: 16px;
padding-left: 0.5rem;
}
/*ハードカバーで製本するために必要な準備とは？｜ここまで*/
/*PDFファイルを安く印刷する方法とは？ |ここから*/
.location_table {
width: 100%;
border-collapse: collapse;
margin: 15px 0px;
}
.location_table td {
border: 1px solid grey;
padding: 10px 8px;
font-size: 16px;
text-align: left;
vertical-align: top;
}
.location_table tr td:nth-child(1),
.location_table tr td:nth-child(2),
.location_table tr td:nth-child(3),
.location_table tr td:nth-child(4),
.location_table tr td:nth-child(5) {
width: 20%;
}
.print_subtitle {
font-weight: bold;
font-size: 18px;
}
.print_price_table {
width: 100%;
border-collapse: collapse;
margin-top: 0px;
margin-bottom: 15px;
}
.print_price_table td {
border: 1px solid grey;
padding: 5px 12px;
font-size: 16px;
text-align: left;
vertical-align: top;
}
.print_recommended_method_table {
width: 60%;
border-collapse: collapse;
margin: 15px 0px;
}
.print_recommended_method_table td {
border: 1px solid grey;
padding: 5px 12px;
font-size: 16px;
text-align: left;
vertical-align: top;
}
.no-margin {
margin-bottom: 0px;
font-size: 16px;
}
.mb-5 {
margin-bottom: 15px !important;
}
/*PDFファイルを安く印刷する方法とは？ |ここまで*/
/*冊子の並製本とは |ここから*/
.table__one {
width: 95%;
border-collapse: collapse;
margin-top: 0px;
}
.table__one td {
width: 100%;
border: 1px solid grey;
font-size: 16px;
vertical-align: top;
padding: 5px 12px;
}
.table__one td:first-child {
width: 20%;
text-align: center;
}
.table__two {
width: 100%;
border-collapse: collapse;
margin-top: 0px;
}
.table__two td {
width: 33.333%;
border: 1px solid grey;
font-size: 16px;
vertical-align: top;
padding: 5px 12px;
}
.table__three {
width: 100%;
border-collapse: collapse;
margin-top: 0px;
margin-bottom: 0px;
}
.table__three td {
width: 20%;
border: 1px solid grey;
font-size: 16px;
vertical-align: top;
padding: 5px 12px;
}
.table__four {
width: 100%;
border-collapse: collapse;
margin-top: 0px;
margin-bottom: 0px;
}
.table__four td {
width: 25%;
border: 1px solid grey;
font-size: 16px;
vertical-align: top;
padding: 5px 12px;
}
/*印刷方法 |ここから*/
.print_procedure_table td {
padding: 5px 0px 0px 0px;
font-size: 16px;
text-align: left;
vertical-align: top;
}
/*印刷方法 |ここまで*/
/*論文を印刷会社で製本印刷する方法 |ここから*/
.column_flow_text {
padding-left: 5px;
font-size: 16px;
}
.column_flow_table {
width: 100%;
border-collapse: collapse;
margin-top: 0px;
}
.column_flow_table td {
border: 1px solid grey;
padding: 4px 9px;
font-size: 14px;
text-align: left;
}
.column_flow_table tr td:nth-child(1) {
width: 15%;
}
.column_flow_table tr td:nth-child(2),
.column_flow_table tr td:nth-child(3),
.column_flow_table tr td:nth-child(4),
.column_flow_table tr td:nth-child(5) {
width: 20%;
}
.sub_small_title {
font-weight: bold;
font-size: 18px;
padding-left: 7px;
margin: 10px 0px 10px;
}
span.red_text {
color: red !important;
font-size: 16px !important;
}
span.bold-text {
font-size: 16px;
font-weight: bold;
}
.no-margin_top {
margin-top: 0px;
font-size: 16px;
}
/*論文を印刷会社で製本印刷する方法 |ここまで*/
/*小説製本のポイント |ここから*/
.size_table {
width: 100%;
}
.size_table td {
font-size: 16px;
}
.h4_sub_title {
font-weight: bold;
font-size: 16px;
padding-left: 8px;
margin: 10px 0px 10px;
}
.colum_p a {
line-height: 0px;
}
.full-img {
margin-bottom: 15px;
}
/*小説製本のポイント |ここまで*/
/*オンデマンド印刷とオフセット印刷の違いとは？ ここから*/
.column_number_text {
padding-left: 10px;
font-size: 16px;
}
/*オンデマンド印刷とオフセット印刷の違いとは？ ここまで*/
/*A5とB6 ここから*/
.clm_photo {
margin-bottom: 15px;
}
/*A5とB6 ここまで*/
.history_talbe {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
margin: 0.5rem 0rem 2rem;
}
.history_talbe th {
text-align: center;
padding: 0.6rem 0rem;
border: 1px solid #808080;
line-height: 1;
width: auto !important;
}
.history_talbe td {
text-align: left !important;
font-weight: normal !important;
padding: 0.3rem;
border: 1px solid #808080;
}
/*---小ロット中綴じ・無線綴じ---*/
.smalllot_table_size {
width: 350px;
font-size: 13px;
margin: 0px 0px 20px;
border-collapse: collapse;
}
.smalllot_table_size tr td {
padding: 5px;
width: 40%;
background-color: #e6e6e6;
}
.smalllot_table_size tr td:nth-child(2) {
width: 60%;
background-color: #fff;
}
.smalllot_table_price {
width: 100%;
font-size: 13px;
margin: 0px 0px 20px;
border-collapse: collapse;
}
.smalllot_table_price tr th,
.smalllot_table_price tr td {
padding: 5px;
}
.smalllot_table_price tr th {
padding: 5px;
background-color: #e6e6e6;
}
.smalllot_table_price tr th:nth-child(1) {
width: 8%;
}
.smalllot_table_price tr td:nth-child(1) {
text-align: center;
}
.smalllot_work_jirei {
margin: 10px 0px;
}
.smalllot_work_jirei .left_img {
float: left;
width: 330px;
}
.smalllot_work_jirei .right_img {
float: left;
width: 330px;
margin: 0px 0px 0px 20px;
}
.smalllot_detail_link {
width: 250px;
display: block;
margin: 30 auto 10;
font-size: 18px;
text-align: center;
padding: 1em 1.5em;
text-decoration: none;
background: #f7f7f7;
border-left: solid 6px #27AA9B;
color: #27AA9B !important;
font-weight: bold;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.smalllot_detail_link:active {
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);
}
.smalllot_detail_link:hover {
opacity: 0.7;
}
/*---小ロット中綴じ・無線綴じ---*/
/*--塗り足しとは？ ここから*/
.table_refill {
width: 100%;
border-collapse: collapse;
margin-top: 0px;
margin-bottom: 0px;
}
.table_refill td {
width: 33.333%;
border: 1px solid grey;
font-size: 16px;
vertical-align: top;
padding: 3px;
}
.list_table td {
padding: 5px 0px 0px 0px;
font-size: 16px;
text-align: left;
vertical-align: top;
}
/*--塗り足しとは？ ここまで*/
body.body>div:first-of-type>div:first-of-type {
position: relative;
}
.header_contact_button {
position: absolute;
right: 150px;
top: 40px;
}
/*--入稿用のPDFデータの作成方法と注意点 ここから*/
.nuritashi {
list-style: none;
background-color: #f5f5f5;
height: 280px;
padding: 10px;
margin: 15px 0px 15px;
}
.nuritashi-text {
font-size: 16px;
font-weight: bold;
text-align: center;
}
.nuritashi li {
float: left;
width: 331px;
margin: 0;
padding: 0%;
}
.nuritashi li:nth-child(2) {
float: left;
width: 303px;
}
.red-text {
color: #ff0000;
}
.pdf_table {
width: 100%;
border-collapse: collapse;
}
.pdf_table td {
border: 1px solid grey;
padding: 3px;
font-size: 16px;
}
.pdf_table tr td {
border: 1px solid #9e9e9e;
}
.pdf_table .width {
width: 30%;
}
.pdf_table .width-td {
width: 70%;
}
.good-img {
padding: 3px;
}
.width_full {
width: 580px;
margin: auto;
display: block;
}
/*--入稿用のPDFデータの作成方法と注意点 ここまで*/
/*--マットコート紙とは？ ここから*/
.differences_table {
width: 100%;
border-collapse: collapse;
margin-top: 0px;
margin-bottom: 0px;
}
.differences_table td {
border: 1px solid grey;
font-size: 16px;
vertical-align: top;
padding: 2px;
text-align: left;
}
/*--マットコート紙とは？ ここまで*/
/*--紙質とは 用紙の種類や用途を紹介 ここから*/
.size-width tr td:nth-child(1) {
width: 20%;
}
.table_box tr td:nth-child(1) {
width: 15%;
}
.table_box tr td:nth-child(2) {
width: 25%;
}
.table_bold {
font-weight: bold;
}
.compare_table td {
font-size: 16px;
vertical-align: top;
}
/*--紙質とは 用紙の種類や用途を紹介 ここまで*/
/*--用紙サイズをご紹介 ここから*/
.paper_size_table {
width: 80%;
border-collapse: collapse;
}
.paper_size_table td {
border: 1px solid grey;
padding: 5px 12px;
font-size: 16px;
text-align: left;
width: 26.6%;
vertical-align: top;
}
.paper_size_table tr td:first-child {
width: 20%;
}
.print_price_table .td-one {
width: 16%;
}
.print_price_table .td-two {
width: 20%;
}
.mt-4 {
margin-top: 30px;
}
/*--用紙サイズをご紹介 ここまで*/
/*中綴じとは？ どんな製本方法かページ数や冊子の特徴を解説<ここから>*/
span.ml-3 {
margin-left: 40px;
}
/*中綴じとは？ どんな製本方法かページ数や冊子の特徴を解説<ここまで>*/
/*文庫本の製本作成|ここから*/
.column_box {
border: 1px solid #263238;
padding: 0 1rem 1rem 1rem;
}
/*文庫本の製本作成|ここまで*/
/*--リング製本とは？ ここから*/
.paper_price_table {
width: 100%;
border-collapse: collapse;
}
.paper_price_table td {
border: 1px solid grey;
padding: 5px 12px;
font-size: 16px;
text-align: left;
vertical-align: top;
}
.paper_price_table tr td:first-child {
width: 20%;
}
.paper_price_table tr td:nth-child(2) {
width: 45%;
}
.paper_price_table tr td:nth-child(3) {
width: 35%;
}
.paper_price_table .center-aligned {
text-align: center;
}
/*--意外に知らない？ ここから*/
.binding_book_table {
width: 100%;
border-collapse: collapse;
}
.binding_book_table td {
border: 1px solid grey;
padding: 5px 12px;
font-size: 16px;
text-align: left;
vertical-align: top;
}
.binding_book_table tr td:first-child {
width: 30%;
}
.binding_method_table {
width: 100%;
border-collapse: collapse;
}
.binding_method_table td {
border: 1px solid grey;
padding: 5px 12px;
font-size: 16px;
text-align: left;
vertical-align: top;
}
.binding_method_table tr td:first-child {
width: 33.333%;
}
.binding_method_table tr td:nth-child(2) {
width: 33.333%;
}
.mb-3 {
margin-bottom: 15px;
}
/*---結婚式のプロフィールブックを手作りする方法---*/
.border_box {
border: 1px solid #231F20;
padding: 0.5rem 0.5rem 0.8rem;
}
/*---Wordを使った冊子の作成方法---*/
.detail_button1 {
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-align: center;
line-height: 38px;
height: 40px;
margin-top: 20px;
margin-left: 70px;
width: 500px;
border: 2px solid #3db1a3;
border-radius: 3px;
position: relative;
top: 0px;
z-index: 2;
background-color: white;
}
.detail_button1:hover {
color: white;
background-color: #3db1a3;
}
.detail1_shadow {
position: relative;
left: 80px;
top: -20px;
z-index: 1;
margin-top: -20px;
width: 500px;
height: 46px;
background-image: linear-gradient(-45deg, #fff 30%, #3db1a3 50%, #fff 50%, #fff 90%, #3db1a3 50%, #3db1a3);
/* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 6px 6px;
}
.img_A4 {
display: block;
margin: 0 auto;
}
/*---プログラム印刷 DP ここから---*/
.genre_sonota_kami li .setumei .midsii {
font-size: 14.2px;
font-weight: bold;
position: relative;
padding-left: 8px;
border-bottom: 1px dashed #969797;
margin: 0px 0px 10px;
}
.genre_sonota_kami li .setumei .midsii:after {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: '';
width: 3px;
height: 18px;
background-color: #14B4A3;
}
.genre_sonota_kami li .pb {
float: left;
width: 333px;
border: 1px solid #C9CACA;
margin: 0;
padding-bottom: 15px;
}
img.img_A4 {
width: 60%;
margin: auto;
display: block;
}
.window_image {
width: 80%;
margin: auto;
display: block;
}
/*---プログラム印刷 DP ここまで---*/
.required_tag {
background-color: #E64437;
color: #fff;
padding: 0 10px;
border-radius: 5px;
margin-left: 0.5rem;
}
/*---製本とは？製本の種類や綴じ方について徹底解説 DP ここから---*/
.samll_text {
font-size: 12px;
}
.character-table tr .table_with {
width: 20%;
}
/*---Photoshopを使った印刷用のデータ作成ガイド DP ここから---*/
.yellow-marker {
background: linear-gradient(transparent 50%, #fff1a8 50%);
}
.table_box_1 {
font-size: 16px;
vertical-align: top;
text-align: center !important;
}
.table__box tr td:nth-child(1) {
width: 60%;
}
.table__box tr td:nth-child(2) {
text-align: center !important;
}
.big_text {
font-size: 17px;
font-weight: bold;
}
.samll__text {
font-size: 14px;
}
.link_tap a {
line-height: 1rem;
}
.mt-1 {
margin-top: 8px;
}
.detail_shadow2 {
position: relative;
left: 9px;
top: -32px;
z-index: 1;
margin-top: -20px;
width: 230px;
height: 40px;
background-image: linear-gradient(-45deg, #fff 30%, #3db1a3 50%, #fff 50%, #fff 90%, #3db1a3 50%, #3db1a3);
background-size: 6px 6px;
margin: auto;
}
.detail_button2 {
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-align: center;
line-height: 38px;
margin: 20px 0 10px 40px;
width: 230px;
height: 35px;
border: 2px solid #3db1a3;
border-radius: 3px;
position: relative;
top: 0px;
z-index: 2;
background-color: white;
margin: auto;
margin-top: 17px;
}
/*同人誌作成のキホン サイズと作成ソフトの紹介｜ここから*/
.colum_link_p a {
font-size: 16px;
color: #3db1a3;
font-weight: bold;
text-decoration: none;
line-height: 32px;
}
.self_published_related_table, .self_published_related_soft_table {
width: 100%;
border-collapse: collapse;
}
.self_published_related_table tr td, .self_published_related_soft_table tr td {
font-size: 15px;
padding: 0.5rem 0.8rem;
line-height: 25px;
border: 1px solid #9e9e9e;
}
.self_published_related_table tr td:nth-child(1) {
font-weight: bold;
width: 20%;
background-color: #f5f5f5;
}
.self_published_related_soft_table tr td:nth-child(1) {
font-weight: bold;
width: 28%;
background-color: #f5f5f5;
}
/*同人誌作成のキホン サイズと作成ソフトの紹介｜ここまで*/
/*イラストレーターを使った印刷用の入稿データ作成ガイド｜ここから*/
.ai_data_img {
display: block;
margin: 0.5rem auto;
}
.setting_artboard_list {
list-style-type: none;
margin: 0.5rem 0 1rem;
font-size: 16px;
padding-left: 0;
}
.link_text {
color: #27AA9B!important;
}
.size_color td {
background-color: #f2f2f2;
text-align: center !important;
font-weight: bold !important;
}
/*イラストレーターを使った印刷用の入稿データ作成ガイド｜ここまで*/
/*オンデマンド印刷とは？オフセット印刷との違いやメリット・デメリットを解説/ここから*/
.reproduce_colors_table,
.printing_differences_table,
.printing_method_table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
}
.reproduce_colors_table td {
border: 1px solid grey;
padding: 5px;
font-size: 16px;
vertical-align: baseline;
}
.reproduce_colors_table td:first-child {
width: 15%;
}
.printing_differences_table td {
border: 1px solid grey;
padding: 5px;
font-size: 16px;
width: 35%;
vertical-align: baseline;
}
.printing_differences_table td:first-child {
width: 37%;
}
.printing_method_table td {
border: 1px solid grey;
padding: 5px;
font-size: 16px;
width: 33.33%;
}
.printing_flow {
padding-left: 0;
margin-top: 0.5rem;
}
.printing_flow li {
font-size: 16px;
margin: 0 0 0 1.5rem;
}
/*オンデマンド印刷とは？オフセット印刷との違いやメリット・デメリットを解説/ここまで*/