@charset "utf-8";

body {
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	text-align: center; 
	font-style: normal; 
	color: #000;
	font-size:13px;
	font-family: Verdana;
	line-height: 1.4em; 
	}

* {
margin: 0;
padding: 0;
}

/* basic stuff */
h1 { font-size: 14px; font-family: "Chrono Medium", Tahoma, sans-serif; line-height: 1.4em; }
h2 { font-size: 20px; font-family: "Chrono Medium", Tahoma, sans-serif; line-height: 1.4em; }
h3 { font-size: 20px; font-family: "Chrono Medium", Tahoma, sans-serif; line-height: 1.4em; }
h4 { font-size: 40px; font-family: "Chrono Medium", Tahoma, sans-serif; line-height: 1.4em; }

h1 {
	font-family: "Chrono Medium", sans-serif;
	text-align: center;
	margin-bottom: 10px;
	font-weight: normal;
}

h2 {
	display: block;
	color: #259FD9;
	-webkit-margin-before: .1em;
	-webkit-margin-after: .1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	font-family: "Chrono Medium", sans-serif;
	text-align: center;
	margin-bottom: 10px;
/*	background: url(https://mokuhankan.com/images/h2_bg.png), transparent;
	-webkit-background-clip: text, border;
	-webkit-text-fill-color: transparent;*/
}
h4 {
	display: block;
/*	color: #ebbe0d;*/
	color: #e9ab36;
	-webkit-margin-before: .2em;
	-webkit-margin-after: .2em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	font-family: "Chrono Medium", sans-serif;
	text-align: center;
	margin-bottom: 10px;
/*	background: url(https://mokuhankan.com/images/h4_bg.png), transparent;
	-webkit-background-clip: text, border;
	-webkit-text-fill-color: transparent;*/
}




hr { margin-top: 10px; margin-bottom: 10px; }

