@charset "utf-8";
/***********************
mangaoh.co.jp Web Site
基本スタイル
***********************/

@import "base.css";

body {
	background-image: url('/mainbg2.gif');
}

form {
	display: inline;
}

.top_bar {
	background: #a7d28d;
	     color: #006948;
     font-size: 0.8em;
}
div.top_button {
	background:#79c06e;
	color:black;
	display:inline;
}
div.top_button:hover {
	background:#009944;
	color:white;
	display:inline;
}

img {
}

table {
	border-collapse: collapse;
	border-spacing:  0px;
}

td {
	padding: 0px;
}

div.topic2 {
	width : 48%;
}

div.topic3 {
	width : 32%;
}

div.group_box {
	padding: 0px 4px 0px 2px;
	margin: 8px 4px 0px 4px;
	width:98%;
}
div.group_banner {
	background-color:#33CC99;
	color:#ffffff;
	font-size:21px;
	font-weight:bold;
	width:40%;
	padding: 2px 0px 0px 10px;
	margin-top: 2px;
}

div.group_layout {
	border: solid 2px #33CC99;
	padding: 0px 0px 0px 4px;
/*どら焼きフェア用に追加*/
	background-color:white;
}

div.topic_group_banner_2clumns {
	background-color:#69ad2e;
	color:#ffffff;
	font-size:21px;
	width:35%;
	height:25px;

	padding: 2px 0px 0px 10px;
}


div.topic_box {
	clear:both;
	margin-bottom: 6px;
	margin-left:   4px;
}

div.topic_title {
	color:#0000ff;
	font-size:21px;
	font-weight:bold;
	width:440px;
	display:block;
}
div.topic_title_wide {
	color:#0000ff;
	font-size:21px;
	font-weight:bold;
	display:block;
}
div.topic_image {
	width:70px;
	float:left;
	margin-bottom: 6px;
}

img.topic_image {
	width:70px;
	float:left;
	margin-right: 4px;
}

div.topic_subtitle {
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	display:inline;
}
div.topic_icon {
}

div.topic_main {
	color:#000000;
	font-size:13px;
	display:block;
	padding-right:2px;
}

div.order_box {
	text-align:center;
	display: block;
	padding: 4px 0px 8px 0px;
}


div.box {
	border: solid 1px purple;
	width:100%;
}

div.renewal_box {
	clear:both;
	margin-bottom: 6px;
}

div.renewal_title {
	font-size:15px;
	font-weight:bold;
	display:inline;
	margin-right:4px;
}
div.renewal_topic {
	font-size:13px;
	display:inline;
	padding-right:2px;
}

div.banner_box {
	clear:both;
	text-align:center;
	margin: 0px 0px 0px -6px;
}

div.banner_top_box {
	clear:both;
	text-align:center;
	margin: 0px 2px 0px 0px;
}

.adult_warning {
	font-size:12px;
	color: crimson;
	font-weight:bold;
}

.warning {
	font-size:12px;
	color: crimson;
	font-weight:normal;
}

div.doujin_group_box {
	width:100%;
	padding: 0px;
	margin-bottom: 10px;
}

div.doujin_group_layout {
	border: solid 2px #33CC99;
	width:98%;
	padding: 0px 0px 0px 4px;
}

table.catalog {
	border: solid 1px royalblue;
	empty-cells: show;
	border-collapse: collapse;
}

th.catalog {
	border: solid 1px royalblue;
	background-color:darkblue;
	color:paleturquoise;
	font-size:10pt;
	padding: 1px 2px 1px 2px;
}

td.catalog {
	border: solid 1px royalblue;
	font-size:10pt;
	padding: 4px 4px 4px 4px;
}

div.search {
	font-size:12pt;
	text-decoration:none;
	margin: 1em 0em 0em 1em;
}


a.search {
	font-weight:bold;
	text-decoration: none;
}

dl.page_navi {
	margin:8px 0px 8px 0px;
	text-align:center;
}

