@charset "utf-8";
@import url('parts.css');
/*
 *　omitumoriで使うcss
 *
 *
 *
 */

/*
 * 初期化
 */
#mainContent div.section{padding: 0;}

#mainContent div.section table{margin: 0 auto;}

/*
 * 共通クラス
 */
ul.nonlist{list-style-type: none;}
ul.nonlist li{line-height: 2;}

/* ============================================
 * 注文画面 ステップの色
============================================ */ 
div.order_step1,div.order_step2,div.order_step3,div.order_step4,div.order_step5,
div.order_step1_offset,div.order_step1_onde,div.order_step1_doujin,div.order_step1_speed,div.order_step1_quick,div.order_step1_jp,div.order_step1_okinawa,
div.order_step2_offset,div.order_step2_onde,div.order_step2_doujin,div.order_step2_speed,div.order_step2_quick,div.order_step2_jp,div.order_step2_okinawa,
div.order_step3_offset,div.order_step3_onde,div.order_step3_doujin,div.order_step3_speed,div.order_step3_quick,div.order_step3_jp,div.order_step3_okinawa,
div.order_step4_offset,div.order_step4_onde,div.order_step4_doujin,div.order_step4_speed,div.order_step4_quick,div.order_step4_jp,div.order_step4_okinawa{
width: 775px;height: 26px;
margin: 10px auto;
}
div.order_step1{background: #8dc21f url(../image/step.png) no-repeat scroll 0 0;}
div.order_step2{background: #8dc21f url(../image/step.png) no-repeat scroll 0 -26px;}
div.order_step3{background: #8dc21f url(../image/step.png) no-repeat scroll 0 -52px;}
div.order_step4{background: #8dc21f url(../image/step.png) no-repeat scroll 0 -78px;}
div.order_step5{background: #8dc21f url(../image/step.png) no-repeat scroll 0 -104px;}
/* 商品一覧用 */
div.order_step1_offset {background: #5EADD6 url(../image/step.png) no-repeat scroll 0 0;}
div.order_step1_onde   {background: #FE9900 url(../image/step.png) no-repeat scroll 0 0;}
div.order_step1_doujin {background: #FE7AA2 url(../image/step.png) no-repeat scroll 0 0;}
div.order_step1_speed  {background: #FF4314 url(../image/step.png) no-repeat scroll 0 0;}
div.order_step1_quick  {background: #33ADAD url(../image/step.png) no-repeat scroll 0 0;} /* #8EC21F */
div.order_step1_jp     {background: #8EC21F url(../image/step.png) no-repeat scroll 0 0;}
div.order_step1_okinawa{background: #8EC21F url(../image/step.png) no-repeat scroll 0 0;}

div.order_step2_offset {background: #5EADD6 url(../image/step.png) no-repeat scroll 0 -26px;}
div.order_step2_onde   {background: #FE9900 url(../image/step.png) no-repeat scroll 0 -26px;}
div.order_step2_doujin {background: #FE7AA2 url(../image/step.png) no-repeat scroll 0 -26px;}
div.order_step2_speed  {background: #FF4314 url(../image/step.png) no-repeat scroll 0 -26px;}
div.order_step2_quick  {background: #33ADAD url(../image/step.png) no-repeat scroll 0 -26px;} /* #8EC21F */
div.order_step2_jp     {background: #8EC21F url(../image/step.png) no-repeat scroll 0 -26px;}
div.order_step2_okinawa{background: #8EC21F url(../image/step.png) no-repeat scroll 0 -26px;}

div.order_step3_offset {background: #5EADD6 url(../image/step.png) no-repeat scroll 0 -52px;}
div.order_step3_onde   {background: #FE9900 url(../image/step.png) no-repeat scroll 0 -52px;}
div.order_step3_doujin {background: #FE7AA2 url(../image/step.png) no-repeat scroll 0 -52px;}
div.order_step3_speed  {background: #FF4314 url(../image/step.png) no-repeat scroll 0 -52px;}
div.order_step3_quick  {background: #33ADAD url(../image/step.png) no-repeat scroll 0 -52px;} /* #8EC21F */
div.order_step3_jp     {background: #8EC21F url(../image/step.png) no-repeat scroll 0 -52px;}
div.order_step3_okinawa{background: #8EC21F url(../image/step.png) no-repeat scroll 0 -52px;}

div.order_step4_offset {background: #5EADD6 url(../image/step.png) no-repeat scroll 0 -78px;}
div.order_step4_onde   {background: #FE9900 url(../image/step.png) no-repeat scroll 0 -78px;}
div.order_step4_doujin {background: #FE7AA2 url(../image/step.png) no-repeat scroll 0 -78px;}
div.order_step4_speed  {background: #FF4314 url(../image/step.png) no-repeat scroll 0 -78px;}
div.order_step4_quick  {background: #33ADAD url(../image/step.png) no-repeat scroll 0 -78px;} /* #8EC21F */
div.order_step4_jp     {background: #8EC21F url(../image/step.png) no-repeat scroll 0 -78px;}
div.order_step4_okinawa{background: #8EC21F url(../image/step.png) no-repeat scroll 0 -78px;}

/*
 * 注文画面
 * 色指定
 */
.color_bace   {color:#8DC21F;}
.color_offset {color:#5EADD6;}
.color_onde   {color:#FE9900;}
.color_speed  {color:#ff4314;}
.color_doujin {color:#FE7AA2;}
.color_quick  {color:#33ADAD;} /* #8EC21F */
.color_jp     {color:#8EC21F;}
.color_okinawa{color:#8EC21F;}

.bgcolor_bace   {background-color:#8DC21F !important;}
.bgcolor_offset {background-color:#5DADD7 !important;}
.bgcolor_onde   {background-color:#FE9900 !important;}
.bgcolor_speed  {background-color:#FF4314;}
.bgcolor_doujin {background-color:#FE7AA2;}
.bgcolor_quick  {background-color:#33ADAD;} /* #8EC21F */
.bgcolor_jp     {background-color:#8EC21F;}
.bgcolor_okinawa{background-color:#8EC21F;}
.bgcolor_novelty{background-color:#777;}

/*
 * 自動見積り
 * 商品種類の画像
 */
#item_summary .item_header {margin: 0 auto 10px;}
#item_summary .item_header > :first-child {margin:28px 0 0 10px;font-size:20px;font-weight:bold;}
#item_summary .item_header > :not(:first-child) {margin:0 0 0 10px;}
#item_summary .notice {font-size: 15px;background-color: #FFE5E5;}

div.img_bace,     div.img_sasshi,   div.img_tirashi, div.img_poster,
div.img_pamphlet, div.img_meishi,   div.img_postcard,div.img_clearfile,
div.img_stampcard,div.img_dvdjacket,div.img_calendar,div.img_envelope,
div.img_takujou,  div.img_shiryou,  div.img_hyoushi {
margin:0px auto;
padding:0px;
background-repeat: no-repeat;
width: 775px;height: 100px;
white-space: nowrap;
overflow: hidden;
}

div.img_bace      {background-image: url(images/print_type.png);}
div.img_sasshi    {background-image: url(images/print_type_01.png);}
div.img_tirashi   {background-image: url(images/print_type_02.png);}
div.img_poster    {background-image: url(images/print_type_03.png);}
div.img_pamphlet  {background-image: url(images/print_type_04.png);}
div.img_meishi    {background-image: url(images/print_type_05.png);}
div.img_postcard  {background-image: url(images/print_type_06.png);}
div.img_clearfile {background-image: url(images/print_type_07.png);}
div.img_stampcard {background-image: url(images/print_type_08.png);}
div.img_dvdjacket {background-image: url(images/print_type_09.png);}
div.img_calendar  {background-image: url(images/print_type_10.png);}
div.img_envelope  {background-image: url(images/print_type_11.png);}
div.img_takujou   {background-image: url(images/print_type_12.png);}
div.img_shiryou   {background-image: url(images/print_type_13.png);}
div.img_hyoushi   {background-image: url(images/print_type_14.png);}

.bg_dot_line {border-bottom:#ccc dotted 1px;}

/* ツール */
div#tool_box{
overflow: hidden;
background-color: #f8f8ff;
margin: 0 0 5px 10px;
}
* html div#tool_box{height: 1%;}
div#tool_box dl{
height: 40px;
float: left;overflow: hidden;
margin: 10px 20px 5px -1px;
padding-left: 10px;
border-left: 1px solid #e9e9e9;
}
* html div#tool_box dl{height: 1%;}
div#tool_box dl dt a {display: block;height: 36px;}
dl#tool_calendar dt a{width: 80px;background: transparent url(images/tool.png) no-repeat scroll 0 0;}
dl#tool_compare dt a {width: 60px;background: transparent url(images/tool.png) no-repeat scroll 0 -50px;}
dl#tool_size dt a    {width: 40px;background: transparent url(images/tool.png) no-repeat scroll 0 -100px;}
dl#tool_design dt a  {width: 60px;background: transparent url(images/tool.png) no-repeat scroll 0 -150px;}
div#tool_box dl dt,div#tool_box dl dd{float: left;display: block;}
div#tool_box dl dd{font-size: 11px;}

/* 
 * 商品選択画面
 * 適用ファイル
 * omitumori/doujin_musentoji4c1c_ondemand.php など
 *
 */

/* ---------------------------------------------
 * 仕様
--------------------------------------------- */
.details{
border-top: 2px solid #8FC320;
border-bottom: 2px solid #8FC320;
}
.details dl{
overflow: hidden;
border-bottom: 1px dotted silver;background-color: #8FC320;
}
* html .details dl{height: 1%;}
.details dl dt,.details dl dd{padding: 10px;}
.details dl dt{
float: left;
}
.details dl dd{
float: right;
width: 600px;
min-height: 18px;
border-right: 2px solid #8FC320;
background-color: #fff;
}

/* ---------------------------------------------
 * オプション
--------------------------------------------- */
.option_list p{
margin: 0 !important;
padding-left: 10px;
background-color: #eaeaea;
}
.option_list ul{
list-style-type: none;
padding: 5px 0 5px 10px;
margin-bottom: 10px;
background-color: #fafafa;
}
.option_list ul li{
font-size: 11px;color: #fff;text-align: center;
display: inline;
float: left;
width: 80px;
padding: 5px 0;
margin-right: 10px;margin-bottom: 5px;
background-color: #333;
}
.option_list ul li a{color: #fff;text-decoration: none;}
.option_list ul li a:hover{text-decoration: underline;}

/* ---------------------------------------------
 * 装飾
--------------------------------------------- */
.button{
color: #333;font-weight: bold;text-align: center;text-decoration: none;
width: 300px;
padding: 2px;
border: 1px solid #82B8BB;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background-color: #9BD3F4;
}
.button:hover{
background-color: #64D2F3;
}

/* ---------------------------------------------
 * 同人向け商品要約画像
--------------------------------------------- */
/* 冊子 */
.summary_image{
padding-top: 25px;
margin: 10px 0;
background: #fff url(../doujinshi/img/itemlist/itemlist_table_header.png) no-repeat scroll 0 0;
}
/* ペラ */
.summary_image_others{
padding-top: 25px;
margin: 10px 0;
background: #fff url(../doujinshi/img/itemlist/itemlist_table_header_others.png) no-repeat scroll 0 0;
}
.list_bar{margin-bottom: 10px;}
.list_bar img{margin-left: 11px;}
.list_bar span.busu{margin-left: 11px;display:inline-block;width:75px;color:#DD0000;padding:25px 0;font-size:25px;line-height:25px;text-align:center;vertical-align:bottom;background-image:url(../doujinshi/img/itemlist/busu_0.png);}
.titlelist{list-style-type: none;padding-top: 5px;padding-bottom: 5px;background-color: #fff;}
.titlelist li{color: #4c4c4c;font-weight: bold;float: left;display: inline;margin-left: 11px;}
.w244{width: 244px;}
.w75{width: 75px;}
.imagelist{padding: 5px 0;background-color: #eaeaea;}

.chk_line{width:690px; height:30px; margin: 15px auto 0; padding:3px 0px 0px 10px; text-align:left; cursor:pointer; color:#fff; font-weight:bold; background-image:url('./images/chk_line_back.png');}
.faq_line{width:690px; height:30px; margin: 15px auto 0; padding:3px 0px 0px 10px; text-align:left; cursor:pointer; color:#fff; font-weight:bold; background-image:url('./images/faq_line_back.png');}
.chk_line:hover{background-image:url('./images/chk_line_back_on.png');}
.faq_line:hover{background-image:url('./images/faq_line_back_on.png');}
.select_off{user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#chk_body {
  margin: 5px auto; 
  padding:2px;
  text-align:left;
  font-size:11px; 
  border:1px dashed #F00;
  background:#FFF;
  width: 700px;
  position: relative;
  display:none;
}
#chk_body.show {
  border: 1px solid #fe674c;
  display: block !important;
  margin: 20px 0;
  padding: 0;
  width: 100%;
}
#chk_body #point_notice_titile {
  background: #fe674c;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 5px 10px;
}
#chk_body #point_notice_titile span {
  font-size: 10px;
  font-weight: normal;
  margin: 0 0 0 10px;
}
#chk_body .list_mark {
  background-position: 0;
  padding: 0 0 0 15px;
}
#chk_body .point_notice {
  line-height: 1.5;
  padding: 0 10px;
}
#chk_body .point_notice > dt {
  background: #f0f0f0;
  border-left: 5px solid #fe674c;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 10px 0;
  padding: 5px 0 5px 10px;
  position: relative;
}
#chk_body .point_notice > dt:hover {
  color: #666;
}
#chk_body .point_notice > dd {
  font-size: 12px;
  display: none;
}
#chk_body .point_notice > dt:before,
#chk_body .point_notice > dt:after {
  content: "";
  display: inline-block;
  height: 2px;
  width: 12px;
  background: #757373;
  position: absolute;
  top: 15px;
  right: 10px;
  transition: .3s;
}
#chk_body .point_notice > dt:after {
  transform: rotateZ(90deg);
}
#chk_body .point_notice > dt.open:after {
  transform: none;
}
#chk_body .point_notice > dd > ul {
  padding: 0 0 0 15px;
  list-style: none;
}
#chk_body .point_notice > dd > ul li {
  padding: 0 0 5px 0;
  position: relative;
}
#chk_body .point_notice > dd > ul li:before {
  background: #fe674c;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 10px;
  left: -15px;
  position: absolute;
  top: 3px;
  width: 10px;
}
#chk_body .point_notice .downloadTmp {
  font-size: 10px;
  margin: 0 0 0 15px;
}

#chk_body .color-sample {
  list-style: none;
}
#chk_body .color-sample:after {
  content: "";
  clear: both;
  display: block;
}
#chk_body .color-sample li {
  float: left;
}
#chk_body .color-sample li a {
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #000;
  display: inline-block;
  margin: 0 15px 10px 0;
  padding: 10px 5px;
  text-decoration: none;
  transition: .3s;
}
#chk_body .color-sample li a:hover {
  cursor: zoom-in;
  box-shadow: 2px 2px 4px #ccc, 2px 0px 5px #eee;
  padding-bottom: 12px;
  position: relative;
  margin-top: -2px;
}
#chk_body .color-sample .white a {
  background: url(./images/envelope_kisei_white.png) center center;
}
#chk_body .color-sample .craft a {
  background: url(./images/envelope_kisei_fresh_gray.png) center center;
}
#chk_body .color-sample .freshgray a {
  background: url(./images/envelope_kisei_fresh_gray.png) center center;
}
#chk_body .color-sample .freshgreen a {
  background: url(./images/envelope_kisei_fresh_green.png) center center;
}
#chk_body .color-sample .freshblue a {
  background: url(./images/envelope_kisei_fresh_blue.png) center center;
}
#chk_body .color-sample .freshpink a {
  background: url(./images/envelope_kisei_fresh_pink.png) center center;
}
#chk_body .color-sample .freshwhite a {
  background: url(./images/envelope_kisei_fresh_white.png) center center;
}
#chk_body .color-sample .freshaqua a {
  background: url(./images/envelope_kisei_fresh_aqua.png) center center;
}

#chk_body .template-download {
  border: 1px solid #ddd;
  margin: 0 auto 20px;
  padding: 10px;
  width: 97%;
}
#chk_body .template-download > dt {
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 5px 0;
}
#chk_body .template-download ul {
  margin: 10px 0 0 0;
}
#chk_body .template-download ul:after {
  content: "";
  clear: both;
  display: block;
}
#chk_body .template-download ul li {
  float: left;
  margin: 0 15px 0 0;
}
#chk_body .template-download ul li:last-child {
  margin: 0;
}
#chk_body .template-download a {
  background: #F9FCF7;
  border: 1px solid #ccc;
  color: #000;
  display: inline-block;
  line-height: 2;
  padding: 5px 10px;
  text-decoration: none;
  transition: .3s;
}
#chk_body .template-download .aitemplate:hover {
  background: #ff8e00;
  color: #fff;
}
#chk_body .template-download .pstemplate:hover {
  background: #2ea2cc;
  color: #fff;
}
#chk_body .template-download .pptemplate:hover {
  background: #D3441A;
  color: #fff;
}
#chk_body .template-download .etctemplate:hover {
  background: #8000ff;
  color: #fff;
}

#faqlistbox ul {
  margin: 5px 5px 0;
}
#faqlistbox ul li {
  padding: 0 0 5px 0;
}

/* ---------------------------------------------
 * table
--------------------------------------------- */
.tg {color: #333;border-collapse:collapse;border-spacing:0;}
.tg th{
font-family:Arial, sans-serif;font-size:12px;font-weight:normal;
padding:1px 1px;border-style:solid;border-width:1px;border-color:#777;overflow:hidden;word-break:normal;
background-color: #CCFFC8;
}
.tg td{
font-size:18px;text-align: center;
padding:1px 1px;border-style:solid;border-width:1px;border-color:#777;overflow:hidden;word-break:normal;
}
.tg .tg-zlxb{background-color: #FFFC9E;} /* blue */

.accept-table {
  width: 90%;
}
.accept-table caption {
  text-align: left;
}
.accept-table th,
.accept-table td {
  padding: 5px;
}
.accept-table thead th:not(:first-child) {
  width: 9%;
}
.accept-table tbody th {
  background: #FFFC9E;
}

/*
 * テンプレートのダウンロード
 */
.template{
margin: 10px;
background-color: #fff !important;
border: 1px solid silver !important;
}
.template p{
padding-bottom: 10px;
border-bottom: 1px solid silver;
}
.template a{
font-family: Arial;font-size: 13px;text-decoration: none;
padding: 5px !important;padding-left: 25px !important;margin-right: 10px;
border: 1px solid silver;
background-color: #e8f3d1;
background: #e8f3d1 url(./images/icon_zip.png) no-repeat scroll 5px center !important;
}
.template a:hover{
color: #fff;
background-color: #006aa8;
}

/*
 * 商品カテゴリー
 */
#category_list {
margin:20px;
}
#category_list dt {
position:relative;
color:#777;
font-weight:bold;
font-size:16px;
border-bottom: 1px dotted #777;
margin-top:20px;
text-indent:15px;
clear:both;
}
#category_list dd {
overflow:hidden;
margin:10px 20px;
font-size:14px;
}
#category_list dd .size {
display:inline-block;
color:#777;
font-weight:bold;
background-color:#eee;
padding:0 0.5em;
}
#category_list dd .timeover{
float:right;
padding: 2px;
text-align:center;
}
#category_list dd .timeover span{
border: 1px solid #888;
display: inline-block;
width: 175px;
}
#category_list dd .timeover a{
padding: 4px 0;
background: #888;
color: #fff;
display: block;
font-size: 10px;
text-decoration: none;
border: 1px solid #fff;
}
#category_list dd input{
float:right;
}
#category_list dd img{
float:left;
}

/* アンカーリンク用装飾 */
.anchor_link {

}
.anchor_link .smooth {
	background: #dadada;
	color: #000;
	padding: 3px 0 3px 3px;
	border-radius: 4px;
}
.anchor_link .smooth:after {
	content: "";
	background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhbmdsZS1kb3VibGUtZG93biIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWFuZ2xlLWRvdWJsZS1kb3duIGZhLXctMTAiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIwIDUxMiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTE0MyAyNTYuM0w3IDEyMC4zYy05LjQtOS40LTkuNC0yNC42IDAtMzMuOWwyMi42LTIyLjZjOS40LTkuNCAyNC42LTkuNCAzMy45IDBsOTYuNCA5Ni40IDk2LjQtOTYuNGM5LjQtOS40IDI0LjYtOS40IDMzLjkgMEwzMTMgODYuM2M5LjQgOS40IDkuNCAyNC42IDAgMzMuOWwtMTM2IDEzNmMtOS40IDkuNS0yNC42IDkuNS0zNCAuMXptMzQgMTkybDEzNi0xMzZjOS40LTkuNCA5LjQtMjQuNiAwLTMzLjlsLTIyLjYtMjIuNmMtOS40LTkuNC0yNC42LTkuNC0zMy45IDBMMTYwIDM1Mi4xbC05Ni40LTk2LjRjLTkuNC05LjQtMjQuNi05LjQtMzMuOSAwTDcgMjc4LjNjLTkuNCA5LjQtOS40IDI0LjYgMCAzMy45bDEzNiAxMzZjOS40IDkuNSAyNC42IDkuNSAzNCAuMXoiPjwvcGF0aD48L3N2Zz4=) no-repeat;
	display: inline-block;
	height: 14px;
	width: 14px;
	margin: 0 0 0 5px;
	vertical-align: sub;
}

/*
*　タイトル
*/
.title hr {
	border: 1px solid #999;
	display: block;
	margin: 10px 0 35px 0;
}
.title h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 0 10px;
    text-align: left;
}