@charset "utf-8";
/*
 *　全体の共通CSS
 *
 */

/*
 * 共通タグ
 *
 */

*{margin: 0;padding: 0;}
h1{
	font-size: 11px;
	color: #333;
	font-weight: 100;
	text-align:right;
	letter-spacing: 1px;
	padding: 2px 2px 2px 0;
}
h2{font-size: 12px;}
img{border: none;}
#mainContent .section p{margin: 10px;}
a { text-decoration: none;}
a[href]:hover { text-decoration: underline;}
a:visited {
  color: rgb(115, 61, 218)
}

/*
 * 主に2カラム用
 */
#mainContent div.section{padding: 10px;padding-left: 0;padding-right: 0;}
#mainContent div.section p{letter-spacing: 1px;line-height: 1.8;}
#mainContent .sec{padding: 10px;margin-bottom: 20px;border: 0 solid #ddd;background-color: #fff;}
#mainContent .sec_silver{padding: 10px;margin-bottom: 20px;background-color: #eaeaea;}
#mainContent .sec_nonline{padding: 10px;margin-bottom: 10px;background-color: #fff;}
#mainContent h2{font-size: 25px;color: #4c4c4c;padding: 5px;}/* color: #4c4c4c */
#mainContent h3{font-size: 14px;color: #3e3e3e;font-weight: bold;text-indent: 10px;line-height: 2.5;height: 34px;
background-color: #d3d3d3;
/*
background: #8dc21f url(images/ring.png) no-repeat scroll 8px 11px;
*/
}
#mainContent h4{font-size: 14px;color: #000;font-weight: bold;text-indent: 10px;line-height: 2.5;background-color: transparent;
margin-top: 20px;}
#mainContent h5{font-size: 12px;color: #000;font-weight: bold;text-indent: 10px;line-height: 2.2;height: 25px;background-color: #dcdcdc;}
#mainContent h6{font-size: 12px;color: #000;font-weight: bold;text-indent: 10px;line-height: 2;height: 20px;border-bottom: 1px solid silver;border-left: 5px solid #8dc21f;}

/*
 * 商品紹介ページ（左メニュー１階層目クリック）のヘッダー
 */
#mainContent .pict {background-repeat: no-repeat;background-position: center center;width: 671px;height: 121px;padding: 80px 0 0 120px;font-size:36px;line-height:1;text-shadow: 3px 3px 1px #CCCCCC;}

/*
 * 共通クラス
 *
 */
.w100per { width: 100% !important; }
.baseColor { background: #ebffbf; }
.tcenter {text-align: center !important;}
.tleft {text-align: left !important;}
.tright {text-align: right !important;}
.weight{font-weight: bold;}
.fbig{font-size: 14px;}
.fred{color: #CC0000 !important;}
.bold{font-weight: bold;}
.over{overflow: hidden;}
* html .over{height: 1%;}
.left{float: left;}
.right{float: right;}
.both{clear: both;}
.movetop{text-align: right !important;}
.movetop a{color: gray;padding-left: 12px;background: transparent url(images/move_top.png) no-repeat scroll 0 center;}
.non{display: none;}
.clear{clear: both;}
.m0 {margin: 0 !important;}
.m10{margin: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mt10{margin-top: 10px;}
.pd10{padding: 10px;}
.block{display: block;}
.nonmarker{list-style-type: none;}
.underline{text-decoration: underline;}
.hoverunderline:hover {text-decoration: underline;}
.hoveropacity:hover {opacity: .5;}
.bg1{background-color: #FFDBE1 !important;}
.bg2{background-color: #FFFAC4 !important;}
.bg3{background-color: #EAFAFF !important;}
.f11{font-size: 11px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.pointer{cursor: pointer;}
.valign_m{vertical-align: middle;}
.attention{
padding-left: 50px !important;padding-top: 8px !important;
background: transparent url(images/attention.png) no-repeat scroll 10px center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.outside_link{ /* 別ページを開く */
padding-right: 15px;
background: transparent url(images/outside_link.png) no-repeat scroll right 3px;
}

/*
.list_mark{
padding-left: 15px;
background: transparent url(images/list_mark.png) no-repeat scroll 0 center;
}
*/
.list_mark {
  background: transparent url(images/list_mark.png) no-repeat scroll 0px center;
  box-sizing: border-box;
  height: 100% !important;
  padding: 5px 0 5px 15px;
  text-indent: 25px;
  width: 100% !important;
}
#subContent .list_mark {
  background-position: 8px;
  padding: 5px 0;
}
#subContent .doujin-user-guide {
	line-height: 1.5;
}
#subContent .doujin-user-guide .list_mark {
  background-position: 8px 3px;
  display: inline-block;
  padding: 0;
}

#menu_doujinshi2 .list_mark {
	background-position: 0;
	text-indent: 18px;
}
.pd10 .list_mark {
  background-position-x: 0;
  padding: 0 0 0 15px;
}
.indentlist{font-size: 12px;text-indent: -12px;margin-left: 20px;margin: 10px 20px;}
.indentlist li{margin: 5px 0;}

.face{text-indent: 20px !important;background: #fff url(images/face.png) no-repeat scroll left center;}
.round{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border: 1px solid silver;
}
.requiredicon {
  background: #f00;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  margin: 0 5px;
  padding: 2px 4px;
  vertical-align: middle;
}

.number_icon {
  background: #000;
  color: #FFFFFF;
  display: block;
  height: 15px;
  line-height: 15px;
  float: left;
  font-family: monospace;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  width: 15px;
}
.important_icon {
	background: #f00;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-style: unset;
  margin: 0 10px 0 0;
	padding: 1px 10px;
}
.newtab-icon {
  margin: 0 5px 0 2px;
  width: 11px;
}
.link-box {
  border: 1px solid #ccc;
  text-indent: -10%;
  position: relative;
  transition: .5s;
}
.link-box.no-indent {
  text-indent: 0;
}
.link-box i {
  display: inline-block;
  height: 1px;
  position: absolute;
  right: 7%;
  top: 50%;
  width: 10%;
}
.link-box i::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: -1px;
  width: 7px;
  background: #aaa;
  height: 1px;
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
}
.link-box i::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -2px;
  right: -1px;
  width: 7px;
  height: 1px;
  background: #bbb;
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
}
.link-box:hover {
  top: -1px;
}
.triangle_icon:before {
  content: "\025b2";
  display: inline-block;
  font-size: 1.1em;
  padding: 0 5px 0 0;
  transform: rotate(90deg);
}
.sale_icon {
	background: url(images/sale2.png) #f5f5f5 no-repeat center center;
	display: inline-block;
	height: 12px;
	right: 2px;
	opacity: .8;
	padding: 5px 0;
	position: absolute;
	top: 6px;
	width: 27px;
	z-index: 1;
}
.new_icon {
	background: url(images/new2.png) #f5f5f5 no-repeat center center;
	display: inline-block;
	height: 12px;
	right: 2px;
	opacity: .8;
	padding: 5px 0;
	position: absolute;
	top: 6px;
	width: 27px;
	z-index: 1;
}
.flex,
.flexsort {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexsort .order1 {
	-ms-flex-order:1; -webkit-order: 1; order: 1;
}
.flexsort .order2 {
	-ms-flex-order:2; -webkit-order: 2; order: 2;
}
.flexsort .order3 {
	-ms-flex-order:3; -webkit-order: 3; order: 3;
}
.flexsort .order4 {
	-ms-flex-order:4; -webkit-order: 4; order: 4;
}
.flexsort .order5 {
	-ms-flex-order:5; -webkit-order: 5; order: 5;
}
.flexsort .order6 {
	-ms-flex-order:6; -webkit-order: 6; order: 6;
}
.flexsort .order7 {
	-ms-flex-order:7; -webkit-order: 7; order: 7;
}
.flexsort .order8 {
	-ms-flex-order:8; -webkit-order: 8; order: 8;
}
.flexsort .order9 {
	-ms-flex-order:9; -webkit-order: 9; order: 9;
}
.flexsort .order10 {
	-ms-flex-order:10; -webkit-order: 10; order: 10;
}
.flexsort .order11 {
	-ms-flex-order:11; -webkit-order: 11; order: 11;
}
.flexsort .order12 {
	-ms-flex-order:12; -webkit-order: 12; order: 12;
}
.flexsort .order13 {
	-ms-flex-order:13; -webkit-order: 13; order: 13;
}
.flexsort .order14 {
	-ms-flex-order:14; -webkit-order: 14; order: 14;
}
.flexsort .order15 {
	-ms-flex-order:15; -webkit-order: 15; order: 15;
}
.flexsort .order16 {
	-ms-flex-order:16; -webkit-order: 16; order: 16;
}
.flexsort .order17 {
	-ms-flex-order:17; -webkit-order: 17; order: 17;
}
.flexsort .order18 {
	-ms-flex-order:18; -webkit-order: 18; order: 18;
}
.flexsort .order19 {
	-ms-flex-order:19; -webkit-order: 19; order: 19;
}
.flexsort .order20 {
	-ms-flex-order:20; -webkit-order: 20; order: 20;
}
.flexcenter {
	justify-content: center;
}

/*
 * ヘッダー
 */
#head #top_top {
	background-color: #F3F3F3;
}
#head #top_top h1,
#head #top_middle,
#head #top_bottom {
	margin: 0 auto;
	width: 1100px;
}
#head #top_middle {
	line-height: 1;
	height: 60px;
	padding: 0 0 2px 0;
}
* html #top_middle {height: 1%;}
#top_middle {
	display: table;
	width: 100%;
}
#top_middle #top-left,
#top_middle #logo,
#top_middle #top-center,
#top_middle #top-right { 
  display: table-cell; 
	vertical-align: top;
}
#top_middle #logo,
#top_middle #top-center {
	padding: 5px 0 5px 0;
}
#pro_link {
	padding: 3px 0 7px 0;
}
#top_middle #logo a {
  display: block;
  line-height: 0;
  margin:0 30px 0 0;
}
#top_middle #logo-img {
	height: 49px;
	width: 230px;
}