/* list styles */
ul.globe { list-style-image: url(http://woodblock.com/images/bubble.png); font-style: italic; margin-left:40px;}
ul.globe_body { list-style-image: url(http://woodblock.com/images/bubble.png);}
ul.general { margin-left:25px; margin-bottom:10px;}
ul.general li { margin-bottom:3px;}
ol, ul { margin-left: 3em;  line-height: 1.4em; margin-bottom: 1em;}
#subscription_form p { margin-bottom: 1em; }

/* link styles */
a { text-decoration: none; }
a:link {color: #006699;}
a:visited {color: #006699;}
a:active {color: #8FABBE;}
a:hover {text-decoration: underline;}

input, select { vertical-align: middle; }
select, input { sans-serif; }

/* some standard body backgrounds */
body.grey {background-color: #dcdcdc; }
body.light_grey {background-color: #f7f7f7; }
body.tinted {background-color: #D2D1E0; }
body.chibi {	background: url(https://mokuhankan.com/images/paper.jpg) ; }
body.heroes {	background: url(https://mokuhankan.com/images/paper_02.jpg) ; }

/* standard divs */
div#main_page_80 { position: relative; margin: 0 80px 0 80px; padding: 0 0 0 0;}
div#main_page_70 { position: relative; margin: 0 70px 0 70px; padding: 0 0 0 0;}
div#main_page_60 { position: relative; margin: 0 60px 0 60px; padding: 0 0 0 0;}
div#main_page_50 { position: relative; margin: 0 50px 0 50px; padding: 0 0 0 0;}

div#page_footer { position: relative; top: 0px ; left: 0px ; margin: 10px 0 20px 0; padding: 0px 0 0px 0;}
.diversion { border:solid 1px black;margin:10px 0 10px 0;padding:10px;background-color: #ffffe6;}

.error_display_class {
	display: none;
	color: #ff0000;
	margin:0pt auto;
	margin-bottom: 5px;
	width: 350px;
	padding: 4px;
	border:1px dotted #ff0000;
	text-align: center;	
}

.grey_white_box {
	margin: 0 auto; 
	margin-top: 3em; 
	padding:10px;
	border:6px solid;
	border-color: #cccccc;
	background-color: #f7f7f7;
	}


/* general text styles */
.bodytext { margin: 0 0 0 0; font-size: 1em; padding: 10px 15px 10px 15px; text-align: left; }
.bodytext img { display: block; margin:0 auto; text-align: center;}
.bodytext p {  margin-bottom: 5px; }

.bodytext img.left_boxed {float:left;border:solid 1px silver;padding:5px;margin-right:15px;}
.bodytext img.right_boxed {float:right;border:solid 1px silver;padding:5px;margin-left:15px;}
.bodytext img.center_boxed {border:solid 1px silver;padding:5px;}
.bodytext img.boxed {border:solid 1px silver;padding:5px;}

.bodytext img.left {float:left;padding:5px;margin-right:25px; margin-bottom:5px;}
.bodytext img.right {float:right;padding:5px;margin-left:25px; margin-bottom:5px;}

.left_box_caption {
	float:left; 
	text-align: center; 
	font-size: .9em; 
	border:solid 1px silver;
	padding:5px;
	margin-right:10px;
	background-color: #f7f7f7;
	}
.right_box_caption {
	float:right;
	text-align: center; 
	font-size: .9em; 
	border:solid 1px silver;
	padding:5px;
	margin-left:10px;
	background-color: #f7f7f7;
	}
.center_box_caption {
	margin: 0 auto; 
	text-align: center; 
	font-size: .9em; 
	border:solid 1px silver;
	padding:5px;
	background-color: #f7f7f7;
	}
.center_box_tomei {
	margin: 0 auto; 
	text-align: center; 
	font-size: .9em; 
	border:solid 1px black;
	padding:5px;
	}
.hokusai_box_caption {
	margin: 0 auto; 
	max-width: 460px;
	margin-bottom: 10px;
	text-align: center; 
	font-size: .9em; 
	border:solid 1px silver;
	padding:5px;
	background-color: #f7f7f7;
	}
.catalogue_main_box {
	margin: 0 auto;
	background-color: black;
	text-align: center;
	padding: 15px;
	}
.shadowed_box {
	display: block; 
	margin: 0 auto;
	/* width:660px; */
	background-color:#e5e5e5;
	padding:10px 30px 15px 30px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom:15px;
}
.shadowed_box_heroes {
	display: block; 
	margin: 0 auto;
	/* width:660px; */
	background-color:#e5e5e5;
	background: url(https://mokuhankan.com/images/paper.jpg) ;	
	padding:10px 30px 15px 30px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom:15px;
}
.shadowed_fancybox {
	display: block; 
	margin: 0 auto;
	/* width:660px; */
	background-color:#f7f7f7;
	padding:15px 20px 15px 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadowed_print_box {
	display: block; 
	margin: 0 auto;
	/* width:660px; */
	background-color:#e5e5e5;
	padding:0px 0px 0px 0px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom:15px;
}
.shadowed_photo_box {
	display: block; 
	margin: 0 auto;
	/* width:660px; */
	background-color:#e5e5e5;
	padding:0px 0px 0px 0px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom:15px;
}
.raised {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom:20px;
}

.image_set table {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
/*	width: 100%;*/
	border-width: 0px;
	borderspacing: 0px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: show;
	}
.image_set table tr {
	height: 300px;
	}
.image_set table tr.second {
	height: 35px;
	vertical-align: top;
	}
.image_set table td {
	width: 250px;
	text-align: center;
	}
.series table {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
/*	width: 100%;*/
	border-width: 0px;
	borderspacing: 0px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: show;
	}
.series table tr {
	height: 120px;
	}
.series table tr.title {
	height: 35px;
	text-align: center;
	font-size: 18px; 
	font-family: sans-serif;
	line-height: 1.4em; 
	}
.series table tr.caption {
	height: 20px;
	text-align: right;
	font-size: 12px; 
	}
.series table tr.cartouche {
	height: 20px;
	text-align: left;
	font-size: 14px; 
	}
.series table td {
	width: 200px;
	}
.series table td.main_image {
	width: 420px;
	text-align: left;
	vertical-align: top;
	}

.bodytitle { font-size:1.8em;  }
.storyhed { font-size:1.4em; }
.storytitle { font-size:1.2em; }
.bolded { font-weight: bold; }
.bolded_title { font-weight: bold; margin-top: 15px;}

.footer_text { font-style: italic; font-size: 0.9em; line-height: 1.3em;  color: #000; color: #333;  text-align: center;  }

.byline { font-style: italic; font-size: 1em; line-height: 1.4em;  color: #000;  }
.byline_middle { display: block; text-align: center; margin: 0 auto; font-style: italic; font-size: 1em; line-height: 1.4em;  color: #000;  }
.byline_right { display: block; text-align: right; font-style: italic; font-size: 1em;  color: #000;  }

/* input, select, textarea { font: 12px/16px Georgia, "Calisto MT", "Times New Roman", Times, serif; color: #333; }*/

input, select, textarea { background-color: #eee; padding-left: 4px; }

.on {
	display: block;
}
.on_inline {
	display: inline;
}
.off {
	display: none;
}

div#header {
	padding: 0px 0px 0px 0px;
	height: 110px;
	width: 100%;
	background: url(https://mokuhankan.com/subscriptions/images/subscriptions_logo.png) no-repeat;
	}

div#hangers {
	float:right;
	margin-right: 20px;
/*	position:absolute; top: 0px; left:700px;*/
	display:block;
	text-align:center;
	z-index:10;
	width:250px;
	height:25px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	border: 2px #bbb;
	border-style: none solid solid solid;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
}
div#hangers ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float: left;
}
div#hangers li {
	position: relative;
	margin: 0;
	display: block;
	float: left;
	width: 100px;
}
div#hangers li.with_spacer {
	background-color: transparent;
	background: url(https://mokuhankan.com/images/app_spacer.png)  0 0 no-repeat;
}
div#hangers li.wide {
	width: 140px;
}
div#hangers li.medium {
	width: 120px;
}
div#hangers li.flag {
	width: 30px;
}
div#hangers ul li a {
	display:block;
	width: 100px;
	height: 25px;
	position: relative;
	color: #999;
}
div#hangers ul li.wide a {
	width: 140px;
}
div#hangers ul li.medium a {
	width: 120px;
}
div#hangers ul li.flag a {
	width: 30px;
}
div#hangers ul li.flag img {
	padding: 6px 0px 0px 8px;
}
div#hangers  ul li a:hover {
	text-decoration: none;
	color: #777;
}
div#hangers ul li a span {
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
div#hangers ul li a span p {
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	margin:0;
	line-height:25px; 
}

div#main_bullets { 
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 25px;
}
div#main_bullets ul {
	margin: 0 auto;
	width: 600px;
}
div#main_bullets ul li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	margin-left:0px;
	line-height:25px; 
	color: #333;
}

 div#corner_floater {
 	float:right;
 	width:200px;
 	height:300px;
 	background: url(https://mokuhankan.com/heroes/chibi/images/corner_200.png)  0 100% no-repeat;
 }
 div#corner_floater_journey {
 	float:right;
 	width:200px;
 	height:300px;
 	background: url(https://mokuhankan.com/japan_journey/images/journey_corner_200.png)  0 100% no-repeat;
 }
 div#corner_floater_portraits {
 	float:right;
 	width:200px;
 	height:300px;
 	background: url(https://mokuhankan.com/heroes/portraits/images/corner_200.png)  0 100% no-repeat;
 }
 div#corner_floater_portraits2 {
 	float:right;
 	width:200px;
 	height:300px;
 	background: url(https://mokuhankan.com/heroes/portraits/images/corner2_200.png)  0 100% no-repeat;
 }
 div#corner_floater_manga {
 	float:right;
 	width:200px;
 	height:300px;
 	background: url(https://mokuhankan.com/heroes/manga/images/corner_200.png)  0 100% no-repeat;
 }
  div#corner_floater_heroes {
 	float:right;
 	width:200px;
 	height:300px;
 	background: url(https://mokuhankan.com/heroes/images/corner_200.png)  0 100% no-repeat;
 }
  div#corner_floater_ghibli {
 	float:right;
 	width:200px;
 	height:300px;
 	background: url(http://ghiblisayyes.com/images/corner_200.png)  0 100% no-repeat;
 }
  div#corner_floater_hokusai {
 	float:right;
 	width:200px;
 	height:300px;
 	background: url(http://ghiblisayyes.com/images/corner_200.png)  0 100% no-repeat;
 }
  div#corner_floater_yokai {
 	float:right;
 	width:200px;
 	height:126px;
 	background: url(https://mokuhankan.com/yokai/images/yokai_corner_200.png)  0 100% no-repeat;
 }
  div#corner_floater_legendary {
 	float:right;
 	width:200px;
 	height:126px;
 	background: url(https://mokuhankan.com/legendary_loot/images/legendary_corner_200.png)  0 100% no-repeat;
 }
  div#subscription_cover_overlay {
 	position:absolute;
 	left:10px;
 	top:10px;
 	width:300px;
 	height:175px;
 	z-index:1;
 	background: url(https://mokuhankan.com/heroes/images/cover_overlay_subscribe.png)  0 100% no-repeat;
 }
  div#nekohakkei_cover_overlay {
 	position:absolute;
 	left:10px;
 	top:120px;
 	width:300px;
 	height:175px;
 	z-index:1;
 	background: url(https://mokuhankan.com/nekohakkei/images/nekohakkei_overlay.gif)  0 100% no-repeat;
 }
    
a.external_text { 
	background: url(https://mokuhankan.com/images/external.png) no-repeat 100% 50%;
	background-image: url(https://mokuhankan.com/images/external.png);
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-attachment: initial;
	background-position-x: 100%;
	background-position-y: 50%;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	padding-right: 13px;
}

.videoLinkLeft {
	float: left;
	width:50%;
	margin-bottom: 10px;
}
.videoLinkRight {
	width:45%;
	float: right;
}
.videoThumb {
	float: left;
	margin: 0 10px 0 20px;
	padding: 2px;
	border: 1px solid #CED2D9;
	width: 120px;
	overflow: hidden;
	margin-bottom:5px;
}
.basicInfo {
	position: relative;
	padding-top: 4px;
	margin-bottom:5px;
}
.basicInfo .description {
	font-size: 11px;
}
.basicInfo .date {
	font-size: 11px;
}

.pullquote {
	padding: 10px;
	float: right;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #694e1c;
	border-bottom-color: #694e1c;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}

#survey { display: block; margin: 0 auto; }
#survey ul { list-style-type: none; margin:0px; padding:0px; }
#survey li { float:left; padding:5px; width:210px; height:290px; }
#survey li div { padding-top:10px; }
#survey .placeHolder div { width:200px; height:260px;background-color:white!important; border:dashed 1px gray !important; }
#survey2 li { margin-left:25px;list-style-type: none; }

dl.faq {
    margin-bottom:30px;
}
dl.faq dt {
    font-weight:bold;
    color:#000000;
    padding:25px 0 5px 0;
    display:block;
}
dl.faq dd {
    padding-bottom:25px;
    border-bottom:1px solid #cccccc;
    display:block;
}


/* div#footer_nav_container { position: fixed; bottom: 0; width: 100%; text-align: center;} */
div#footer_nav_container { width: 100%; text-align: center;} 
div#footer_nav {
	margin: 0 auto; 
	margin-bottom:20px;
	display:block;
	text-align:center;
	z-index:10;
	width:800px;
	height:40px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 2px #bbb;
	border-style: solid solid solid solid;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 100%;
	list-style: none;
	float: left;
}
div#footer_nav li {
	position: relative;
	margin: 0;
	display: block;
	float: left;
	width: 120px;
}
div#footer_nav li.with_spacer {
	background-color: transparent;
	background: url(https://mokuhankan.com/images/app_spacer.png)  0 100% no-repeat;
/*	background-size: 0 100%;*/
}
div#footer_nav li.wide {
	width: 180px;
}
div#footer_nav li.medium {
	width: 160px;
}
div#footer_nav li.flag {
	width: 60px;
}
div#footer_nav ul li a {
	display:block;
	width: 100%;
	height: 40px;
	position: relative;
	color: #999;
}
div#footer_nav ul li.flag img {
	padding: 12px 0px 0px 10px;
}
div#footer_nav  ul li a:hover {
	text-decoration: none;
	color: #777;
}
div#footer_nav ul li a span {
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
div#footer_nav ul li a span p {
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	margin:0;
	line-height:40px; 
}