.page_navi li {
	display:inline-block;
	display:inline\9;	/* IE8 and Below */
	background-color:white;
	color:silver;
	border:solid 2px silver;
	min-width:1.5em;
	margin:4px auto;
	font-size:1em;
	padding:2px;
	font-weight:bold;
}

/*
.page_navi li:hover {
	color:white;
	background-color:orange;
}
*/
.page_navi li.active{
	background-color:cornflowerblue;
	color:white;
	padding:2px;
}

.page_navi img {
	vertical-align:middle;
}

.page_navi a {
	display:inline-block;
	text-decoration:none;
	color:black;
	min-width:1.5em;
}
.page_navi a:hover {
	text-decoration:none;
	color:white;
	background-color:orange;
}

div.main_box {
	width:764px;
	padding: 0px;
	margin: 0px;
	float:left;
}

div.left_box {
	padding: 0px 0px 0px 0px;
	margin:  0px 4px 0px 0px;
	float:left;
}

h1.page_title {
	border-top:    solid 2px #006600;
	border-bottom: solid 2px #006600;
	color:#ff6633;
	width:100%;
	text-align:right;
	font-size:24pt;
	font-weight:bold;
	font-style:italic;
	float:left;
}


div.full_box_layout {
	border-style:solid;
	border-width:2px;
	width:98%;
	padding: 0px 0px 0px 4px;
	margin:0px 4px 0px 0px;
}


.split_box {
	width:49%;
	margin:0px 4px 0px 0px;
	float:left;
}

div.page_title_box {
	border-top:    solid 2px #006600;
	border-bottom: solid 2px #006600;
	padding: 4px 4px 4px 0px;
	margin:  20px 0px 6px 0px;
	color:#ff6633;
	width:98%;
	text-align:right;
	font-size:20pt;
	font-weight:bold;
	font-style:italic;
}

div.half_box {
	width:100%;
	padding: 0px;
	margin-top: 8px;
}


div.half_box_layout {
	border-style:solid;
	border-width:2px;
	padding: 4px 0px 0px 4px;
}

div.comics_topic_title {
	color:#0000ff;
	font-size:13pt;
	font-weight:bold;
	display:block;
}

.color_daily {
	color:white;
	background-color:#33cc99;
}
.border_daily {
	border-color : #33cc99;
	border-style : solid;
}
.topic_group_border_daily {
	border-color : #69ad2e;
	border-style : solid;
}


.color_gentei {
	color:white;
	background-color:#33cc99;
}
.border_gentei {
	border-color:#33cc99;
}

.color_tokuten {
	color:white;
	background-color:#ff6699;
}

.border_tokuten {
	border-color:#33cc99;
}



div.buybox {
	background-color:#98fb98;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width:200px;
	height:200px;
	border-radius: 14px; /* Opera 10.5, IE 9, Saf5, Chrome */

}



/*デジタルトピックグループ用に追加*/

.dg_panel_box {
	text-align:center;
	float:left;
	width:125px;
	height:290px;
	margin-left:5px;
	margin-right:10px;
	margin-top:5px;
}

div.topic_group_banner_panel {
	background-color:#d70036;
	color:#ffffff;
	font-size:21px;
	width:35%;
	height:25px;

	padding: 2px 0px 0px 10px;
}

.dg_panel_product_box {
	text-align: center;
	height:170px;
}

.dg_panel_product_Name {
	text-align:center;
	font-size:12px;	
}

.dg_panel_sample {
	margin-top:2px;
	padding-left:1px;
}

.topic_group_border_daily_dg {
	border:2px solid #E53947;
}

.topic_panel_layout_dg {
	float:left
}