/* 電話番号 */
#top-center #placenum .place {
  background: #060;
  color: #fff;
  display: inline-block;
  font-size: 10px; 
  margin: 0 5px 0 0;
  padding: 5px 7px;
}
#top-center #placenum .tel{
  color: #f90000;
  font-family: arial;
  font-size: 26px;
  font-weight: bold;
  vertical-align: middle;
}
#top-center #placenum .guidance {
  font-size: 11px;
  line-height: 1.5;
}

#top-right {
  position: relative;
  text-align: right;
}
#top-right img {
	vertical-align: text-bottom;
}
#top-right a:hover img {
  opacity: .5;
}
#top-right #pro_link {
  display: inline-block;
  margin: 0 0 2px 0;
  position: relative;
}
#top-right #pro_link:before {
  content: "";
  background: #ddd;
  display: inline-block;
  left: -2px;
  position: absolute;
  top: 50%;
  width: 2px;
  height: 65%;
  transform: translateY(-50%);
}

/* ヘッダー右側アイコン */
#top-right ul {
	display: inline-block;
}
#top-right li {
	margin: 2px 0;
	border-left: 1px solid #eaeaea;
}
#top-right li a {
	font-size: smaller;
	display: block;
}
#top-right .flex > li {
  float: left;
}


/*
 * 1行メッセージ
 * クレジット表記
 * サイト内検索
 */
#top_others{
  display: inline-block;
  height: 22px;
  overflow: hidden;
  max-width: 750px;
}

/* 1行メッセージ */
#top_others #line_message{
  overflow: hidden;
  float: left;
  width: 650px;
  height: 20px;
/*
border: 1px solid silver;
*/
}
#top_others #line_message p{
	line-height: 1.5;
}
#top_others #line_message a {
  text-decoration: none; 
}
#top_others #line_message a:hover{
	color: #006aa8;
	text-decoration: underline;
}

/* サイト内検索 */
#top_others #ysearch{
float: right;
overflow: hidden;
width: 181px;
}
#srchBox{
width:178px;
_width:176px;
margin-bottom:10px;
background-color:#FFFFFF;
color:#000000;
text-align:left;
}
#srchBox *{
margin:0;
padding:0;
font-size:10px;
*font-size:small;
*font:x-small;
}
#srchBox a img{border:none;}
#srchBox #srch{padding:0px 0px 0px 0px;}
#srchBox #srch #srchForm{white-space:nowrap;}
#srchBox #srchInput{
width:128px;
margin-right:6px;
margin-bottom: 2px;
}
#srchBox #srchBtn{width:40px;}
*html #srchBox #srchBtn{padding-top:2px;}
*:first-child+html #srchBox #srchBtn{padding-top:2px;}
#srchBox ul{
margin-top:6px;
text-align:left;
}
#srchBox li{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input{margin:-4px 0 -4px -4px;}
#srchBox #srchLogo{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover{text-decoration:underline;}
#srchBox.watermark{padding-bottom: 6px;}
#srchBox.watermark #srchInput{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark{background: #fff;}
#srchBox.watermark #srchLogo{display: none;}

/*
 * グローバルメニュー
 *
 */
#top_bottom {
  height: 69px; /* height: 89px */
	position: relative;
	width: 100%;
}
#top_bottom ul{
}
#top_bottom li {
	background: #9dca28;
	float: left;
	height: auto;
	list-style-type: none;
	position: relative;
	text-align: center;
}
#top_bottom li a {
	color: #fff;
	display: inline-block;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	width: 100%;
}
#top_bottom #top_menu_06 a{
	display: grid;
	place-items: center;
	line-height: 16px;
}

/* グローバルメニュー（個別） */
#top_bottom li:nth-child(1) {
	width: 10%;
}
#top_bottom li:nth-child(2) {
	width: 11%;
}
#top_bottom li:nth-child(3) {
	width: 15%;
}
#top_bottom li:nth-child(4) {
	width: 20%;
}
#top_bottom li:nth-child(5) {
	width: 14%;
}
#top_bottom li:nth-child(6) {
	width: 14%;
}
#top_bottom li:last-child {
	background: url(images/icon_cart_white.png) no-repeat 15px 10px #060;
	width: 16%;
}
#top_bottom li:last-child a {
	text-indent: 20px;
}
#top_bottom li.disp_cart_count {
  position: relative;
}
#top_bottom li.disp_cart_count a {
  text-indent: 10px;
}
#top_bottom li.disp_cart_count .cart_count {
  background: rgba(255,0,0,1);
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  min-width: 15px;
  padding: 3px;
  position: absolute;
  right: 5px;
  text-indent: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
#top_bottom li.disp_cart_count:hover .cart_count {
  box-shadow: 0 0 3px 2px #fff;
}
#top_bottom li:not(:nth-child(n+7)):after {
  background: #fff;
  content: "";
  display: inline-block;
  height: 70%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}
#top_bottom li:hover {
  background-color: #E99618;
}

/* == ログインフォーム == */

#search{
  background: #E6E6E6 url(images/sp_banner.png) no-repeat 0 -1430px;
	font-size: 12px;
  height: 29px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 40px;
  width: 100%;
}
#search form{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: top;
}
#search div.loginstate{
  height: auto;
  width: 100%;
}

#search span#type_area{
  display: inline-block;
  margin: 4px 0 0 40px;
}
#search span#username{
display: block;
margin: 0 0 0 40px;
}

#search form .itt{
width: 150px;height: 19px;
border: 1px solid #999;
vertical-align: middle;
margin: 0 5px;
border-radius: 4px; /* CSS3草案 */
-webkit-border-radius: 4px; /* S,C */
-moz-border-radius: 4px; /* F */
}
#search form .its{
	background-color: #008ddd;
	border: 1px solid #999;
	border-radius: 4px;
	color: #fff;
  height: 21px;
  vertical-align: middle;
  width: 130px;
}
#search form .its:hover{
  background-color: #33a3e3;
  cursor: pointer;
}
#search a#forget {
  margin: 0 0 0 10px;
  text-decoration: none;
}
#search a#forget:hover {
	text-decoration: underline;
}

#search a#btn_mypage{
  background: #8DC21F url(images/sp_banner.png) no-repeat scroll 0 -1400px;
  display: inline-block;
  height: 19px;
  width: 90px;
}

#search a#btn_mypage:hover{background-color: #E99618;}

#search input#btn_logout{
font-size: 12px;
width: 70px;
}