.granite_box  { 
	background: url("https://mokuhankan.com/images/granite.gif") ;
	margin-bottom:20px;
	padding: 0 0 10px 0;
	border: 1px solid #60a2c9;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.granite_box h2 {
	font-size: 153.9%; /* 20px */
	padding: 5px 0;
	margin: 0 0 15px 0;
	text-align: center;
	background: #60a2c9;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
	-webkit-text-fill-color: #fff;
}
.granite_box p {
	padding: 0 30px;
	margin: 0 0 10px 0;
	font-size: 110%;
	line-height: 1.5em;
}

.accordionWrapper {
	float:left;
}
.accordionItem {
	float:left;
	display:block;
	width:100%;
	box-sizing: border-box;
	border: 1px solid #60a2c9;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);

}
.accordionItem p {
	padding: 0 30px;
	margin: 0 0 10px 0;
	font-size: 110%;
	line-height: 1.5em;
}

.accordionItemHeading {
	cursor:pointer;
	font-size: 153.9%; /* 20px */
	margin: 0 0 0 0;
	padding: 5px 0;
	text-align: center;
	background: #60a2c9;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
	-webkit-text-fill-color: #fff;
}
.closed .accordionItemContent {
	height:0px;
	transition:height 1s ease-out;
	-webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	float:left;
	display:block;
}
.open .accordionItemContent {
	width: 100%;
	display:block;
	background: url("https://mokuhankan.com/images/granite.gif");
	padding: 10px 0px 10px 0px;
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
	box-sizing: border-box;
}
.open .accordionItemHeading {
	background: #60a2c9;
}
.closed .accordionItemHeading {
	background: #aaaaaa;
}