/* 成年コミック */
div.renewal_box_hcadult {
	clear:both;
	margin-bottom: 4px;
}
div.renewal_title_hcadult {
	font-size:13px;
	font-weight:bold;
	display:inline;
	margin-right:4px;
}
div.renewal_topic_hcadult {
	font-size:12px;
	display:inline;
	padding-right:2px;
}
div.half_boxhcadult {
	width:100%;
	padding: 0px;
	margin-top: 2px;
}
div.half_boxhcadult_layout {
	border-style:solid;
	border-width:2px;
	padding: 2px 0px 0px 2px;
}
div.group_banner_hcadult {
	background-color:#9932cc;
	color:#fffafa;
	font-size:18px;
	width:75%;
	padding: 2px 3px 0px 5px;
	margin-top: 1px;
}
div.hcadult_topic_box {
	clear:both;
	margin-bottom: 2px;
	margin-left:   2px;
}
div.hcadult_topic_title {
	color:#0000ff;
	font-size:12pt;
	font-weight:bold;
	display:block;
}
div.hcadult_topic_subtitle {
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	display:inline;
}
.border_hcadult {
	border-color : #9932cc;
	border-style : solid;
}
.color_hcadult {
	color:white;
	background-color:#9932cc;
}
.hcadult_group_border {
	border-color : #9932cc;
	border-style :  solid;
}
.border_hcadult {
	border-color : #9932cc;
	border-style :  solid;
}
.hcadult_group_border {
	border-color : #9932cc;
	border-style :  solid;
}