#search div.loginname {
  display: inline; /* IE6 */
  height: 29px;
  overflow: hidden;
  width: 85%;
}
#search .logined div.loginname {
	line-height: 29px;
	width: 80%;
}
#search div.loginname form {
	display: inline;
	vertical-align: baseline;
}
#search div.login_new_area,
#search div.login_out_area {
  text-align: right;
  margin-top: 4px;
}
#search div.login_new_area { 
	width: 15%; 
}
#search div.login_out_area {
	width: 20%;
}

#search div.login_out_area a {
  text-decoration: none;
}
#search div.login_new_area a {
	background: #ff7f00;
  border-radius: 4px;
  color: #fff;
	display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  padding: 2px 8px 0;
  width: 80%;
}
#search div.login_new_area a:hover{ 
	background: #ffa011;
	text-decoration: none;
}


/* ============================================
 * 左ソデ
============================================ */
#subContent img.inner_new{vertical-align: middle;margin-left: 2px !important;margin-bottom: 2px !important;}
#subContent img.outer_new{
	margin: -1px 0 0 -1px;
	opacity: .8;
	z-index: 1;
}
#subContent .section .view{
	text-align: left;
	overflow: visible;
	width: 100%;
}

/*
 * 一般内容
 */
#subContent {
	line-height: 1;
}
#subContent .section {
	background: #f5f5f5;
	margin: 0 0 10px 0;
}

#subContent .banner {
	margin: 10px 0 0;
	text-align: center;
}
#subContent .banner a {
	display: inline-block;
	padding: 5px 0 0 0;
}
#subContent .banner a:hover img {
	opacity: .5;
}

#subContent .guide_menu {
  margin: 0 0 5px 0;
  padding: 1px 0 0 0;
}
#subContent .guide_menu li:first-child a,
#subContent .guide_menu li:last-child a {
	color: #000;
	display: inline-block;
	font-size: 12.5px;
  height: 100%;
	line-height: 39px;
	text-decoration: none;
	text-indent: 40px;
	width: 100%;
}
#subContent .guide_menu #lm_beginner a {
	background: url(images/icon_beginners.png) no-repeat left center #fff;
	background-size: 40px;
}
#subContent .guide_menu #lm_estimate {
  background: url(images/icon_tool_estimate.png) no-repeat left center #fff;
  background-size: 40px;
}
#item_list_title {
  padding: 0 0 0 4px;
}

#subContent li {
	height: auto;
	zoom: 1; /*IE6*/
}
#subContent ul,
#subContent ol {
  list-style-type: none;
  list-style-position: outside;
  width: auto; /* IE5 */
}
#subContent dt{
	background-color: #f1f1f1;
}
#subContent .section dd {
  padding: 0;
}
#subContent .c1 {
	border-radius: 2px;
	box-sizing: border-box;
	height: 35px;
	margin: 0 auto 3px;
	position: relative;
	width: 95%;
}
#subContent #lm_estimate.c1,
#subContent #lm_beginner.c1 {
	height: 40px;
	margin: 5px auto;
}
#subContent #lm_siryou a font {
	font-size: 10px;
}
#subContent .separate-line {
	border-bottom: 1px solid #999;
	margin: 0 0 15px 0 !important;
	padding: 0 0 10px 0 !important;
}
#subContent .small {
  font-size: 11px;
}
.triangle-icon:before {
  content: "▲";
  display: inline-block;
  margin: 0 5px 0 0;
  transform: rotate(90deg);
}


/*
 * ガイド　左メニュー
 */
#subContent .guide-left-menu {
  background: #fff;
  padding: 10px 0;
}
#subContent .guide-left-menu ul {
  padding: 0 0 0 5px;
}
#subContent .guide-left-menu dl {
  margin: 0 0 10px 0;
}
#subContent .guide-left-menu dt {
  color: #fff;
  margin: 0 0 10px 0;
  padding: 5px 0;
  text-align: center;
}
#subContent .guide-left-menu dd {
  padding: 0;
}
#subContent .guide-left-menu a {
  color: #000;
	display: inline-block;
	font-size: 12.5px;
  padding: 3px 0;
  text-decoration: none;
  width: 100%;
}
#subContent .guide-left-menu a:hover {
  text-decoration: underline;
}
#subContent .guide-left-menu.userguide .jsToggle {
  text-decoration: none !important;
}
#subContent .guide-left-menu .guide-menu-top {
  background: #f4f4f4;
  font-size: 13px;
  padding: 10px 5px;
}
#subContent .guide-left-menu .guide-title {
  padding: 0 5px;
}
#subContent .guide-left-menu .common-guide dt {
	background: #aaa !important;
}


/*
 * 入稿・データ作成ガイド
 */
#subContent .guide-left-menu {
	line-height: 1.5;
}
#subContent .guide-left-menu.dataguide dt {
  background: #33a3e3;
}
#subContent .sub-guide {
	display: none;
}
#subContent .guide-left-menu.dataguide .active-page {
  color: #33A3E3 !important;
  font-weight: bold;
}
#subContent .tools-guide {
  display: block;
  padding: 0 !important;
}

/*
 * ご利用ガイド
 */
#subContent .guide-left-menu.userguide dt {
  background: #FF8C26;
}
#subContent .guide-left-menu.userguide .active-page {
  color: #FF8C26 !important;
  font-weight: bold;
}
#subContent .guide-left-menu.userguide .toggle-guide {
	display: none;
}
#subContent .guide-left-menu.userguide .open + .toggle-guide {
  display: block;
}
#subContent .guide-left-menu.userguide .jsToggle {
	position: relative;
}
#subContent .guide-left-menu.userguide .jsToggle:before,
#subContent .guide-left-menu.userguide .jsToggle:after {
	content: "－";
	color: #000;
	display: inline-block;
	font-weight: bold;
	right: 0;
	margin: 0 0 0 5px;
	position: absolute;
	text-align: center;
	transition: .3s;
	width: 19px;
}
#subContent .guide-left-menu.userguide .jsToggle:not(.open):before {
	text-shadow: 0 -3px 0 #000;
}
#subContent .guide-left-menu.userguide .jsToggle:not(.open):after {
	text-shadow: 0 3px 0 #000;
}
#subContent .guide-left-menu.userguide .toggle-guide .list_mark,
#subContent .guide-left-menu.userguide .option-guide .list_mark,
#subContent .guide-left-menu.userguide .payment-guide .list_mark {
  background-position: 0 !important;
  text-indent: 15px !important;
}
#subContent .guide-left-menu.userguide .option-guide .list_mark.list_mark_sub {
  background-position: 15px !important;
  text-indent: 30px !important;
}

/*
 * 初めにお読みください
 */
#dataguide-readme #subContent .readme-guide {
	display: block;
}
/*
 * 印刷の基礎知識
 */
#dataguide-knowledge #subContent .knowledge-guide {
	display: block;
}
/*
 * よくある質問
 */
#dataguide-data4 #subContent .data4-guide {
  display: block;
}

/*
 * イラストレーターデータ作成ガイド
 */
#ai-dataguide #subContent .illustrator-guide {
	display: block;
}
/*
 * フォトショップデータ作成ガイド
 */
#photoshop-dataguide #subContent .photoshop-guide {
  display: block;
}
/*
 * インデザインデータ作成ガイド
 */
#indesign-dataguide #subContent .indesign-guide {
  display: block;
}
/*
 * Adobe PDFデータ作成ガイド
 */
#pdf-dataguide #subContent .pdf-guide {
  display: block;
}
/*
 * Microsoft Officeデータ作成ガイド
 */
#office-dataguide #subContent .office-guide {
	display: block;
}
/*
 * Affinity作成ガイド
 */
#affinity-dataguide #subContent .affinity-guide {
  display: block;
}
/*
 * お支払方法ご利用ガイド
 */
#kurejitto-guide #subContent .payment-guide {
	display: block;
}
/*
 * オプション
 */
#option-guide #subContent .option-guide {
	display: block;
}

/* IE6,7で上との距離が空く */
* html #subContent .section .view .wrap dl dd ol li{margin-top: 0;}
* +html #subContent .section .view .wrap dl dd ol li{margin-top: 0;}