#chibi-details  { 
	background: url("https://mokuhankan.com/images/granite.gif") ;
	margin: 0 auto; 
	width:600px;
	margin-bottom:20px;
}
#chibi-details .details {
	padding: 0 0 10px 0;
	border: 1px solid #60a2c9;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	margin-bottom: 0px;
}
#chibi-details h2 {
	font-size: 153.9%; /* 20px */
	padding: 5px 0;
	margin: 0 0 15px 0;
	text-align: center;
	background: #60a2c9;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
	-webkit-text-fill-color: #fff;
}
#chibi-details p {
	padding: 0 30px;
	margin: 0 0 10px 0;
	font-size: 110%;
	line-height: 1.5em;
}

#subscription-details  { 
	background: url("https://mokuhankan.com/images/granite.gif") ;
	margin: 0px 0px 10px 50px;
	width: 300px;
	float: right;
}
#subscription-details .details {
	padding: 0 0 10px 0;
	border: 1px solid #60a2c9;
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	margin-bottom: 0px;
}
#subscription-details h2 {
	font-size: 153.9%; /* 20px */
	padding: 5px 0;
	margin: 0 0 15px 0;
	text-align: center;
	background: #60a2c9;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
	-webkit-text-fill-color: #fff;
}
#subscription-details p {
	padding: 0 30px;
	margin: 0 0 10px 0;
	font-size: 110%;
	line-height: 1.5em;
}
.subscription_info_right {
	float: right;
	margin-right: 10px;
	width: 32px;
	height: 32px;
	background: url("https://mokuhankan.com/images/info.png") ;
}
div#subscription_display_container { 
	width: 100%;
	text-align: center;
} 
div#subscription_display {
	margin: 0 auto; 
	margin-bottom:20px;
	display:block;
	text-align:center;
}
div#subscription_display ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 100%;
	list-style: none;
}
div#subscription_display li {
	float: left;
	margin: 0;
	width:280px;
	height:330px;
	margin: 0 0 0 8px;
}
div#subscription_display li img {
	width: 250px;
}

