@charset "UTF-8";
/******************************************************************************************************************************
******************************************************************************************************************************/
/*!
	CONTENT｜CSS
*/
/*==================================================================== scss
====================================================================*/
/* MIXIN
--------------------------------------------------------------------*/
/******************************************************************************************************************************
******************************************************************************************************************************/
/*!
	FREABELL｜MIXIN
*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600,600italic);
@import url(http://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* font */
/*@mixin Libre-Baskerville { font-family: 'Libre Baskerville', serif; }
@mixin Domine            { font-family: 'Domine', serif;; }*/
/* sanserif */
/*@mixin sanserif{ font-family:Helvetica, arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }*/
/* serif
@mixin serif{ font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }*/
/* clear fix */
/* transition linear */
/* border radius */
/* BOXSLIDER
--------------------------------------------------------------------*/
/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; /* 2014.08.07 */ margin: 0 auto; padding: 0; *zoom: 1; /** THEME
===================================*/ /* LOADER */ /* PAGER */ /* DIRECTION CONTROLS (NEXT / PREV) */ /* AUTO CONTROLS (START / STOP) */ /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ /* IMAGE CAPTIONS */ }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport { /* box-shadow
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
.ua-ie-7 &{
	box-shadow: none!important;
}
.ua-ie-8 &{
	box-shadow: none!important;
}*/ }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(/images/common/loader.gif) center center no-repeat white; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #b7b2b6; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #b7b2b6; text-indent: -9999px; display: block; position: relative; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/css/pie/PIE.htc); }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #6a5e66; }
.bx-wrapper .bx-prev { left: -47px; background: url(/images/common/controls.png) no-repeat 0 -49px; }
.bx-wrapper .bx-next { right: -47px; background: url(/images/common/controls.png) no-repeat -64px -49px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -64px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 48px; height: 48px; text-indent: -9999px; z-index: 9995; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/images/common/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/images/common/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/* (PC / TABLET)
--------------------------------------------------------------------*/
/* (TABLET)
--------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 768px) { .bx-wrapper .bx-prev { left: -20px; }
  .bx-wrapper .bx-next { right: -20px; } }
/* (MOBILE)
--------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 480px) { .bx-wrapper .bx-prev { left: -10px; }
  .bx-wrapper .bx-next { right: -10px; } }
/* COLORBOX
--------------------------------------------------------------------*/
/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: url(/images/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxTopLeft { width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -101px 0; }

#cboxTopRight { width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -130px 0; }

#cboxBottomLeft { width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -101px -29px; }

#cboxBottomRight { width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -130px -29px; }

#cboxMiddleLeft { width: 21px; background: url(/images/colorbox/controls.png) left top repeat-y; }

#cboxMiddleRight { width: 21px; background: url(/images/colorbox/controls.png) right top repeat-y; }

#cboxTopCenter { height: 21px; background: url(/images/colorbox/border.png) 0 0 repeat-x; }

#cboxBottomCenter { height: 21px; background: url(/images/colorbox/border.png) 0 -29px repeat-x; }

#cboxContent { background: #fff; overflow: hidden; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { margin-bottom: 28px; }

/*#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}*/
#cboxTitle { position: absolute; top: 4px; left: 0; text-align: left; width: 100%; color: #949494; }

/* 2015.07.24 @yn */
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }

#cboxLoadingOverlay { background: url(/images/colorbox/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic { background: url(/images/colorbox/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }

#cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(/images/colorbox/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxPrevious:hover { background-position: -75px -25px; }

#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(/images/colorbox/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxNext:hover { background-position: -50px -25px; }

#cboxClose { position: absolute; bottom: 0; right: 0; background: url(/images/colorbox/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxClose:hover { background-position: -25px -25px; }

/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/* PERFECT SCROLLBAR
--------------------------------------------------------------------*/
.ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 9px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; }

.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { opacity: 0.6; filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 9px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; }

.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 0.6; filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 9px; background-color: #aaa; -o-transition: background-color .2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #b6c075; }

.ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 9px; background-color: #aaa; -o-transition: background-color .2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #b6c075; }

.ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y { visibility: hidden; }

.ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible; }

/* COMMON
--------------------------------------------------------------------*/
/******************************************************************************************************************************
******************************************************************************************************************************/
/*!
	KOGUMASHA｜COMMON
*/
/*====================================================================
common
====================================================================*/
/* html
--------------------------------------------------------------------*/
html { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; /*16px*/ font-size: 1em; -webkit-text-size-adjust: 1em; -ms-text-size-adjust: 1em; -webkit-font-smoothing: antialiased; }

/* body
--------------------------------------------------------------------*/
body { width: 100%; height: 100%; background: url(/images/common/bg_body.gif); color: #333; -webkit-text-size-adjust: 100%; }

/* style
--------------------------------------------------------------------*/
talign-c { text-align: center !important; }

talign-l { text-align: left !important; }

talign-r { text-align: right !important; }

.fs10note { font-size: 10px; line-height: 1.3; }

.fs12note { font-size: 14px; line-height: 1.48; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.listinline li { display: inline; }

	/*==================================================================== sidr ====================================================================*/
.pad_menutitle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); padding: 0.45em 0.8em; width: 90%; /*background: #936;*/ }

.pad_menutitle span { display: block; text-align: left; cursor: pointer; font-weight: bold; color: #fff; }

/*SIDR PLUGIN STYLE*/
.sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 9998; width: 260px; overflow-x: none; overflow-y: auto; background: #fba218; }

.sidr .sidr-inner { padding: 0 0 15px; }

.sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px; }

.sidr.right { left: auto; right: -260px; }

.sidr.left { left: -260px; right: auto; }

.sidr ul { display: block; margin: 0; padding: 0; }