.view li a,
.view li ul li a {
	text-decoration: none;
	color: #333;
	display: block;
	line-height: 1.5;
	padding: 3px 0;
}

.view li .hd li{border: none !important;}
.view .on{position: relative;}
.view .on .hd {display: block;}


ul.view li.wrap dl#menu_offset dd ol li.on ul.hd li{
width: 200px;
height: 20px !important;
margin: 0 !important;
margin-top: 5px !important;
padding: 0 !important;
}

.view li .hd .row-1,
.view li .hd .row-2 {
	position: relative;
	margin: 0;
	padding: 0 0 10px 10px;
}

.view li .hd .hr_omd {
	position: relative;
	padding-top:30px;
}
.view li .hd .hr_omd:after {
	position: absolute; top:10px; left:0px;
	content:"オンデマンド印刷（小ロット向け）";
	width:94%; margin-left:2%;
	height:20px; line-height:20px;
	padding: 0 1%;
	display:block; 
	color:#fe9900; font-size:1.1em; font-weight:bold;
	background-color:transparent;
	border-bottom:1px solid #fe9900;
}

/* メガメニュータイトル */
.view li .hd .mm_title {
	background: #eee;
	border-bottom: 1px solid #aaa;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
}
.view li .hd .mm_title a {
	color: #00f;
	padding: 6px 0;
}
.view li .hd .mm_title a:before {
	color: #8dc21f;
	margin: 0 5px 0 0;
	padding: 0;
}
.view li .hd .mm_title a[href]:hover {
	text-decoration: underline;
}
.view li .hd .mm_title .template_list {
	align-items: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	margin: 2px 0 0 0;
}
.view li .hd .mm_title .template_list dt {
	background: none !important;
	font-size: 10px;
	line-height: 1.3;
}
.view li .hd .mm_title .template_list dt,
.view li .hd .mm_title .template_list dd {
	margin: 0 5px 0 0;
}
.view li .hd .mm_title .template_list dd a {
	padding: 0;
}
.template_list .ai_icon {
	background: url(technical/img/icon_ai.png) no-repeat center center;
}
.template_list .ps_icon {
	background: url(technical/img/icon_ps.png) no-repeat center center;
}
.template_list .ppt_icon {
	background: url(technical/office/img/ico_ppt.png) no-repeat -1px -2px;
}
.template_list .doc_icon {
	background: url(technical/office/img/ico_doc.png) no-repeat -1px -2px;
}
.template_list .ai_icon,
.template_list .ps_icon,
.template_list .ppt_icon,
.template_list .doc_icon {
	background-size: 48px 48px;
	box-shadow: 0 2px 6px rgba(0,0,0,.4);
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	margin: 0;
	position: relative;
	vertical-align: text-bottom;
	width: 30px;
}
.template_list .ppt_icon,
.template_list .doc_icon {
	background-size: 40px;
}
.template_list .ai_icon:hover,
.template_list .ps_icon:hover,
.template_list .ppt_icon:hover,
.template_list .doc_icon:hover {
	top: -1px;
}

#menu_offset {
	margin-top: 5px;
}
#menu_booklet .block {
	margin: 6px 4px;
}
#subContent #pickup_item_list li.c1 {
	height: 30px;
}
#pickup_item_list .list_mark,
#lm_itel_list .list_mark,
#item_list_title .list_mark {
  background: transparent url(images/list_mark.png) no-repeat scroll 8px center;
  box-sizing: border-box;
  padding: 5px 0;
  text-indent: 25px;
  width: 100% !important;
}
#item_list_title .list_mark:hover {
  text-decoration: underline;
}

/*
 * メニューツール
 */
#subContent .section .view .wrap #menu_tool dd{
padding-bottom: 0;background: #fff url(images/sp_left_menu_title.png) no-repeat scroll 0 0;height: 40px;}
a.tool_size,a.tool_hikaku,a.tool_sean{display: block;width: 180px !important;height: 40px !important;}
a.tool_size  {background: #fff url(images/sp_lm_tool.png) no-repeat scroll 0 0;}
a.tool_hikaku{background: #fff url(images/sp_lm_tool.png) no-repeat scroll 0 -40px;}
a.tool_sean  {background: #fff url(images/sp_lm_tool.png) no-repeat scroll 0 -80px;}



/*
 * ツール
 */
ul#tools{list-style-type: none;list-style-position: outside;}
ul#tools li{
line-height: 0;
padding-top: 2px;
padding-bottom: 2px;
_padding-bottom: 0;
_border: 1px solid #fff; /* IE6 hover */
}
ul#tools li a{
display: block;
width: 140px;height: 58px;
margin: 0 auto;
line-height: normal;
}
ul#tools li a span{display: none;}

li#tools_calendar a{background: red url(images/sp_banner.png) no-repeat scroll 0 -1200px;}
li#tools_compare a {background: red url(images/sp_banner.png) no-repeat scroll 0 -1264px;}
li#tools_size a    {background: red url(images/sp_banner.png) no-repeat scroll 0 -1328px;}

li#tools_calendar a:hover,
li#tools_compare a:hover,
li#tools_size a:hover{background-color: orange; line-height: normal;}




/*
 * オフセット・同人・支店の枠
 */
#subContent .section .view .wrap #menu_offset,
#subContent .section .view .wrap #menu_doujinshi,
#subContent .section .view .wrap #menu_doujinshi2,
#subContent .section .view .wrap #menu_siten{}
#subContent .section .view .wrap #menu_doujin,
#subContent .section .view .wrap #menu_siten,
#subContent .section .view .wrap #menu_tool{margin-top: 10px;}

/*
 * メニュー　お急ぎ便
 */
#subContent .section .view .wrap #menu_speed{margin-top: 4px;margin-bottom: 10px;}
#subContent .section .view .wrap #menu_speed p#ms_today a {
	width: 100%;
	height: 69px;
	margin-bottom: -3px;
	background: #fff url(images/sp_left_menu_title.png) no-repeat 0 -136px;
}
#subContent .section .view .wrap #menu_speed p#ms_today a span{display: none;}
#subContent .section .view .wrap #menu_today dd{
	width: 100%;
	height: 70px;
	padding-bottom: 0;
	background: #fff url(images/sp_left_menu_title.png) no-repeat 0 -136px;
}
/*
 * カテゴリーオープン（未使用）
 */
#subContent .section .view .wrap dl dt.category_open {
	font-size:12px;
	width: 100%;
}
#subContent .section .view .wrap dl dt.category_open a {
	display: block;
	width: 100%;
	height: 23px;
}

/*
 * カテゴリーメニューの表示
 */
#subContent .section .view .wrap dl dd ol li a.outermost {
	box-sizing: border-box;
	display: block;
	height: 100%;
	width: 100%;
}
/* IE6,7（hover時に高さが動く） */
* html #subContent .section .view .wrap dl dd ol li a.outermost{width: auto;height: auto;}
* +html #subContent .section .view .wrap dl dd ol li a.outermost{width: auto;height: auto;}

#subContent .section .view .wrap dl dd ol li a.outermost span {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  left: 0;
  margin-left: 23px;
  position: relative;
  text-indent: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
	transform: translateY(-50%);
	white-space: nowrap;
}

* html #subContent .section .view .wrap dl dd ol li a.outermost span{top: 13px;}
*+html #subContent .section .view .wrap dl dd ol li a.outermost span{top: 18px;}

a.outermost .number_icon {
  left: 5px;
  position: relative;
  top: 8px;
}

/*
 * 各カテゴリータイトル部分
 */
a#lm_title_offset,a#lm_title_itemlist,a#lm_title_pickup,a#lm_title_service,a#lm_title_siten,a#lm_title_speedprint,a#lm_title_tools{
font-size: 14px;color: #fff;font-weight: bold;text-align: center;
display: block;width: 100%;height: 23px;
background-image: none;
}
a#lm_title_itemlist,
a#lm_title_pickup,
a#lm_title_service,
a#lm_title_classified { 
	background-color: #8ec21f;
	color: #fff;
	font-size: 13px;
	line-height: 23px;
	height: auto;
	text-align: left;
	text-indent: 10px;
}
a#lm_title_siten{background-color: #006aa8;}
a#lm_title_speedprint{background-color: #006aa8;}
a#lm_title_tools, #lm_title_offset{background-color: #8ec21f;; margin-top:5px;}