.list {
	padding-bottom: 10px;
	}

.list table {
/*	margin: 0 auto;*/
	font-size: 12px;
	padding: 0px;
/*	border-collapse: collapse;*/
/*	width: 90%;*/
	border: 1px solid #555;
	}

.list table th {
	background-color: #8FAEBE;
	color: #FFF;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #000;
	}

.list table tr.odd {
	background-color: #EAF2FF;
	}

.list table tr.even {
	background-color: #DDD;
	}

.list table td p { padding: 0; }

.list table td {
	padding: 2px 2px 2px 5px;
	vertical-align: top;
	}

.list table td.gray {
	background-color: #EEE;
	}

.list table td input {
	margin: 0px;
	}


.video_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}

.video_container iframe,  
.video_container object,  
.video_container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.video_wrapper {
	width: 640px;
	max-width: 100%;
	display: block;
	margin:0 auto; 
	text-align: center;
	}
.print_wrapper {
	max-width: 100%;
	display: block;
	margin:0 auto; 
	text-align: center;
}
.manga_print_wrapper {
	max-width: 550px;
	display: block;
	margin:0 auto; 
	text-align: center;
}
.manga_print_wrapper img { 
	float:left;
	width: 250px;
}



.chibi_display_container { 
	width: 100%; 
	text-align: center;
} 
.chibi_display {
	margin: 0 auto; 
	margin-bottom:20px;
	display:block;
	text-align:center;
}
.chibi_display ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 100%;
	list-style: none;
}
.chibi_display li {
	float: left;
	margin: 0;
	height:150px;
	margin: 0 0 0 8px;
}
.chibi_display li img {
	width: 300px;
}
.portraits_display_container { 
	width: 100%; 
	text-align: center;
} 
.portraits_display {
	margin: 0 auto; 
	margin-bottom:20px;
	display:block;
	text-align:center;
}
.portraits_display ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 100%;
	list-style: none;
}
.portraits_display li {
	float: left;
	margin: 0;
	height:315px;
	margin: 0 0 0 8px;
}
.portraits_display li img {
	width: 230px;
}
.yokai_display_container { 
	width: 100%; 
	text-align: center;
} 
.yokai_display {
	margin: 0 auto; 
	margin-bottom:20px;
	display:block;
	text-align:center;
}
.yokai_display ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 100%;
	list-style: none;
}
.yokai_display li {
	float: left;
	margin: 0;
	height:280px;
	margin: 0 0 0 8px;
}
.yokai_display li img {
	width: 250px;
}