/* 検索リスト用設定 */
a.tab_enable { 	text-decoration: none;	}
a.search_list:link		{ text-decoration: none; color:#4b0082;	}	/* 青リンク */
a.search_list:visited	{ text-decoration: none; color:#0073a8;	} /* 紫リンク */
a.search_list:hover		{ text-decoration: underline; color:#ea618e;	} /* オンカーソル */
a.search_list:active	{ text-decoration: underline; color:crimson;	} /* クリック時 */

.search_item_box {
	border:solid 1px red;
	width:600px;
}

.search_prd_name {
	font-size:15pt;
	font-weight:bold;
	color:royalblue;
}

.search_button {
	color:#0000ff;
	background-color:transparent;
	font-weight: bolder;
	text-align:	left;
	cursor: pointer;
	width: 197px;
	padding: 0px 1px 0px 2px;
}

form#frmSearch {
	display: block;
}

a.filter_item {
	text-decoration: none;
	white-space:nowrap;
}

/*** トップメニューのスタイル ***/
div.menu_box {
	width:960px;
	clear:both;
	background-image: url('/mainbg2.gif');
	margin:  0px 0px 0px 0px;
}

div.menu_box1 {
	background-color:whitesmoke;
	width:100%;
	padding: 0px 0px 0px 0px;
	margin:  0 auto;
}

.menu_box1 ul {
	width:960px;
	font-size:9pt;
	height:20px;
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

.menu_box1 ul li {
	display:inline;
	color:#cccccc;
	margin-left:4px;
	padding-left:4px;
	vertical-align:top;
	border-left:solid 1px silver;
}

.menu_box1 a {
	text-decoration:none;
	height:16px;
}

.menu_box1 a:hover {
	background-color:#ffffb2;
}

div.menu_box2 {
	font-size:14pt;
	font-weight:bold;
	height:42px;
	width:960px;
}

div.menu_box2_logo {
	float:left;
	font-size:15pt;
	font-weight:bold;
	margin-left:1px;
	width:200px;
	height:42px;

}

div.menu_box2_banner {
	float:right;
	color:crimson;
	background-color:pink;
	font-size:14pt;
	font-weight:bold;
	width:750px;
	height:42px;
}

div.menu_box3 {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:960px;
}

.page_tab {
}

.page_tab a {
	font-weight:bold;
	font-size:8pt;
	margin: 0px 0px 5px 0px;
	background-color:#ffffff;
	text-decoration:none;
	width:86px;
	height:25px;
	float:left;
	line-height:2em;
	text-align:center;
	padding: 4px 0px 1px 1px;
	color:white;
}

.page_tab a:visited {
	color:white;
	text-decoration:none;
}

.page_tab a:hover{
	background-image: url(/img/tab_on.gif);
	color:white;
	text-decoration:none;
}
.page_tab a:active{
	color:white;
	background-image: url(/img/tab_on.gif);
	text-decoration:none;
}


.tab_on a {
	color:#ffffff;
	background-image: url(/img/tab_on.gif);
	background-color:#228b22;
}

.tab_off a {
	color:#ffffff;
	background-image: url(/img/tab_off.gif);
}

/* ---サブタブ --*/


div.menu_box4 {
	margin: 0px 0px 0px 1px;
	font-size:13px;
	height:20px;
	border-bottom: 2px #006400 solid;
	background-color:#228b22;
	display:block;
	text-align:center;
	clear:both;
}

.subtab div{
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	width:100px;
	height:16px;
	display:inline;
	text-align:center;
	text-decoration:none;
	color:#c1ffc1;
}

.subtab a{
	color:#ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
	display:inline;
	width:100px;
	height:16px;
}

a.warning:link {		color:crimson; }
a.warning:visited {	color:crimson; }

.field_label {
	color: cadetblue;
	font-weight:normal;
}

/** 検索用 **/
div.search_box {
}


.frm_search  {
	width:100%;
	background-color: #4e454a;
	color:white;
	display:block;
	padding:2px;
}

.frm_search input {
	width:160px;
}


.frm_search button {
	font-size:10pt;
	background-color:dodgerblue;
	color:ghostwhite;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:2px 4px 2px 4px;
	border-color: skyblue mediumblue mediumblue skyblue;
	border-width: 1px;
}

.frm_search button:hover {
	color:gold;
	cursor:pointer;
}

.frm_search button:active {
	color:gold;
	background-color:ghostwhite;
}

.frm_search a {
	color:orange;
	text-decoration:none;
}

/** 検索用 **/

.btn_search {
	font-size:9pt;
	background-color:dodgerblue;
	color:ghostwhite;
	font-weight:bold;
	padding:1px;
	margin:0px;
	border-color: skyblue mediumblue mediumblue skyblue;
	border-width: 1px;
}

.btn_search:hover {
	color:gold;
	cursor:pointer;
}

.btn_search:active {
	color:gold;
	background-color:ghostwhite;
}

button.btn_search_compact {
	font-size:9pt;
	background-color:dodgerblue;
	color:ghostwhite;
	font-weight:normal;
	padding:0px;
	margin:0px;
	height:18px;
	border-color: skyblue mediumblue mediumblue skyblue;
	border-width: 1px;
}

button.btn_search_compact:hover {
	color:gold;
	cursor:pointer;
}

button.btn_search_compact:active {
	color:gold;
	background-color:ghostwhite;
}

button.btn_search_compact {
	font-size:9pt;
	background-color:dodgerblue;
	color:ghostwhite;
	font-weight:normal;
	padding:0px;
	margin:0px;
	height:18px;
	border-color: skyblue mediumblue mediumblue skyblue;
	border-width: 1px;
}



/*** カレンダー表示用スタイル ***/
table.calendar		{
	border:solid 1px gainsboro;;
	background-color:gainsboro;
	font-size:9pt;
	width:98%;
	padding:1px;
	margin:0px;
}

tr.calendar_row	{
}

td.calendar_day	{
	text-align:center;
	color:dimgray;
	background-color:white;
	cursor:pointer;
	text-decoration: none;
}
td.calendar_holiday	{
	text-align:center;
	color:crimson;
	background-color:#ffe5e5;
	cursor:pointer;
	text-decoration: none;
}
td.calendar_saturday	{
	text-align:center;
	color:royalblue;
	background-color:#e5f2ff;
	cursor:pointer;
	text-decoration: none;
}
td.calendar_day_np	{
	background:gainsboro;
}
td.calendar_today {
	text-align:center;
	color:black;
	font-weight:bold;
	border:1px solid springgreen;
	text-decoration: none;
}

td.calendar_day:hover	{	background-color:aquamarine; }
td.calendar_today:hover	{	background-color:aquamarine; }
td.calendar_holiday:hover	{	background-color:aquamarine; }
td.calendar_saturday:hover	{	background-color:aquamarine; }
a.calendar_link {
	text-decoration: none;
}

/** 左メニュー用スタイル **/
table.left_box {
	border:2px solid #996600;
	font-size:12px;
	text-align:center;
	line-height:1.1;
	padding:2px 2px 2px 2px;
	margin:1px;
}

th.left_box {
	color:#ffffff;
	background-color:#996600;
	font-size:12px;
	font-weight:bolder;
	text-align:center;
	padding:5px;
}

td.left_box {
	background-color:#ffffff;
	padding:5px 3px;
	padding:2px 2px 2px 2px;
	font-size:12px;
	text-align:left;
}

.left_box_genre {
	font-weight : bold;
	font-size   : 1.1em;
	background-color: wheat;
	border-bottom: solid 2px burlywood;
	padding:4px 2px 2px 2px;
}

/** 左メニュー：同人サークル一覧用 **/
div.left_box_doujin_circle_title {
	text-align:center;
	color:black;
	background-color:lightgreen;
	font-weight:bold;
	font-size:0.9em;
}
div.left_box_doujin_circle_index {
	text-align:left;
	font-size:0.7em;
	font-weight:bold;
	color:sienna;
	background:palegoldenrod;
}

div.left_box_doujin_circle_item {
	width:10%;
	background:palegoldenrod;
	float:left;
}
div.left_box_doujin_circle_item a {
	background:palegoldenrod;
	text-decoration: none;
}

/** 右メニュー用スタイル **/
table.right_box {
	border:2px solid #008000;
	width:100%;
	font-size:11px;
	line-height:1.1;
	margin:1px;
}

th.right_box {
	color:#ffffff;
	background-color:#008000;
	font-size:12px;
	font-weight:bolder;
	text-align:center;
	padding:5px;
}

td.right_box {
	background-color:#ffffff;
	padding:5px 3px;
}


a.right_image_and_text {
	/** 右ボックス画像＆テキスト用**/
	text-decoration:none;
	display:block;
	margin-bottom:4px;
}



ul.active_button {
  width : 684px;
  margin : 0 auto;
  overflow : hidden;
  background: #f5f5f5;
  font-size:10px;
  border-right  : 2px solid #dcdcdc;
  border-bottom : 2px solid #dcdcdc;
  position:relative;
   top: 0px;
  left: 0px;
}

ul.active_button li {
  list-style-type : none;
  float : right;
}

ul.active_button li a {
  display : block;
  padding : 4px;
  margin : 6px;
  border : 2px solid #ffffff;
  background : #89c997;
  color : #ffffff;

  font-size : 12px;
  text-align : center;
  text-decoration : none;

}

ul.active_button li a[href="ok.html"] { background : #8EAC1A; }
ul.active_button li a[href="cancel.html"] { background : red; }

ul.active_button li a:hover {
  background : #009944;
}

ul.active_button li a[href="ok.html"]:after {
       content : "\00BB";
  padding-left : .5em;
}

ul.active_button li a[href="cancel.html"]:before {
        content : "\00AB";
  padding-right : .5em;
}

ul.active_button li a {
}


/**
 * 検索メニュー用
 */
table.sales_info {
	font-size:9pt;
	border:solid 1px silver;
	empty-cells: show;
	padding:0px;
	margin: 0 auto;
}

.left_menu {
	background-color:#fdede4;
	background-color:lavender;
}

.menu_title {
	background-color:#e29676;
	color:#fdede4;

	background-color:cornflowerblue;
	color:lavender;

	font-weight:bold;
	font-size:11pt;
	padding: 2px 2px 2px 4px;
	margin: 0px;
	float:left;
	width:196px;
}

div#left_menu {
  float: left;
  width: 200px;
}

#frmSearch {
	display:block;
	width:100%;
	padding-left:1px;
}

div.filter_box {
	width:100%;
	border-right  : solid 1px silver;
	border-bottom : solid 1px silver;
	font-size:9pt;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 2px 0px;
}
div.filter_box:hover {
	background-color:#e5ffcc;
}

div.filter_box:after {
	clear: both;
}

div.filter_off {
	background-color:	#fff6e5;
}

div.filter_on {
	background-color:	#ffdead;
}


.filter_label {
	font-size:10pt;
	font-weight:bold;
	margin: 0px;
	padding:2px 0px 0px 2px;
	float:left;
	width:80%;
	line-height:20px;
}

div.filter_on .filter_label {
	color:orangered;
}
div.filter_off .filter_label {
	color:lightsalmon;
}

div.filter_value {
	padding-left: 8px;
	margin-bottom: 2px;
	clear:both;
}

div.filter_value .selected_link {
	background-color:#98fb98;
	color: #006948;
	white-space:nowrap;
}

.filter_value a:link   { color: #3355ff; }
.filter_value a:visited{ color: #3355ff; }
.filter_value a:hover  { color: crimson; }
.filter_value a:active { color: crimson; }

.filter_value_text {
	width:180px;
	ime-mode:active;
}

div.filter_genre_gorup {
	font-size:110%;
	font-weight:bold;
	white-space:nowrap;
	border-top :dotted 1px #ff7f00;
	padding-top:1px;
	margin-top:2px;
}

a.del_search {
	float:right;
	font-size:14pt;
	font-weight:bold;
	padding: 0px;
	margin:  0px;
	width:  20px;
	height: 20px;
	color : crimson;
	text-align:center;
	text-decoration: none;
	vertical-align:top;
	line-height:20px;
	display:inline;
	float:right;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
a.del_search:link			{	color : crimson;  background : transparent;  text-decoration:none;}
a.del_search:visited	{	color : crimson;  background : transparent;  text-decoration:none;}
a.del_search:hover		{	color : red;      background : pink;         text-decoration:none;}
a.del_search:active		{	color : red;      background : white;        text-decoration:none;}

ul.btn_date_search {
  width:60px;
  margin : 0px 1px 0px 0px;
  overflow : hidden;
  background: transparent;
  font-size:8pt;
  border-right  : 0px solid #dcdcdc;
  border-bottom : 0px solid #dcdcdc;
   top: 0px;
  left: 0px;
  float : left;
}

ul.btn_date_search li {
  margin : 0px 1px 0px 0px;
  padding:0px;
  list-style-type : none;
  float : left;
}

ul.btn_date_search li.small {
	width : 0.5em;
}

ul.btn_date_search li.big {
	width : 2em;
}

ul.btn_date_search li a {
  display : block;
  padding : 1px 1px 1px 1px;
  margin : 0px;

  border-left   : 1px solid #b2bfff;
  border-top    : 1px solid #b2bfff;
  border-right  : 1px solid #3355ff;
  border-bottom : 1px solid #3355ff;

  color: white;
  background : pink;
  font-size : 12px;
  text-align : center;
  text-decoration : none;
}

ul.btn_date_search li a:link    {  background : #667fff; color:white;}
ul.btn_date_search li a:visited {  background : #667fff; color:white;}
ul.btn_date_search li a:hover   {  background : #667fff; color:crimson;}
ul.btn_date_search li a:active  {  background : white; color:crimson;}

.sort_bar {
	background-color:whitesmoke;
	color:dimgray;
	font-size:9pt;
	font-weight:normal;
	border-bottom:solid 1px dimgray;
}

.sort_label {

}

.enable_sort   {
	color:royalblue;
	background-color:#AFBBDD;
}	/* 使用中のソート */

a	.disable_sort {
	color:darkgray;
}


.search_item {
	font-size:9pt;
	border-bottom:dotted 1px black;
	background : #ffffff;
	padding : 4px 0px 4px 0px;
	margin : 0px;
}

.search_item img{
	vertical-align:middle;
}

.search_item .tokuten {
	vertical-align:middle;
}
.search_item .tokuten_text {
	display:inline;
	color:royalblue;
	font-weight:bold;
	font-size:1.1em;
	padding-left:4px;
}

.search_item_header {
 margin:0px 0px 4px 4px;
}
ul.search_date li {
	list-style-type : none;
}


.field_label {
	font-size:1.0em;
	padding-left:10px;
}

.warning_number {
	font-size:1.1em;
}

.normal_number {
	font-size:1.1em;
	color:royalblue;
	font-weight:bold;
}




/* 商品情報のデコレーション */
a.add_filter {
	color:chocolate;
	font-size:11pt;
	font-weight:bold;
	margin-right:4px;
	text-decoration: none;
}

a.add_filter:link			{color:chocolate;}
a.add_filter:visited	{color:chocolate;}
a.add_filter:hover		{	background: rgba(255, 187, 0, 0.3); }
a.add_filter:active		{}


/* 商品情報のデコレーション */
a.new_filter {
	color:blueviolet;
	font-size:11pt;
	font-weight:bold;
	margin-right:4px;
	text-decoration: none;
}

a.new_filter:link		{ color:mediumseagreen ; }
a.new_filter:visited	{ color:mediumseagreen ; }
a.new_filter:hover		{	background: rgba(43, 255, 142, 0.3); }
a.new_filter:active		{}

a.prd_name{
	font-size:12pt;
	font-weight:bold;
	padding-left:4px;
}

/* 検索履歴用 */
div.flt_hist {
	font-size: 9pt;
}
div.flt_hist a {
	text-decoration: none;
}


div.flt_hist_item {
	color:dimgray;
	display:inline;
	padding-left:4px;
	margin:0px;
	text-decoration: none;
}

em.flt_hist_value {
	color:crimson;

}


#user_message {
	color : black;
	float : left;
}

/***********************
記事スタイル
article.css
***********************/

.article_box {
	border: solid 1px olive;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

.article_title {
	font-size: 17pt;
	font-weight: bold;
	color:white;
	background-color: crimson;
	padding:12px 10px 12px 10px;
	margin: 8px 20px 0px 20px;
}

.article_sub_title {
	font-size: 12pt;
	font-weight: bold;
	color:maroon;
	background-color:#ffe5e5;
	padding:6px 4px 6px 12px;
	margin: 0px 20px 8px 20px;
}

.article_message {
	font-size:11pt;
	color: black;
	padding:10px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
}

.article_image {
	padding:10px 20px 10px 20px;
}

/** 買い物かご用スタイル **/
div#container{
	width:750px;
	margin:10px auto;
}

ul.tab{
	padding:0;
}

ul.tab li{
	list-style-type:none;
	width:50%;
	height:40px;
	float:left;
}

ul.tab li a{
	outline:none;
	background-color:whitesmoke;
	display:block;
	color:blue;
	line-height:40px;
	text-align:center;
}

ul.tab li a.selected{
	background-color:#9FB7D4;
	text-decoration:none;
	color:white;
	cursor:default;

}
ul.panel{
	clear:both;
	padding:0;
}

ul.panel li{
	list-style-type:none;
	padding:10px;
	text-indent:1em;
	color:#333;
}

table.cart {
	border:solid 1px #4862b4;
}

table.cart tr {
	font-size:9pt;
	padding: 3px;
}

table.cart th {
	color:#ffffff;
	background-color:#4862b4;
}


div.cart_download {
	border:solid 3px #E53947;
	padding: 1px;
	margin:0 auto;
	margin-bottom:12px;
}

div.cart_normal {
	border:solid 3px #228b22;
	padding: 1px;
	margin:0 auto;
}

.cart_download h3 {
	color:white;
	background-color:#E53947;
}
.cart_normal h3 {
	color:white;
	background-color:#228b22;
}

table.cart_download {
	width:96%;
	margin:8px;
	border:solid 1px #ff6347;
	background-color:white;
}

table.cart_download tr {
	font-size:9pt;
	padding: 3px;
}
table.cart_download th {
	padding:2px;
	color:#ffffff;
	background-color:#ff6347;
}

.cart_download .summary {
	text-align:right;
	background-color:lavender;
}

.cart_product_name {
	font-size:1.1em;
	font-weight:bold;
	width:100%;
}

table.cart_normal {
	width:96%;
	margin:2%;
	border:solid 1px #2f4f4f;
}
table.cart_normal tr {
	font-size:9pt;
	padding: 3px;
}
table.cart_normal th {
	padding:2px;
	color:#ffffff;
	background-color:#2f4f4f;
}

/*注文確定メニュー*/

.cart_menu_tab {
	margin: 0px 0px 4px 0px;
	padding: 4px 0px 1px 1px;
	background-image: url(/img/cart_tab.jpg);
	text-decoration:none;
	width:960px;
	height:25px;
	float:left;
	font-size:20px;
	line-height:1.5em;
	text-align:center;
	color:white;
}


/*電子書籍出版社売上表示用*/

div.pub_sale_info {
	font-size: 30px;
}

tr.pub_sale_in td {
	font-weight: normal;
	background-color: #ffffff;
}

a.pub_sale_link {
	text-decoration: none;
}


div.pub_slae_pubname {
	font-size: 25px;
}

div.pub_slae_maindate {
	font-size: 25px;
	margin-bottom: 8px;
}

div.pub_sale_img {
	width:200px;
	float:left;
	margin:0px 3px;
}

div.pub_sale_box {
	width:700px;
	float:left;
	margin:0px 0px 5px 0px;
}

div.pub_sale_box_left {
	width:150px;
	float:left;
	border-top:1px solid;
	border-left:1px solid;
	color:white;
	border-color:black;
	background-color:#00bfff;
}

div.pub_sale_box_right {
	float:left;
	border-top:1px solid;
}

div.pub_sale_box_in {
	height:20px;
	text-align: center;
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:black;
}

div.pub_sale_box_repeat{
	width:303px;
	float:left;
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:black;
}

div.pub_sale_repeat_head {
	width:100px;
	text-align: center;
	float:left;
	color:white;
	border-top:1px solid;
	border-left:1px solid;
	border-color:black;
	background-color:#00bfff;
}

div.pub_sale_repeat {
	width:100px;
	text-align: center;
	float:left;
	border-top:1px solid;
	border-left:1px solid;
}


th.pub_sale_prd_name {
	width:800px;
	text-align: center;
	color:white;
	background-color: #00bfff;
}

th.pub_sale_total_sale {
	width:300px;
	text-align: center;
	color:white;
	background-color: #00bfff;
}

th.pub_sale_code{
	width:150px;
	text-align: center;
	color:white;
	background-color: #00bfff;
}

th.pub_sale_other {
	width:250px;
	text-align: center;
	color:white;
	background-color: #00bfff;
}


.ui-datepicker-week-end .ui-state-default {
    background-image: none;
    background-color: #b4ebfa;
}

div.opinion {
	font-size:10pt;
	background-color:#fef4f4;
	width:85%;
	margin:4px auto;
	margin-top:10px;
	padding:20px;/*１０→２０変更*/
	border:solid 3px #cc7eb1;
	border-radius: 14px; /* Opera 10.5, IE 9, Saf5, Chrome */

}

.opinion h1 {
	font-size:1.4em;
	color:white;
	background-color:#cc7eb1;
	padding:3px 3px 3px 13px;
	text-align:center;
	border-radius: 14px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

div.opinion_question_block {
	background-color:#ffe0ef;
	margin-bottom:8px;
	padding:6px;
	border-radius:14px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

#frm_opinion {
	display:block;
	text-align:left;
	padding:10px;
}

#frm_opinion textarea {
	width:100%;
	font-size:10pt;
}

#frm_opinion input{
}
#frm_opinion .opinion_entry {
	text-align:right;
}
span#opinion_num {
	color:darkgray;
}

span#problem_num {
	color:darkgray;
}


.tokuten_button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 12pt;
	font-weight:bold;
	width:214px;
	padding: 2px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin:4px 0px 4px 0px;
}
.tokuten_button:hover {
	text-decoration: none;
}
.tokuten_button:active {
	position: relative;
	top: 1px;
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

div.guidance_title {
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: solid 2px #006600;
	width: 80%;
	text-align: left;
	font-size:25px;
	font-weight:bold;
	color:#006600;
}

div.guidance_image_box {
	border: solid 1px #006600;
	color:#006600;
	width: 600px;
}