/* 同人・沖縄特設ページ用　ここから ==================================================== */
ul.view li.wrap dl#menu_doujinshi2 dd ol li{
	border: 1px solid #d5d5d5;
	height: 40px;
	line-height: 40px;
	margin: 0 auto 5px;
	width: 95%;
}
.doujin_regist_banner {
	background: #8dc21f;
	border-radius: 5px;
	display: inline-block;
	line-height: 1;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}
* html #subContent .section .view .wrap dl#menu_doujinshi2 dd ol li a.outermost{padding-bottom: 1px;margin: 0;}/* hoverズレの解消 */
*+html #subContent .section .view .wrap dl#menu_doujinshi2 dd ol li a.outermost{padding-bottom: 1px;margin: 0;}/* hoverズレの解消 */
#subContent .section .view .wrap dl#menu_doujinshi2 dd ol li a.outermost span{
	margin-left: 48px;
}
#subContent .section .view .wrap dl#menu_doujinshi2 dd ol li a.outermost:hover{
color: #00DE85;
}
ul.view li.wrap dl#menu_doujinshi2 dd ol li .hd{left: 162px;
padding-left: 21px;
background: #fff url(./okinawa/img/ar.png) no-repeat scroll left 23px;
}
ul.view li.wrap dl#menu_doujinshi2 dd ol li .hd .sub:first-child{border-left: none;}
ul.view li.wrap dl#menu_doujinshi2 dd ol li .hd li{width: 300px;}
.doujin-user-guide .list_mark {
	background-position: 8px 3px;
	display: inline-block;
	padding: 0;
} 

#subContent .section .view .wrap dl#menu_doujinshi2 dd ol li a.outermost{
	background: transparent url(../images/list_mark.png) no-repeat scroll 15% center;
}

/* 同人・沖縄特設ページ用　ここまで ==================================================== */

#subContent .section .view .wrap dl#menu_recruit dd a:hover{color: #138AF2;}

/*
 * オフセット印刷・オンデマンド印刷とは
 */
#icon_exp{
padding: 5px 0;
border: 3px solid #eaeaea;
background-color: #fff;
}
#icon_exp a{color: blue;text-decoration: underline;display: inline;}
#icon_exp p#icon_exp_jp,
#icon_exp p#icon_exp_offset,
#icon_exp p#icon_exp_ondemand,
#icon_exp p#icon_exp_digital,
#icon_exp p#icon_exp_flexo{
font-size: 11px;
width: auto;height: auto;
padding-top: 5px;padding-bottom: 5px;padding-left: 45px;
}
#icon_exp p#icon_exp_jp      {/*background: transparent url(images/sp_left_menu_title.png) no-repeat scroll 5px -409px;*/}
#icon_exp p#icon_exp_offset  {background: transparent url(images/sp_left_menu_title.png) no-repeat scroll 5px -349px;}
#icon_exp p#icon_exp_ondemand{background: transparent url(images/sp_left_menu_title.png) no-repeat scroll 5px -289px;}
#icon_exp p#icon_exp_digital {background: transparent url(images/sp_left_menu_title.png) no-repeat scroll 5px -409px;}
#icon_exp p#icon_exp_flexo   {/*background: transparent url(images/sp_left_menu_title.png) no-repeat scroll 5px -469px;*/}
#icon_exp p#icon_exp_jp span,
#icon_exp p#icon_exp_offset span,
#icon_exp p#icon_exp_ondemand span,
#icon_exp p#icon_exp_flexo span{font-family: arial;}

#subContent .section > br:last-child {
	display: none;
}


/* --------------------------------------------------
 *
 * プルダウンメニュー START
 *
 --------------------------------------------------*/
.fstul,
.fstul ul{border: 2px solid #FF4314;min-width: 167px;min-height: 234px;background-color: #fff;}
ul#pulldown-menu li .fstul{margin-left: 167px;margin-top: -63px;}
ul#pulldown-menu li .sndul{margin-left: 55px;margin-top: -2px;}
ul#pulldown-menu li .thdul{margin-left: 40px;margin-top: -2px;}
ul#pulldown-menu li .fthul{margin-left: 50px;margin-top: -2px;}

.fstul li{
/*
border-top: 1px solid #FF4314;
*/
border-top: 1px solid #ccc;
background-color: #fff;
margin: -1px 0 0 0 !important;
background: #fff url(images/sp_mark.png) no-repeat scroll 5px -453px;
}
ul#pulldown-menu li {
float: left;position: relative;
font-weight: bold;
width: 176px;height: 39px;
}
.fthul li{width: 220px !important;}

ul#pulldown-menu li a {
display: block;
text-align: left;
height: 39px;
padding-left: 18px;
}

ul#pulldown-menu .fstul li:hover{
background: #FFDAD1 url(images/sp_mark.png) no-repeat scroll 5px -453px;
}
ul#pulldown-menu .fstul li a:hover{
background: #FFC2B5 url(images/sp_mark.png) no-repeat scroll 5px -453px;
}
/* 下層のメニューを不可視に */
ul#pulldown-menu li ul.fstul,
ul#pulldown-menu li ul li ul.sndul,
ul#pulldown-menu li ul li ul li ul.thdul,
ul#pulldown-menu li ul li ul li ul.fthul
{
display: none;
border: 2px solid silver;
}

/* 疑似要素 :hover で子メニューを可視、孫メニューを不可視に */
ul#pulldown-menu li:hover ul {
display: block;position: absolute;
z-index: 9999;
/* box-shadow */
box-shadow:rgba(247, 168, 123, 0.65) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(247, 168, 123, 0.65) 0px 0px 3px 2px;
-moz-box-shadow:rgba(247, 168, 123, 0.65) 0px 0px 3px 2px;
}
ul#pulldown-menu li:hover ul li:hover{
/* box-shadow */
box-shadow:rgba(255, 68, 0, 0.65) 0px 0px 3px 2px;
-webkit-box-shadow:rgba(255, 68, 0, 0.65) 0px 0px 3px 2px;
-moz-box-shadow:rgba(255, 68, 0, 0.65) 0px 0px 3px 2px;
}

/* 疑似要素 :hover で孫メニューを可視に */
ul#pulldown-menu li ul.fstul li:hover ul.sndul,
ul#pulldown-menu li ul.fstul li ul.sndul li:hover ul.thdul,
ul#pulldown-menu li ul.fstul li ul.sndul li:hover ul.thdul li:hover ul.fthul{
display: block;
position: absolute;
top: 0;left: 9em;
z-index: 9999;
}
/*
ul#pulldown-menu li ul.fstul,
ul#pulldown-menu li ul.fstul li{
z-index: 999;
}
*/


/* ======================
 * メニューのホバーで出現
====================== */

/* hdの大枠 */
/* #subContent .section .view .wrap dl dd ol li .hd */
.view .hd{
	margin: 0;padding: 0 0 10px 0;
	position: absolute;
	top: -5px;
	left: 186px;
	z-index: 9999;
	width: 800px; /* autoにすると縦並びになる */
	border: 3px solid #fff;background-color: #fff;
	box-shadow: 3px 3px 5px 0px #777;
	-webkit-box-shadow: 3px 3px 5px 0px #777;
	-moz-box-shadow: 0px 0px 5px 2px #999;
	overflow: hidden;
	display: none;
}

dl#menu_offset dd ol li div.hd    ,
dl#menu_doujinshi dd ol li div.hd ,
dl#menu_siten dd ol li div.hd     ,
dl#menu_tool dd ol li div.hd      ,
dl#menu_doujinshi2 dd ol li div.hd{border-color: #aaa; border-radius:10px;}

#subContent li .hd li:hover{border: #666 1px solid;}

#subContent .lm_menu_title {
	background: #ddd;
	font-weight: bold;
	padding: 10px 0;
	text-indent: 5px;
}