div#heroes_display_container { 
	width: 100%; 
	text-align: center;
} 
div#heroes_display {
	margin: 0 auto; 
	margin-bottom:20px;
	display:block;
	text-align:center;
}
div#heroes_display ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 100%;
	list-style: none;
}
div#heroes_display li {
	float: left;
	margin: 0;
	width:280px;
	height:400px;
	margin: 0 0 0 8px;
}
div#heroes_display li img {
	width: 250px;
}

.closeups_display_container { 
	width: 100%; 
	text-align: center;
} 
.closeups_display {
	margin: 0 auto; 
	margin-bottom:20px;
	width: 90%;
	display:block;
	text-align:center;
}
.closeups_display ul {
	margin: 0 0 0 10px;
	padding: 0;
	width: 100%;
	list-style: none;
}
.closeups_display li {
	float: left;
	margin: 0;
	width:240px;
	height:180px;
	margin: 0 0 0 8px;
}
.closeups_display li img {
	width: 200px;
}

.heroes_caption {
	width: 228px;
	text-align: center;
	padding-top: 10px;
	font-style: italic; font-size: 1.2em; line-height: 1.4em;  color: #000; 
}
.heroes_arrow_right {
	float: right;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	background: url("https://mokuhankan.com/heroes/images/arrow_right.png") ;
}
div#heroes_previous {
	float: left; 
	margin: 0 0 0 5px;
	width: 100px;
	height: 100px;
	display:block;
	background: url("https://mokuhankan.com/heroes/images/arrow_left_bare_100.png") ;
}
div#heroes_next {
	float: right; 
	margin: 0 5px 0 0;
	width: 100px;
	height: 100px;
	display:block;
	background: url("https://mokuhankan.com/heroes/images/arrow_right_bare_100.png") ;
}
div#heroes_previous a span {
	display:block;
	width: 100%;
	height: 100%;
}
div#heroes_next a span {
	display:block;
	width: 100%;
	height: 100%;
}