.sidr ul li { display: block; margin: 0; }
.sidr ul li a { display: block; }
.sidr ul li.sidr-class-nav01, .sidr ul li.sidr-class-nav02, .sidr ul li.sidr-class-nav03, .sidr ul li.sidr-class-nav04, .sidr ul li.sidr-class-navsh, .sidr ul li.sidr-class-nav05, .sidr ul li.sidr-class-nav06, .sidr ul li.sidr-class-nav07, .sidr ul li.sidr-class-nav08 { font-size: 1.125em; background-color: #fcf1da; border-bottom: 1px solid #fba218; border-top: 1px solid #fff; }
.sidr ul li.sidr-class-nav01 a, .sidr ul li.sidr-class-nav02 a, .sidr ul li.sidr-class-nav03 a, .sidr ul li.sidr-class-nav04 a, .sidr ul li.sidr-class-navsh a, .sidr ul li.sidr-class-nav05 a, .sidr ul li.sidr-class-nav06 a, .sidr ul li.sidr-class-nav07 a, .sidr ul li.sidr-class-nav08 a { padding: 15px 5px 16px 14px; }
.sidr ul li.sidr-class-nav01 { border-left: 3px solid #fd457e; border-top: none; }
.sidr ul li.sidr-class-nav01 a { color: #fd457e; }
.sidr ul li.sidr-class-nav02 { border-left: 3px solid #92b41e; }
.sidr ul li.sidr-class-nav02 a { color: #92b41e; }
.sidr ul li.sidr-class-nav03 { border-left: 3px solid #01679c; }
.sidr ul li.sidr-class-nav03 a { color: #01679c; }
.sidr ul li.sidr-class-nav04 { border-left: 3px solid #338307; }
.sidr ul li.sidr-class-nav04 a { color: #338307; }
.sidr ul li.sidr-class-navsh { border-left: 3px solid #cc6600; }
.sidr ul li.sidr-class-navsh a { color: #cc6600; }
.sidr ul li.sidr-class-nav05 { border-left: 3px solid #07adb7; }
.sidr ul li.sidr-class-nav05 a { color: #07adb7; }
.sidr ul li.sidr-class-nav06 { border-left: 3px solid #a31156; }
.sidr ul li.sidr-class-nav06 a { color: #a31156; }
.sidr ul li.sidr-class-nav07 { border-left: 3px solid #f83257; }
.sidr ul li.sidr-class-nav07 a { color: #f83257; }
.sidr ul li.sidr-class-nav08 { border-left: 3px solid #795a1e; }
.sidr ul li.sidr-class-nav08 a { color: #795a1e; }
.sidr ul li span.sidr-class-cara { display: none; }
.sidr ul li span.sidr-class-bnr { display: none; }
.sidr ul li span.sidr-class-sp { display: block; }
.sidr ul li.sidr-class-snav01, .sidr ul li.sidr-class-snav02, .sidr ul li.sidr-class-snav03, .sidr ul li.sidr-class-snav04, .sidr ul li.sidr-class-snav05 { background-color: #ffe9bc; border-bottom: 1px solid #e7c889; border-top: 1px solid #fff; border-left: 3px solid #f5dba5; }
.sidr ul li.sidr-class-snav01 a, .sidr ul li.sidr-class-snav02 a, .sidr ul li.sidr-class-snav03 a, .sidr ul li.sidr-class-snav04 a, .sidr ul li.sidr-class-snav05 a { padding: 13px 5px 14px 30px; }
.sidr ul li.sidr-class-snav01.sidr-class-snav01 a, .sidr ul li.sidr-class-snav02.sidr-class-snav01 a, .sidr ul li.sidr-class-snav03.sidr-class-snav01 a, .sidr ul li.sidr-class-snav04.sidr-class-snav01 a, .sidr ul li.sidr-class-snav05.sidr-class-snav01 a { background: url(/images/common/ico_flg01.png) no-repeat 10px center; }
.sidr ul li.sidr-class-snav01.sidr-class-snav02 a, .sidr ul li.sidr-class-snav02.sidr-class-snav02 a, .sidr ul li.sidr-class-snav03.sidr-class-snav02 a, .sidr ul li.sidr-class-snav04.sidr-class-snav02 a, .sidr ul li.sidr-class-snav05.sidr-class-snav02 a { background: url(/images/common/ico_flg02.png) no-repeat 10px center; }
.sidr ul li.sidr-class-snav01.sidr-class-snav03 a, .sidr ul li.sidr-class-snav02.sidr-class-snav03 a, .sidr ul li.sidr-class-snav03.sidr-class-snav03 a, .sidr ul li.sidr-class-snav04.sidr-class-snav03 a, .sidr ul li.sidr-class-snav05.sidr-class-snav03 a { background: url(/images/common/ico_flg03.png) no-repeat 10px center; }
.sidr ul li.sidr-class-snav01.sidr-class-snav04 a, .sidr ul li.sidr-class-snav02.sidr-class-snav04 a, .sidr ul li.sidr-class-snav03.sidr-class-snav04 a, .sidr ul li.sidr-class-snav04.sidr-class-snav04 a, .sidr ul li.sidr-class-snav05.sidr-class-snav04 a { background: url(/images/common/ico_flg04.png) no-repeat 10px center; }
.sidr ul li.sidr-class-snav01.sidr-class-snav05 a, .sidr ul li.sidr-class-snav02.sidr-class-snav05 a, .sidr ul li.sidr-class-snav03.sidr-class-snav05 a, .sidr ul li.sidr-class-snav04.sidr-class-snav05 a, .sidr ul li.sidr-class-snav05.sidr-class-snav05 a { background: url(/images/common/ico_flg05.png) no-repeat 10px center; }

	/*==================================================================== link ====================================================================*/
a:link, a:visited { color: #333; text-decoration: none; }

a:hover, a:active { color: #7d7d7d; text-decoration: none; }

a:focus { -moz-outline-style: none; }

.link_bu_line a:link, .link_bu_line a:visited { color: #006699; text-decoration: underline; }
.link_bu_line a:hover, .link_bu_line a:active { color: #3399cc; text-decoration: underline; }
.link_bu_line a:focus { -moz-outline-style: none; }

	/*==================================================================== rough border ====================================================================*/
.roughborder001 { position: relative; border-color: #fff; border-style: solid; -webkit-border-image: url("/images/common/9slice001.png") 10 round; -moz-border-image: url("/images/common/9slice001.png") 10 round; -ms-border-image: url("/images/common/9slice001.png") 10 round; -o-border-image: url("/images/common/9slice001.png") 10 round; border-image: url("/images/common/9slice001.png") 10 fill round; border-width: 10px 10px 10px 10px; behavior: url(/css/pie/PIE.htc); }
.roughborder001 .boxinner { background-color: #fff; }
.ua-ie-10 .roughborder001 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); position: relative; border-color: #777; border-width: 2px 2px 2px 2px; border-style: solid; padding: 8px; background-color: #fff; }

.roughborder002 { position: relative; border-color: #fff; border-style: solid; -webkit-border-image: url("/images/common/9slice002.png") 10 round; -moz-border-image: url("/images/common/9slice002.png") 10 round; -ms-border-image: url("/images/common/9slice002.png") 10 round; -o-border-image: url("/images/common/9slice002.png") 10 round; border-image: url("/images/common/9slice002.png") 10 fill round; border-width: 10px 10px 10px 10px; behavior: url(/css/pie/PIE.htc); }
.roughborder002 .boxinner { background-color: #fff; }
.ua-ie-10 .roughborder002 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); position: relative; border-color: #888; border-width: 2px 2px 2px 2px; border-style: solid; padding: 8px; background-color: #fff; }

.block001 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/css/pie/PIE.htc); background-color: #fff; width: 99%; /* box-shadow */ -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); behavior: url(/css/pie/PIE.htc); }
.block001 .boxinner { background-color: #fff; padding: 30px 0; margin: 0 20px; }

	/*==================================================================== layout ====================================================================*/
#headerContainer, #contentContainer, #footerContainer { width: 100%; height: auto; /* dummy */ }
#headerContainer #contentBody .dummybox, #contentContainer #contentBody .dummybox, #footerContainer #contentBody .dummybox { height: 700px; }

/* wide desktop layout (PC)
--------------------------------------------------------------------*/
@media screen and (min-width: 1000px) { #headerContainer .containerInner, #contentContainer .containerInner, #footerContainer .containerInner { width: 1000px; margin: 0 auto; } }
/* (PC / TABLET)
--------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 999px) { #headerContainer .containerInner, #contentContainer .containerInner, #footerContainer .containerInner { width: 96%; margin: 0 auto; } }
/* (TABLET)
--------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 768px) { #headerContainer .containerInner, #contentContainer .containerInner, #footerContainer .containerInner { width: 96%; margin: 0 auto; } }
/* (MOBILE)
--------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 480px) { #headerContainer .containerInner, #contentContainer .containerInner, #footerContainer .containerInner { width: 96%; margin: 0 auto; } }
/******************************************************************************************************************************
******************************************************************************************************************************/
/* BASE
--------------------------------------------------------------------*/
/******************************************************************************************************************************
******************************************************************************************************************************/
/*!
	KOGUMASHA｜BASE
*/
/* page top
--------------------------------------------------------------------*/
#pageTop { width: 126px; height: 140px; position: fixed; right: -70px; bottom: 40px; }
#pageTop span { display: block; position: absolute; width: 69px; left: 70px; }
#pageTop span img { width: 100%; height: auto; }
.ua-ie-6 #pageTop { position: absolute; }

@media screen and (max-width: 768px) { #pageTop { width: 88px; height: 98px; position: fixed; right: -49px; bottom: 40px; }
  #pageTop span { display: block; position: absolute; width: 48px; left: 49px; } }
/* page top */
/* contents layout
--------------------------------------------------------------------*/
/* PC layout
--------------------------------------------------------------------*/
.pcmode #contentContainer #contentBody { zoom: 1; /* pankuzu */ }
.pcmode #contentContainer #contentBody:after { content: ""; display: block; clear: both; }
.pcmode #contentContainer #contentBody #pankuzu { font-size: 0.688em; zoom: 1; }
.pcmode #contentContainer #contentBody #pankuzu:after { content: ""; display: block; clear: both; }
.pcmode #contentContainer #contentBody #pankuzu ul { zoom: 1; width: 100%; float: right; padding: 20px 0; }
.pcmode #contentContainer #contentBody #pankuzu ul:after { content: ""; display: block; clear: both; }
.pcmode #contentContainer #contentBody #pankuzu ul li { display: block; float: left; margin-right: 7px; padding-right: 15px; background: url(/images/common/ico_pankuzu.png) right 2px no-repeat; }
.pcmode #contentContainer #contentBody #pankuzu ul li:last-child { background: none; }
.pcmode #contentContainer #contentBody #pankuzu ul li a { color: #999; text-decoration: none; }
.pcmode #contentContainer #contentBody #pankuzu ul li a:hover { text-decoration: none; color: #666; }
.pcmode #contentContainer #contentBody #searcharea { width: 20%; float: left; }
.pcmode #contentContainer #contentBody #mainarea { width: 75%; float: right; }
.pcmode #contentContainer #contentBody #mainarea2 { width: 100%; }

@media screen and (min-width: 0px) and (max-width: 639px) { .pcmode #contentContainer #contentBody { /* pankuzu */ }
  .pcmode #contentContainer #contentBody #pankuzu { line-height: 1.4; }
  .pcmode #contentContainer #contentBody #pankuzu ul { width: 100%; float: none; }
  .pcmode #contentContainer #contentBody #searcharea { display: none; }
  .pcmode #contentContainer #contentBody #mainarea, .pcmode #contentContainer #contentBody #searchmain { width: 90%; margin: 0 auto; float: none; } }
/* TABLET SP
--------------------------------------------------------------------*/
.tabmode #contentContainer #contentBody, .spmode #contentContainer #contentBody { /* pankuzu */ }
.tabmode #contentContainer #contentBody #pankuzu, .spmode #contentContainer #contentBody #pankuzu { font-size: 0.75em; zoom: 1; line-height: 1.4; }
.tabmode #contentContainer #contentBody #pankuzu:after, .spmode #contentContainer #contentBody #pankuzu:after { content: ""; display: block; clear: both; }
.tabmode #contentContainer #contentBody #pankuzu ul, .spmode #contentContainer #contentBody #pankuzu ul { zoom: 1; width: 100%; float: none; padding: 20px 0; }
.tabmode #contentContainer #contentBody #pankuzu ul:after, .spmode #contentContainer #contentBody #pankuzu ul:after { content: ""; display: block; clear: both; }
.tabmode #contentContainer #contentBody #pankuzu ul li, .spmode #contentContainer #contentBody #pankuzu ul li { display: block; float: left; margin-right: 7px; padding-right: 15px; background: url(/images/common/ico_pankuzu.png) right 2px no-repeat; }
.tabmode #contentContainer #contentBody #pankuzu ul li:last-child, .spmode #contentContainer #contentBody #pankuzu ul li:last-child { background: none; }
.tabmode #contentContainer #contentBody #pankuzu ul li a, .spmode #contentContainer #contentBody #pankuzu ul li a { color: #999; text-decoration: none; }
.tabmode #contentContainer #contentBody #pankuzu ul li a:hover, .spmode #contentContainer #contentBody #pankuzu ul li a:hover { text-decoration: none; color: #666; }
.tabmode #contentContainer #contentBody #mainarea, .tabmode #contentContainer #contentBody #searchmain, .spmode #contentContainer #contentBody #mainarea, .spmode #contentContainer #contentBody #searchmain { /*width: 90%;
margin: 0 auto;*/ float: none; }

/* footer
--------------------------------------------------------------------*/
#footerContainer #footernav { padding: 96px 0 12px 0; text-align: center; background: url("/images/common/bg_footernav.png") repeat-x center bottom; }
#footerContainer #footernav ul li { font-size: 0.75em; display: inline; }
#footerContainer #footernav ul li a { padding: 0.45em 0 0.45em 30px; margin-right: 10px; }
#footerContainer #footernav ul li.fnav01 a { background: url(/images/common/ico_star01.png) no-repeat left center; }
#footerContainer #footernav ul li.fnav02 a { background: url(/images/common/ico_star02.png) no-repeat left center; }
#footerContainer #footernav ul li.fnav03 a { background: url(/images/common/ico_star03.png) no-repeat left center; margin-right: 0px; }
#footerContainer #copyright { border-top: 1px solid #e19116; background-color: #fba218; text-align: center; padding: 12px 0 15px; }
#footerContainer #copyright .footimg { padding: 0 0 22px 0; }
#footerContainer #copyright small { color: #fefefe; font-size: 0.688em; }

/* wide desktop layout (PC)
--------------------------------------------------------------------*/
/* (PC / TABLET)
--------------------------------------------------------------------*/
/* (TABLET)
--------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 768px) { #footerContainer #footernav { padding: 30px 0 12px 0; } }
/* (MOBILE)
--------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 480px) { #footerContainer #footernav { padding: 30px 0 12px 0; }
  #footerContainer #footernav ul li { font-size: 1em; display: block; padding: 0.1em 0 8px; }
  #footerContainer #copyright small { font-size: 0.813em; } }
/* /footer */
/* search area
--------------------------------------------------------------------*/
#searcharea { /* search button */ /* /search button */ }
#searcharea .searchbox { margin: 0 0 20px 0; }
#searcharea .btn-search { text-align: right; }
#searcharea .btn-search input { font-size: 0.875em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/css/pie/PIE.htc); position: relative; color: #fff; background-color: #827e7c; padding: 0.35em 1.4em 0.33em; line-height: 1; border: none; cursor: pointer; }
#searcharea .btn-search input:hover { background: #333; }
#searcharea .inputtxt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; width: 100%; padding: 0.6em 5px; margin: 0 0 8px; }
#searcharea .selectbox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; width: 100%; padding: 0.6em 5px; margin: 0 0 8px; }
#searcharea .inputisbn01, #searcharea .inputisbn02 { font-size: 0.75em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; padding: 0.6em 4px; margin: 0 0 8px; }
#searcharea .inputisbn01 { width: 3.6em; }
#searcharea .inputisbn02 { width: 2.4em; }
#searcharea .sattl, #searcharea .sabnr a { font-size: 0.938em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/pie/PIE.htc); position: relative; height: 40px; margin: 0 0 10px; background-color: #feb133; color: #fff; text-align: center; line-height: 39px; }
#searcharea .sabnr a { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); display: block; }
#searcharea .sabnr a:hover { background-color: #f1a409; }
#searcharea .isbnttl { font-size: 0.938em; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(/css/pie/PIE.htc); position: relative; display: block; height: 31px; margin: 0 0 10px; background-color: #ffe9c7; color: #333; text-align: center; line-height: 30px; }

#searchmain { width: 90%; margin: 0 auto; /* search button */ /* /search button */ }
#searchmain input[type="submit"] { -webkit-appearance: none; }
#searchmain .searchbox { font-size: 1em; margin: 0 0 20px 0; }
#searchmain .btn-search { text-align: right; }
#searchmain .btn-search input { font-size: 0.875em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); color: #fff; background-color: #827e7c; padding: 0.55em 3.4em 0.56em; line-height: 1; border: none; cursor: pointer; position: relative; }
#searchmain .btn-search input:hover { background: #333; }
#searchmain .inputtxt { font-size: 1.125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; width: 100%; padding: 0.6em 5px; margin: 0 0 8px; }
#searchmain .selectbox { font-size: 1.125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; width: 100%; padding: 0.6em 5px; margin: 0 0 8px; }
#searchmain .inputisbn01, #searchmain .inputisbn02 { font-size: 1.125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; padding: 0.6em 4px; margin: 0 0 8px; }
#searchmain .inputisbn01 { width: 3.6em; }
#searchmain .inputisbn02 { width: 2.4em; }
#searchmain .sattl, #searchmain .sabnr a { font-size: 1.125em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); height: 60px; margin: 0 0 20px; background-color: #feb133; color: #fff; text-align: center; line-height: 59px; position: relative; }
#searchmain .sabnr a { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); display: block; }
#searchmain .sabnr a:hover { background-color: #f1a409; }
#searchmain .isbnttl { font-size: 1.125em; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); display: block; height: 48px; margin: 0 0 10px; background-color: #ffe9c7; color: #333; text-align: center; line-height: 47px; position: relative; }
#searchmain .isbntxt { text-align: center; }

/* HEADER
--------------------------------------------------------------------*/
/******************************************************************************************************************************
******************************************************************************************************************************/
/*!
	KOGUMASHA｜HEADER
*/
/* header
--------------------------------------------------------------------*/
/* PC layout
--------------------------------------------------------------------*/
.pcmode #headerContainer { height: 155px; background: url(/images/common/roughborder2px.png) repeat-x center bottom; }
.pcmode #headerContainer #header { padding: 11px 0 0 0; position: relative; }
.pcmode #headerContainer #header h1 { width: 164px; height: 56px; margin-left: 24px; }
.pcmode #headerContainer #header h1 img { width: 100%; height: auto; }
.pcmode #headerContainer #header #navWrap { display: block; /* /sub nav style. */ }
.pcmode #headerContainer #header #navWrap #globalnav { position: absolute; width: 100%; height: 83px; left: 0px; top: 65px; overflow: hidden; }
.pcmode #headerContainer #header #navWrap #globalnav ul { padding-top: 45px; /* /li nav list style. */ }
.pcmode #headerContainer #header #navWrap #globalnav ul li { float: left; position: relative; background: url(/images/common/nav_border.png) no-repeat; }
.pcmode #headerContainer #header #navWrap #globalnav ul li span { display: block; }
.pcmode #headerContainer #header #navWrap #globalnav ul li span.cara { position: absolute; left: 50%; transform: translate(-50%, 0); }
.pcmode #headerContainer #header #navWrap #globalnav ul li span.bnr { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); position: relative; height: 38px; overflow: hidden; text-align: center; margin: 0 2px 0 1px; background-color: #faf7ef; }
.pcmode #headerContainer #header #navWrap #globalnav ul li span.sp { display: none; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav01 { width: 9.2%; background-position: right -10px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav01 .bnr { margin: 0 2px 0 0px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav01 .bnr img { width: 52px; height: auto; padding-top: 11px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav02 { width: 11.0%; background-position: right -25px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav02 .bnr img { width: 70px; height: auto; padding-top: 10px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav03 { width: 11.2%; background-position: right -5px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav03 .bnr img { width: 72px; height: auto; padding-top: 10px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav04 { width: 13.5%; background-position: right -7px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav04 .bnr img { width: 95px; height: auto; padding-top: 10px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav05 { width: 16.0%; background-position: right -10px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav05 .bnr img { width: 120px; height: auto; padding-top: 3px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav06 { width: 13.7%; background-position: right -25px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav06 .bnr img { width: 96px; height: auto; padding-top: 2px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav07 { width: 11.1%; background-position: right -5px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav07 .bnr img { width: 71px; height: auto; padding-top: 10px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav08 { width: 14.3%; background-image: none; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav08 .bnr { margin: 0 0 0 1px; }
.pcmode #headerContainer #header #navWrap #globalnav ul li.nav08 .bnr img { width: 103px; height: auto; padding-top: 10px; }
.pcmode #headerContainer #header #navWrap #subnav { font-size: 0.75em; position: absolute; right: 0px; top: 10px; }
.pcmode #headerContainer #header #navWrap #subnav ul li { display: inline; margin-left: 15px; }
.pcmode #headerContainer #header #navWrap #subnav ul li:first-child { margin-left: 0px; }
.pcmode #headerContainer #header #navWrap #subnav ul li a { padding: 0.1em 0 5px 21px; }
.pcmode #headerContainer #header #navWrap #subnav ul li.snav01 a { background: url(/images/common/ico_flg01.png) no-repeat left top; }
.pcmode #headerContainer #header #navWrap #subnav ul li.snav02 a { background: url(/images/common/ico_flg02.png) no-repeat left top; }
.pcmode #headerContainer #header #navWrap #subnav ul li.snav03 a { background: url(/images/common/ico_flg03.png) no-repeat left top; }
.pcmode #headerContainer #header #navWrap #subnav ul li.snav04 a { background: url(/images/common/ico_flg04.png) no-repeat left top; }
.pcmode #headerContainer #header #navWrap #subnav ul li.snav05 a { background: url(/images/common/ico_flg05.png) no-repeat left top; }
.pcmode #headerContainer #header #iconav { font-size: 0.813em; position: absolute; right: 0px; top: 34px; }
.pcmode #headerContainer #header #iconav ul li { float: left; }
.pcmode #headerContainer #header #iconav ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(/css/pie/PIE.htc); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); padding: 7px 14px 6px 12px; background-color: #feb133; display: block; color: #fff; position: relative; /* box-shadow */ -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); behavior: url(/css/pie/PIE.htc); }
.ua-ie-8 .pcmode #headerContainer #header #iconav ul li a, .ua-ie-7 .pcmode #headerContainer #header #iconav ul li a, .ua-ie-6 .pcmode #headerContainer #header #iconav ul li a { box-shadow: none; }
.pcmode #headerContainer #header #iconav ul li a img { width: 20px; height: auto; vertical-align: middle; margin-right: 7px; }
.pcmode #headerContainer #header #iconav ul li a:hover { background-color: #f1a409; }
.pcmode #headerContainer #header #iconav ul li.ico_login { margin-right: 5px; }
.pcmode #headerContainer #header #iconav ul li.ico_cart { margin-right: 0px; }
.pcmode #headerContainer #header #iconav ul li.ico_bars { display: none; }
.pcmode body#home #headerContainer #header #navWrap #globalnav ul li.nav01 .cara { top: -42px; }
.pcmode body#news #headerContainer #header #navWrap #globalnav ul li.nav02 .cara { top: -42px; }
.pcmode body#newbooks #headerContainer #header #navWrap #globalnav ul li.nav03 .cara { top: -42px; }
.pcmode body.books #headerContainer #header #navWrap #globalnav ul li.nav04 .cara { top: -42px; }
.pcmode body#circle #headerContainer #header #navWrap #globalnav ul li.nav05 .cara { top: -43px; }
.pcmode body#ehonclub #headerContainer #header #navWrap #globalnav ul li.nav06 .cara { top: -42px; }
.pcmode body#forstore #headerContainer #header #navWrap #globalnav ul li.nav07 .cara { top: -43px; }
.pcmode body#change_address #headerContainer #header #navWrap #globalnav ul li.nav08 .cara { top: -33px; }

.ua-ie-7.pcmode #headerContainer #header #navWrap #globalnav ul li span.cara, .ua-ie-8.pcmode #headerContainer #header #navWrap #globalnav ul li span.cara { left: 35%; transform: none; }

@media screen and (min-width: 640px) and (max-width: 999px) { .pcmode #headerContainer #header #navWrap { display: block; }
  .pcmode #headerContainer #header #navWrap #globalnav ul li.nav01 .bnr img { width: 48px; padding-top: 11px; }
  .pcmode #headerContainer #header #navWrap #globalnav ul li.nav02 .bnr img { width: 66px; padding-top: 10px; }
  .pcmode #headerContainer #header #navWrap #globalnav ul li.nav03 .bnr img { width: 68px; padding-top: 10px; }
  .pcmode #headerContainer #header #navWrap #globalnav ul li.nav04 .bnr img { width: 91px; padding-top: 10px; }
  .pcmode #headerContainer #header #navWrap #globalnav ul li.nav05 .bnr img { width: 116px; padding-top: 3px; }
  .pcmode #headerContainer #header #navWrap #globalnav ul li.nav06 .bnr img { width: 93px; padding-top: 2px; }
  .pcmode #headerContainer #header #navWrap #globalnav ul li.nav07 .bnr img { width: 67px; padding-top: 10px; }
  .pcmode #headerContainer #header #navWrap #globalnav ul li.nav08 .bnr img { width: 99px; padding-top: 10px; } }
@media screen and (min-width: 0px) and (max-width: 639px) { .pcmode #headerContainer { height: 74px; }
  .pcmode #headerContainer #header { padding: 20px 0 0 0; }
  .pcmode #headerContainer #header h1 { width: 125px; height: 41px; margin-left: 0px; }
  .pcmode #headerContainer #header h1 img { width: 100%; height: auto; }
  .pcmode #headerContainer #header #navWrap { display: none; }
  .pcmode #headerContainer #header #iconav { font-size: 0.625em; position: absolute; right: 0px; top: 10px; }
  .pcmode #headerContainer #header #iconav ul li { float: left; }
  .pcmode #headerContainer #header #iconav ul li a { width: 50px; height: 50px; text-align: center; padding: 0; padding: 5px 0; }
  .pcmode #headerContainer #header #iconav ul li a img { width: 27px; vertical-align: auto; margin: 0px auto; padding: 4px 0 3px; display: block; }
  .pcmode #headerContainer #header #iconav ul li a span.spnone { display: none; }
  .pcmode #headerContainer #header #iconav ul li.ico_login { margin-right: 5px; }
  .pcmode #headerContainer #header #iconav ul li.ico_cart { margin-right: 5px; }
  .pcmode #headerContainer #header #iconav ul li.ico_bars { display: block; margin-right: 0px; } }
/* TABLET SP
--------------------------------------------------------------------*/
.tabmode #headerContainer, .spmode #headerContainer { height: 74px; background: url(/images/common/roughborder2px.png) repeat-x center bottom; }
.tabmode #headerContainer #header, .spmode #headerContainer #header { padding: 20px 0 0 0; position: relative; }
.tabmode #headerContainer #header h1, .spmode #headerContainer #header h1 { width: 125px; height: 41px; margin-left: 0px; }
.tabmode #headerContainer #header h1 img, .spmode #headerContainer #header h1 img { width: 100%; height: auto; }
.tabmode #headerContainer #header #navWrap, .spmode #headerContainer #header #navWrap { display: none; }
.tabmode #headerContainer #header #iconav, .spmode #headerContainer #header #iconav { font-size: 0.625em; position: absolute; right: 0px; top: 10px; }
.tabmode #headerContainer #header #iconav ul li, .spmode #headerContainer #header #iconav ul li { float: left; }
.tabmode #headerContainer #header #iconav ul li a, .spmode #headerContainer #header #iconav ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(/css/pie/PIE.htc); background-color: #f1a409; display: block; color: #fff; position: relative; /* box-shadow */ -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); behavior: url(/css/pie/PIE.htc); width: 50px; height: 50px; text-align: center; padding: 0; padding: 5px 0; }
.ua-ie-8 .tabmode #headerContainer #header #iconav ul li a, .ua-ie-7 .tabmode #headerContainer #header #iconav ul li a, .ua-ie-6 .tabmode #headerContainer #header #iconav ul li a, .ua-ie-8 .spmode #headerContainer #header #iconav ul li a, .ua-ie-7 .spmode #headerContainer #header #iconav ul li a, .ua-ie-6 .spmode #headerContainer #header #iconav ul li a { box-shadow: none; }
.tabmode #headerContainer #header #iconav ul li a img, .spmode #headerContainer #header #iconav ul li a img { width: 27px; vertical-align: auto; margin: 0px auto; padding: 4px 0 3px; display: block; }
.tabmode #headerContainer #header #iconav ul li a span.spnone, .spmode #headerContainer #header #iconav ul li a span.spnone { display: none; }
.tabmode #headerContainer #header #iconav ul li.ico_login, .spmode #headerContainer #header #iconav ul li.ico_login { margin-right: 5px; }
.tabmode #headerContainer #header #iconav ul li.ico_cart, .spmode #headerContainer #header #iconav ul li.ico_cart { margin-right: 5px; }
.tabmode #headerContainer #header #iconav ul li.ico_bars, .spmode #headerContainer #header #iconav ul li.ico_bars { display: block; margin-right: 0px; }

/* /TABLET SP */
/* HOME
--------------------------------------------------------------------*/
/******************************************************************************************************************************
******************************************************************************************************************************/
/*!
	KOGUMASHA｜HOME
*/
/* home
--------------------------------------------------------------------*/
body#home #contentContainer #homeSlideWrap { width: 100%; background: url(/images/common/roughborder2px.png) repeat-x center bottom; padding: 18px 0 48px 0; /* ▽containerInner */ }
body#home #contentContainer #homeSlideWrap #homeSlide { background: url(/images/home/bg_mainslide.png) no-repeat center bottom; }
body#home #contentContainer #homeSlideWrap #homeSlide .slideWrap { width: 764px; margin: 0 auto; }
body#home #contentContainer #homeSlideWrap #homeSlide .slideWrap .bxslider li img { width: 100%; height: auto; }
body#home #contentContainer #contentBody { padding: 40px 0 20px; }
body#home #contentContainer #contentBody #osusume { zoom: 1; width: 90%; margin: 0 auto; padding: 0 0 30px 0; }
body#home #contentContainer #contentBody #osusume:after { content: ""; display: block; clear: both; }
body#home #contentContainer #contentBody #osusume li { float: left; width: 25%; }
body#home #contentContainer #contentBody #osusume li img { width: 100%; height: auto; }
body#home #contentContainer #contentBody .boxSet4 { zoom: 1; width: 100%; padding: 0; }
body#home #contentContainer #contentBody .boxSet4:after { content: ""; display: block; clear: both; }
body#home #contentContainer #contentBody .boxSet4 .box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); width: 48%; margin-bottom: 20px; }
.ua-ie-6 body#home #contentContainer #contentBody .boxSet4 .box, .ua-ie-7 body#home #contentContainer #contentBody .boxSet4 .box { width: 46%; }
body#home #contentContainer #contentBody .boxSet4 .box img { width: 100%; height: auto; }
body#home #contentContainer #contentBody .boxSet4 .box1, body#home #contentContainer #contentBody .boxSet4 .box3 { float: left; }
body#home #contentContainer #contentBody .boxSet4 .box2, body#home #contentContainer #contentBody .boxSet4 .box4 { float: right; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner h2 { text-align: center; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner h2 img { width: auto; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box { width: 100%; position: relative; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box #scrollBox { width: 100%; height: 100%; overflow: hidden; position: absolute; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box #scrollBox li { zoom: 1; padding: 0 0 7px 0; margin: 0 20px 10px 0; border-bottom: 1px dotted #646d00; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box #scrollBox li:after { content: ""; display: block; clear: both; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box #scrollBox li span { display: block; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box #scrollBox li span.thumb { width: 70px; float: left; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box #scrollBox li span.entryblock { margin-left: 80px; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box #scrollBox li span.entryblock .date { font-size: 0.75em; padding: 0.1em 0 5px; color: #666700; }
body#home #contentContainer #contentBody .boxSet4 .box1 .boxinner .rss-box #scrollBox li span.entryblock .entryttl { font-size: 0.875em; line-height: 1.4; }
body#home #contentContainer #contentBody .boxSet6 { zoom: 1; width: 100%; padding: 0; }
body#home #contentContainer #contentBody .boxSet6:after { content: ""; display: block; clear: both; }
body#home #contentContainer #contentBody .boxSet6 .box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); width: 16%; float: left; margin: 0 0.8% 0 0; }
body#home #contentContainer #contentBody .boxSet6 .box img { width: 100%; height: auto; }
body#home #contentContainer #contentBody .boxSet6 .box6 { margin-right: 0px; }

/* wide desktop layout (PC)
--------------------------------------------------------------------*/
@media screen and (min-width: 1000px) { body#home #contentContainer #contentBody .boxSet4 .box .boxinner img.img100w { width: 458px; height: 197px; } }
/* (PC / TABLET)
--------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 999px) { body#home #contentContainer #homeSlideWrap #homeSlide .slideWrap { width: 80%; }
  body#home #contentContainer #contentBody #osusume { width: 92%; }
  body#home #contentContainer #contentBody .boxSet4 .box1, body#home #contentContainer #contentBody .boxSet4 .box3 { float: left; }
  body#home #contentContainer #contentBody .boxSet4 .box2, body#home #contentContainer #contentBody .boxSet4 .box4 { float: right; } }
/* (TABLET)
--------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 768px) { body#home #contentContainer #homeSlideWrap #homeSlide .slideWrap { width: 90%; }
  body#home #contentContainer #contentBody #osusume { width: 100%; }
  body#home #contentContainer #contentBody .boxSet4 .box { width: 96%; margin: 0 auto 20px; }
  body#home #contentContainer #contentBody .boxSet4 .box1, body#home #contentContainer #contentBody .boxSet4 .box3 { float: none; }
  body#home #contentContainer #contentBody .boxSet4 .box2, body#home #contentContainer #contentBody .boxSet4 .box4 { float: none; }
  body#home #contentContainer #contentBody .boxSet6 { width: 96%; margin: 0 auto; }
  body#home #contentContainer #contentBody .boxSet6 .box { width: 32%; float: left; margin: 0 2% 2% 0; }
  body#home #contentContainer #contentBody .boxSet6 .box6, body#home #contentContainer #contentBody .boxSet6 .box3 { margin-right: 0px; } }
/* (MOBILE)
--------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 480px) { body#home #contentContainer #homeSlideWrap #homeSlide .slideWrap { width: 93%; }
  body#home #contentContainer #contentBody #osusume { width: 100%; }
  body#home #contentContainer #contentBody #osusume li { width: 50%; }
  body#home #contentContainer #contentBody .boxSet4 .box { width: 96%; margin: 0 auto 20px; }
  body#home #contentContainer #contentBody .boxSet4 .box1, body#home #contentContainer #contentBody .boxSet4 .box3 { float: none; }
  body#home #contentContainer #contentBody .boxSet4 .box2, body#home #contentContainer #contentBody .boxSet4 .box4 { float: none; }
  body#home #contentContainer #contentBody .boxSet6 { width: 96%; margin: 0 auto; }
  body#home #contentContainer #contentBody .boxSet6 .box { width: 32%; float: left; margin: 0 2% 2% 0; }
  body#home #contentContainer #contentBody .boxSet6 .box6, body#home #contentContainer #contentBody .boxSet6 .box3 { margin-right: 0px; } }
/* BOOK
--------------------------------------------------------------------*/
/******************************************************************************************************************************
******************************************************************************************************************************/
/*!
	KOGUMASHA｜BOOK
*/
/* coomn
--------------------------------------------------------------------*/
#mainarea { /* products item list style */ /* products box list style */ }
#mainarea .itemlist ul { zoom: 1; }
#mainarea .itemlist ul:after { content: ""; display: block; clear: both; }
#mainarea .itemlist ul li { width: 33.3%; float: left; margin: 0 0 20px 0; }
#mainarea .itemlist ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/pie/PIE.htc); display: block; background-color: #fff; width: 93%; margin: 0 auto; padding: 10px 12px 12px; /* box-shadow */ -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2); behavior: url(/css/pie/PIE.htc); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); }
#mainarea .itemlist ul li a span { display: block; }
#mainarea .itemlist ul li a span.thumb { margin: 0 0 5px 0; }
#mainarea .itemlist ul li a span.thumb img { width: 100%; height: auto; }
#mainarea .itemlist ul li a span.item_ttl { font-size: 0.875em; min-height: 3.2em; color: #069; line-height: 1.2; }
#mainarea .itemlist ul li a span.state,
#mainarea .itemlist ul li a span.state2,
#mainarea .itemlist ul li a span.state3,
#mainarea .itemlist ul li a span.state4 {
  width: 64px; margin: 10px auto; padding: 4px 0; font-size: 0.875em; color: #FFF; line-height: 1.2; text-align: center;
}
#mainarea .itemlist ul li a span.state { background-color: #e60012; }
#mainarea .itemlist ul li a span.state2 { background-color: #0a56a8; }
#mainarea .itemlist ul li a span.state3 {  width: 90px; background-color: #a587c8; }
#mainarea .itemlist ul li a span.state4 {  background-color: #787878; }
#mainarea .itemlist ul li a span.item_price { font-size: 0.75em; line-height: 1.2; }
#mainarea .itemlist ul li a:hover { background-color: #f8f3eb; }

/* book
--------------------------------------------------------------------*/
body#booktop #mainarea { padding: 0 0 30px; }
body#booktop #mainarea h1 { margin: 0 0 40px 0; }
body#booktop #mainarea h1 img { width: 100%; height: auto; }
body#booktop #mainarea section h2 { color: #000; background: url(/images/common/border_staysail.png) repeat-x left bottom; padding: 0 0 16px 16px; margin: 0 0 20px 0; position: relative; }
body#booktop #mainarea section h2 span.en { font-family: 'Source Serif Pro', serif; font-size: 1.625em; font-weight: 600; }
body#booktop #mainarea section h2 span.ja { font-size: 0.75em; font-weight: bold; margin: 0 0 0 30px; vertical-align: middle; }
body#booktop #mainarea section#seriesSec { margin: 0 0 50px 0; }
body#booktop #mainarea section#seriesSec ul { zoom: 1; }
body#booktop #mainarea section#seriesSec ul:after { content: ""; display: block; clear: both; }
body#booktop #mainarea section#seriesSec ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); width: 33.3%; float: left; margin: 0 0 13px; text-align: center; }
body#booktop #mainarea section#seriesSec ul li img { width: 92%; height: auto; vertical-align: bottom; }
body#booktop #mainarea section#categorySec { margin: 0 0 50px 0; }
body#booktop #mainarea section#categorySec ul { zoom: 1; }
body#booktop #mainarea section#categorySec ul:after { content: ""; display: block; clear: both; }
body#booktop #mainarea section#categorySec ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); width: 33.3%; float: left; margin: 0 0 13px; }
body#booktop #mainarea section#categorySec ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); position: relative; display: block; width: 92%; margin: 0 auto; border: 1px solid #888; background-color: #fff; padding: 7px; }
body#booktop #mainarea section#categorySec ul li a:hover { background-color: #fee7be; }
body#booktop #mainarea section#categorySec ul li a img { width: 100%; height: auto; vertical-align: bottom; }
body#booktop #mainarea section#ageSec { margin: 0 0 23px 0; }
body#booktop #mainarea section#ageSec ul { zoom: 1; width: 98%; margin: 0 auto; height: 150px; }
body#booktop #mainarea section#ageSec ul:after { content: ""; display: block; clear: both; }
body#booktop #mainarea section#ageSec ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); width: 20%; float: left; margin: 0 0 13px; text-align: center; }
body#booktop #mainarea section#ageSec ul li img { width: 92%; height: 92%; vertical-align: bottom; }
body#booktop #mainarea section#giftset p a { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); }
body#booktop #mainarea section#giftset p a:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
body#booktop #mainarea section#giftset p a img { width: 100%; height: auto; }

/* bookindex
--------------------------------------------------------------------*/
body#bookindex #mainarea { padding: 0 0 30px 0; }
body#bookindex #mainarea #indexHeader { margin-bottom: 40px; }
body#bookindex #mainarea #indexHeader h1 { margin: 0 0 10px 0; }
body#bookindex #mainarea #indexHeader h1 img { width: 100%; height: auto; }
body#bookindex #mainarea #indexHeader .read .boxinner { padding: 5px 0; margin: 0 15px; }
body#bookindex #mainarea #indexHeader .read .boxinner p { font-size: 0.875em; line-height: 1.5; }
body#bookindex #mainarea .goods_menu { margin: 0 0 15px 0; }
body#bookindex #mainarea .goods_menu ul:after { content: ""; display: block; clear: both; }
body#bookindex #mainarea .goods_menu ul li { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/_assets/css/boxsizing.htc); display: block; margin: 0 0 25px 0; padding: 0 6px; }
body#bookindex #mainarea .goods_menu ul li a {  }
body#bookindex #mainarea .goods_menu ul li a img { width: 100%; }

@media screen and (min-width: 481px) and (max-width: 768px) {
  body#bookindex #mainarea .goods_menu ul li { width: 33%; }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#bookindex #mainarea .goods_menu ul li { width: 50%; margin: 0 0 10px 0; }
}


/* bookindex_writer
--------------------------------------------------------------------*/
body#bookindex_writer #mainarea { padding: 0 0 30px 0; }
body#bookindex_writer #mainarea #indexHeader { margin-bottom: 40px; }
body#bookindex_writer #mainarea #indexHeader h1 { margin: 0 0 22px 0; padding: 0 0 8px 0; text-align: center; background: url(/images/common/color_line.gif) no-repeat center bottom; }
body#bookindex_writer #mainarea .btn_link { display: none; }
body#bookindex_writer #mainarea .index {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); width: 50%; float: left; padding: 0 20px 0 8px; }
body#bookindex_writer #mainarea .index div { min-height: 48px; margin: 0 0 30px 0; padding: 2px 0 0 50px; font-size: 0.875em; }
body#bookindex_writer #mainarea .index div h2 { display: none; }
body#bookindex_writer #mainarea .index div ul li { margin: 8px 0 0 0; line-height: 1.3; }
body#bookindex_writer #mainarea .index .index_a { background: url(/images/bookindex/writer_index_a.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_i { background: url(/images/bookindex/writer_index_i.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_u { background: url(/images/bookindex/writer_index_u.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_e { background: url(/images/bookindex/writer_index_e.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_o { background: url(/images/bookindex/writer_index_o.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ka { background: url(/images/bookindex/writer_index_ka.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ki { background: url(/images/bookindex/writer_index_ki.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ku { background: url(/images/bookindex/writer_index_ku.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ke { background: url(/images/bookindex/writer_index_ke.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ko { background: url(/images/bookindex/writer_index_ko.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_sa { background: url(/images/bookindex/writer_index_sa.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_si { background: url(/images/bookindex/writer_index_si.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_su { background: url(/images/bookindex/writer_index_su.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_se { background: url(/images/bookindex/writer_index_se.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_so { background: url(/images/bookindex/writer_index_so.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ta { background: url(/images/bookindex/writer_index_ta.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ti { background: url(/images/bookindex/writer_index_ti.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_tu { background: url(/images/bookindex/writer_index_tu.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_te { background: url(/images/bookindex/writer_index_te.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_to { background: url(/images/bookindex/writer_index_to.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_na { background: url(/images/bookindex/writer_index_na.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ni { background: url(/images/bookindex/writer_index_ni.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_nu { background: url(/images/bookindex/writer_index_nu.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ne { background: url(/images/bookindex/writer_index_ne.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_no { background: url(/images/bookindex/writer_index_no.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ha { background: url(/images/bookindex/writer_index_ha.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_hi { background: url(/images/bookindex/writer_index_hi.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_hu { background: url(/images/bookindex/writer_index_hu.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_he { background: url(/images/bookindex/writer_index_he.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ho { background: url(/images/bookindex/writer_index_ho.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ma { background: url(/images/bookindex/writer_index_ma.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_mi { background: url(/images/bookindex/writer_index_mi.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_mu { background: url(/images/bookindex/writer_index_mu.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_me { background: url(/images/bookindex/writer_index_me.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_mo { background: url(/images/bookindex/writer_index_mo.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ya { background: url(/images/bookindex/writer_index_ya.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_yi { background: url(/images/bookindex/writer_index_yi.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_yu { background: url(/images/bookindex/writer_index_yu.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ye { background: url(/images/bookindex/writer_index_ye.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_yo { background: url(/images/bookindex/writer_index_yo.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ra { background: url(/images/bookindex/writer_index_ra.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ri { background: url(/images/bookindex/writer_index_ri.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ru { background: url(/images/bookindex/writer_index_ru.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_re { background: url(/images/bookindex/writer_index_re.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_ro { background: url(/images/bookindex/writer_index_ro.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_wa { background: url(/images/bookindex/writer_index_wa.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_wo { background: url(/images/bookindex/writer_index_wo.png) no-repeat; }
body#bookindex_writer #mainarea .index .index_n { background: url(/images/bookindex/writer_index_n.png) no-repeat; }

/* bookindex_name
--------------------------------------------------------------------*/
body#bookindex_name #mainarea { padding: 0 0 30px 0; }
body#bookindex_name #mainarea #indexHeader { margin-bottom: 40px; }
body#bookindex_name #mainarea #indexHeader h1 { margin: 0 0 22px 0; padding: 0 0 8px 0; text-align: center; background: url(/images/common/color_line.gif) no-repeat center bottom; }
body#bookindex_name #mainarea .btn_link { display: none; }
body#bookindex_name #mainarea .index {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); width: 50%; float: left; padding: 0 20px 0 8px; }
body#bookindex_name #mainarea .index div { min-height: 48px; margin: 0 0 30px 0; padding: 2px 0 0 50px; font-size: 0.875em; }
body#bookindex_name #mainarea .index div h2 { display: none; }
body#bookindex_name #mainarea .index div ul li { margin: 8px 0 0 0; line-height: 1.3; }
body#bookindex_name #mainarea .index .index_a { background: url(/images/bookindex/name_index_a.png) no-repeat; }
body#bookindex_name #mainarea .index .index_i { background: url(/images/bookindex/name_index_i.png) no-repeat; }
body#bookindex_name #mainarea .index .index_u { background: url(/images/bookindex/name_index_u.png) no-repeat; }
body#bookindex_name #mainarea .index .index_e { background: url(/images/bookindex/name_index_e.png) no-repeat; }
body#bookindex_name #mainarea .index .index_o { background: url(/images/bookindex/name_index_o.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ka { background: url(/images/bookindex/name_index_ka.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ki { background: url(/images/bookindex/name_index_ki.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ku { background: url(/images/bookindex/name_index_ku.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ke { background: url(/images/bookindex/name_index_ke.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ko { background: url(/images/bookindex/name_index_ko.png) no-repeat; }
body#bookindex_name #mainarea .index .index_sa { background: url(/images/bookindex/name_index_sa.png) no-repeat; }
body#bookindex_name #mainarea .index .index_si { background: url(/images/bookindex/name_index_si.png) no-repeat; }
body#bookindex_name #mainarea .index .index_su { background: url(/images/bookindex/name_index_su.png) no-repeat; }
body#bookindex_name #mainarea .index .index_se { background: url(/images/bookindex/name_index_se.png) no-repeat; }
body#bookindex_name #mainarea .index .index_so { background: url(/images/bookindex/name_index_so.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ta { background: url(/images/bookindex/name_index_ta.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ti { background: url(/images/bookindex/name_index_ti.png) no-repeat; }
body#bookindex_name #mainarea .index .index_tu { background: url(/images/bookindex/name_index_tu.png) no-repeat; }
body#bookindex_name #mainarea .index .index_te { background: url(/images/bookindex/name_index_te.png) no-repeat; }
body#bookindex_name #mainarea .index .index_to { background: url(/images/bookindex/name_index_to.png) no-repeat; }
body#bookindex_name #mainarea .index .index_na { background: url(/images/bookindex/name_index_na.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ni { background: url(/images/bookindex/name_index_ni.png) no-repeat; }
body#bookindex_name #mainarea .index .index_nu { background: url(/images/bookindex/name_index_nu.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ne { background: url(/images/bookindex/name_index_ne.png) no-repeat; }
body#bookindex_name #mainarea .index .index_no { background: url(/images/bookindex/name_index_no.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ha { background: url(/images/bookindex/name_index_ha.png) no-repeat; }
body#bookindex_name #mainarea .index .index_hi { background: url(/images/bookindex/name_index_hi.png) no-repeat; }
body#bookindex_name #mainarea .index .index_hu { background: url(/images/bookindex/name_index_hu.png) no-repeat; }
body#bookindex_name #mainarea .index .index_he { background: url(/images/bookindex/name_index_he.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ho { background: url(/images/bookindex/name_index_ho.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ma { background: url(/images/bookindex/name_index_ma.png) no-repeat; }
body#bookindex_name #mainarea .index .index_mi { background: url(/images/bookindex/name_index_mi.png) no-repeat; }
body#bookindex_name #mainarea .index .index_mu { background: url(/images/bookindex/name_index_mu.png) no-repeat; }
body#bookindex_name #mainarea .index .index_me { background: url(/images/bookindex/name_index_me.png) no-repeat; }
body#bookindex_name #mainarea .index .index_mo { background: url(/images/bookindex/name_index_mo.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ya { background: url(/images/bookindex/name_index_ya.png) no-repeat; }
body#bookindex_name #mainarea .index .index_yi { background: url(/images/bookindex/name_index_yi.png) no-repeat; }
body#bookindex_name #mainarea .index .index_yu { background: url(/images/bookindex/name_index_yu.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ye { background: url(/images/bookindex/name_index_ye.png) no-repeat; }
body#bookindex_name #mainarea .index .index_yo { background: url(/images/bookindex/name_index_yo.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ra { background: url(/images/bookindex/name_index_ra.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ri { background: url(/images/bookindex/name_index_ri.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ru { background: url(/images/bookindex/name_index_ru.png) no-repeat; }
body#bookindex_name #mainarea .index .index_re { background: url(/images/bookindex/name_index_re.png) no-repeat; }
body#bookindex_name #mainarea .index .index_ro { background: url(/images/bookindex/name_index_ro.png) no-repeat; }
body#bookindex_name #mainarea .index .index_wa { background: url(/images/bookindex/name_index_wa.png) no-repeat; }
body#bookindex_name #mainarea .index .index_wo { background: url(/images/bookindex/name_index_wo.png) no-repeat; }
body#bookindex_name #mainarea .index .index_n { background: url(/images/bookindex/name_index_n.png) no-repeat; }

/* bookintro
--------------------------------------------------------------------*/
body#bookintro #mainarea { padding: 0 0 30px; }
body#bookintro #mainarea #introHeader { zoom: 1; margin-bottom: 40px; }
body#bookintro #mainarea #introHeader:after { content: ""; display: block; clear: both; }
body#bookintro #mainarea #introHeader .boxinner { padding: 20px 0; margin: 0 10px; }
body#bookintro #mainarea #introHeader h1 { font-size: 1.375em; margin: 0 0 20px 0; padding: 0 0 12px 10px; background: url(/images/common/roughborder1px.png) repeat-x left bottom; vertical-align: middle; }
body#bookintro #mainarea #introHeader h1 span.state,
body#bookintro #mainarea #introHeader h1 span.state2,
body#bookintro #mainarea #introHeader h1 span.state3,
body#bookintro #mainarea #introHeader h1 span.state4 {
  display: inline-block; width: 64px; margin: 0 10px 0 0; padding: 4px 0; font-size: 14px; font-size: 0.875rem; color: #FFF; line-height: 1.2; text-align: center; vertical-align: middle;
}
body#bookintro #mainarea #introHeader h1 span.state { background-color: #e60012; }
body#bookintro #mainarea #introHeader h1 span.state2 { background-color: #0a56a8; }
body#bookintro #mainarea #introHeader h1 span.state3 { width: 90px; background-color: #a587c8; }
body#bookintro #mainarea #introHeader h1 span.state4 { background-color: #787878; }
body#bookintro #mainarea #introHeader .itemMain { width: 49%; float: left; text-align: center; margin-bottom: 20px; }
body#bookintro #mainarea #introHeader .itemMain img { width: 81%; height: auto; }
body#bookintro #mainarea #introHeader .itemIntrobox { width: 49%; float: right; margin-bottom: 20px; }
body#bookintro #mainarea #introHeader .itemIntrobox .browsing { font-size: 0.938em; width: 200px; height: 40px; margin: 0 0 10px; text-align: center; line-height: 39px; }
body#bookintro #mainarea #introHeader .itemIntrobox .browsing a { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); position: relative; display: block; background-color: #50b149; color: #fff; background: #50b149 url(/images/common/ico_browsing.png) no-repeat 8px center; background-size: 29px 30px; cursor: pointer; }
body#bookintro #mainarea #introHeader .itemIntrobox .browsing a:hover { background-color: #59be52; }
body#bookintro #mainarea #introHeader .itemIntrobox .inacart { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif; font-size: 0.938em; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; behavior: url(/css/pie/PIE.htc); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); position: relative; width: 200px; height: 40px; margin: 0 0 18px; text-align: center; border: none; color: #fff; background: #e69f11 url(/images/common/ico_cart.png) no-repeat 6px center; background-size: 33px 25px; cursor: pointer; }
body#bookintro #mainarea #introHeader .itemIntrobox .inacart:hover { background-color: #f5b60b; }
body#bookintro #mainarea #introHeader .itemIntrobox table.introspec { font-size: 0.75em; width: 98%; margin: 0 0 18px 0; }
body#bookintro #mainarea #introHeader .itemIntrobox table.introspec th { width: 22%; padding: 3px 8px 3px 0px; line-height: 1.3; vertical-align: top; }
body#bookintro #mainarea #introHeader .itemIntrobox table.introspec td { width: 76%; padding: 3px 0px 3px 8px; line-height: 1.3; vertical-align: top; }
body#bookintro #mainarea #introHeader .itemIntrobox .ttlbnr_g { margin: 0 0 10px; }
body#bookintro #mainarea #introHeader .itemIntrobox .ttlbnr_g span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-size: 0.75em; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(/css/pie/PIE.htc); behavior: url(/css/pie/PIE.htc); position: relative; background-color: #6cbf34; color: #fff; padding: 2px 14px 1px; }
body#bookintro #mainarea #introHeader .itemIntrobox .relatedlist { font-size: 0.813em; line-height: 1.5; }
body#bookintro #mainarea #introHeader .read { font-size: 0.875em; clear: both; line-height: 1.4; margin: 0 5px 20px; }
body#bookintro #mainarea #introHeader .browsinglist { zoom: 1; }
body#bookintro #mainarea #introHeader .browsinglist:after { content: ""; display: block; clear: both; }
body#bookintro #mainarea #introHeader .browsinglist li { float: left; width: 49.9%; text-align: center; }
body#bookintro #mainarea #introHeader .browsinglist li a { display: block; width: 94%; margin: 0 auto; }
body#bookintro #mainarea #introHeader .browsinglist li a img { width: 100%; height: auto; }
body#bookintro #mainarea .introSec { margin: 0 0 30px 0; }
body#bookintro #mainarea .introSec h2 { font-size: 1.25em; background: url(/images/common/roughborder1px.png) repeat-x left bottom; color: #360; padding: 0 0 25px 0; margin: 0 0 20px 0; }
body#bookintro #mainarea .introSec h2 .ico_chara { background: url(/images/common/ico_chara.png) no-repeat left center; padding: 0.4em 0 0.5em 50px; }
body#bookintro #mainarea .introSec .favoritecard li { border-bottom: 1px solid #e0e0e0; padding: 0 0 8px 0; margin: 0 0 23px; }
body#bookintro #mainarea .introSec .favoritecard li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
body#bookintro #mainarea .introSec .favoritecard li span { display: block; margin: 0 5px; }
body#bookintro #mainarea .introSec .favoritecard li span.card_text { font-size: 0.875em; line-height: 1.48; }
body#bookintro #mainarea .introSec .favoritecard li span.card_name { font-size: 0.75em; line-height: 1.3; text-align: right; padding-top: 8px; }
body#bookintro #mainarea .introSec .boxinner .freetxtarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); font-size: 0.938em; width: 99%; border: 1px solid #ccc; padding: 0.5em 10px; }

@media screen and (min-width: 0px) and (max-width: 480px) {
	body#bookintro #mainarea #introHeader h1 span.state { display: block; margin: 0 0 4px 0;}
	body#bookintro #mainarea #introHeader h1 span.state2 { display: block; margin: 0 0 4px 0;}
}

/* bookwriters
--------------------------------------------------------------------*/
body#bookwriters #mainarea { padding: 0 0 30px; }
body#bookwriters #mainarea #writersHeader { zoom: 1; margin-bottom: 40px; }
body#bookwriters #mainarea #writersHeader:after { content: ""; display: block; clear: both; }
body#bookwriters #mainarea #writersHeader .boxinner { padding: 20px 0; margin: 0 10px; }
body#bookwriters #mainarea #writersHeader .boxttl { font-size: 0.875em; font-weight: bold; padding: 0 0 23px 10px; }
body#bookwriters #mainarea #writersHeader h1 { margin: 0 0 20px 0; padding: 0 0 12px 10px; background: url(/images/common/roughborder1px.png) repeat-x left bottom; }
body#bookwriters #mainarea #writersHeader h1 span.janam { font-size: 1.375em; }
body#bookwriters #mainarea #writersHeader h1 span.ennam { font-size: 0.813em; margin-left: 15px; color: #999; }
body#bookwriters #mainarea #writersHeader .read { font-size: 0.875em; line-height: 1.5; margin: 0 5px; }

/* kataru_detail
--------------------------------------------------------------------*/
body#kataru_detail #mainarea { line-height: 1.5; }
body#kataru_detail #mainarea img { max-width: 100%; }
body#kataru_detail #mainarea h1 { margin: 0; }
body#kataru_detail #mainarea .btn { margin: 28px 0 10px 0; }
body#kataru_detail #mainarea .text { margin: 0 0 65px 0; font-size: 0.875em; }
body#kataru_detail #mainarea h2.sub01 { margin: 0 0 20px 0; }
body#kataru_detail #mainarea dl { margin: 0 0 40px 0; }
body#kataru_detail #mainarea dl dt { padding: 8px 0 15px 48px; font-weight: bold; color: #f7931e; background: url(/images/book/kataru_detail/bg01.png) no-repeat, url(/images/book/kataru_detail/bg02.png) repeat-x bottom; }
body#kataru_detail #mainarea dl dd { margin: 10px 10px 25px 10px; font-size: 0.875em; }
body#kataru_detail #mainarea h2.sub02 { margin: 0 0 20px 0; }
body#kataru_detail #mainarea .text2 { margin: 0 10px 20px 10px; font-size: 0.875em; }
body#kataru_detail #mainarea .bookimage { margin: 0 0 20px 0; }
body#kataru_detail #mainarea .bookimage li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); float: left; width: 16.6%; margin: 0 0 10px 0; padding: 0 10px; }
body#kataru_detail #mainarea .bookimage li:nth-child(6) { margin-right: 0; }
body#kataru_detail #mainarea .bookimage:after { content: ""; display: block; clear: both; }
body#kataru_detail #mainarea .booktitle { margin: 0 10px; }
body#kataru_detail #mainarea .booktitle li { margin: 0 0 8px 0; padding: 0 0 0 25px; font-size: 0.875em; background: url(/images/book/kataru_detail/bg03.png) no-repeat; }


/* newbooks
--------------------------------------------------------------------*/
body#newbooks #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#newbooks #mainarea2 img { max-width: 100%; }
body#newbooks #mainarea2 h1 { margin: 0 0 10px 0; }
body#newbooks #mainarea2 p.intro { margin: 0 0 10px 0; font-size: 1.06em; font-weight: bold; color: #f7931e; }
body#newbooks #mainarea2 .books { position: relative; margin: 0 10px 50px 0; padding: 15px 25px; border: 1px solid #999; background-color: #FFF; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; box-shadow: rgb(210, 210, 210) 8px 9px 0px 0px; -webkit-box-shadow:rgb(210, 210, 210) 8px 9px 0px 0px; -moz-box-shadow:rgb(210, 210, 210) 8px 9px 0px 0px; behavior: url(/css/pie/PIE.htc); }
body#newbooks #mainarea2 .books .title { margin: 0 0 18px 0; }
body#newbooks #mainarea2 .books .title h2 { width: 75%; float: left; padding: 10px 0 15px 0; font-size: 1.37em; font-weight: bold; background: url(/images/newbooks/bg01.png) repeat-x bottom; }
body#newbooks #mainarea2 .books .title:after { content: ""; display: block; clear: both; }
body#newbooks #mainarea2 .books p.year { position: absolute; width: 30%; top: 20px; right: -10px; text-align: right; }
body#newbooks #mainarea2 .books p.image { width: 25%; float: left; margin: 0 2% 15px 0; }
body#newbooks #mainarea2 .books .text { width: 73%; float: right; margin: 0 0 15px 0; }
body#newbooks #mainarea2 .books .text h3 { margin: 0 0 6px 0; font-size: 1.06em; font-weight: bold; color: #736357; }
body#newbooks #mainarea2 .books .text .detail { margin: 0 0 20px 0; font-size: 0.875em; }
body#newbooks #mainarea2 .books .text .writer { width: 60%; float: left; font-size: 0.75em; }
body#newbooks #mainarea2 .books .text .btn { text-align: right; }
body#newbooks #mainarea2 .books .editorial { clear: both; min-height: 48px; padding: 15px 15px 15px 135px; font-size: 0.875em; background: #fffae6 url(/images/newbooks/editorial.png) no-repeat 15px 50%; }


/* news
--------------------------------------------------------------------*/
body#news #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#news #mainarea2 img { max-width: 100%; }
body#news #mainarea2 h1 { margin: 0 0 10px 0; }
body#news #mainarea2 p.intro { margin: 0 0 10px 0; font-size: 1.06em; font-weight: bold; color: #f7931e; }
body#news #mainarea2 .news { position: relative; margin: 0 0 30px 0; padding: 10px 15px;
box-shadow: 2px 2px 4px 0 #CCC; background: #FFF url(/images/news/bg02.png) no-repeat right bottom; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 4px 0px #CCC; -webkit-box-shadow: 2px 2px 4px 0px #CCC; -moz-box-shadow: 2px 2px 4px 0px #CCC; behavior: url(/css/pie/PIE.htc); }
body#news #mainarea2 .news:after { content: ""; display: block; clear: both; }
body#news #mainarea2 .news .title { margin: 0 0 12px 0; padding: 10px 0 6px 43px; border-bottom: 2px solid #d3ccbd; background: url(/images/news/bg01.png) no-repeat; }
body#news #mainarea2 .news .title h2 { font-size: 1.06em; font-weight: bold; color: #736357; }
body#news #mainarea2 .news .title .date { font-size: 0.94em; font-weight: bold; color: #998675; }
body#news #mainarea2 .news .image { position: relative; float: left; width: 25%; margin: 0 5% 10px 0; }
body#news #mainarea2 .news .image img { box-shadow:rgb(222, 217, 206) 4px 4px 0px 0px; -webkit-box-shadow:rgb(222, 217, 206) 4px 4px 0px 0px; -moz-box-shadow:rgb(222, 217, 206) 4px 4px 0px 0px; behavior: url(/css/pie/PIE.htc); }
body#news #mainarea2 .news .image + div { width: 70%; float: left; }
body#news #mainarea2 .news .text .detail { margin: 0 0 20px 0; font-size: 0.875em; }
body#news #mainarea2 .news .text h3 { margin: 0 0 2px 0; padding: 0 0 0 25px; font-size: 0.875em; font-weight: bold; color: #50aad2; background: url(/images/news/bg03.png) no-repeat; }
body#news #mainarea2 .news .text table { width: 90%; }
body#news #mainarea2 .news .text table td { padding: 4px 8px; border: 1px solid #d3ccbd; font-size: 0.75em; }
body#news #mainarea2 .news .text table td:nth-child(1) { width: 15%; text-align: center; }
body#news #mainarea2 .btn { text-align: center; }


/* news_list
--------------------------------------------------------------------*/
body#news_list #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#news_list #mainarea2 img { max-width: 100%; }
body#news_list #mainarea2 h1 { margin: 0 0 10px 0; }
body#news_list #mainarea2 p.intro { margin: 0 0 10px 0; font-size: 1.06em; font-weight: bold; color: #f7931e; }
body#news_list #mainarea2 .news { position: relative; display: block; margin: 0 0 30px 0; padding: 10px 15px;
box-shadow: 2px 2px 4px 0 #CCC; background: #FFF url(/images/news/bg02.png) no-repeat right bottom; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 4px 0px #CCC; -webkit-box-shadow: 2px 2px 4px 0px #CCC; -moz-box-shadow: 2px 2px 4px 0px #CCC; behavior: url(/css/pie/PIE.htc); }
body#news_list #mainarea2 .news .title { margin: 0; padding: 10px 0 10px 43px; background: url(/images/news/bg01.png) no-repeat; }
body#news_list #mainarea2 .news .title h2 { font-size: 1.06em; font-weight: bold; color: #736357; }
body#news_list #mainarea2 .news .title .date { font-size: 0.94em; font-weight: bold; color: #998675; }


/* ehonclub
--------------------------------------------------------------------*/
body#ehonclub #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#ehonclub #mainarea2 img { max-width: 100%; }
body#ehonclub #mainarea2 h1 { margin: 0 0 70px 0; }
body#ehonclub #mainarea2 h2 { min-height: 28px; margin: 0 0 15px 0; padding: 6px 0 6px 50px; border-bottom: 2px solid #faa028; font-size: 1.25em; background: url(/images/ehonclub/bg01.png) no-repeat; }
body#ehonclub #mainarea2 p { margin: 0 15px 25px 15px; font-size: 0.875em; }
body#ehonclub #mainarea2 .sec1 { margin: 0 0 60px 0; }
body#ehonclub #mainarea2 .sec1:after { content: ""; display: block; clear: both; }
body#ehonclub #mainarea2 .sec1 dl { margin: 0 15px; font-size: 0.875em; }
body#ehonclub #mainarea2 .sec1 dl dt { float: left; clear: both; }
body#ehonclub #mainarea2 .sec1 dl dd { margin: 0 0 30px 180px; }
body#ehonclub #mainarea2 .sec2 { margin: 0 0 60px 0; }
body#ehonclub #mainarea2 .sec2:after { content: ""; display: block; clear: both; }
body#ehonclub #mainarea2 .sec2 ul:after { content: ""; display: block; clear: both; }
body#ehonclub #mainarea2 .sec2 ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); display: block; float: left; width: 33%; margin: 0 0 25px 0; padding: 0 8px; }
body#ehonclub #mainarea2 .sec2 ul li img { margin: 0 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 4px 0px #CCC; -webkit-box-shadow: 2px 2px 4px 0px #CCC; -moz-box-shadow: 2px 2px 4px 0px #CCC; behavior: url(/css/pie/PIE.htc); }
body#ehonclub #mainarea2 .sec2 ul li span { display: block; font-size: 0.875em; line-height: 1.2; }
body#ehonclub #mainarea2 .sec2 .total { width: 260px; float: right; margin: 0 0 20px 0; padding: 10px 20px; font-size: 0.875em; text-align: right; border: 1px solid #b4b4b4; background-color: #FFF; }
body#ehonclub #mainarea2 .sec2 .total span { margin: 0 0 0 10px; font-size: 1.4em; font-weight: bold; }
body#ehonclub #mainarea2 .sec2 input[type="image"] { clear: both; float: right; margin: 0 0 20px 0; }
body#ehonclub #mainarea2 .sec3 { margin: 0 0 50px 0; padding: 85px 0 115px 0; background: url(/images/ehonclub/bg02.png) no-repeat top center, url(/images/ehonclub/bg03.png) no-repeat bottom center; background-color: #FFF; }
body#ehonclub #mainarea2 .sec3 h3 { text-align: center; }
body#ehonclub #mainarea2 .sec3 p { font-size: 1.12em; text-align: center; color: #7f4900; }
body#ehonclub #mainarea2 .sec4 { clear: both; margin: 0 0 40px 0; }
body#ehonclub #mainarea2 .sec4 dl dt { clear: both; margin: 0 0 4px 0; padding: 0 0 0 25px; background: url(/images/ehonclub/bg04.png) no-repeat 0 4px; }
body#ehonclub #mainarea2 .sec4 dl dd { margin: 0 0 22px 28px; font-size: 0.875em; }
body#ehonclub #mainarea2 .sec4 dl dd:last-child { width: 60%; float: left; }
body#ehonclub #mainarea2 .sec4 .image { width: 25%; float: right; margin: 0 0 0 5%; text-align: right; }
body#ehonclub #mainarea2 #bookindex { display: none; }
body#ehonclub .boxer-content { height: 100%; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#ehonclub #mainarea2 h1 { margin: 0 0 15px 0; }
  body#ehonclub #mainarea2 h2 { font-size: 1.06rem; }
  body#ehonclub #mainarea2 p { margin: 0 0 10px 0; }
  body#ehonclub #mainarea2 .sec1 { margin: 0 0 30px 0; }
  body#ehonclub #mainarea2 .sec1 dl { margin: 0; }
  body#ehonclub #mainarea2 .sec1 dl dt { float: none; }
  body#ehonclub #mainarea2 .sec1 dl dd { margin: 0 0 15px 0; }
  body#ehonclub #mainarea2 .sec2 ul li { width: 50%; }
  body#ehonclub #mainarea2 .sec2 .total { width: 200px; float: none; margin: 0 auto 10px auto; font-size: 70%; text-align: center; }
  body#ehonclub #mainarea2 .sec2 input[type="image"] { display: block; float: none; margin: 0 auto 10px auto; }
  body#ehonclub #mainarea2 .sec4 dl dd:last-child { width: 100%; float: none; }
  body#ehonclub #mainarea2 .sec4 .image { width: 100%; float: none; margin: 0; text-align: center; }
}



/* ehonclub_list
--------------------------------------------------------------------*/
#ehonclub_list #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; padding: 15px; line-height: 1.5; }
#ehonclub_list #mainarea2 #bookindex .index {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/boxsizing.htc); width: 50%; float: left; padding: 0 20px 0 8px; }
#ehonclub_list #mainarea2 #bookindex .index div { min-height: 48px; margin: 0 0 30px 0; padding: 2px 0 0 50px; font-size: 0.875em; }
#ehonclub_list #mainarea2 #bookindex .index div h2 { display: none; }
#ehonclub_list #mainarea2 #bookindex .index div ul li { margin: 8px 0 0 0; line-height: 1.3; }
#ehonclub_list #mainarea2 #bookindex .index .index_a { background: url(/images/bookindex/name_index_a.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_i { background: url(/images/bookindex/name_index_i.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_u { background: url(/images/bookindex/name_index_u.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_e { background: url(/images/bookindex/name_index_e.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_o { background: url(/images/bookindex/name_index_o.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ka { background: url(/images/bookindex/name_index_ka.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ki { background: url(/images/bookindex/name_index_ki.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ku { background: url(/images/bookindex/name_index_ku.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ke { background: url(/images/bookindex/name_index_ke.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ko { background: url(/images/bookindex/name_index_ko.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_sa { background: url(/images/bookindex/name_index_sa.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_si { background: url(/images/bookindex/name_index_si.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_su { background: url(/images/bookindex/name_index_su.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_se { background: url(/images/bookindex/name_index_se.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_so { background: url(/images/bookindex/name_index_so.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ta { background: url(/images/bookindex/name_index_ta.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ti { background: url(/images/bookindex/name_index_ti.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_tu { background: url(/images/bookindex/name_index_tu.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_te { background: url(/images/bookindex/name_index_te.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_to { background: url(/images/bookindex/name_index_to.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_na { background: url(/images/bookindex/name_index_na.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ni { background: url(/images/bookindex/name_index_ni.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_nu { background: url(/images/bookindex/name_index_nu.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ne { background: url(/images/bookindex/name_index_ne.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_no { background: url(/images/bookindex/name_index_no.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ha { background: url(/images/bookindex/name_index_ha.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_hi { background: url(/images/bookindex/name_index_hi.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_hu { background: url(/images/bookindex/name_index_hu.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_he { background: url(/images/bookindex/name_index_he.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ho { background: url(/images/bookindex/name_index_ho.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ma { background: url(/images/bookindex/name_index_ma.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_mi { background: url(/images/bookindex/name_index_mi.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_mu { background: url(/images/bookindex/name_index_mu.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_me { background: url(/images/bookindex/name_index_me.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_mo { background: url(/images/bookindex/name_index_mo.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ya { background: url(/images/bookindex/name_index_ya.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_yi { background: url(/images/bookindex/name_index_yi.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_yu { background: url(/images/bookindex/name_index_yu.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ye { background: url(/images/bookindex/name_index_ye.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_yo { background: url(/images/bookindex/name_index_yo.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ra { background: url(/images/bookindex/name_index_ra.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ri { background: url(/images/bookindex/name_index_ri.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ru { background: url(/images/bookindex/name_index_ru.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_re { background: url(/images/bookindex/name_index_re.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_ro { background: url(/images/bookindex/name_index_ro.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_wa { background: url(/images/bookindex/name_index_wa.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_wo { background: url(/images/bookindex/name_index_wo.png) no-repeat; }
#ehonclub_list #mainarea2 #bookindex .index .index_n { background: url(/images/bookindex/name_index_n.png) no-repeat; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  #ehonclub_list #mainarea2 #bookindex .index { width: 100%; float: none; padding: 0; }
  #ehonclub_list #mainarea2 #bookindex .index div { margin: 0 0 20px 0; padding: 0; min-height: 48px; position: relative; background-color: #FFF !important; background-position: 8px 6px !important; border-radius: 2px; box-shadow: 2px 2px 4px 0 #CCC; behavior: url(/css/pie/PIE.htc); }
  #ehonclub_list #mainarea2 #bookindex .index div h2 { display: block; line-height: 0; text-indent: -9999px; height: 48px; cursor: pointer; }
  #ehonclub_list #mainarea2 #bookindex .index div h2.open { background: url(/images/bookindex/name_index_open.gif) no-repeat 95% 55%; }
  #ehonclub_list #mainarea2 #bookindex .index div h2.close { background: url(/images/bookindex/name_index_close.gif) no-repeat 95% 55%; }
  #ehonclub_list #mainarea2 #bookindex .index div ul { margin: 0 15px; padding: 0 0 15px 0; }
  #ehonclub_list #mainarea2 #bookindex .index div ul li a { display: block; }
}



/* circle
--------------------------------------------------------------------*/
body#circle #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#circle #mainarea2 img { max-width: 100%; }
body#circle #mainarea2 h1 { margin: 0 0 15px 0; }
body#circle #mainarea2 .intro { margin: 0 15px 40px 15px; font-size: 0.875em; }
body#circle #mainarea2 h2 { min-height: 1em; margin: 0 0 10px 0; padding: 20px 0 24px 70px; font-size: 1.25em; font-weight: bold; line-height: 1; }
body#circle #mainarea2 h2:nth-of-type(1) { background: url(/images/circle/subtitle01.png) no-repeat, url(/images/circle/line.png) repeat-x 0 52px; }
body#circle #mainarea2 h2:nth-of-type(2) { background: url(/images/circle/subtitle02.png) no-repeat, url(/images/circle/line.png) repeat-x 0 52px; }
body#circle #mainarea2 h2:nth-of-type(3) { background: url(/images/circle/subtitle03.png) no-repeat, url(/images/circle/line.png) repeat-x 0 52px; }
body#circle #mainarea2 h2:nth-of-type(4) { background: url(/images/circle/subtitle04.png) no-repeat, url(/images/circle/line.png) repeat-x 0 52px; }
body#circle #mainarea2 > div { margin: 0 30px 20px 37px; padding: 0 0 20px 0; border-bottom: 1px solid #ffbe82; }
body#circle #mainarea2 > div:nth-of-type(n+5) { border-bottom: none; }
body#circle #mainarea2 > div:after { content: ""; display: block; clear: both; }
body#circle #mainarea2 > div h3 { min-height: 41px; padding: 6px 0 0 50px; font-weight: bold; }
body#circle #mainarea2 .sec1 { position: relative; min-height: 160px; }
body#circle #mainarea2 .sec1 .text h3 { width: 60%; margin: 0 0 15px 0; background: url(/images/circle/flag01.png) no-repeat; }
body#circle #mainarea2 .sec1 .text p { width: 45%; margin: 0 0 15px 40px; font-size: 0.875em; }
body#circle #mainarea2 .sec1 .image { position: absolute; width: 45%; max-width: 320px; min-width: 120px; top: 0; right: -20px; text-align: right; }
body#circle #mainarea2 .sec2 h3 { margin: 0 0 15px 0; background: url(/images/circle/flag02.png) no-repeat; }
body#circle #mainarea2 .sec2 h4 { width: 55%; margin: 0 0 15px 40px; padding: 8px 10px; font-weight: bold; text-align: center; color: #07adb7; border: 1px solid #07adb7; background-color: #FFF; }
body#circle #mainarea2 .sec2 p { margin: 0 0 15px 40px; font-size: 0.875em; }
body#circle #mainarea2 .sec2 table { width: 35%; float: left; }
body#circle #mainarea2 .sec2 table strong { font-weight: bold; }
body#circle #mainarea2 .sec2 table th,
body#circle #mainarea2 .sec2 table td { border: 1px solid #736357; padding: 4px 0; text-align: center; background-color: #FFF; }
body#circle #mainarea2 .sec2 .member { margin: 0 0 15px 40px; }
body#circle #mainarea2 .sec2 .member th { font-weight: bold; background-color: #fff0be; }
body#circle #mainarea2 .sec2 .general { margin: 0 0 15px 2%; }
body#circle #mainarea2 .sec2 .general th { font-weight: bold; background-color: #dcebe6; }
body#circle #mainarea2 .sec3 { position: relative; min-height: 200px; }
body#circle #mainarea2 .sec3 .text h3 { width: 48%; margin: 0 0 15px 0; background: url(/images/circle/flag03.png) no-repeat; }
body#circle #mainarea2 .sec3 .text p { width: 45%; margin: 0 0 15px 40px; font-size: 0.875em; }
body#circle #mainarea2 .sec3 .image { position: absolute; width: 45%; max-width: 320px; min-width: 120px; top: 0; right: 0; font-size: 0.75em; }
body#circle #mainarea2 .sec4 h3 { margin: 0 0 15px 0; background: url(/images/circle/flag04.png) no-repeat; }
body#circle #mainarea2 .sec4 .image { text-align: center; }
body#circle #mainarea2 .sec4 .image img { margin: 0 1%; max-width: 45%; }
body#circle #mainarea2 .sec5 h3 { margin: 0 0 15px 0; background: url(/images/circle/flag05.png) no-repeat; }
body#circle #mainarea2 .sec6 p { margin: 0 0 15px 0; font-size: 0.875em; }
body#circle #mainarea2 .sec6 p strong { font-size: 1.06em; font-weight: bold; }
body#circle #mainarea2 .sec6 .waku { width: 30%; min-width: 220px; padding: 4px 10px; border: 1px solid #736357; font-weight: bold; color: #736357; background-color: #fffaf0; border-radius: 6px; }
body#circle #mainarea2 .sec6 .waku dl dt { clear: both; width: 6em; float: left; padding: 2px 0 2px 1.5em; }
body#circle #mainarea2 .sec6 .waku dl dd { padding: 2px 0 2px 8em; border-bottom: 1px solid #736357; }
body#circle #mainarea2 .sec6 .waku dl dd:last-child { border: none; }
body#circle #mainarea2 .sec6 .waku:after { content: ""; display: block; clear: both; }
body#circle #mainarea2 .sec7 p { margin: 0 0 15px 0; font-size: 0.875em; }
body#circle #mainarea2 .sec7 p strong { font-size: 1.06em; font-weight: bold; }
body#circle #mainarea2 .sec7 .waku { width: 40%; min-width: 390px; padding: 0 10px; border: 1px solid #736357; font-weight: bold; color: #736357; background-color: #fffaf0; border-radius: 6px; }
body#circle #mainarea2 .sec7 .waku dl dt { clear: both; width: 10em; float: left; padding: 10px 0 10px 1.5em; font-size: 0.875em; line-height:1.1; }
body#circle #mainarea2 .sec7 .waku dl dd { padding: 15px 0 15px 14em; border-bottom: 1px solid #736357; background: url(/images/circle/arrow.png) no-repeat 180px 10px; }
body#circle #mainarea2 .sec7 .waku dl dd:last-child { border: none; }
body#circle #mainarea2 .sec7 .waku:after { content: ""; display: block; clear: both; }
body#circle #mainarea2 .sec8 p { font-size: 0.875em; margin: 0 0 1em 0; }
body#circle #mainarea2 .sec8 .btn { margin: 25px 0; font-size: 1.125em; font-weight: bold; text-align: center; vertical-align: middle; }
body#circle #mainarea2 .sec8 .btn input { margin: 0 0 0 40px; vertical-align: middle; }
body#circle #mainarea2 .sec9 { margin: -30px 0 0 0; text-align: center; }

body#circle #mainarea2 .color1 { color: #ff3c78; }
body#circle #mainarea2 .color2 { color: #7cbd27; }
body#circle #mainarea2 .color3 { color: #ff3c78; }
body#circle #mainarea2 .color4 { color: #f7931e; }


@media screen and (min-width: 0px) and (max-width: 480px) {
  body#circle #mainarea2 h1 { margin: 0 0 15px 0; }
  body#circle #mainarea2 > div { margin: 0 0 20px 0; }
  body#circle #mainarea2 .sec1 .text h3 { width: auto; margin: 0 0 15px 0; }
  body#circle #mainarea2 .sec1 .text p { width: auto; margin: 0 0 15px 0; }
  body#circle #mainarea2 .sec1 .image { position: relative; width: auto; max-width: none; min-width: inherit; top: 0; right: 0px; text-align: center; }
  body#circle #mainarea2 .sec2 h4 { width: auto; margin: 0 0 15px 0; }
  body#circle #mainarea2 .sec2 p { margin: 0 0 15px 0; }
  body#circle #mainarea2 .sec2 table { width: 90%; float: none; margin: 0 auto 15px auto; }
  body#circle #mainarea2 .sec2 .member { margin: 0 auto 15px auto; }
  body#circle #mainarea2 .sec2 .general { margin: 0 auto 15px auto; }
  body#circle #mainarea2 .sec3 .text h3 { width: auto; margin: 0 0 15px 0; }
  body#circle #mainarea2 .sec3 .text p { width: auto; margin: 0 0 15px 0; }
  body#circle #mainarea2 .sec3 .image { position: relative; width: auto; max-width: none; min-width: inherit; text-align: center; }
  body#circle #mainarea2 .sec6 .waku { margin: 0 auto 15px auto; }
  body#circle #mainarea2 .sec7 .waku { width: 90%; max-width: 300px; min-width: inherit; font-size: 80%; margin: 0 auto; }
  body#circle #mainarea2 .sec7 .waku dl dt { padding: 14px 0 10px 0; }
  body#circle #mainarea2 .sec7 .waku dl dd { padding: 15px 0 15px 12em; background-position: 120px 10px; }
  body#circle #mainarea2 .sec8 .btn img { margin: 0;}
}


/* circle_form
--------------------------------------------------------------------*/
body#circle_form #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#circle_form #mainarea2 img { max-width: 100%; }
body#circle_form #mainarea2 h1 { margin: 0 0 15px 0; }
body#circle_form #mainarea2 .formbox { position: relative; margin: 0 6px 20px 0; padding: 15px 20px; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: rgb(210, 210, 210) 6px 6px 0px 0px; -webkit-box-shadow:rgb(210, 210, 210) 6px 6px 0px 0px; -moz-box-shadow:rgb(210, 210, 210) 6px 6px 0px 0px; behavior: url(/_assets/css/pie/PIE.htc); }
body#circle_form #mainarea2 .formbox :disabled { background-color: #FFF; }
body#circle_form #mainarea2 .formbox .notes { margin: 0 0 10px 0; font-size: 0.875em; text-align: right; }
body#circle_form #mainarea2 .formbox span { color: #f0191e; }
body#circle_form #mainarea2 .formbox dl {  }
body#circle_form #mainarea2 .formbox dl:after { content: ""; display: block; clear: both; }
body#circle_form #mainarea2 .formbox dl dt { width: 27%; float: left; margin: 6px 0 20px 1%; clear: both; }
body#circle_form #mainarea2 .formbox dl dd { margin: 0 0 20px 30%; }
body#circle_form #mainarea2 .formbox dl dd input { width: 90%; margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#circle_form #mainarea2 .formbox dl dd textarea { width: 90%; height: 110px; margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#circle_form #mainarea2 .formbox dl dd select { margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#circle_form #mainarea2 .formbox dl dd input.name { width: 30%; }
body#circle_form #mainarea2 .formbox dl dd input.zip { width: 10%; min-width: 50px; }
body#circle_form #mainarea2 .formbox dl dd input.tel { width: 15%; }
body#circle_form #mainarea2 .arrow { margin: 0 0 15px 0; text-align: center; }
body#circle_form #mainarea2 .arrow img { width: 74px; }
body#circle_form #mainarea2 .btn { margin: 30px 0; text-align: center; }
body#circle_form #mainarea2 .btn input { width: 200px; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#circle_form #mainarea2 .formbox dl dt { width: 100%; float: none; margin: 4px 0 4px 0; }
  body#circle_form #mainarea2 .formbox dl dd { margin: 0 0 15px 0; }
  body#circle_form #mainarea2 .formbox dl dd input,
  body#circle_form #mainarea2 .formbox dl dd textarea,
  body#circle_form #mainarea2 .formbox dl dd select { margin: 0; }
  body#circle_form #mainarea2 .btn input { width: 250px; }
}

/* forstore
--------------------------------------------------------------------*/
body#forstore #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#forstore #mainarea2 img { max-width: 100%; }
body#forstore #mainarea2 h1 { margin: 0 0 15px 0; }
body#forstore #mainarea2 .intro { margin: 0 0 40px 0; font-size: 0.875em; }
body#forstore #mainarea2 .main-image { margin: 0 0 40px 0; text-align: center; }
body#forstore #mainarea2 h2 { margin: 0 0 15px 0; padding: 0 10px 6px 10px; border-bottom: 2px solid #fdd69a; font-size: 1.25em; font-weight: bold; }
body#forstore #mainarea2 .sec1 { margin: 0 0 45px 0; }
body#forstore #mainarea2 .sec1 p { text-align: center; }
body#forstore #mainarea2 .sec2 { margin: 0 15px 45px 15px; }
body#forstore #mainarea2 .sec2 .text { margin: 0 0 15px 0; font-size: 0.875em; }
body#forstore #mainarea2 .sec2 dl { margin: 0 0 30px 0; }
body#forstore #mainarea2 .sec2 dl:after { content: ""; display: block; clear: both; }
body#forstore #mainarea2 .sec2 dl dt { width: 12em; float: left; margin: 4px 0 0 0; font-weight: bold; }
body#forstore #mainarea2 .sec2 dl dd { margin: 0 0 15px 14em; font-size: 0.875em; vertical-align: middle; }
body#forstore #mainarea2 .sec2 dl dd a { color: #e61414; text-decoration: underline; }
body#forstore #mainarea2 .sec2 dl dd img { margin: 0 10px 0 0; vertical-align: middle; }
body#forstore #mainarea2 .sec2 .tel { max-width: 320px; margin: 0 0 15px 0; padding: 8px 12px; border: 1px solid #fba218; font-weight: bold; background-color: #FFF; }
body#forstore #mainarea2 .sec2 .getadobereader { margin: 0 0 15px 0; font-size: 0.75em; vertical-align: middle; }
body#forstore #mainarea2 .sec2 .getadobereader img { margin: 0 0 0 10px; vertical-align: middle; }
body#forstore #mainarea2 .sec3 { margin: 0 15px 25px 15px; }
body#forstore #mainarea2 .sec3 .text { margin: 0; font-size: 0.875em; }
body#forstore #mainarea2 .sec4 { margin: 0 15px 25px 15px; }
body#forstore #mainarea2 .sec4 .text { margin: 0; font-size: 0.875em; }
body#forstore #mainarea2 .color1 { color: #ff3c78; }

body#forstore #mainarea2 .formbox { position: relative; margin: 0 6px 20px 0; padding: 15px 20px; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: rgb(210, 210, 210) 6px 6px 0px 0px; -webkit-box-shadow:rgb(210, 210, 210) 6px 6px 0px 0px; -moz-box-shadow:rgb(210, 210, 210) 6px 6px 0px 0px; behavior: url(/css/pie/PIE.htc); }
body#forstore #mainarea2 .formbox :disabled { background-color: #FFF; }
body#forstore #mainarea2 .formbox .notes { margin: 0 0 10px 0; font-size: 0.875em; text-align: right; }
body#forstore #mainarea2 .formbox .notes2 { margin: 0 0 15px 0; font-size: 0.75em; text-align: center; }
body#forstore #mainarea2 .formbox span.red { color: #f0191e; }
body#forstore #mainarea2 .formbox span.example { margin: 0 1%; font-size: 0.85em; }
body#forstore #mainarea2 .formbox dl { font-size: 0.875em; }
body#forstore #mainarea2 .formbox dl:after { content: ""; display: block; clear: both; }
body#forstore #mainarea2 .formbox dl dt { width: 27%; float: left; margin: 6px 0 20px 1%; clear: both; }
body#forstore #mainarea2 .formbox dl dd { margin: 0 0 20px 30%; }
body#forstore #mainarea2 .formbox dl dd input { width: 90%; margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#forstore #mainarea2 .formbox dl dd textarea { width: 90%; height: 110px; margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#forstore #mainarea2 .formbox dl dd select { margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#forstore #mainarea2 .formbox dl dd input.name { width: 30%; }
body#forstore #mainarea2 .formbox dl dd input.zip { width: 10%; }
body#forstore #mainarea2 .formbox dl dd input.tel { width: 15%; }
body#forstore #mainarea2 .btn { margin: 30px 0; text-align: center; }
body#forstore #mainarea2 .btn input { width: 200px; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#forstore #mainarea2 h1 { margin: 0 0 15px 0; }
  body#forstore #mainarea2 .intro { margin: 0 0 25px 0; }
  body#forstore #mainarea2 .main-image { margin: 0 0 25px 0; }
  body#forstore #mainarea2 h2 { font-size: 1.06rem; }
  body#forstore #mainarea2 .sec2 dl dt { width: 100%; float: none; margin: 0 0 10px 0; }
  body#forstore #mainarea2 .sec2 dl dd { margin: 0 0 15px 0; }
  body#forstore #mainarea2 .sec2 .tel { width: 80%; margin: 0 auto 15px auto; }
  body#forstore #mainarea2 .sec2 .tel span { display: block; }
  body#forstore #mainarea2 .formbox .notes2 { text-align: left; }

  body#forstore #mainarea2 .formbox dl dt { width: 100%; float: none; margin: 4px 0 4px 0; }
  body#forstore #mainarea2 .formbox dl dd { margin: 0 0 15px 0; }
  body#forstore #mainarea2 .formbox dl dd input,
  body#forstore #mainarea2 .formbox dl dd textarea,
  body#forstore #mainarea2 .formbox dl dd select { margin: 0; }
  body#forstore #mainarea2 .btn input { width: 250px; }
}


/* change_address
--------------------------------------------------------------------*/
body#change_address #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#change_address #mainarea2 img { max-width: 100%; }
body#change_address #mainarea2 h1 { margin: 0 0 15px 0; }
body#change_address #mainarea2 p.intro { margin: 0 0 15px 0; font-size: 0.875em; text-align: right; }
body#change_address #mainarea2 .formbox { position: relative; margin: 0 6px 20px 0; padding: 15px 20px; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: rgb(210, 210, 210) 6px 6px 0px 0px; -webkit-box-shadow:rgb(210, 210, 210) 6px 6px 0px 0px; -moz-box-shadow:rgb(210, 210, 210) 6px 6px 0px 0px; behavior: url(/css/pie/PIE.htc); }
body#change_address #mainarea2 .formbox :disabled { background-color: #FFF; }
body#change_address #mainarea2 .formbox h2 { margin: 0 0 10px 0; padding: 8px 0; border-bottom: 2px solid #cac0b7; font-size: 1.42em; font-weight: bold; text-align: center; color: #736357; }
body#change_address #mainarea2 .formbox .notes { margin: 0 0 10px 0; font-size: 0.875em; text-align: right; }
body#change_address #mainarea2 .formbox span { color: #f0191e; }
body#change_address #mainarea2 .formbox dl { font-size: 0.875em; }
body#change_address #mainarea2 .formbox dl:after { content: ""; display: block; clear: both; }
body#change_address #mainarea2 .formbox dl dt { width: 27%; float: left; margin: 6px 0 20px 1%; clear: both; }
body#change_address #mainarea2 .formbox dl dd { margin: 0 0 20px 30%; }
body#change_address #mainarea2 .formbox dl dd input { width: 90%; margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#change_address #mainarea2 .formbox dl dd textarea { width: 90%; height: 110px; margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#change_address #mainarea2 .formbox dl dd select { margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#change_address #mainarea2 .formbox dl dd input.name { width: 30%; }
body#change_address #mainarea2 .formbox dl dd input.zip { width: 10%; min-width: 50px; }
body#change_address #mainarea2 .formbox dl dd input.tel { width: 15%; }
body#change_address #mainarea2 .arrow { margin: 0 0 15px 0; text-align: center; }
body#change_address #mainarea2 .arrow img { width: 74px; }
body#change_address #mainarea2 .btn { margin: 30px 0; text-align: center; }
body#change_address #mainarea2 .btn input { width: 200px; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#change_address #mainarea2 p.intro { text-align: left; }
  body#change_address #mainarea2 .formbox dl dt { width: 100%; float: none; margin: 4px 0 4px 0; }
  body#change_address #mainarea2 .formbox dl dd { margin: 0 0 15px 0; }
  body#change_address #mainarea2 .formbox dl dd input,
  body#change_address #mainarea2 .formbox dl dd textarea,
  body#change_address #mainarea2 .formbox dl dd select { margin: 0; }
  body#change_address #mainarea2 .btn input { width: 250px; }
}


/* copyright
--------------------------------------------------------------------*/
body#copyright #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#copyright #mainarea2 img { max-width: 100%; }
body#copyright #mainarea2 h1 { margin: 0 0 30px 0; }
body#copyright #mainarea2 h2 { margin: 50px 0 0 0; padding: 5px 15px; font-weight: bold; border-bottom: 2px solid #fdd699; }
body#copyright #mainarea2 h1 + h2 { margin: -20px 0 0 0; }
body#copyright #mainarea2 ol { margin: 15px 15px 50px 15px; font-size: 0.875em; }
body#copyright #mainarea2 ol li { display: block; margin: 12px 0; padding: 10px 0; }
body#copyright #mainarea2 ol > li { margin: 20px 0; padding: 0 0 0 35px; }
body#copyright #mainarea2 ol > li:nth-of-type(1) { background: url(/images/copyright/one.png) no-repeat; }
body#copyright #mainarea2 ol > li:nth-of-type(2) { background: url(/images/copyright/two.png) no-repeat; }
body#copyright #mainarea2 ol > li:nth-of-type(3) { background: url(/images/copyright/three.png) no-repeat; }
body#copyright #mainarea2 ol > li > ul > li { padding: 0 0 0 30px; background: url(/images/copyright/arrow.png) no-repeat; }
body#copyright #mainarea2 ol > li > a { color: #e61414; text-decoration: underline; }
body#copyright #mainarea2 ol > li > a:hover { text-decoration: none; }
body#copyright #mainarea2 .faq { margin: 0 15px; border-bottom: 1px dashed #808080; }
body#copyright #mainarea2 .faq h4 { margin: 0 10px; padding: 20px 10px 20px 35px; font-size: 0.875em; background: url(/images/copyright/icon_q.png) no-repeat 0 18px; }
body#copyright #mainarea2 .faq p { margin: 0 10px; padding: 0 0 15px 35px; font-size: 0.875em; background: url(/images/copyright/icon_a.png) no-repeat; }
body#copyright #mainarea2 .faq p a { color: #e61414; text-decoration: underline; }
body#copyright #mainarea2 .faq p a:hover { text-decoration: none; }
body#copyright #mainarea2 .contact { width: 60%; max-width: 500px; margin: 50px auto; padding: 8px 15px; border: 1px solid #fba218; background-color: #FFF; }
body#copyright #mainarea2 .contact h3 { margin: 0 0 10px 0; padding: 2px 0; font-size: 0.875em; font-weight: bold; color: #FFF; background-color: #fba218; text-align: center; }
body#copyright #mainarea2 .contact p { width: 80%; margin: 0 auto; font-size: 0.875em; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#copyright #mainarea2 h2 { margin: 20px 0 0 0; padding: 5px 4px; }
  body#copyright #mainarea2 ol > li > ul > li { margin-left: -35px; }
  body#copyright #mainarea2 .faq h4 { padding: 10px 10px 10px 35px; background-position: 0 8px; }
  body#copyright #mainarea2 .faq { margin: 0; }
  body#copyright #mainarea2 .contact { width: 90%; margin: 20px auto; padding: 6px 10px; }
  body#copyright #mainarea2 .contact p { width: 100%; }
}


/* company
--------------------------------------------------------------------*/
body#company #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#company #mainarea2 img { max-width: 100%; }
body#company #mainarea2 h1 { margin: 0 0 30px 0; }
body#company #mainarea2 h2 { margin: 40px 0 20px 0; padding: 8px 15px; font-size: 1.25em; font-weight: bold; border-bottom: 1px solid #7f4900; }
body#company #mainarea2 .sec1 { background: url(/images/company/bg3.png) no-repeat, url(/images/company/bg2.png) no-repeat, url(/images/company/bg1.png) no-repeat; background-position: right 20px bottom 40px, left 20px bottom 40px, top center; background-size: auto, auto, contain; text-align: center; }
body#company #mainarea2 .sec1 h2 { margin: 0 0 15px 0; font-size: 25px; font-weight: bold; color: #7f4900; border-bottom: none; }
body#company #mainarea2 .sec1 h3 { margin: 0 0 4px 0; font-weight: normal; }
body#company #mainarea2 .sec1 p { margin: 0 60px 0 0; font-size: 0.75em; text-align: right; }
body#company #mainarea2 .sec2 h3 { margin: 0 15px 4px 15px; font-weight: bold; color: #faa028; }
body#company #mainarea2 .sec2 p { margin: 0 15px 25px 15px; font-size: 0.875em; }
body#company #mainarea2 .sec3 dl { width: 60%; margin: 0 auto; padding: 4px 8px; font-size: 0.875em; background-color: #FFF; border: 1px solid #736357; border-radius: 10px; }
body#company #mainarea2 .sec3 dl dt { width: 6em; float: left; clear: both; padding: 10px 0 10px 1em; }
body#company #mainarea2 .sec3 dl dd { padding: 10px 0 10px 8em; border-bottom: 1px solid #736357; }
body#company #mainarea2 .sec3 dl dd:last-child { border: none; }
body#company #mainarea2 .sec4 .map { width: 79%; margin: 0 auto 10px auto; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
body#company #mainarea2 .sec4 .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
body#company #mainarea2 .sec4 p { width: 79%; margin: 0 auto; font-size: 0.875em; }
body#company #mainarea2 .sec5 h3 { width: 86%; margin: 0 auto 4px auto; font-size: 0.875em; font-weight: bold; }
body#company #mainarea2 .sec5 h3 span { color: #f7931e; }
body#company #mainarea2 .sec5 dl { width: 84%; margin: 0 auto; padding: 4px 8px; font-size: 0.875em; background-color: #FFF; border: 1px solid #736357; border-radius: 10px; }
body#company #mainarea2 .sec5 dl dt { width: 6em; float: left; clear: both; padding: 10px 0 10px 1em; }
body#company #mainarea2 .sec5 dl dd { padding: 10px 0 10px 8em; border-bottom: 1px solid #736357; }
body#company #mainarea2 .sec5 dl dd:last-child { border: none; }
body#company #mainarea2 .sec5 p { margin: 0 15px; font-size: 0.875em; }
body#company #mainarea2 .sec6 p { margin: 0 15px; font-size: 0.875em; }
body#company #mainarea2 .sec7 h3 { margin: 0 15px 4px 15px; font-weight: bold; color: #faa028; }
body#company #mainarea2 .sec7 p { margin: 0 15px 25px 15px; font-size: 0.875em; }
body#company #mainarea2 .sec7 dl { margin: 0 15px; font-size: 0.875em; border-top: 1px solid #736357; }
body#company #mainarea2 .sec7 dl dt { width: 6em; float: left; clear: both; padding: 10px 0 10px 1em; }
body#company #mainarea2 .sec7 dl dd { padding: 10px 0 10px 8em; border-bottom: 1px solid #736357; }
body#company #mainarea2 .sec7 strong { font-weight: bold; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#company #mainarea2 h1 { margin: 0 0 15px 0; }
  body#company #mainarea2 h2 { margin: 20px 0 10px 0; padding: 5px 4px; }
  body#company #mainarea2 .sec1 { padding: 0 0 100px 0; background: url(/images/company/bg3.png) no-repeat, url(/images/company/bg2.png) no-repeat, none; background-position: right 35px bottom 0px, left 35px bottom 0px; background-size: 75px 90px, 75px 90px; }
  body#company #mainarea2 .sec1 p { margin: 0; }
  body#company #mainarea2 .sec2 h3 { margin: 0 4px 4px 4px; }
  body#company #mainarea2 .sec2 p { margin: 0 4px 15px 4px; }
  body#company #mainarea2 .sec3 dl { width: 100%; box-sizing: border-box; }
  body#company #mainarea2 .sec4 .map { width: 100%; }
  body#company #mainarea2 .sec4 p { width: 100%; }
  body#company #mainarea2 .sec5 h3 { width: 100%; }
  body#company #mainarea2 .sec5 dl { width: 100%; box-sizing: border-box; }
  body#company #mainarea2 .sec5 dl dt { width: 100%; float: none; clear: both; padding: 10px 0 4px 0; font-weight: bold; }
  body#company #mainarea2 .sec5 dl dd { padding: 0 0 10px 0; }
  body#company #mainarea2 .sec5 p { margin: 0 4px; }
  body#company #mainarea2 .sec6 p { margin: 0 4px; }
  body#company #mainarea2 .sec7 h3 { margin: 0 4px 4px 4px; }
  body#company #mainarea2 .sec7 p { margin: 0 4px 15px 4px; }
  body#company #mainarea2 .sec7 dl { margin: 0; }

}

/* faq
--------------------------------------------------------------------*/
body#faq #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#faq #mainarea2 img { max-width: 100%; }
body#faq #mainarea2 h1 { margin: 0 0 30px 0; }
body#faq #mainarea2 h2 { margin: 50px 0 0 0; padding: 5px 20px; font-weight: bold; border-bottom: 2px solid #fdd699; }
body#faq #mainarea2 h1 + h2 { margin: -20px 0 0 0; }
body#faq #mainarea2 h3 { margin: 30px 20px 0 20px; font-size: 0.875em; font-weight: bold; }
body#faq #mainarea2 h2 + h3 { margin: 10px 20px 0 20px; }
body#faq #mainarea2 .faq { margin: 0 15px; border-bottom: 1px dashed #808080; }
body#faq #mainarea2 .faq h4 { margin: 0 10px; padding: 20px 30px 20px 35px; font-size: 0.875em; background: url(/images/faq/icon_q.png) no-repeat 0 18px; cursor: pointer; }
body#faq #mainarea2 .faq p { display: none; margin: 0 10px; padding: 0 0 15px 35px; font-size: 0.875em; background: url(/_assets/images/faq/icon_a.png) no-repeat; }
body#faq #mainarea2 .faq p a { color: #e61414; text-decoration: underline; }
body#faq #mainarea2 .faq p a:hover { text-decoration: none; }
body#faq #mainarea2 .open { background: url(/images/faq/faq_open.png) no-repeat right 18px; }
body#faq #mainarea2 .close { background: url(/images/faq/faq_close.png) no-repeat right 18px; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#faq #mainarea2 h2 { margin: 20px 0 0 0; padding: 5px 4px; }
  body#faq #mainarea2 h3 { margin: 30px 4px 0 4px; }
  body#faq #mainarea2 h2 + h3 { margin: 10px 4px 0 4px; }
  body#faq #mainarea2 .faq h4 { padding: 10px 30px 10px 35px; background-position: 0 8px; }
  body#faq #mainarea2 .faq { margin: 0; }
  body#faq #mainarea2 .faq p { display: none; }
  body#faq #mainarea2 .open { background-position: right 8px; }
  body#faq #mainarea2 .close { background-position: right 8px; }
}


/* contact ***~ refill lc-template contact css  ~****
--------------------------------------------------------------------*/
body#contact #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#contact #mainarea2 img { max-width: 100%; }
body#contact #mainarea2 h1 { margin: 0 0 15px 0; }
body#contact #mainarea2 .formbox { position: relative; margin: 0 6px 20px 0; padding: 15px 20px; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: rgb(210, 210, 210) 6px 6px 0px 0px; -webkit-box-shadow:rgb(210, 210, 210) 6px 6px 0px 0px; -moz-box-shadow:rgb(210, 210, 210) 6px 6px 0px 0px; behavior: url(/css/pie/PIE.htc); }
body#contact #mainarea2 .formbox h2 { margin: 0 0 10px 0; padding: 8px 0; border-bottom: 2px solid #ffd699; font-size: 1.42em; font-weight: bold; text-align: center; color: #f7931e; }
body#contact #mainarea2 .formbox .notes { margin: 0 0 10px 0; font-size: 0.875em; text-align: right; }
body#contact #mainarea2 .formbox span { color: #f0191e; }
body#contact #mainarea2 .formbox dl { font-size: 0.875em; }
body#contact #mainarea2 .formbox dl:after { content: ""; display: block; clear: both; }
body#contact #mainarea2 .formbox dl dt { width: 27%; float: left; margin: 6px 0 20px 1%; clear: both; }
body#contact #mainarea2 .formbox dl dd { margin: 0 0 20px 30%; }
body#contact #mainarea2 .formbox dl dd input,body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_email  { width: 90%; margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#contact #mainarea2 .formbox dl dd textarea { width: 90%; height: 180px; margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#contact #mainarea2 .formbox dl dd select { margin: 0 1%; padding: 8px 12px; border: 1px solid #bebebe; }
body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_last_name,body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_first_name,body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_last_name_kana,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_last_name,body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_last_name,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_first_name,body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_first_name_kana,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_last_name_kana,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_first_name_kana { width: 30%; }
body#contact #mainarea2 .formbox dl dd input.zip { width: 10%; min-width: 50px; }
body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_tel1,body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_tel2,body#contact #mainarea2 .formbox dl dd input#ec_client_contact_type_tel3,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_tel1,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_tel2,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_tel3,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_zipcode1,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_zipcode2{ width: 15%; }
body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_locality,body#contact #mainarea2 .formbox dl dd input#ec_client_catalogue_type_street{ width: 50%; }
body#contact #mainarea2 .btn { margin: 30px 0; text-align: center; }
body#contact #mainarea2 .btn input { width: 200px; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#contact #mainarea2 .formbox dl dt { width: 100%; float: none; margin: 4px 0 4px 0; }
  body#contact #mainarea2 .formbox dl dd { margin: 0 0 15px 0; }
  body#contact #mainarea2 .formbox dl dd input,
  body#contact #mainarea2 .formbox dl dd textarea,
  body#contact #mainarea2 .formbox dl dd select { margin: 0; }
  body#contact #mainarea2 .btn input { width: 250px; }
}


/* personalinfo
--------------------------------------------------------------------*/
body#personalinfo #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#personalinfo #mainarea2 img { max-width: 100%; }
body#personalinfo #mainarea2 h1 { margin: 0 0 20px 0; }
body#personalinfo #mainarea2 h2 { margin: 0 0 10px 0; font-size: 1.25em; text-align: center; }
body#personalinfo #mainarea2 .intro { margin: 0 0 20px 0; text-align: center; }
body#personalinfo #mainarea2 h3 { margin: 40px 0 15px 0; padding: 4px 12px; background-color: #fffab4; font-size: 0.875em; font-weight: normal; }
body#personalinfo #mainarea2 h4 { font-size: 0.875em; font-weight: normal;}
body#personalinfo #mainarea2 p { margin: 0 0 25px 0; font-size: 0.875em; }
body#personalinfo #mainarea2 .pl { padding-left: 3em; }
body#personalinfo #mainarea2 .indent { padding-left: 3em; text-indent: -3em; }
body#personalinfo #mainarea2 .mb0 { margin-bottom: 0; }
body#personalinfo #mainarea2 .mlr { margin-left: 15px; margin-right: 15px; }
body#personalinfo #mainarea2 .addr { width: 270px; margin: 0 auto; padding: 10px 15px; border: 1px solid #fba218; font-size: 0.75em; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#personalinfo #mainarea2 .intro { margin: 0 0 15px 0; text-align: left; }
  body#personalinfo #mainarea2 h3 { margin: 20px 0 15px 0; }
  body#personalinfo #mainarea2 p { margin: 0 0 15px 0; }
}



/* tokubetsushoutorihiki
--------------------------------------------------------------------*/
body#tokubetsushoutorihiki #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#tokubetsushoutorihiki #mainarea2 img { max-width: 100%; }
body#tokubetsushoutorihiki #mainarea2 h1 { margin: 0 0 15px 0; }
body#tokubetsushoutorihiki #mainarea2 .waku { position: relative; margin: 0 15px 20px 15px; padding: 15px 20px; background-color: #FFF; border: 1px solid #736356; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/pie/PIE.htc); }
body#tokubetsushoutorihiki #mainarea2 .waku dl { font-size: 0.875em; }
body#tokubetsushoutorihiki #mainarea2 .waku dl:after { content: ""; display: block; clear: both; }
body#tokubetsushoutorihiki #mainarea2 .waku dl dt { width: 27%; float: left; margin: 0; padding: 10px 0; clear: both; font-weight: bold; }
body#tokubetsushoutorihiki #mainarea2 .waku dl dd { padding: 10px 0 10px 30%; border-bottom: 1px solid #736356; }
body#tokubetsushoutorihiki #mainarea2 .waku dl dd:last-child { border: none; }
body#tokubetsushoutorihiki #mainarea2 .waku dl dd span { display: inline-block; padding-left: 1em; text-indent: -1em; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#tokubetsushoutorihiki #mainarea2 .waku dl dt { width: 100%; float: none; margin: 15px 0 4px 0; padding: 0; }
  body#tokubetsushoutorihiki #mainarea2 .waku dl dd { padding: 0 0 15px 0; }
}


/* riyoukiyaku
--------------------------------------------------------------------*/
body#riyoukiyaku #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#riyoukiyaku #mainarea2 img { max-width: 100%; }
body#riyoukiyaku #mainarea2 h1 { margin: 0 0 20px 0; }
body#riyoukiyaku #mainarea2 h2 { font-size: 0.875em; font-weight: bold; }
body#riyoukiyaku #mainarea2 ul { margin: 0 0 25px 0; font-size: 0.875em; }
body#riyoukiyaku #mainarea2 ul li { padding-left: 1.5em; text-indent: -1.5em; }
body#riyoukiyaku #mainarea2 p { margin: 0 0 25px 0; font-size: 0.875em; }
body#riyoukiyaku #mainarea2 .mlr { margin-left: 15px; margin-right: 15px; }

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

}


/* funwithchild
--------------------------------------------------------------------*/
body#funwithchild #mainarea2 { float: none !important; max-width: 760px !important; margin: 0 auto !important; line-height: 1.5; }
body#funwithchild #mainarea2 img { max-width: 100%; }
body#funwithchild #mainarea2 h1 { margin: 0 0 25px 0; }
body#funwithchild #mainarea2 .top { margin: 40px 0; }
body#funwithchild #mainarea2 .top h2 { margin: 0 0 4px 0; font-size: 1.25em; font-weight: bold; text-align: center; }
body#funwithchild #mainarea2 .top .text { margin: 0; font-size: 0.875em; text-align: center; }
body#funwithchild #mainarea2 .detail h2 { display: inline-block; margin: 0 0 12px 0; padding: 4px 20px; font-size: 1.25em; font-weight: bold; line-height: 1.2; background-color: #FFF; border-radius: 50px; }
body#funwithchild #mainarea2 .detail p { margin: 0 0 30px 0; font-size: 0.875em; }
body#funwithchild #mainarea2 .detail p:after { content: ""; display: block; clear: both; }
body#funwithchild #mainarea2 .detail strong { font-weight: bold; }
body#funwithchild #mainarea2 .detail .mb0 { margin-bottom: 0; }
body#funwithchild #mainarea2 .detail .image { margin: 30px 0; font-size: 0.75em; text-align: center; }
body#funwithchild #mainarea2 .recommend { position: relative; margin: 50px 6px 30px 0; padding: 20px 10px; border: 1px solid #998675; background-color: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: rgb(210, 200, 190) 6px 6px 0px 0px; -webkit-box-shadow: rgb(210, 200, 190) 6px 6px 0px 0px; -moz-box-shadow: rgb(210, 200, 190) 6px 6px 0px 0px; behavior: url(/_assets/css/pie/PIE.htc); }
body#funwithchild #mainarea2 .recommend h3 { position: absolute; top: -15px; left: -20px; width: 215px; }
body#funwithchild #mainarea2 .recommend ul li { display: block; width: 25%; float: left; margin: 40px 0 0 0; padding: 0 10px; box-sizing: border-box;}
body#funwithchild #mainarea2 .recommend ul:after { content: ""; display: block; clear: both; }
body#funwithchild #mainarea2 .recommend ul li a { display: block; text-decoration: none; text-align: center; }
body#funwithchild #mainarea2 .recommend ul li a .title { display: block; margin: 0 0 8px 0; }
body#funwithchild #mainarea2 .recommend ul li a .title h4 { font-size: 0.875em; }
body#funwithchild #mainarea2 .recommend ul li a .title h5 { font-size: 0.625em; }
body#funwithchild #mainarea2 .recommend ul li a .title p { margin: 4px 0 0 0; font-size: 0.68em; font-weight: bold; color: #aa6ec8; }
body#funwithchild #mainarea2 .recommend ul li a h6 { display: inline-block; margin: 0 auto; padding: 2px 10px; font-size: 0.875em; color: #FFF; border-radius: 50px; white-space: nowrap; }
body#funwithchild #mainarea2 .menu { margin: 30px 0; }
body#funwithchild #mainarea2 .menu li { display: block; width: 33.3%; float: left; margin: 0 0 15px 0; box-sizing: border-box; }
body#funwithchild #mainarea2 .menu:after { content: ""; display: block; clear: both; }
body#funwithchild #mainarea2 .detail .image2 { width: 239px; float: right; margin: 0 0 30px 15px; font-size: 12px; text-align: center; }
body#funwithchild #mainarea2 .detail .image3 { width: 248px; float: right; margin: 0 0 30px 15px; font-size: 12px; text-align: center; }
body#funwithchild #mainarea2 .detail .image4 { width: 298px; float: right; margin: 10px 0 30px 15px; font-size: 12px; text-align: center; }
body#funwithchild #mainarea2 .detail .image5 { width: 165px; float: right; margin: 0 0 30px 15px; font-size: 12px; text-align: center; }
body#funwithchild #mainarea2 .detail .image6 { position: relative; width: 317px; min-height: 320px; float: right; margin: 0 0 30px 15px; font-size: 12px; }
body#funwithchild #mainarea2 .detail .image6 .img1 { position: absolute; top: 162px; left: 0; }
body#funwithchild #mainarea2 .detail .image6 .img2 { position: absolute; top: 0; left: 187px; }
body#funwithchild #mainarea2 .detail .image6 .txt1 { position: absolute; top: 110px; left: 0; width: 166px; }
body#funwithchild #mainarea2 .detail .image6 .txt2 { position: absolute; top: 0; left: 0; width: 180px; text-align: right; }
body#funwithchild #mainarea2 .detail .image7 { position: relative; width: 300px; min-height: 320px; margin: 0 auto 30px auto; font-size: 12px; }
body#funwithchild #mainarea2 .detail .image7 .img1 { position: absolute; top: 162px; left: 0; }
body#funwithchild #mainarea2 .detail .image7 .img2 { position: absolute; top: 0; left: 170px; }
body#funwithchild #mainarea2 .detail .image7 .txt1 { position: absolute; top: 110px; left: 0; width: 166px; }
body#funwithchild #mainarea2 .detail .image7 .txt2 { position: absolute; top: 0; left: 0; width: 165px; text-align: right; }
body#funwithchild #mainarea2 .detail .image8 { position: relative; width: 428px; min-height: 296px; float: right; margin: 15px 0 30px 15px; font-size: 12px; }
body#funwithchild #mainarea2 .detail .image8 .img1 { position: absolute; top: 0; left: 0; }
body#funwithchild #mainarea2 .detail .image8 .img2 { position: absolute; top: 62px; left: 268px; }
body#funwithchild #mainarea2 .detail .image8 .txt1 { position: absolute; top: 0; left: 210px; }
body#funwithchild #mainarea2 .detail .image8 .txt2 { position: absolute; top: 246px; left: 223px; width: 180px; }
body#funwithchild #mainarea2 .detail .image9 { position: relative; width: 300px; min-height: 275px; margin: 0 auto 30px auto; font-size: 12px; }
body#funwithchild #mainarea2 .detail .image9 .img1 { position: absolute; top: 0; left: 0; width: 140px; }
body#funwithchild #mainarea2 .detail .image9 .img2 { position: absolute; top: 0; left: 150px; width: 140px; }
body#funwithchild #mainarea2 .detail .image9 .txt1 { position: absolute; top: 210px; left: 0; width: 140px; }
body#funwithchild #mainarea2 .detail .image9 .txt2 { position: absolute; top: 160px; left: 150px; width: 140px; }
body#funwithchild #mainarea2 .detail .image10 { width: 237px; float: right; margin: 0 0 30px 15px; font-size: 12px; text-align: center; }

body.fwc01 #mainarea2 .detail h2 { color: #ff8232; border: 1px solid #ff8232; }
body.fwc01 #mainarea2 .recommend ul li a h6 { background-color: #ff8232; }
body.fwc02 #mainarea2 .detail h2 { color: #008bdb; border: 1px solid #008bdb; }
body.fwc02 #mainarea2 .recommend ul li a h6 { background-color: #008bdb; }
body.fwc03 #mainarea2 .detail h2 { color: #ff6eb4; border: 1px solid #ff6eb4; }
body.fwc03 #mainarea2 .recommend ul li a h6 { background-color: #ff6eb4; }
body.fwc04 #mainarea2 .detail h2 { color: #46b450; border: 1px solid #46b450; }
body.fwc04 #mainarea2 .recommend ul li a h6 { background-color: #46b450; }
body.fwc05 #mainarea2 .detail h2 { color: #aa6ec8; border: 1px solid #aa6ec8; }
body.fwc05 #mainarea2 .recommend ul li a h6 { background-color: #aa6ec8; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  body#funwithchild #mainarea2 h1 { margin: 0 0 15px 0; }
  body#funwithchild #mainarea2 .top { margin: 15px 0; }
  body#funwithchild #mainarea2 .detail h2 { display: block; font-size: 16px; font-size: 1rem; text-align: center; }
  body#funwithchild #mainarea2 .recommend ul li { width: 50%;}
  body#funwithchild #mainarea2 .recommend ul li a .title h4 { text-align: left; }
  body#funwithchild #mainarea2 .recommend ul li a .title h5 { text-align: left; }
  body#funwithchild #mainarea2 .menu li { width: 100%; float: none; margin: 15px 0; }
}


/* wide desktop layout (PC)
--------------------------------------------------------------------*/
/* (PC / TABLET)
--------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 999px) { /* bookintro --------------------------------------------------------------------*/ }
/* (TABLET)
--------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 768px) { /* book --------------------------------------------------------------------*/
  body#booktop #mainarea section#ageSec ul { height: 100px; } }
/* (MOBILE)
--------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 480px) { /* book common --------------------------------------------------------------------*/
  #mainarea .itemlist ul li { width: 50%; }
  /* book --------------------------------------------------------------------*/
  body#booktop #mainarea section h2 { zoom: 1; padding-left: 8px; }
  body#booktop #mainarea section h2:after { content: ""; display: block; clear: both; }
  body#booktop #mainarea section h2 span.en { font-size: 1.75em; }
  body#booktop #mainarea section h2 span.ja { display: block; float: right; margin-right: 8px; padding-top: 8px; }
  body#booktop #mainarea section#seriesSec { margin: 0 0 50px 0; }
  body#booktop #mainarea section#seriesSec ul li { width: 50%; }
  body#booktop #mainarea section#categorySec { margin: 0 0 50px 0; }
  body#booktop #mainarea section#categorySec ul li { width: 50%; }
  body#booktop #mainarea section#ageSec ul { height: 80px; }
  /* bookindex --------------------------------------------------------------------*/
  body#bookindex #mainarea #indexHeader .read .boxinner p { font-size: 1em; }
  /* bookindex_writer --------------------------------------------------------------------*/
  body#bookindex_writer #mainarea #indexHeader { margin-bottom: 20px; }
  body#bookindex_writer #mainarea .btn_link { display: block; margin: 0 5%; }
  body#bookindex_writer #mainarea .btn_link ul li { margin: 0 0 20px 0; text-align: center; }
  body#bookindex_writer #mainarea .btn_link ul li a img { width: 98%; max-width: 100%; }
  body#bookindex_writer #mainarea .index { width: 100%; float: none; padding: 0; }
  body#bookindex_writer #mainarea .index div { margin: 0 0 20px 0; padding: 0; min-height: 48px; position: relative; background-color: #FFF !important; background-position: 8px 6px !important; border-radius: 2px; box-shadow: 2px 2px 4px 0 #CCC; behavior: url(/css/pie/PIE.htc); }
  body#bookindex_writer #mainarea .index div h2 { display: block; line-height: 0; text-indent: -9999px; height: 48px; cursor: pointer; }
  body#bookindex_writer #mainarea .index div h2.open { background: url(/images/bookindex/writer_index_open.gif) no-repeat 95% 55%; }
  body#bookindex_writer #mainarea .index div h2.close { background: url(/images/bookindex/writer_index_close.gif) no-repeat 95% 55%; }
  body#bookindex_writer #mainarea .index div ul { display: none; margin: 0 15px; padding: 0 0 15px 0; }
  body#bookindex_writer #mainarea .index div ul li a { display: block; }
  /* bookindex_name --------------------------------------------------------------------*/
  body#bookindex_name #mainarea #indexHeader { margin-bottom: 20px; }
  body#bookindex_name #mainarea .btn_link { display: block; margin: 0 5%; }
  body#bookindex_name #mainarea .btn_link ul li { margin: 0 0 20px 0; text-align: center; }
  body#bookindex_name #mainarea .btn_link ul li a img { width: 98%; max-width: 100%; }
  body#bookindex_name #mainarea .index { width: 100%; float: none; padding: 0; }
  body#bookindex_name #mainarea .index div { margin: 0 0 20px 0; padding: 0; min-height: 48px; position: relative; background-color: #FFF !important; background-position: 8px 6px !important; border-radius: 2px; box-shadow: 2px 2px 4px 0 #CCC; behavior: url(/css/pie/PIE.htc); }
  body#bookindex_name #mainarea .index div h2 { display: block; line-height: 0; text-indent: -9999px; height: 48px; cursor: pointer; }
  body#bookindex_name #mainarea .index div h2.open { background: url(/images/bookindex/name_index_open.gif) no-repeat 95% 55%; }
  body#bookindex_name #mainarea .index div h2.close { background: url(/images/bookindex/name_index_close.gif) no-repeat 95% 55%; }
  body#bookindex_name #mainarea .index div ul { display: none; margin: 0 15px; padding: 0 0 15px 0; }
  body#bookindex_name #mainarea .index div ul li a { display: block; }
  /* bookintro --------------------------------------------------------------------*/
  body#bookintro #mainarea #introHeader h1 { padding-left: 3px; }
  body#bookintro #mainarea #introHeader .itemMain { width: 96%; float: none; text-align: center; margin: 0 auto; margin-bottom: 30px; }
  body#bookintro #mainarea #introHeader .itemIntrobox { width: 100%; float: none; }
  body#bookintro #mainarea #introHeader .itemIntrobox .browsing { font-size: 1.125em; width: 93%; height: 56px; margin: 0 auto 10px; line-height: 55px; }
  body#bookintro #mainarea #introHeader .itemIntrobox .browsing a { background-position: 12px center; }
  body#bookintro #mainarea #introHeader .itemIntrobox form { text-align: center; }
  body#bookintro #mainarea #introHeader .itemIntrobox .inacart { font-size: 1.125em; width: 93%; height: 56px; margin: 0 auto 20px; background-position: 12px center; }
  body#bookintro #mainarea #introHeader .itemIntrobox table.introspec { font-size: 0.938em; width: 98%; margin: 0 auto 30px; }
  body#bookintro #mainarea #introHeader .itemIntrobox .ttlbnr_g span { font-size: 0.875em; padding: 4px 18px 3px; }
  body#bookintro #mainarea #introHeader .itemIntrobox .relatedlist { font-size: 0.938em; }
  body#bookintro #mainarea #introHeader .read { font-size: 1em; }
  body#bookintro #mainarea #introHeader .browsinglist li { float: none; width: 100%; margin-bottom: 20px; }
  body#bookintro #mainarea #introHeader .browsinglist li:last-child { margin-bottom: 0px; }
  /* kataru_detail --------------------------------------------------------------------*/
  body#kataru_detail #mainarea h1 { margin: 0; }
  body#kataru_detail #mainarea .btn { margin: 10px 0; }
  body#kataru_detail #mainarea h2.sub01 { margin: 0 0 10px 0; }
  body#kataru_detail #mainarea h2.sub02 { margin: 0 0 10px 0; }
  body#kataru_detail #mainarea .text { margin: 0 0 10px 0; }
  body#kataru_detail #mainarea .text2 { margin: 0 0 10px 0; }
  body#kataru_detail #mainarea dl { margin: 0 0 10px 0; }
  body#kataru_detail #mainarea .bookimage li { width: 33.3%; }
  body#kataru_detail #mainarea .booktitle { margin: 0 0 10px 0; }
  /* newbooks --------------------------------------------------------------------*/
  body#newbooks #mainarea2 .books { padding: 15px; }
  body#newbooks #mainarea2 .books .title h2 { width: 100%; float: none; }
  body#newbooks #mainarea2 .books p.year { position: absolute; width: 40%; top: 150px; }
  body#newbooks #mainarea2 .books p.image { width: 50%; float: none; margin: 0 0 15px 0; }
  body#newbooks #mainarea2 .books .text { width: 100%; float: none; margin: 0 0 15px 0; }
  body#newbooks #mainarea2 .books .text .detail { margin: 0 0 20px 0; font-size: 0.875em; }
  body#newbooks #mainarea2 .books .text .writer { width: 100%; float: none; margin: 0 0 15px 0; }
  body#newbooks #mainarea2 .books .text .btn { text-align: center; }
  body#newbooks #mainarea2 .books .editorial { clear: both; padding: 70px 15px 15px 15px; background-position: 50% 15px; background-size: 50px auto; }
  /* news --------------------------------------------------------------------*/
  body#news #mainarea2 .news .image { width: 100%; float: none; margin: 15px auto; text-align: center; }
  body#news #mainarea2 .news .image + div { width: 100%; float: none; }
  body#news #mainarea2 .news .text table { width: 100%; }

  /* news_list
  --------------------------------------------------------------------*/
  body#news_list #mainarea2 .news { margin: 0 0 15px 0; }
  /* bookwriters --------------------------------------------------------------------*/
  body#bookwriters #mainarea { /*padding: 0 0 30px;*/ }
  body#bookwriters #mainarea #writersHeader { /*@include clearfix;
margin-bottom: 40px;*/ /*.boxinner {
	padding: 20px 0;
	margin: 0 10px;
}*/ }
  body#bookwriters #mainarea #writersHeader .boxttl { /*@include fontsize(14);
font-weight: bold;
padding: 0 0 23px 10px;*/ padding-left: 0px; }
  body#bookwriters #mainarea #writersHeader h1 { /*margin: 0 0 20px 0;
padding: 0 0 12px 10px;*/ padding-left: 0px; /*background: url(/images/common/roughborder1px.png) repeat-x left bottom;
span.janam { @include fontsize(22); }
span.ennam { @include fontsize(13); margin-left: 15px; color: #999; }*/ }
  body#bookwriters #mainarea #writersHeader .read { font-size: 0.938em; line-height: 1.5; margin: 0; } }
/******************************************************************************************************************************
******************************************************************************************************************************/


/* pager
--------------------------------------------------------------------*/
.pager { font-size: 1em; line-height: 1; text-align: center;}
.pager p { position: relative; margin: 20px 0; }
.pager:after { content: ""; display: block; clear: both; }
.pager p a,
.pager p span { margin: 0 4px; padding: 8px 10px; display: inline-block; border: 1px solid #f6931c; border-radius: 4px; }
.pager p a { background-color: #FFF; }
.pager p a:hover { color: #FFF; background-color: #f6931c; }
.pager p span { color: #FFF; background-color: #f6931c; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  .pager { text-align: left;}
  .pager p { padding: 0 0 44px 0; }
  .pager p a:first-child { position: absolute; left: 0; bottom: 0; }
  .pager p a:last-child { position: absolute; right: 0; bottom: 0; }
}





@media screen and (min-width: 481px) {
	.pc { display: block; }
	.sp { display: none; }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
	.pc { display: none; }
	.sp { display: block; }
}

  /* passwordrequest
  --------------------------------------------------------------------*/
body#pwdReqt #mainarea2 { float: none !important;max-width: 760px !important;margin: 0 auto !important;line-height: 1.5;}
body#pwdReqt #mainarea2 .formbox h2 {margin: 0 0 10px 0;padding: 8px 0;border-bottom: 2px solid #cac0b7;font-size: 1.42em;font-weight: bold;text-align: center;color: #736357;}
body#pwdReqt #mainarea2 .formbox {position: relative;margin: 0 6px 20px 0;padding: 15px 20px;background-color: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-shadow: rgb(210, 210, 210) 6px 6px 0px 0px;-webkit-box-shadow: rgb(210, 210, 210) 6px 6px 0px 0px;-moz-box-shadow: rgb(210, 210, 210) 6px 6px 0px 0px;behavior: url(/css/pie/PIE.htc);}
body#pwdReqt #mainarea2 .formbox dl {font-size: 0.875em;}
body#pwdReqt #mainarea2 .formbox dl dd input {width: 90%;margin: 0 1%;padding: 8px 12px;border: 1px solid #bebebe;}
body#pwdReqt #mainarea2 .formbox dl dt {width: 27%;float: left; margin: 6px 0 20px 1%;clear: both;}
body#pwdReqt #mainarea2 .formbox dl dd {margin: 0 0 20px 30%;}

/*facebooklinks
-----------------------*/
.footerlinks {
    width: 120px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
.footerlinks ul{
	display: table;
}
.footerlinks ul li {
    float: left;
    padding: 0px 10px;
}
.footerlinks ul li a img{
	width: 40px;
}

@media only screen and (max-width: 768px){
	#footerContainer #footernav {
    clear: both;
}
.footerlinks {
    margin: 0 auto;
    margin-top: 50px;
    display: table;
}
}