/* 左メニュー カテゴリタイトル */
#lm_category_flyer {
	border-left: 5px solid rgb(255, 75, 0);
}
.lm_category_flyer .number_icon {
	background: rgb(255, 75, 0);
}
#lm_category_booklet {
	border-left: 5px solid rgb(255, 128, 123);
}
.lm_category_booklet .number_icon {
	background: rgb(255, 128, 123);
}
#lm_category_card {
	border-left: 5px solid rgb(246, 170, 0);
}
.lm_category_card .number_icon {
	background: rgb(246, 170, 0);
}
#lm_category_post {
	border-left: 5px solid rgb(255, 241, 0);
}
.lm_category_post .number_icon {
	background: rgb(255, 241, 0);
	color: #000;
}
#lm_category_slip {
	border-left: 5px solid rgb(3, 175, 122);
}
.lm_category_slip .number_icon {
	background: rgb(3, 175, 122);
}
#lm_category_filing {
	border-left: 5px solid rgb(77, 196, 255);
}
.lm_category_filing .number_icon {
	background: rgb(77, 196, 255);
}
#lm_category_seal {
	border-left: 5px solid rgb(0, 90, 255);
}
.lm_category_seal .number_icon {
	background: rgb(0, 90, 255);
}
#lm_category_novelty {
	border-left: 5px solid rgb(153, 0, 153);
}
.lm_category_novelty .number_icon {
	background: rgb(153, 0, 153);
}
#lm_category_pop {
	border-left: 5px solid rgb(128, 64, 0);
}
.lm_category_pop .number_icon {
	background: rgb(128, 64, 0);
}
#lm_category_other {
	border-left: 5px solid rgb(0, 0, 0);
}
.lm_category_other .number_icon {
	background: rgb(0, 0, 0);
}

/*
 * hd内のメニューの説明
 */
#subContent .wrap dl dd ol li .hd dl.menu_info{
clear: left;
padding: 5px 5px 0 5px;
margin-top: -1px;
border-bottom: 1px solid #ddd;
background: none;
overflow: hidden;
background-color: #eaeaea;
}
* html #subContent dl dd ol li .hd dl.menu_info{
height: 1%;
}
#subContent .menu_info dt{font-size: 14px;font-weight: bold;margin-right: 10px;}
#subContent .menu_info dt a{display: inline;color: #006aa8;text-decoration: underline;}
#subContent .menu_info dt a:hover{text-decoration: none;}
#subContent .menu_info dd {padding-top: 2px;}
#subContent .menu_info dt,
#subContent .menu_info dd{
float: left;
}
/*
 * hd内に各種ツールを入れる
 */
.leftmenu_re_tool{font-size: 11px;width: 200px;padding: 3px;border: 1px solid #dcdcdc;background-color: #f8f8ff;}
.leftmenu_re_tool a{
display: block;height: 20px;padding-left: 25px;
font-size: 16px;text-decoration: underline !important;}
.leftmenu_re_tool a:hover{color: blue !important;}
.leftmenu_re_tool img{vertical-align: middle;margin-right: 5px;}
a.tool_mini_henkei  {background: transparent url(images/sp_left_tool_mini_icon.png) no-repeat scroll 0 0;}
a.tool_mini_hikaku  {background: transparent url(images/sp_left_tool_mini_icon.png) no-repeat scroll 0 -40px;}
a.tool_mini_sehaba  {background: transparent url(images/sp_left_tool_mini_icon.png) no-repeat scroll 0 -60px;}
a.tool_mini_pamphlet{background: transparent url(images/sp_left_tool_mini_icon.png) no-repeat scroll 0 0px;}

/*
 * hd内の小枠
 */
#subContent .sub {
	list-style-type: none;
	float: left;
	font-size: 13px;
	width: 190px;
	margin: 5px 0 0 0;
	background-color: #fff;
}
#subContent .column-2 {
	width: 380px;
}
#subContent .ul-column-4 {
	border: 0;
	float: left;
	margin: 0;
	width: 24.5%;
}
#subContent .sub *{margin: 0;padding: 0;} /* 小枠内を一旦初期化 */
#subContent .sub li {
	text-align: left;
	width: auto;
	height: auto;
	zoom: 1; /*IE6*/
	margin-bottom: 3px;
	padding-left: 20px;
	background: transparent url(images/sp_mark.png) no-repeat scroll 5px -369px;
}
#subContent .sub li.nomark {
	background: none;
}
#subContent .sub li:not(.sub-title) {
	box-sizing: border-box;
	margin: 0 0 0 3px;
}
#subContent .sub li.clearboth {
	clear: both;
}
#subContent .column-2 li:not(.sub-title) {
	float: left;
	width: 44%;
}
*+html #subContent .sub li{
line-height: 1;
background: transparent url(images/sp_mark.png) no-repeat scroll 5px -375px;
}
#subContent .sub li a {
  padding: 3px 0;
}
#subContent .sub li a[href]:hover{
color: #52770d;text-decoration: underline;
background-color: #fff;
}
#subContent .sub li a:not([href]){
cursor:default;
}
#subContent .sub li.icon_newspaper {
	background: none;
}
#subContent .sub li.icon_posting {
	background: none;
}
#subContent .sub li.icon_estimate_betsu {
	background: none;
}
#subContent .sub li.icon_newspaper a {
	background: url(images/icon_for_newspaper.png) no-repeat -5px -10px;
	background-size: 50px 50px;
	display: inline-block;
	padding: 10px 0;
	text-indent: 45px;
}
#subContent .sub li.icon_posting a {
	background: url(images/icon_for_posting.png) no-repeat -5px -10px;
	background-size: 50px 50px;
	display: inline-block;
	padding: 10px 0;
	text-indent: 45px;
}
#subContent .sub li.icon_estimate_betsu a {
	background: url(images/icon_estimateseparately.png) no-repeat -5px -10px;
	background-size: 50px 50px;
	display: inline-block;
	padding: 10px 0;
	text-indent: 45px;
}

/*
 * hd内のタイトル
 */
#subContent .sub .sub-title{
	background-image: none;
	height: auto;
	padding: 5px 0 0 0;
	text-align: left;
	white-space: nowrap;
}
#subContent .sub .sub-title:hover{background-color: #fff !important;}

#subContent .sub .sub-title a{
	font-size: 13px !important;
	font-weight: bold;
	text-indent: 5px;
	width: auto;height: auto;
	padding: 7px 0;
	background-image: none;
}
#subContent #menu_offset dd ol li.sub-title    a{color: #444;} /* オフセット */
#subContent #menu_doujinshi dd ol li.sub-title a{color: #444;} /* オンデマンド */

#subContent .sub .sub-title a.ost,
#subContent .sub .sub-title a.omd,
#subContent .sub .sub-title a.dgl,
#subContent .sub .sub-title a.dgost,
#subContent .sub .sub-title a.slk,
#subContent .sub .sub-title a.fxo{
	font-size: 12px;letter-spacing: -1px;line-height: 1;
	padding-left: 5px;
}
#subContent .sub .sub-title a[href]:hover{color: #759a30 !important;}


/*
 * 折込販促バナー
 */
#subContent #another_site{margin-top: 10px;}
#subContent #another_site dd{background-color: #fff;}
dt#menu_orikomi a,dt#menu_novelty a{display: block;width: 175px;height: 50px;}
dt#menu_orikomi a span,dt#menu_novelty a span{display: none;}
dt#menu_orikomi a{background: #fff url(images/sp_banner.png) no-repeat scroll 0 -540px;}
dt#menu_novelty a{background: #fff url(images/sp_banner.png) no-repeat scroll 0 -590px;}
/*
ul#menu_orikomi_banner,ul#menu_novelty_banner{border: none !important;}
ul#menu_orikomi_banner li a,ul#menu_novelty_banner li a{display: block;width: 175px;height: 50px;}
ul#menu_orikomi_banner li a span,ul#menu_novelty_banner li a span{display: none;}
ul#menu_orikomi_banner li:hover,ul#menu_novelty_banner li:hover{background-color: #fff !important;}
ul#menu_orikomi_banner li a{background: #fff url(images/sp_banner.png) no-repeat scroll 0 -540px !important;}
ul#menu_novelty_banner li a{background: #fff url(images/sp_banner.png) no-repeat scroll 0 -590px !important;}
*/
#menu_novelty_banner a{display: block;width: 175px;height: 50px;}
#menu_novelty_banner a{background: #fff url(images/sp_banner.png) no-repeat scroll 0 -590px !important;}

/*
 * ブラウザ・注文について
 */