.survey_span {
    width: 302px;
}

.survey_row {
    margin: 0 0 30px 0;
   	background-color: #FFF;
}

.survey_product {
    position: relative;
    margin-bottom: 20px;
    float: left;
}

.survey_product .image {
    position: relative;
    overflow: hidden;
    z-index: 8888;
    margin: 0 0 5px;
}

.survey_product .image a {
    text-align: center;
}


.survey_product img {
    display: block;
    width: 250px;
    margin: 0 auto;
    opacity: 1;
    filter: alpha(opacity = 100);
    -webkit-transition: opacity 0.15s;
    -moz-transition: opacity 0.15s;
    transition: opacity 0.15s;
}

.survey_product .wb img {
    width: 200px;
	margin-top: 10px;
}

/*
.survey_product:hover img {
    opacity: 0.7;
    filter: alpha(opacity = 70);
}
*/


.survey_product .survey_details a {
    display: block;
    padding: 5px 0;
}

.survey_product .title {
    display: block;
    margin: 0;
    line-height: 22px;
    display: block;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
}

.survey_details {
	text-align: center;
}


@media only screen and (min-width: 1000px) {


}


@media only screen and (max-width: 1050px) {

div#main_page_80 { position: relative; margin: 0 40px 0 40px; padding: 0 0 0 0;}
h1 { font-size: 12px; font-family: "Chrono Medium", Tahoma, sans-serif;}
h2 { font-size: 18px; font-family: "Chrono Medium", Tahoma, sans-serif;}
h3 { font-size: 24px; font-family: "Chrono Medium", Tahoma, sans-serif;}
h4 { font-size: 30px; font-family: "Chrono Medium", Tahoma, sans-serif;}
.videoLinkLeft {
	width:400px;
}
.videoLinkRight {
	float: left;
	width:400px;
}
.print_wrapper img { 
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
div#footer_nav {
	width: 100%;
	display: block; 
	clear: both; 
	text-align:center;
	border:none;
	background:none;
}
div#footer_nav ul {
	margin: 0;
}
div#footer_nav ul li { 
	display: block; 
	clear: both; 
	float: none; 
	margin: 0 auto;
	width: 100%;
	margin-bottom:3px;
	height:32px;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav li.with_spacer {
	width: 100%;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav li.medium {
	width: 100%;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav li.wide {
	width: 100%;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav ul li a {
	margin: 0 auto; 
	width: 100%;
}
div#footer_nav ul li a span p {
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	margin:0;
	line-height:30px; 
}
div#footer_nav ul li#japanese_button {
	display: none;
}	
 div#corner_floater {
	display:none;
 }
 div#corner_floater_chibi {
	display:none;
 }
 div#corner_floater_journey {
	display:none;
 }
 div#corner_floater_yokai {
	display:none;
 }
 div#corner_floater_legendary {
	display:none;
 }
 div#corner_floater_manga {
	display:none;
 }
 div#corner_floater_portraits {
	display:none;
 }
 div#corner_floater_portraits2 {
	display:none;
 }
 div#corner_floater_ghibli {
	display:none;
 }
div#chibi-details {
	width:90%;
}
div#subscription-details {
	float: none;
	position: relative;
	margin: 0 auto;
	width:90%;
	margin-bottom:15px;
}
div#main_bullets ul {
	margin: 0 auto;
	width:80%;
}
div#main_bullets ul li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	margin-left:5px;
	line-height:20px; 
	color: #333;
}
div#subscription_cover_overlay {
	display: none;
 }
div#nekohakkei_cover_overlay {
	display: none;
 }

.survey_span {
    width: 302px;
}

}


@media only screen and (max-width: 480px) {

div#main_page_80 { position: relative; margin: 0 2px 0 2px; padding: 0 0 0 0;}
div#main_page_70 { position: relative; margin: 0 2px 0 2px; padding: 0 0 0 0;}
div#main_page_60 { position: relative; margin: 0 2px 0 2px; padding: 0 0 0 0;}
.bodytext { margin: 0 0 0 0; font-size: 1em; padding: 10px 5px 10px 5px; text-align: left; }
h1 { font-size: 10px; font-family: "Chrono Medium", Tahoma, sans-serif;}
h2 { font-size: 12px; font-family: "Chrono Medium", Tahoma, sans-serif;}
h3 { font-size: 14px; font-family: "Chrono Medium", Tahoma, sans-serif;}
h4 { font-size: 18px; font-family: "Chrono Medium", Tahoma, sans-serif;}
.videoLinkRight {
	float: left;
}
.basicInfo {
	clear:both;
}
.description {
	width:350px;
}
.hokusai_box_caption {
	max-width: 100%;
}

div#main_bullets ul {
	margin: 0 auto;
	width:90%;
}
div#main_bullets ul li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	margin-left:5px;
	line-height:18px; 
	color: #333;
}
div#faq_floater {
 	display:none;
 }
.overlaid {
	margin-top: 150px;
}

.granite_box h2 {
	font-size: 90%;
	padding: 3px 0;
	margin: 0 0 12px 0;
}
div#footer_nav {
	width: 100%;
	display: block; 
	clear: both; 
	text-align:center;
	border:none;
	background:none;
}
div#footer_nav ul {
	margin: 0 auto; 
}
div#footer_nav ul li { 
	display: block; 
	clear: both; 
	float: none; 
	margin: 0 auto; 
	width: 100%;
	height:22px;
	margin-bottom:5px;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav li.with_spacer {
	width: 100%;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav li.medium {
	width: 100%;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav li.wide {
	width: 100%;
	background: #e8ecf5 url(https://mokuhankan.com/images/drop_down_bg.png)  repeat-x;
	background-size:100% 100%;
}
div#footer_nav ul li a {
	margin: 0 auto; 
	width: 100%;
}
div#footer_nav ul li a span p {
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	margin:0;
	line-height:20px; 
}
div#footer_nav ul li#japanese_button {
	display: none;
}
div#heroes_previous {
	margin: 0 0 0 0;
	width: 40px;
	height: 40px;
	background: url("https://mokuhankan.com/heroes/images/arrow_left_40.png") ;
}
div#heroes_next {
	margin: 0 0 0 0;
	width: 40px;
	height: 40px;
	background: url("https://mokuhankan.com/heroes/images/arrow_right_40.png") ;
}
.accordionItemHeading {
	font-size: 10px;
}
div#subscription_display ul {
	margin: 0 0 0 0px;
}
div#subscription_display li {
	width:220px;
	height:300px;
	margin: 0 0 0 0;
}
div#subscription_display li img {
	width: 200px;
}

.survey_span {
    width: 150px;
}

}