#subContent .section #printspec,
#subContent .section #about_order {
	text-align: left;
	width: 100%;
	margin-top: 10px;
}
#subContent .section #printspec .head,
#subContent .section #about_order .head{
	color: #000;text-align: center;
	padding: 8px 0;
	background-color: #ddd;
}
#subContent .section #about_order dd {
	line-height: 1.5;
	padding: 5px;
}
#subContent .section #about_order .link-box {
	background: #fff;
	display: block;
	font-size: 12px;
	margin: .5em;
	padding: 4px 0;
	text-align: center;
}


/*
 * about　～について
 */
#subContent ul.everyabout{
list-style-type: none;
overflow: hidden;
width: 175px;
margin-top: 10px;
border: 1px solid silver;
background-color: #fff;
}
#subContent ul.everyabout li{
margin-top: -1px;
border-top: 1px dotted #999;
zoom: 1; /*IE6*/
padding: 5px 0;
}
#subContent ul.everyabout li.about_title{text-indent: 10px;background-color: #d2dbe4;}
#subContent ul.everyabout li a{
display: block;
text-indent: 30px;text-decoration: none;
height: 15px;
background: transparent url(images/sp_mark.png) no-repeat scroll 10px -372px;
}
#subContent ul.everyabout li a:hover{color: #006aa8;text-decoration: underline;}

/* ============================================
 * 右ソデ
============================================ */
.right_group_title{
color: #3c3c3c;font-weight: bold;text-indent: 5px;line-height: 1.8;
margin-top: 10px;
border-left: 5px solid #0066CC;
/*
background-color: #f1f1f1;
*/
}
.stripe_group{
text-align: center;
padding: 5px 0;
border: 1px solid #CCCCCC;
/*
background: #d1d1d1 url(omitumori/img_common/pat1.png) repeat scroll 0 0;
*/
}
#extraContent .section{
width: 170px;
padding-top: 10px;
}
#extraContent .section .view{
	width: 160px;
	margin-left: 4px;margin-bottom: 10px;
	background-color: #fafafa;
}
#extraContent .section .view p#relief a{ /* 東京西工場安心 */
/*
width: 164px;height: 91px;
background: #e6e6e6 url(images/sp_banner.png) no-repeat scroll 0 -1080px;
*/
display: block;width: 161px;height: 64px;
background: #e6e6e6 url(images/sp_2014_right.png) no-repeat scroll 0 0;
}
#extraContent .section .view p#chosen{ /* 選ばれる理由 */
width: 161px;height: 195px;
background: #e6e6e6 url(images/sp_2014_right.png) no-repeat scroll 0 -67px;
}
#extraContent .section .view #chosen_title{ /* お客様から選ばれる理由 */
display: block;width: 161px;height: 20px;
background: #e6e6e6 url(images/sp_2014_right.png) no-repeat scroll 0 -67px;
}
#extraContent .section .view #chosen_stability{ /* 社員定着率 */
display: block;width: 161px;height: 57px;
background: #e6e6e6 url(images/sp_2014_right.png) no-repeat scroll 0 -89px;
}
#extraContent .section .view #chosen_quality{ /* 品質 */
display: block;width: 161px;height: 57px;
background: #e6e6e6 url(images/sp_2014_right.png) no-repeat scroll 0 -146px;
}
#extraContent .section .view #chosen_speedy{ /* スピード対応 */
display: block;width: 161px;height: 58px;
background: #e6e6e6 url(images/sp_2014_right.png) no-repeat scroll 0 -203px;
}
#extraContent .section .view p#kigyo_damashii a{ /* 企業魂 */
display: block;width: 161px;height: 40px;
background: #e6e6e6 url(images/sp_2014_right.png) no-repeat scroll 0 -271px;
}
#extraContent .section .view p#ganbaru_forum a{ /* がんばるフォーラム */
display: block;width: 161px;height: 40px;
background: #e6e6e6 url(images/sp_2014_right.png) no-repeat scroll 0 -322px;
}
#extraContent .section .view p#auto_cal a{ /* 自動見積もり */
display: block;
width: 160px;height: 52px;
background: skyblue url(images/sp_banner.png) no-repeat scroll 0 -1566px;
}
#extraContent .section .view p#auto_cal a:hover{background-color: yellowgreen;}
#extraContent .section .view p#japancolor_rightbanner a{ /* japan color取得 */
display: block;
width: 160px;height: 90px;
background: #e6e6e6 url(images/sp_banner.png) no-repeat scroll 0 -1470px;
}
#extraContent .section .view ul li{
text-align: left;
list-style-type: none;
}
#extraContent .section .view ul li span{
display: block;
font-size: 10px;
margin-left: 30px;
}

/*
 * 会員登録ボタン
 */
#extraContent #btn_regist{
position: relative;
width: 170px;height: 124px;
background: #fff url(images/sp_banner.png) no-repeat scroll 0 -830px;
}
#extraContent #btn_regist p{
position: absolute;left: -3px; top: 4px;
margin-top: 100px;margin-left: 10px;
font-size: 11px;
}
#extraContent #btn_regist a{
display: block;position: absolute;left: 9px;top: 40px;
width: 157px;height: 60px;
background: #8dc21f url(images/sp_banner.png) no-repeat scroll -10px -870px;
}
#extraContent #btn_regist a:hover{background-color: orange;}
#extraContent #btn_regist a span{display: none;}

/*
 * シチュエーション検索ボタン
 */
/*#extraContent #btn_situation{margin-bottom: 5px;}*/
#extraContent #btn_situation a{
text-indent: 100%;white-space: nowrap;overflow: hidden;
display: block;
width: 160px;height: 76px;
margin: 0 auto;
background: #8dc21f url(images/sp_banner.png) no-repeat scroll 0 -980px;
}
#extraContent #btn_situation a:hover{background-color: orange;}


/*
 * 営業日カレンダー
 */
#extraContent #eigyoubi-calendar #eigyoubi_title{
	width: 142px;height: 29px;
	margin-left: 9px;
	background: #fff url(images/sp_mark.png) no-repeat scroll 0 0;
}
#extraContent #eigyoubi-calendar{padding-top: 5px;}
#extraContent #eigyoubi-calendar img,
#extraContent #eigyoubi-calendar iframe{
margin-left: 9px;
}

/*
 * バナー一覧
 */
#extraContent .section ul#right_banner{list-style-type: none;margin-top: 10px;background-color: #fff;}
#extraContent .section ul#right_banner li{padding-bottom: 5px;}
#extraContent .section ul#right_banner li a{display: block;width: 170px;height: 80px;}
#extraContent .section ul#right_banner li a span{display: none;}
#extraContent .section ul#right_banner li#ri_ba_seikyuu a {background: #fff url(images/sp_banner.png) no-repeat scroll 0 0;}
#extraContent .section ul#right_banner li#ri_ba_siryou a  {background: #fff url(images/sp_banner.png) no-repeat scroll 0 -80px;}
#extraContent .section ul#right_banner li#ri_ba_point a   {background: #fff url(images/sp_banner.png) no-repeat scroll 0 -160px;}
#extraContent .section ul#right_banner li#ri_ba_office a  {background: #fff url(images/sp_banner.png) no-repeat scroll 0 -240px;}
#extraContent .section ul#right_banner li#ri_ba_gakuwari a{background: #fff url(images/sp_banner.png) no-repeat scroll 0 -320px;}
#extraContent .section ul#right_banner li#ri_ba_voice a   {background: #fff url(images/sp_banner.png) no-repeat scroll 0 -400px;}
#extraContent .section ul#right_banner li#ri_ba_quality a {background: #fff url(images/sp_banner.png) no-repeat scroll 0 -648px;}
#extraContent .section ul#right_banner li#ri_ba_out1 a    {background: #fff url(images/sp_banner.png) no-repeat scroll 0 -1640px;}
#extraContent .section ul#right_banner li#ri_ba_out2 a    {background: #fff url(images/sp_banner.png) no-repeat scroll 0 -1720px;}
#extraContent .section ul#right_banner li#ri_ba_twitter a {height: 33px;background: #fff url(images/sp_banner.png) no-repeat scroll 0 -493px;}

/*
 * パンくずリスト
 */
#panlist{
font-size: 11px;
opacity: 0.8;
}

#fix_navi #navi-link {
	position: fixed;
  right: 0;
  top: 10%;
  text-align: right;
  z-index: 999;
}
#fix_navi #navi-link span {
	background: #9dca28;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 10px;
	
	text-decoration: none;
	-webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 20px;
}

#fix_navi dl,
#fix_navi ul {
	list-style: none;
}
#fix_navi #fix-navi-list {
	box-shadow: 0 0 10px #aaa;
	display: none;
	position: fixed;
  right: -210px;
  top: 20%;
  z-index: 999;
}
#fix_navi #fix-navi-list > div {
	position: relative;
	text-align: left;
	width: 200px;
}
#fix_navi #fix-navi-list #close-menu {
	background: #000;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 25px;
	line-height: 25px;
	padding: 0;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 6px;
  width: 25px;
}
#fix-navi-list a,
#site_search_area {
	background: #fff;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  padding: 9px 0;
  width: 100%;
}
#fix-navi-list a:hover {
	text-decoration: underline;
}
#fix-navi-list dt {
	background: #9dca28;
  color: #fff;
  padding: 8px 5px;
  font-size: 14px;
}
#fix-navi-list dd:not(:last-child) {
  border-bottom: 1px solid #999;
}
#fix-navi-list .sub-navi-list li:not(:first-child) a {
	text-indent: 20px;
}
#fix-navi-list li:not(:last-child) a {
	border-bottom: 1px dashed #999;
	color: #00f;
}
#fix-navi-list dd:not(:last-child) a:before {
  background: #000 url(./images/list_mark.png) no-repeat;
  color: #fff;
  content: "";
  display: inline-block;
  font-size: 10px;
  height: 12px;
  line-height: 12px;
  margin: 0 5px;
  text-align: center;
  text-indent: 0;
  width: 12px;
}
#fix-navi-list dd:last-child a {
  background: #9dca28;
  color: #fff;
  padding: 8px 5px;
  text-align: center;
}
#fix-navi-list dd:last-child a:after {
	content: "▲";
	display: inline-block;
	margin: 0 2px;
	transform: rotate(90deg);
}
#fix-navi-list dd:last-child a:hover {
  background: #c2df65;
}

/*
 *
 */
.hover_underline {
  position: relative;
}
.on > a[href].hover_underline {
	background: #ededed;
	background: linear-gradient(to bottom, #eee, #ddd);
}
.hover_underline:hover:after,
.on .hover_underline:after {
  content: "";
  display: block;
  background: #aaa;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.on .sale_icon,
.on .new_icon {
	opacity: .2;
}

.hr_style1 { 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  border: 0; 
  height: 1px; 
  margin: 20px auto; 
  width: 80%;
}

#news li {
	word-break: break-word;
	line-height:1.5;
}

/* modal */
#modal-overlay {
	background: rgba(0, 0, 0, .4);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.modal-contents {
	background: #fff;
	display: none;
	left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.modal-contents > p {
	padding: 10px;
}
.modal-btn-area {
  background: #eee;
  padding: 10px 20px;
  text-align: right;
}
#jsModalOK {
  background: #ccc;
  border: 2px solid #0060d5;
  color: #000;
  display: inline-block;
  margin: 2px 0;
  text-decoration: none;
  width: 70px;
  text-align: center;
}
#jsModalOK:hover {
	background: #ddd;
}


/* 変型サイズ指定 */
#IN_GROUP:disabled {
	background: #ccc;
}
#lblChkHenkei {
	
	color: #fff;
  cursor: pointer;
  display: inline-block; 
  font-weight: bold;
  height: 30px;
  line-height: 30px; 
	margin: 5px 0; 
  padding: 0 7px;
}
.bgcolor_onde + * #lblChkHenkei {
	background: #FE9900;
}
.bgcolor_offset + * #lblChkHenkei {
	background: #5DADD7;
}
.bgcolor_doujin + * #lblChkHenkei {
	background: #FE7AA2;
}
.bgcolor_speed + * #lblChkHenkei {
	background: #FF4314;
}
#lblChkHenkei input[name="chkHenkei"] {
	margin: 0 10px 0 0; 
	vertical-align: middle;
}

#henkei-size-area {
	background: #f8f8ff;
	color: #000;
	display: none;
	height: 30px;
  line-height: 30px; 
	padding: 0 7px;
	transition: .5s;
}

#henkeitool-guide {
	display: none;
	font-weight: bold;
}
#henkeitool-guide .exclamation-icon {
	background: #00f;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-style: initial;
	height: 20px;
	line-height: 20px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 20px;
}
#tbl_disp #henkeitool-guide a {
	background: rgba(255, 255, 255, .6);
	color: #00f;
	padding: 0 5px;
}

#btnDecision {
  display: inline-block;
  padding: 0 10px;
  background: #ACD134;
  border-radius: 3px;
  box-sizing: border-box;
  height: 25px;
  line-height: 25px;
  color: #ACD134;
  text-decoration: none;
  box-shadow: 1px 1px 2px #000;
  position: relative;
  transition: .5s;
}
#btnDecision:after {
  content: attr(data-text);
  position: absolute;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.modalOverlay {
	background: rgba(0, 0, 0, .5);
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 1000;
}
.modalErrorContents {
	display: none; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	width: 420px; 
	background: #f3f3f3; 
	z-index: 1001; 
	box-shadow: 0 0 8px #ccc; 
	font-size: 14px; 
	line-height: 2;
	padding: 0 0 20px 0;
}
.modalErrorContents .modalTitle {
	background: #f00;
	color: #fff;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.modalErrorContents .modalBtnArea {
	line-height: 1;
	margin: 20px 0 0 0;
	text-align: right;
}
.modalErrorContents .modalBtnArea a {
	text-align: center;
}
.modalOKContents {
	display: none; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	width: 420px; 
	background: #f3f3f3; 
	z-index: 1001; 
	box-shadow: 0 0 8px #ccc; 
	font-size: 14px; 
	line-height: 2;
	padding: 0 0 20px 0;
}
.modalOKContents .modalTitle {
  background: #ACD134;
  color: #fff;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.modalOKContents .modalBtnArea {
	line-height: 1;
  margin: 20px 0 0 0;
  text-align: center;
}

.modalErrorContents p,
.modalOKContents p {
  padding: 5px 20px;
}

.btnModalOK {
	display: inline-block; 
	padding: 10px 20px; 
	background: #ACD134; 
	color: #fff !important; 
	width: 70px; 
	border-radius: 4px; 
	box-shadow: 1px 2px 0 #666; 
	text-decoration: none; 
	margin: 0 20px; 
	cursor: pointer;
}
.btnModalCancel {
	display: inline-block; 
	padding: 10px 20px; 
	background: #aaa; 
	color: #fff !important; 
	width: 70px; 
	border-radius: 4px; 
	box-shadow: 1px 2px 0 #666; 
	text-decoration: none; 
	margin: 0 20px; 
	cursor: pointer;
}
#btnDecision:hover,
.btnModalOK:hover,
.btnModalCancel:hover {
  opacity: .8;
}

.tenchiCenter {
	display: block !important;
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

#top_title_name div hr {
	border: 1px solid #999;
	display: block;
	margin: 10px 0 20px 0;
	width:auto
}
#top_title_name div h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 0 10px;
    text-align: left;
}

#mainContent h4.gray_title{
    background-color: transparent;
    border-bottom: 1px solid silver;
    border-left: 8px solid silver;
    color: #4c4c4c;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    line-height: 1;
    margin: 10px 0;
    padding: 10px 0;
    text-indent: 10px;
    width: auto;
}

@-webkit-keyframes zoom {
  0% { font-size: 12px; }
  100% { font-size: 13px; }
}
@-moz-keyframes zoom {
  0% { font-size: 12px; }
  100% { font-size: 13px; }
}
@keyframes zoom {
  0% { font-size: 12px; }
  100% { font-size: 13px; }
}

@keyframes gradientColor {
	0% {
		background-position: 0% 25%;
	}
	25% {
		background-position: 50% 25%;
	}
	50% {
		background-position: 75% 50%;
	}
	75% {
		background-position: 100% 75%;
	}
	100% {
		background-position: 0% 25%;
	}
}

@media screen and (max-width: 999px) {
  html { width: 1020px; }
}