@charset "utf-8";@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  reset.css
 Style info :  スタイルの初期化

=================================================================== */


/*---------------------------------------------------------------
layout
---------------------------------------------------------------*/


body, div, pre, fieldset, p, blockquote,
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img {
  margin: 0;
  padding: 0;
  border: none;
}

body {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
}


/*---------------------------------------------------------------
text
---------------------------------------------------------------*/


body, div, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, img, form {
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  line-height: normal;
}

td {
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  line-height: normal;
}

cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
}

strong, b, th, dt {
  font-style: normal;
  font-weight: bold;
}

q:before, q:after {
  content:'';
}

sup, sub {
  vertical-align: baseline;
  position: relative;
}

sup {
  top: -4px;
}

sub {
  top: 4px;
}


/*---------------------------------------------------------------
image
---------------------------------------------------------------*/


label {
  cursor: pointer;
}


/*---------------------------------------------------------------
table
---------------------------------------------------------------*/


table {
  font-size: inherit;
  font: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}

caption {
  text-align: left;
}


/*---------------------------------------------------------------
list
---------------------------------------------------------------*/


ul, ol, li, dl, dt, dd {
  list-style-type: none;
  line-height: normal;
}


/*---------------------------------------------------------------
form
---------------------------------------------------------------*/


input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {
  *font-size: 100%;
}

select, input, button, textarea, button {
  font: 99% arial, helvetica, clean, sans-serif;
}

form, input  {
  margin: 0;
  padding: 0;
}

fieldset  {
  border: none;
}

input  { 
  _margin: -1px 0;
}

textarea {
  font-size: 100%;
}

form label {
  cursor: pointer;
}


/*---------------------------------------------------------------
other
---------------------------------------------------------------*/


pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del, ins {
  text-decoration: none;
}

q:before, q:after {
  content:'';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}


/*---------------------------------------------------------------
Mac
---------------------------------------------------------------*/


*+html .clearfix {
  height: 1%;
}
* html .clearfix {
  height: 1%;
}


/*---------------------------------------------------------------
normalize
---------------------------------------------------------------*/


html {
  font-size: 100%;
  overflow-y: scroll;
  /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body, button, input, select, textarea {
  font-family: sans-serif;
}

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

audio[controls], canvas, video {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  *margin-left: -7px;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
  *overflow: visible;
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer; 
  -webkit-appearance: button;
}

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
}

input[type='search'] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  layout.css
 Style info :  レイアウト用ベースCSS

=================================================================== */


/*---------------------------------------------------------------
common Class
---------------------------------------------------------------*/


/* float */
.floatLeft { float: left !important; }
.floatRight { float: right !important; }

/* .clear */
.clear { clear: both; }

.clearfix {
  display: block;
}

.clearfix:after {
  content: '.';
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

/* position */
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important;}
.alignLeft { text-align: left !important; }

/* position */
.positionRelative { position: relative !important; }
.positionAbsolute { position: absolute !important; }

/* overflow */
.overflowHidden { overflow: hidden !important; }
.overflowVisible { overflow: visible !important; }

/* verticalAlign */
.verticalAlignTop { vertical-align: top !important; }
.verticalAlignMiddle { vertical-align: middle !important; }
.verticalAlignBaseline { vertical-align: baseline !important; }
.verticalAlignBottom { vertical-align: bottom !important; }

/* .width */
.width25per { width: 25% !important; }
.width33per { width: 33.333% !important; }
.width50per { width: 50% !important; }
.width75per { width: 75% !important; }
.width100per { width: 100% !important; }
.width100px { width: 100px !important; }
.width300px { width: 300px !important; }
.width350px { width: 350px !important; }
.width400px { width: 400px !important; }
.width450px { width: 450px !important; }
.width500px { width: 500px !important; }
.width550px { width: 550px !important; }
.width600px { width: 600px !important; }
.width650px { width: 650px !important; }

/* .height */
.height64px { height: 64px; !important; }
.height100per { width: 100% !important; }
.height110px { height: 110px !important; }

/* .margin */
.marginReset { margin: 0 !important; }
.margin01px { margin: 1px !important; }
.margin03px { margin: 3px !important; }
.margin05px { margin: 5px !important; }
.margin10px { margin: 10px !important; }
.margin15px { margin: 15px !important; }
.margin20px { margin: 20px !important; }
.margin30px { margin: 30px !important; }
.marginTopReset { margin-top: 0 !important; }
.marginTop01px { margin-top: 1px !important; }
.marginTop05px { margin-top: 5px !important; }
.marginTop10px { margin-top: 10px !important; }
.marginTop15px { margin-top: 15px !important; }
.marginTop20px { margin-top: 20px !important; }
.marginTop30px { margin-top: 30px !important; }
.marginRightReset { margin-right: 0 !important; }
.marginRight01px { margin-right: 1px !important; }
.marginRight05px { margin-right: 5px !important; }
.marginRight10px { margin-right: 10px !important; }
.marginRight15px { margin-right: 15px !important; }
.marginRight20px { margin-right: 20px !important; }
.marginRight30px { margin-right: 30px !important; }
.marginBottomReset { margin-bottom: 0 !important; }
.marginBottom01px { margin-bottom: 1px !important; }
.marginBottom05px { margin-bottom: 5px !important; }
.marginBottom10px { margin-bottom: 10px !important; }
.marginBottom15px { margin-bottom: 15px !important; }
.marginBottom20px { margin-bottom: 20px !important; }
.marginBottom30px { margin-bottom: 30px !important; }
.marginLeftReset { margin-left: 0 !important; }
.marginLeft01px { margin-left: 1px !important; }
.marginLeft05px { margin-left: 5px !important; }
.marginLeft10px { margin-left: 10px !important; }
.marginLeft15px { margin-left: 15px !important; }
.marginLeft20px { margin-left: 20px !important; }
.marginLeft30px { margin-left: 30px !important; }

/* margin auto */
.marginRightAuto { margin-right: auto !important; }
.marginLeftAuto { margin-left: auto !important; }

/* .padding */
.paddingReset { padding: 0 !important; }
.padding03px { padding: 3px !important; }
.padding05px { padding: 5px !important; }
.padding10px { padding: 10px !important; }
.padding15px { padding: 15px !important; }
.padding20px { padding: 20px !important; }
.padding30px { padding: 30px !important; }
.paddingTopReset { padding-top: 0 !important; }
.paddingTop05px { padding-top: 5px !important; }
.paddingTop08px { padding-top: 8px !important; }
.paddingTop10px { padding-top: 10px !important; }
.paddingTop15px { padding-top: 15px !important; }
.paddingTop20px { padding-top: 20px !important; }
.paddingTop30px { padding-top: 30px !important; }
.paddingRightReset { padding-right: 0 !important; }
.paddingRight05px { padding-right: 5px !important; }
.paddingRight10px { padding-right: 10px !important; }
.paddingRight15px { padding-right: 15px !important; }
.paddingRight20px { padding-right: 20px !important; }
.paddingRight30px { padding-right: 30px !important; }
.paddingBottomReset { padding-bottom: 0 !important; }
.paddingBottom05px { padding-bottom: 5px !important; }
.paddingBottom07px { padding-bottom: 7px !important; }
.paddingBottom10px { padding-bottom: 10px !important; }
.paddingBottom15px { padding-bottom: 15px !important; }
.paddingBottom20px { padding-bottom: 20px !important; }
.paddingBottom30px { padding-bottom: 30px !important; }
.paddingLeftReset { padding-left: 0 !important; }
.paddingLeft05px { padding-left: 5px !important; }
.paddingLeft10px { padding-left: 10px !important; }
.paddingLeft15px { padding-left: 15px !important; }
.paddingLeft20px { padding-left: 20px !important; }
.paddingLeft30px { padding-left: 30px !important; }


/*---------------------------------------------------------------
staging
---------------------------------------------------------------*/
.staging-pc {
  position: fixed;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  color: #fff;
  padding: 10px 0;
  width: 100%;
  font-size: 46px;
  text-align: center;
}

.staging-left-pc {
	left: 10px;
}

.staging-right-pc {
	right: 10px;
}

.staging-sm {
  position: fixed;
  top: 50px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 15px 0;
  text-align: center;
  width: 100%;
  font-size: 24px;
  z-index: 10000;
 }


/* ===================================================================

CSS Information

 File name  :  zigexn_common.css
 Style info :  じげん汎用CSS

=================================================================== */


/*---------------------------------------------------------------
zigexnFooter
---------------------------------------------------------------*/

#zigexnFooter {
  padding: 25px 30px;
  background-color: #e3e3e3;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  color: #666;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);
  overflow: hidden;
}
/* a */
#zigexnFooter a {
  color: #000;
  text-decoration: none;
}
#zigexnFooter a:hover {
  color: #333;
  text-decoration: underline;
}
#zigexnFooter .clearfix { zoom:1;}
#zigexnFooter .clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
#zigexnFooter strong {
  color: #666;
}
.zfInner {
  width: 100%; 
}
/* zfService */
.zfService {
  padding: 25px 30px;
  background-color: #DDD;
  border-top: 1px solid #B7B7B7;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #B7B7B7;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 1px 1px 0 0 rgba(255,255,255,1);
  -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,1);
  -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,1);
  -o-box-shadow: 1px 1px 0 0 rgba(255,255,255,1);
  -ms-box-shadow: 1px 1px 0 0 rgba(255,255,255,1);
  overflow: hidden;
}
/* zfServiceDescription */
.zfServiceDescription {
  width: 210px;
  float: left;
  padding-right: 20px;
  overflow: hidden;
}
.zfServiceDescription dt {
  color: #333;
  margin-bottom: 10px;
}
.zfServiceDescription dd {
  font-size: 10px;
  line-height: 150%;
}
/* serviceLink */
.zfServiceLink {
  padding-left: 230px;
}
.zfLine01,
.zfLine03 {
  border-left: 1px solid #ccc;
}
.zfLine02,
.zfLine04 {
  border-left: 1px solid #fff;
  padding-left: 20px;
}
.zfSCategory {
	width: 60px;
	line-height: 20px;
  float: left;
	text-align: right;
	padding-right: 10px;
}
.zfLinkWrap {
  padding-left: 70px;
  margin-bottom: 5px;
}
.zfLinkWrapLast {
  padding-left: 70px;
}
.zfSLink {
	width: 140px;
  display: inline-block;
  /display: inline;
  /zoom:1;
}

.zfAboutZigexn {
/*  border-bottom: 1px solid #CCC;*/
  padding: 20px 0 15px 0;
  float: left;
}
.zfCorporateLink01 {
  float: left;
  font-size: 0;
  line-height: 0;
  width: 90px;
  padding-right: 20px;
}
.zfCorporateLink01 li {
  display: inline-block;
}
.zfCorporateLink02 {
  padding-left: 120px;
}
.zfCorporateLink02 li {
  display: inline-block;
  /display: inline;
  /zoom:1;
}
.zfCopyright {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999;
  padding: 5px 7px;
}
.zfAboutPrivacy {
/*  border-top: 1px solid #FFF;*/
  /*padding-top: 20px;*/
  float: right;
  font-size: 12px;
}
.zfAboutPrivacy td {
  font-size: 10px;
  line-height: 150%;
}
.zfAboutPrivacy td strong {
  font-size: 11px;
}
/* iconLoad */
.zfLoadImage {
  display: inline-block;
  background-image: url(/assets/zigexn/zigexn_commonFooter.png);
  vertical-align: middle;
  margin-right: 10px;
}
/* load_logo */
#zigexnFooter .load_logo {
  width: 90px;
  height: 30px;
  background-position: 0 0;
}
/*#zigexnFooter .load_logo { background-position: 0 -40px; }*/
/* load_icon */
#zigexnFooter a .load_icon01 {
  width: 30px;
  height: 30px;
  background-position: -100px 0;
}
#zigexnFooter a:hover .load_icon01 { background-position: -100px -40px; }
#zigexnFooter a .load_icon02 {
  width: 30px;
  height: 30px;
  background-position: -130px 0;
}
#zigexnFooter a:hover .load_icon02 { background-position: -130px -40px; }
#zigexnFooter a .load_icon03 {
  width: 30px;
  height: 30px;
  background-position: -160px 0;
}
#zigexnFooter a:hover .load_icon03 { background-position: -160px -40px; }
#zigexnFooter a .load_icon04 {
  width: 30px;
  height: 30px;
  background-position: -190px 0;
}
#zigexnFooter a:hover .load_icon04 { background-position: -190px -40px; }
#zigexnFooter .load_icon05 {
  width: 70px;
  height: 70px;
  background-position: -275px 0;
}
#zigexnFooter a:hover .load_icon05 { background-position: -345px 0; }
/* load_arrow */
#zigexnFooter .load_arrow01 {
  width: 20px;
  height: 20px;
  background-position: -255px 0;
}
#zigexnFooter .load_arrow02 {
  width: 20px;
  height: 20px;
  background-position: -255px -20px;
}
#zigexnFooter .load_arrow03 {
  width: 20px;
  height: 20px;
  background-position: -255px -40px;
}

/* モバイル端末用 */
@media screen and (max-width: 540px) {

/* zfServiceDescription */
.zfServiceDescription {
  width: 100%;
  margin-bottom: 10px;
  float: none;
}
/* zfServiceLink */
.zfServiceLink {
  padding-left: 0;
}
.zfLine01 {
  border-left: none;
  border-top: 1px solid #ccc;
}
.zfLine02 {
  border-left: none;
  border-top: 1px solid #fff;
  padding: 10px 0 0 0;
}
.zfLine03 {
  border-left: none;
}
.zfLine04 {
  border-left: none;
  padding-left: 0;
}
.corporateLink01 {
  float: none;
  padding-right: 0;
  margin-bottom: 10px;
}
.aboutZigexn .corporateLink01 li {
  display: inline-block;
  /*float: left;*/
}
.aboutZigexn .corporateLink02 {
  padding-left: 0;
}

}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  box.css
 Style info :  ボックス用CSS

=================================================================== */


/*---------------------------------------------------------------
boxStyle
---------------------------------------------------------------*/


/* .boxStyle01 */
.boxStyle01 {
  border: 1px solid #CCC;
  box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -o-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  padding: 15px;
  overflow: hidden;
}

/* .boxStyle02 */
.boxStyle02 {
  border: 1px solid #CCC;
  background-color: #F0F0F0;
  box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -o-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  padding: 15px;
  overflow: hidden;
}

/* .boxStyle03 */
.boxStyle03 {
  border: 1px solid #CCC;
  background: #F0F0F0;
  background: linear-gradient(to bottom,  #FFFFFF 0%,#EFEFEF 100%);
  background: -moz-linear-gradient(top,  #FFFFFF 0%, #EFEFEF 100%);
  background: -webkit-linear-gradient(top,  #FFFFFF 0%,#EFEFEF 100%);
  background: -o-linear-gradient(top,  #FFFFFF 0%,#EFEFEF 100%);
  background: -ms-linear-gradient(top,  #FFFFFF 0%,#EFEFEF 100%);
  /background: url(/assets/common/background/background_gradationC01.png) repeat-x 0 bottom;
  background: url(/assets/common/background/background_gradationC01.png) repeat-x 0 bottom\9;
  box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -o-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  padding: 15px;
  overflow: hidden;
}

/* .boxStyle04 */
.boxStyle04 {
	background-color: #DDDDDD;
	box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1);
  overflow: hidden;
}


/*---------------------------------------------------------------
paragraphStyle
---------------------------------------------------------------*/


/* .paragraphStyle01 */
.paragraphStyle01 {
  font-size: 10px;
  color: #666;
  line-height: 130%;
}

/* .paragraphStyle02 */
.paragraphStyle02 {
  font-size: 15px;
  color: #333;
  line-height: 150%;
}

/* .paragraphStyle03 */
.paragraphStyle03 {
  font-size: 13px;
  color: #333;
  line-height: 160%;
}

/* .paragraphStyle04 */
.paragraphStyle04 {
  font-size: 14px;
  color: #333;
  line-height: 170%;
}

/* .paragraphStyle05 */
.paragraphStyle05 {
  font-size: 16px;
  color: #333;
  line-height: 180%;
}


/*---------------------------------------------------------------
tabBox
---------------------------------------------------------------*/


/* .tabBoxStyle01 */
.tabBoxStyle01 {
  padding: 15px;
  border: 1px solid #CCC;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 1px 1px 0 0 rgba(255,255,255,1) inset,  -1px -1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 1px 1px 0 0 rgba(255,255,255,1) inset,  -1px -1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
}


/*---------------------------------------------------------------
genericBox
---------------------------------------------------------------*/


/* .genericBox */
.genericBox01 { font-size: 12px; }

.genericBox01 strong {
  display: block;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 15px;
}
.genericBox01 p {
  border-top: 1px solid #CCCCCC;
  margin-top: 10px;
  padding: 15px 0;
  overflow: hidden;
  line-height: 150%;
}
.genericBox01 ul {
  margin: 0 10px 10px 10px;
  overflow: hidden;
}
.genericBox01 ul li {
  line-height: 150%;
  list-style: inside decimal;
}

/* .genericBox02 */
.genericBox02 {
  font-size: 12px;
  background-color: #FFFFFF;
  border: 10px solid #EFEFEF;
  padding: 20px;
  overflow: hidden;
}
.genericBox02 p {
  border-top: 1px solid #CCCCCC;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
  line-height: 150%;
  overflow: hidden;
}
.genericBox02 strong {
  display: block;
  font: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}


/*---------------------------------------------------------------
relatedServicesBox
---------------------------------------------------------------*/


/* relatedServicesBox */
.relatedServicesBox {
  border: 1px solid #CCC;
  background-color: #F0F0F0;
  box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  margin-bottom: 10px;
  padding: 10px 15px;
}
.relatedServicesBox ul {
  margin-bottom: 10px;
}

.relatedServicesBox li {
  font-size: 11px;
  padding: 5px 0;
  line-height: 130%;
}
.relatedServicesBox li.end {
  border-bottom: none;
  padding-bottom: 0;
}


/*---------------------------------------------------------------
arrow box
---------------------------------------------------------------*/


/* arrowBox */
.arrowBox {
	position: relative;
	background: #ffffff;
}
.arrowBox:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-width: 8px;
	margin-left: -8px;
}

/* arrowSize */
.arrowSize02px:after { border-width: 2px; margin-left: -2px; }
.arrowSize04px:after { border-width: 4px; margin-left: -4px; }
.arrowSize06px:after { border-width: 6px; margin-left: -6px; }
.arrowSize08px:after { border-width: 8px; margin-left: -8px; }
.arrowSize10px:after { border-width: 10px; margin-left: -10px; }
.arrowSize12px:after { border-width: 12px; margin-left: -12px; }
.arrowSize14px:after { border-width: 14px; margin-left: -14px; }
.arrowSize16px:after { border-width: 16px; margin-left: -16px; }
.arrowSize18px:after { border-width: 18px; margin-left: -18px; }
.arrowSize20px:after { border-width: 20px; margin-left: -20px; }

/* arrowBoxColor */
.arrowBoxColor01 { background: #FFFFFF; }
.arrowBoxColor01:after { border-color: #FFFFFF; }
.arrowBoxColor02 { background: #F0F0F0; }
.arrowBoxColor02:after { border-color: #F0F0F0; }
.arrowBoxColor03 { background: #E0E0E0; }
.arrowBoxColor03:after { border-color: #E0E0E0; }
.arrowBoxColor04 { background: #CCCCCC; }
.arrowBoxColor04:after { border-color: #CCCCCC; }
.arrowBoxColor05 { background: #999999; }
.arrowBoxColor05:after { border-color: #999999; }
.arrowBoxColor06 { background: #666666; }
.arrowBoxColor06:after { border-color: #666666; }
.arrowBoxColor07 { background: #333333; }
.arrowBoxColor07:after { border-color: #333333; }
.arrowBoxColor08 { background: #000000; }
.arrowBoxColor08:after { border-color: #000000; }


/*---------------------------------------------------------------
other box
---------------------------------------------------------------*/


/* .topicPath */
.topicPath {
  font-size: 12px;
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  vertical-align: middle;
  line-height: 150%;
}

/* .actionBox01 */
.actionBox01 {
  background-color: #F0F0F0;
  text-align: center;
  padding: 20px 0;
}

/* .pager */
.pager {
  font-size: 13px;
}

.pager .pagerNum01 {
  margin-right: 10px;
}

.pager .pagerNum01 b {
  margin: 0 5px;
}

.pager .pagerNum02 {
  display: inline;
}

/* .moreLine01 */
.moreLine01 {
  font-size: 12px;
  text-align: right;
  color: #333;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);
  letter-spacing: 0.1em;
  background: linear-gradient(top, #F3F3F3, #FFFFFF);
  background: -moz-linear-gradient(top, #F3F3F3, #FFFFFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#FFFFFF));
  background: -o-linear-gradient(top, #F3F3F3, #FFFFFF);
  background: -ms-linear-gradient(top, #F3F3F3, #FFFFFF);
  /background: url(/assets/common/background/background_gradationC02.png) repeat-x 0 top;
  background: url(/assets/common/background/background_gradationC02.png) repeat-x 0 top\9;
  /zoom: 1;
  border-top: 1px solid #CCC;
  box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  padding: 10px 10px 10px 0;
  line-height: 150%;
}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  button.css
 Style info :  ボタン用CSS

=================================================================== */


/*---------------------------------------------------------------
buttonStyle
---------------------------------------------------------------*/


/* .buttonStyle01 */
.buttonStyle01 {
  position: relative;
  display: inline-block;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -o-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -ms-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  border: solid 1px #CCC;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  text-align: center;
}

/* .tableButtonStyle01 */
.tableButtonStyle01 {
  overflow: visible;
  margin: 0 auto;
}

.tableButtonStyle01 td { width: 50%; }

.tableButtonStyle01 td a,
.tableButtonStyle01 td input {
  width: 100%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

/* .tabMenuList01 */
.tabMenuList01 {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
  -o-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
  -ms-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset;
  overflow: hidden;
  /zoom: 1;
}


/*---------------------------------------------------------------
buttonSize
---------------------------------------------------------------*/


/* .buttonSize01 */
.buttonSize01 {
  font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif;
  font-size: 10px;
  padding: 3px 6px;
}

/* .fixWidth01 */
.fixWidth01 {
  width: 50px;
  padding: 3px 0;
  overflow: hidden;
}

/* .buttonSize02 */
.buttonSize02 {
  font-weight: bold;
  font-size: 12px;
  padding: 5px 15px;
}

/* .buttonSize03 */
.buttonSize03 {
  font-weight: bold;
  font-size: 12px;
  padding: 10px 19px;
}

/* .buttonSize04 */
.buttonSize04 {
  font-weight: bold;
  font-size: 16px;
  padding: 15px 20px;
}

/* .buttonSize05 */
.buttonSize05 {
  font-weight: bold;
  font-size: 18px;
  padding: 20px;
}

/* .buttonSize06 */
.buttonSize06 {
  font-weight: bold;
  font-size: 20px;
  padding: 20px;
}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  common.css
 Style info :  共通CSS

=================================================================== */


/*---------------------------------------------------------------
common parts
---------------------------------------------------------------*/


/* alt */
.alt {
  display: none !important;
}

/* spacer */
.spacer {
  margin-top: 10px;
  padding: 0;
}

/* .horizontalRuleStyle */
hr {
  height: 0;
  border: none;
  margin: 0;
  padding: 0;
}

.hrStyle01 {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
}

.hrStyle02 {
  border-top: 1px solid #FFF;
}

/* .backgroundColor */
.backgroundColor01 { background-color: #FFF !important; }
.backgroundColor02 { background-color: #F0F0F0 !important; }
.backgroundColor03 { background-color: #EFEFEF !important; }
.backgroundColor04 { background-color: #E5E5E5 !important; }
.backgroundColor05 { background-color: #CCC !important; }
.backgroundColor06 { background-color: #999 !important; }
.backgroundColor07 { background-color: #666 !important; }
.backgroundColor08 { background-color: #333 !important; }
.backgroundColor09 { background-color: #000 !important; }


/* ************** */
/* shyzo  chintai */
/* ************** */

/*---------------------------------------------------------------
layout
---------------------------------------------------------------*/


/* .width */
.width300px { width: 300px !important; }
.width350px { width: 350px !important; }
.width400px { width: 400px !important; }
.width450px { width: 450px !important; }
.width500px { width: 500px !important; }
.width550px { width: 550px !important; }
.width600px { width: 600px !important; }
.width650px { width: 650px !important; }

/* minWidth */
.minWidth3em { min-width: 3em !important; }

/* minHeight */
.minHeight3em { min-height: 3em !important; }

/* displayBlock */
.displayBlock { display: block; }

/* .padding */
.padding01px { padding: 1px !important; }
.paddingTop03px { padding-top: 3px !important; }
.paddingBottom03px { padding-bottom: 3px !important; }

/* .margin */
.margin01px { margin: 1px !important; }
.marginBottom01px { margin-bottom: 1px !important; }


/*---------------------------------------------------------------
form
---------------------------------------------------------------*/

/* inputType02 */
.inputType02 {
  background-color: #F5F5F5;
  border-top: solid 1px #9D9D9D;
  border-right: solid 1px #D0D0D0;
  border-bottom: solid 1px #D5D5D5;
  border-left: solid 1px #AEAEAE;
  padding: 10px 5px;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
}

/* selectType02 */
.selectType02 {
  background-color: #F5F5F5;
  border-top: solid 1px #9D9D9D;
  border-right: solid 1px #D0D0D0;
  border-bottom: solid 1px #D5D5D5;
  border-left: solid 1px #AEAEAE;
  padding: 10px 5px;
/*  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;*/
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  effect.css
 Style info :  エフェクト用CSS

=================================================================== */


/*---------------------------------------------------------------
ボーダー
---------------------------------------------------------------*/


/* ボーダー */
.border { border: 1px solid #CCCCCC; }
.borderTop { border-top: 1px solid #CCCCCC; }
.borderRight { border-right: 1px solid #CCCCCC; }
.borderBottom { border-bottom: 1px solid #CCCCCC; }
.borderLeft { border-left: 1px solid #CCCCCC; }

/* ボーダーリセット */
.borderReset { border: none !important; }
.borderTopReset { border-top: none !important; }
.borderRightReset { border-right: none !important; }
.borderBottomReset { border-bottom: none !important; }
.borderLeftReset { border-left: none !important; }

/* ボーダースタイル */
.borderStyleReset { border-style: none !important; }
.borderStyleDashed { border-style: dashed !important; }
.borderStyleDotted { border-style: dotted !important; }
.borderStyleDouble { border-style: double !important; }
.borderStyleGroove { border-style: groove !important; }
.borderStyleHidden { border-style: hidden !important; }
.borderStyleInherit { border-style: inherit !important; }
.borderStyleInset { border-style: inset !important; }
.borderStyleOutset { border-style: outset !important; }
.borderStyleRidge { border-style: ridge !important; }
.borderStyleSolid { border-style: solid !important; }

/* ボーダー幅 */
.borderWidthReset { border-width: 0 0 0 0 !important; }
.borderWidth01px { border-width: 1px !important; }
.borderWidth03px { border-width: 3px !important; }
.borderWidth05px { border-width: 5px !important; }
.borderWidth10px { border-width: 10px !important; }
.borderTopWidth01px { border-top-width: 1px !important; }
.borderTopWidth03px { border-style: solid; border-top-width: 3px !important; }
.borderTopWidth05px { border-top-width: 5px !important; }
.borderTopWidth10px { border-top-width: 10px !important; }
.borderRightWidth01px { border-right-width: 1px !important; }
.borderRightWidth03px { border-right-width: 3px !important; }
.borderRightWidth05px { border-right-width: 5px !important; }
.borderRightWidth10px { border-right-width: 10px !important; }
.borderBottomWidth01px { border-bottom-width: 1px !important; }
.borderBottomWidth03px { border-bottom-width: 3px !important; }
.borderBottomWidth05px { border-bottom-width: 5px !important; }
.borderBottomWidth10px { border-bottom-width: 10px !important; }
.borderLeftWidth01px { border-left-width: 1px !important; }
.borderLeftWidth03px { border-left-width: 3px !important; }
.borderLeftWidth05px { border-left-width: 5px !important; }
.borderLeftWidth10px { border-left-width: 10px !important; }


/*---------------------------------------------------------------
光彩
---------------------------------------------------------------*/


/* 光彩01 */
.grandeurOFF {
  box-shadow: none inset !important;
  -moz-box-shadow: none inset !important;
  -webkit-box-shadow: none inset !important;
  -o-box-shadow: none inset !important;
  -ms-box-shadow: none inset !important;
}

/* 光彩01 */
.grandeur01 {
  box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  -o-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  -ms-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
}

/* 光彩02 */
.grandeur02 {
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important;
  -o-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important;
  -ms-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset !important;
}


/*---------------------------------------------------------------
角丸
---------------------------------------------------------------*/


/* 角丸 */
.shapeAllRound {
  border-radius: 4px 4px 4px 4px !important;
  -moz-border-radius: 4px 4px 4px 4px !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  -o-border-radius: 4px 4px 4px 4px !important;
  -ms-border-radius: 4px 4px 4px 4px !important;
}

/* 上だけ角丸 */
.shapeTopRound {
  border-radius: 4px 4px 0 0 !important;
  -moz-border-radius: 4px 4px 0 0 !important;
  -webkit-border-radius: 4px 4px 0 0 !important;
  -o-border-radius: 4px 4px 0 0 !important;
  -ms-border-radius: 4px 4px 0 0 !important;
}

/* 右だけ角丸 */
.shapeRightRound {
  border-radius: 0 4px 4px 0 !important;
  -moz-border-radius: 0 4px 4px 0 !important;
  -webkit-border-radius: 0 4px 4px 0 !important;
  -o-border-radius: 0 4px 4px 0 !important;
  -ms-border-radius: 0 4px 4px 0 !important;
}

/* 下だけ角丸 */
.shapeBottomRound {
  border-radius: 0 0 4px 4px !important;
  -moz-border-radius: 0 0 4px 4px !important;
  -webkit-border-radius: 0 0 4px 4px !important;
  -o-border-radius: 0 0 4px 4px !important;
  -ms-border-radius: 0 0 4px 4px !important;
}

/* 左だけ角丸 */
.shapeLeftRound {
  border-radius: 4px 0 0 4px !important;
  -moz-border-radius: 4px 0 0 4px !important;
  -webkit-border-radius: 4px 0 0 4px !important;
  -o-border-radius: 4px 0 0 4px !important;
  -ms-border-radius: 4px 0 0 4px !important;
}

/* 四角 */
.shapeSquare {
  border-radius: 0 0 0 0 !important;
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  -o-border-radius: 0 0 0 0 !important;
  -ms-border-radius: 0 0 0 0 !important;
}


/*---------------------------------------------------------------
ドロップシャドウ
---------------------------------------------------------------*/


/* ドロップシャドウあり */
.shadowON {
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important;
  -o-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important;
  -ms-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3) !important;
}

.shadowON02 {
  -moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.15) ,inset 0px 0px 0px 1px rgb(255,255,255);
  -webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.15) ,inset 0px 0px 0px 1px rgb(255,255,255);
  box-shadow:0px 0px 5px 1px rgba(0,0,0,0.15) ,inset 0px 0px 0px 1px rgb(255,255,255);
}

/* ドロップシャドウなし */
.shadowOFF {
  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  -o-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  -ms-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}


/*---------------------------------------------------------------
カラー
---------------------------------------------------------------*/



/* ===================================================================

CSS Information

 File name  :  form.css
 Style info :  フォーム用CSS

=================================================================== */


/*---------------------------------------------------------------
form
---------------------------------------------------------------*/


/* inputType01 */
.inputType01 {
  background-color: #F5F5F5;
  border-top: solid 1px #9D9D9D;
  border-right: solid 1px #D0D0D0;
  border-bottom: solid 1px #D5D5D5;
  border-left: solid 1px #AEAEAE;
  padding: 10px;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
}

/* select */
.selectType01 {
  background-color: #F5F5F5;
  border-top: solid 1px #9D9D9D;
  border-right: solid 1px #D0D0D0;
  border-bottom: solid 1px #D5D5D5;
  border-left: solid 1px #AEAEAE;
  padding: 10px;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
}

/* label_required */
.label_required {
  display: inline-block;
  background-color: #FF7F00;
  margin: -5px 5px 0 0;
  padding: 0 5px;
  font-size: 9px;
  font-weight: normal;
  color: #FFF;
  text-shadow: none;
  vertical-align: middle;
}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  icon.css
 Style info :  アイコン用CSS

=================================================================== */


/*---------------------------------------------------------------
icon stage
---------------------------------------------------------------*/


/* iconLoad */
.iconLoad {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common_icon.png);
  /background-image: url(../images/common_icon.png);
  /margin-bottom: 2px;
  vertical-align: middle;
}

.iconLoadButton {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/assets/common/common_buttonIcon.png);
  /background-image: url(/assets/common/common_buttonIconIE.png);
  vertical-align: middle;
}

/* iconOutsideRight01 */
.iconOutsideRight01 {
  padding-right: 30px;
}

.iconOutsideRight01 .iconLoadButton,
.iconOutsideRight01 .iconLoadButton {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
}

/* iconOutsideLeft01 */
.iconOutsideLeft01 {
  padding-left: 30px;
}

.iconOutsideLeft01 .iconLoadButton,
.iconOutsideLeft01 .iconLoadButton {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -10px;
}

/* iconInsideRight01 */
.iconInsideRight01 {
  margin: -3px 0 0 5px;
}

/* iconInsideLeft01 */
.iconInsideLeft01 {
  margin: -3px 5px 0 0;
}

.iconInsideLeft02 {
  margin: -3px 3px 0 0;
}


/*---------------------------------------------------------------
icon select
---------------------------------------------------------------*/


/* button_icon */
.button_icon01 { background-position: -20px 0; }
.button_icon02 { background-position: -40px 0; }
.button_icon03 { background-position: -60px 0; }
.button_icon04 { background-position: -80px 0; }
.button_icon05 { background-position: -100px 0; }
.button_icon06 { background-position: -120px 0; }
.button_icon07 { background-position: -140px 0; }
.button_icon08 { background-position: -20px -20px; }
.button_icon09 { background-position: -40px -20px; }
.button_icon10 { background-position: -60px -20px; }
.button_icon11 { background-position: -80px -20px; }
.button_icon12 { background-position: -100px -20px; }
.button_icon13 { background-position: -120px -20px; }
.button_icon14 { background-position: -140px -20px; }
.button_icon15 { background-position: -160px 0; }
.button_icon16 { background-position: -180px 0; }
.button_icon17 { background-position: -200px 0; }
.button_icon18 { background-position: -220px 0; }
.button_icon15 { background-position: -160px -20px; }
.button_icon16 { background-position: -180px -20px; }
.button_icon17 { background-position: -200px -20px; }
.button_icon18 { background-position: -220px -20px; }

/* icon_blank */
.icon_blank { background-position: 0 0; }

/* icon_arrow */
.icon_arrow01 { background-position: -20px 0; }
.icon_arrow02 { background-position: -20px -20px; }
.icon_arrow03 { background-position: -20px -40px; }
.icon_arrow04 { background-position: -20px -60px; }
.icon_arrow05 { background-position: -20px -80px; }
.icon_arrow06 { background-position: -20px -100px; }
.icon_arrow07 { background-position: -20px -120px; }
.icon_arrow08 { background-position: -20px -140px; }

/* icon_window */
.icon_window01 { background-position: -40px 0; }
.icon_window02 { background-position: -40px -20px; }
.icon_window03 { background-position: -40px -40px; }
.icon_window04 { background-position: -40px -60px; }
.icon_window05 { background-position: -40px -80px; }
.icon_window06 { background-position: -40px -100px; }
.icon_window07 { background-position: -40px -120px; }
.icon_window08 { background-position: -40px -140px; }

/* icon_close */
.icon_close01 { background-position: -60px 0; }
.icon_close02 { background-position: -60px -20px; }
.icon_close03 { background-position: -60px -40px; }
.icon_close04 { background-position: -60px -60px; }
.icon_close05 { background-position: -60px -80px; }
.icon_close06 { background-position: -60px -100px; }
.icon_close07 { background-position: -60px -120px; }
.icon_close08 { background-position: -60px -140px; }

/* icon_check */
.icon_check01 { background-position: -80px 0; }
.icon_check02 { background-position: -80px -20px; }
.icon_check03 { background-position: -80px -40px; }
.icon_check04 { background-position: -80px -60px; }
.icon_check05 { background-position: -80px -80px; }
.icon_check06 { background-position: -80px -100px; }
.icon_check07 { background-position: -80px -120px; }
.icon_check08 { background-position: -80px -140px; }

/* icon_plus */
.icon_plus01 { background-position: -100px 0; }
.icon_plus02 { background-position: -100px -20px; }
.icon_plus03 { background-position: -100px -40px; }
.icon_plus04 { background-position: -100px -60px; }
.icon_plus05 { background-position: -100px -80px; }
.icon_plus06 { background-position: -100px -100px; }
.icon_plus07 { background-position: -100px -120px; }
.icon_plus08 { background-position: -100px -140px; }

/* icon_minus */
.icon_minus01 { background-position: -120px 0; }
.icon_minus02 { background-position: -120px -20px; }
.icon_minus03 { background-position: -120px -40px; }
.icon_minus04 { background-position: -120px -60px; }
.icon_minus05 { background-position: -120px -80px; }
.icon_minus06 { background-position: -120px -100px; }
.icon_minus07 { background-position: -120px -120px; }
.icon_minus08 { background-position: -120px -140px; }

/* icon_search */
.icon_search01 { background-position: -140px 0; }
.icon_search02 { background-position: -140px -20px; }
.icon_search03 { background-position: -140px -40px; }
.icon_search04 { background-position: -140px -60px; }
.icon_search05 { background-position: -140px -80px; }
.icon_search06 { background-position: -140px -100px; }
.icon_search07 { background-position: -140px -120px; }
.icon_search08 { background-position: -140px -140px; }

/* icon_heart */
.icon_heart01 { background-position: -160px 0; }
.icon_heart02 { background-position: -160px -20px; }
.icon_heart03 { background-position: -160px -40px; }
.icon_heart04 { background-position: -160px -60px; }
.icon_heart05 { background-position: -160px -80px; }
.icon_heart06 { background-position: -160px -100px; }
.icon_heart07 { background-position: -160px -120px; }
.icon_heart08 { background-position: -160px -140px; }

/* icon_attention */
.icon_attention01 { background-position: -180px 0; }
.icon_attention02 { background-position: -180px -20px; }
.icon_attention03 { background-position: -180px -40px; }
.icon_attention04 { background-position: -180px -60px; }
.icon_attention05 { background-position: -180px -80px; }
.icon_attention06 { background-position: -180px -100px; }
.icon_attention07 { background-position: -180px -120px; }
.icon_attention08 { background-position: -180px -140px; }

/* icon_balloon */
.icon_balloon01 { background-position: -200px 0; }
.icon_balloon02 { background-position: -200px -20px; }
.icon_balloon03 { background-position: -200px -40px; }
.icon_balloon04 { background-position: -200px -60px; }
.icon_balloon05 { background-position: -200px -80px; }
.icon_balloon06 { background-position: -200px -100px; }
.icon_balloon07 { background-position: -200px -120px; }
.icon_balloon08 { background-position: -200px -140px; }

/* icon_house */
.icon_house01 { background-position: -220px 0; }
.icon_house02 { background-position: -220px -20px; }
.icon_house03 { background-position: -220px -40px; }
.icon_house04 { background-position: -220px -60px; }
.icon_house05 { background-position: -220px -80px; }
.icon_house06 { background-position: -220px -100px; }
.icon_house07 { background-position: -220px -120px; }
.icon_house08 { background-position: -220px -140px; }

/* icon_home */
.icon_home01 { background-position: -240px 0; }
.icon_home02 { background-position: -240px -20px; }
.icon_home03 { background-position: -240px -40px; }
.icon_home04 { background-position: -240px -60px; }
.icon_home05 { background-position: -240px -80px; }
.icon_home06 { background-position: -240px -100px; }
.icon_home07 { background-position: -240px -120px; }
.icon_home08 { background-position: -240px -140px; }

/* icon_mail */
.icon_mail01 { background-position: -260px 0; }
.icon_mail02 { background-position: -260px -20px; }
.icon_mail03 { background-position: -260px -40px; }
.icon_mail04 { background-position: -260px -60px; }
.icon_mail05 { background-position: -260px -80px; }
.icon_mail06 { background-position: -260px -100px; }
.icon_mail07 { background-position: -260px -120px; }
.icon_mail08 { background-position: -260px -140px; }

/* icon_train */
.icon_train01 { background-position: -280px 0; }
.icon_train02 { background-position: -280px -20px; }
.icon_train03 { background-position: -280px -40px; }
.icon_train04 { background-position: -280px -60px; }
.icon_train05 { background-position: -280px -80px; }
.icon_train06 { background-position: -280px -100px; }
.icon_train07 { background-position: -280px -120px; }
.icon_train08 { background-position: -280px -140px; }

/* icon_address */
.icon_address01 { background-position: -300px 0; }
.icon_address02 { background-position: -300px -20px; }
.icon_address03 { background-position: -300px -40px; }
.icon_address04 { background-position: -300px -60px; }
.icon_address05 { background-position: -300px -80px; }
.icon_address06 { background-position: -300px -100px; }
.icon_address07 { background-position: -300px -120px; }
.icon_address08 { background-position: -300px -140px; }

/* icon_star */
.icon_star01 { background-position: -320px 0; }
.icon_star02 { background-position: -320px -20px; }
.icon_star03 { background-position: -320px -40px; }
.icon_star04 { background-position: -320px -60px; }
.icon_star05 { background-position: -320px -80px; }
.icon_star06 { background-position: -320px -100px; }
.icon_star07 { background-position: -320px -120px; }
.icon_star08 { background-position: -320px -140px; }

/* icon_clock */
.icon_clock01 { background-position: -340px 0; }
.icon_clock02 { background-position: -340px -20px; }
.icon_clock03 { background-position: -340px -40px; }
.icon_clock04 { background-position: -340px -60px; }
.icon_clock05 { background-position: -340px -80px; }
.icon_clock06 { background-position: -340px -100px; }
.icon_clock07 { background-position: -340px -120px; }
.icon_clock08 { background-position: -340px -140px; }

/* icon_tag */
.icon_tag01 { background-position: -360px 0; }
.icon_tag02 { background-position: -360px -20px; }
.icon_tag03 { background-position: -360px -40px; }
.icon_tag04 { background-position: -360px -60px; }
.icon_tag05 { background-position: -360px -80px; }
.icon_tag06 { background-position: -360px -100px; }
.icon_tag07 { background-position: -360px -120px; }
.icon_tag08 { background-position: -360px -140px; }

/* icon_crown */
.icon_crown01 { background-position: -380px 0; }
.icon_crown02 { background-position: -380px -20px; }
.icon_crown03 { background-position: -380px -40px; }
.icon_crown04 { background-position: -380px -60px; }
.icon_crown05 { background-position: -380px -80px; }
.icon_crown06 { background-position: -380px -100px; }
.icon_crown07 { background-position: -380px -120px; }
.icon_crown08 { background-position: -380px -140px; }

/* icon_book */
.icon_book01 { background-position: -400px 0; }
.icon_book02 { background-position: -400px -20px; }
.icon_book03 { background-position: -400px -40px; }
.icon_book04 { background-position: -400px -60px; }
.icon_book05 { background-position: -400px -80px; }
.icon_book06 { background-position: -400px -100px; }
.icon_book07 { background-position: -400px -120px; }
.icon_book08 { background-position: -400px -140px; }

/* icon_mobile */
.icon_mobile01 { background-position: -420px 0; }
.icon_mobile02 { background-position: -420px -20px; }
.icon_mobile03 { background-position: -420px -40px; }
.icon_mobile04 { background-position: -420px -60px; }
.icon_mobile05 { background-position: -420px -80px; }
.icon_mobile06 { background-position: -420px -100px; }
.icon_mobile07 { background-position: -420px -120px; }
.icon_mobile08 { background-position: -420px -140px; }

/* icon_exclamation */
.icon_exclamation01 { background-position: -440px 0; }
.icon_exclamation02 { background-position: -440px -20px; }
.icon_exclamation03 { background-position: -440px -40px; }
.icon_exclamation04 { background-position: -440px -60px; }
.icon_exclamation05 { background-position: -440px -80px; }
.icon_exclamation06 { background-position: -440px -100px; }
.icon_exclamation07 { background-position: -440px -120px; }
.icon_exclamation08 { background-position: -440px -140px; }

/* icon_price */
.icon_price01 { background-position: -460px 0; }
.icon_price02 { background-position: -460px -20px; }
.icon_price03 { background-position: -460px -40px; }
.icon_price04 { background-position: -460px -60px; }
.icon_price05 { background-position: -460px -80px; }
.icon_price06 { background-position: -460px -100px; }
.icon_price07 { background-position: -460px -120px; }
.icon_price08 { background-position: -460px -140px; }

/* icon_footprint */
.icon_footprint01 { background-position: -480px 0; }
.icon_footprint02 { background-position: -480px -20px; }
.icon_footprint03 { background-position: -480px -40px; }
.icon_footprint04 { background-position: -480px -60px; }
.icon_footprint05 { background-position: -480px -80px; }
.icon_footprint06 { background-position: -480px -100px; }
.icon_footprint07 { background-position: -480px -120px; }
.icon_footprint08 { background-position: -480px -140px; }

/* icon_human */
.icon_human01 { background-position: -500px 0; }
.icon_human02 { background-position: -500px -20px; }
.icon_human03 { background-position: -500px -40px; }
.icon_human04 { background-position: -500px -60px; }
.icon_human05 { background-position: -500px -80px; }
.icon_human06 { background-position: -500px -100px; }
.icon_human07 { background-position: -500px -120px; }
.icon_human08 { background-position: -500px -140px; }

/* icon_gear */
.icon_gear01 { background-position: -520px 0; }
.icon_gear02 { background-position: -520px -20px; }
.icon_gear03 { background-position: -520px -40px; }
.icon_gear04 { background-position: -520px -60px; }
.icon_gear05 { background-position: -520px -80px; }
.icon_gear06 { background-position: -520px -100px; }
.icon_gear07 { background-position: -520px -120px; }
.icon_gear08 { background-position: -520px -140px; }

/* icon_arrowlarge */
.icon_arrowlarge01 { background-position: -540px 0; }
.icon_arrowlarge02 { background-position: -540px -20px; }
.icon_arrowlarge03 { background-position: -540px -40px; }
.icon_arrowlarge04 { background-position: -540px -60px; }
.icon_arrowlarge05 { background-position: -540px -80px; }
.icon_arrowlarge06 { background-position: -540px -100px; }
.icon_arrowlarge07 { background-position: -540px -120px; }
.icon_arrowlarge08 { background-position: -540px -140px; }

/* icon_print */
.icon_print01 { background-position: -560px 0; }
.icon_print02 { background-position: -560px -20px; }
.icon_print03 { background-position: -560px -40px; }
.icon_print04 { background-position: -560px -60px; }
.icon_print05 { background-position: -560px -80px; }
.icon_print06 { background-position: -560px -100px; }
.icon_print07 { background-position: -560px -120px; }
.icon_print08 { background-position: -560px -140px; }

/* icon_ranking */
.icon_ranking01 { background-position: -580px 0; }
.icon_ranking02 { background-position: -580px -20px; }
.icon_ranking03 { background-position: -580px -40px; }


/*---------------------------------------------------------------
label
---------------------------------------------------------------*/


/* .labelStyle01 */
.labelStyle01 {
  font-size: 10px;
  font-weight: normal;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  background-color: #FC7607;
  padding: 2px 8px;
  vertical-align: middle;
}

/* .dummyLabel */
.dummyLabel {
  width: 100%;
  display: inline-block;
  * display: inline;
  * zoom: 1;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #CCC;
  background-color: #EFEFEF;
  padding: 50px 0;
  text-align: center;
  vertical-align: middle;
}


/* ===================================================================

CSS Information

 File name  :  keyvisual.css
 Style info :  キービジュアル用CSS

=================================================================== */


/*---------------------------------------------------------------
keyvisual
---------------------------------------------------------------*/


.loadKeyvisual01 {
	position: relative;
	width: 960px;
	height: 150px;
}
	.loadKeyvisual01 span {
		position: absolute;
		display: block;
		font-size: 36px;
		width: 940px;
		height: 50px;
		left: 155px;
		bottom: 30px;
	}
		.loadKeyvisual01 span strong {
			font-size: 46px;
		}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  list.css
 Style info :  リスト用CSS

=================================================================== */


/*---------------------------------------------------------------
list
---------------------------------------------------------------*/


/* listStyle01 */
.listStyle01 {
  color: #333;
  font-size: 12px;
  line-height: 150%;
  overflow: hidden;
}

.listStyle01 li {
  line-height: 200%;
}

/* listStyle02 */
.listStyle02 {
  color: #333;
  font-size: 12px;
  line-height: 150%;
  overflow: hidden;
}

.listStyle02 li {
  display: inline-block;
  * display: inline;  
  * zoom: 1;  
  line-height: 200%;
  margin-right: 10px;
}

.listStyle03 li {
  float: left;
  display: block;
  width: 20px;
  margin-right: 5px;
  text-align: center;
  overflow: hidden;
}

.listStyle03 li .checkBox {
  width: 13px;
  margin: 0 auto;
}

.listStyle03 li .verticalText {
  display: block;
  font-size: 13px;
  color: #999;
  width: 15px;
  margin: 5px auto;
  padding: 0 1px 0 4px;
  letter-spacing: 2px;
  line-height: 100%;
  text-align: center;
}

.listStyle03 li a,
.listStyle03 li a:hover {
  text-decoration: none;
}

/* .tabMenuList01 */
.tabMenuList01 {
  margin: 0 auto;
  overflow: hidden;
  background: #FFFFFF;
  background: linear-gradient(to bottom, #FFFFFF 70%,#EFEFEF 100%);
  background: -moz-linear-gradient(top, #FFFFFF 70%, #EFEFEF 100%);
  background: -webkit-linear-gradient(top, #FFFFFF 70%,#EFEFEF 100%);
  background: -o-linear-gradient(top, #FFFFFF 70%,#EFEFEF 100%);
  background: -ms-linear-gradient(top, #FFFFFF 70%,#EFEFEF 100%);
}

.tabMenuList01 li {
  float: left;
  display: inline-block;
}

/* dl */
.definitionListStyle01 {
}

/* ol */
.orderedListStyle01 {
}


/*---------------------------------------------------------------
width
---------------------------------------------------------------*/


/* listWidth */
.listWidth100px li { width: 100px; }
.listWidth150px li { width: 150px; }
.listWidth200px li { width: 200px; }
.listWidth250px li { width: 250px; }
.listWidth300px li { width: 300px; }
.listWidth350px li { width: 350px; }
.listWidth400px li { width: 400px; }
.listWidth450px li { width: 450px; }
.listWidth500px li { width: 500px; }


/*---------------------------------------------------------------
listLineHeight
---------------------------------------------------------------*/


/* listWidth */
.listLineHeight100per li { line-height: 100%; }
.listLineHeight110per li { line-height: 110%; }
.listLineHeight120per li { line-height: 120%; }
.listLineHeight130per li { line-height: 130%; }
.listLineHeight140per li { line-height: 140%; }
.listLineHeight150per li { line-height: 150%; }
.listLineHeight160per li { line-height: 160%; }
.listLineHeight170per li { line-height: 170%; }
.listLineHeight180per li { line-height: 180%; }
.listLineHeight190per li { line-height: 190%; }
.listLineHeight200per li { line-height: 200%; }


/*---------------------------------------------------------------
listMargin
---------------------------------------------------------------*/


/* listMargin */
.listMarginReset li { margin: 0; }
.listMargin05px li { margin: 5px; }
.listMargin10px li { margin: 10px; }
.listMargin15px li { margin: 15px; }
.listMargin20px li { margin: 20px; }
.listMargin25px li { margin: 25px; }
.listMargin50px li { margin: 30px; }

/* listTopMargin */
.listTopMarginReset li { margin-top: 0; }
.listTopMargin05px li { margin-top: 5px; }
.listTopMargin10px li { margin-top: 10px; }
.listTopMargin15px li { margin-top: 15px; }
.listTopMargin20px li { margin-top: 20px; }
.listTopMargin25px li { margin-top: 25px; }
.listTopMargin50px li { margin-top: 30px; }

/* listRightMargin */
.listRightMarginReset li { margin-right: 0; }
.listRightMargin05px li { margin-right: 5px; }
.listRightMargin10px li { margin-right: 10px; }
.listRightMargin15px li { margin-right: 15px; }
.listRightMargin20px li { margin-right: 20px; }
.listRightMargin25px li { margin-right: 25px; }
.listRightMargin50px li { margin-right: 30px; }

/* listBottomMargin */
.listBottomMarginReset li { margin-bottom: 0; }
.listBottomMargin05px li { margin-bottom: 5px; }
.listBottomMargin10px li { margin-bottom: 10px; }
.listBottomMargin15px li { margin-bottom: 15px; }
.listBottomMargin20px li { margin-bottom: 20px; }
.listBottomMargin25px li { margin-bottom: 25px; }
.listBottomMargin50px li { margin-bottom: 30px; }

/* listLeftMargin */
.listLeftMarginReset li { margin-left: 0; }
.listLeftMargin05px li { margin-left: 5px; }
.listLeftMargin10px li { margin-left: 10px; }
.listLeftMargin15px li { margin-left: 15px; }
.listLeftMargin20px li { margin-left: 20px; }
.listLeftMargin25px li { margin-left: 25px; }
.listLeftMargin50px li { margin-left: 30px; }
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  table.css
 Style info :  テーブル用CSS

=================================================================== */


/*---------------------------------------------------------------
table
---------------------------------------------------------------*/


/* tableStyle01 */
.tableStyle01 {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-collapse: separate;
  /border-collapse: collapse;
  margin-bottom: 10px;
}
.tableStyle01 th {
  background-color: #F0F0F0;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  padding: 7px 10px 5px 10px;
  line-height: 150%;
}
.tableStyle01 td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 15px;
  line-height: 150%;
}
.tableStyle01 .odd td {
  background-color: #F5F5F5;
  box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
}
.tableStyle01 th p,
.tableStyle01 td p {
  line-height: 150%;
  text-align:center;
}

/* tableStyle02 */
.tableStyle02 {
  font-size: 12px;
  margin: 0 10px;
  overflow: hidden;
}
.tableStyle02 th {
  font-weight: normal;
  padding: 5px 0;
  vertical-align: middle;
}
.tableStyle02 td {
  padding: 5px 0;
  line-height: 150%;
  vertical-align: middle;
}

/* tableStyle03 */
.tableStyle03 {
}

/* privacyTable */
.privacyTable {
  width: 100%;
  font-size: small;
  color: #666;
  border: 10px solid #EFEFEF;
  padding: 20px;
}
.privacyTable th {
  padding: 20px 0;
  text-align: center;
}
.privacyTable td {
  line-height: 150%;
}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  text.css
 Style info :  テキスト用CSS

=================================================================== */


/*---------------------------------------------------------------
text and font
---------------------------------------------------------------*/


/* textSize */
.textSizeReset { font-size: medium !important; }
.textSizeSmall { font-size: small!important; }
.textSizeSmaller { font-size: smaller !important; }
.textSizeXsmall { font-size: x-small !important; }
.textSizeXxsmall { font-size: xx-small !important; }
.textSizeLarge { font-size: large !important; }
.textSizeLarger { font-size: larger !important; }
.textSizeXlarge { font-size: x-large !important; }
.textSizeXxlarge { font-size: xx-large !important; }

.textSize10px { font-size: 10px !important; }
.textSize11px { font-size: 11px !important; }
.textSize12px { font-size: 12px !important; }
.textSize13px { font-size: 13px !important; }
.textSize14px { font-size: 14px !important; }
.textSize16px { font-size: 16px !important; }
.textSize18px { font-size: 18px !important; }
.textSize21px { font-size: 21px !important; }
.textSize24px { font-size: 24px !important; }
.textSize26px { font-size: 26px !important; }
.textSize28px { font-size: 28px !important; }
.textSize32px { font-size: 32px !important; }
.textSize34px { font-size: 34px !important; }
.textSize36px { font-size: 36px !important; }
.textSize38px { font-size: 38px !important; }
.textSize42px { font-size: 42px !important; }
.textSize46px { font-size: 46px !important; }
.textSize48px { font-size: 48px !important; }

/* textColor */
.textColor01 { color: #BE0000 !important; }
.textColor02 { color: #F7B42C !important; }
.textColor03 { color: #333333 !important; }
.textColor04 { color: #666666 !important; }
.textColor05 { color: #999999 !important; }
.textColor06 { color: #CCCCCC !important; }

/* textShadow */
.textShadowOFF { text-shadow: none !important; }
.textShadow01 { text-shadow: rgba(0,0,0,0.3) 1px 1px 0 !important; }
.textShadow02 { text-shadow: rgba(0,0,0,1) 1px 1px 0 !important; }
.textShadow03 { text-shadow: rgba(255,255,255,0.2) 1px 1px 0 !important; }
.textShadow04 { text-shadow: rgba(255,255,255,1) 1px 1px 0 !important; }

/* fontWeight */
.fontWeightReset { font-weight: normal !important; }
.fontWeightBold { font-weight: bold !important; }

/* textLineHeight */
.textLineHeight100per { line-height: 100% !important; }
.textLineHeight130per { line-height: 130% !important; }
.textLineHeight150per { line-height: 150% !important; }
.textLineHeight180per { line-height: 180% !important; }
.textLineHeight200per { line-height: 200% !important; }
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  title.css
 Style info :  タイトル用CSS

=================================================================== */


/*---------------------------------------------------------------
titleStyle & titleColor
---------------------------------------------------------------*/


/* .titleStyle01 */
.titleStyle01 {
  display: block;
  letter-spacing: 0.1em;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  border: 1px solid #CCC;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  padding: 10px;
}

/* .titleStyle02 */
.titleStyle02 {
  display: block;
  letter-spacing: 0.1em;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  border: 1px solid #CCC;
  padding: 10px;
}

/* .titleStyle03 */
.titleStyle03 {
  display: block;
  color: #333;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);
  border-color: #333333;
  background: #FFFFFF;
  background: linear-gradient(to bottom, #FFFFFF 0%,#E5E5E5 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
  background: -webkit-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%);
  background: -o-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%);
  background: -ms-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%);
  border: 1px solid #CCC;
  border-bottom: 3px solid #CCC;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  /background: #FFFFFF url(/assets/common/background/background_gradationC01.png) repeat-x 0 bottom;
  background: #FFFFFF url(/assets/common/background/background_gradationC01.png) repeat-x 0 bottom\9;
  padding: 10px;
}

/* .titleStyle04 */
.titleStyle04 {
  display: block;
  color: #333;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);
  letter-spacing: 0.1em;
  background: #FFFFFF;
  background: linear-gradient(to bottom, #F0F0F0 0%,#FFFFFF 100%);
  background: -moz-linear-gradient(top, #F0F0F0 0%, #FFFFFF 100%);
  background: -webkit-linear-gradient(top, #F0F0F0 0%,#FFFFFF 100%);
  background: -o-linear-gradient(top, #F0F0F0 0%,#FFFFFF 100%);
  background: -ms-linear-gradient(top, #F0F0F0 0%,#FFFFFF 100%);
  /background: #FFFFFF url(/assets/common/background/background_gradationC02.png) repeat-x 0 top;
  background: #FFFFFF url(/assets/common/background/background_gradationC02.png) repeat-x 0 top\9;
  border-top: 3px solid #CCC;
  box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
  padding: 10px 10px 10px 0 !important;
}

/* .titleStyle05 */
.titleStyle05 {
  display: block;
  color: #333;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);
  letter-spacing: 0.1em;
  border-left: 3px solid #CCC;
  margin: 20px 0 0 0;
  padding: 0 20px 0 8px !important;
  border-bottom: 1px solid #CCC;
  text-align: left;
}


/*---------------------------------------------------------------
titleSize
---------------------------------------------------------------*/


/* .titleSize01 */
.titleSize01 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 10px 8px 10px;
  line-height: 150%;
}

/* .titleSize02 */
.titleSize02 {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px 8px 10px;
  line-height: 150%;
}

/* .titleSize03 */
.titleSize03 {
  font-size: 15px;
  font-weight: bold;
  padding: 10px 10px 8px 10px;
  line-height: 150%;
}

/* .titleSize04 */
.titleSize04 {
  font-size: 13px;
  padding: 8px 10px;
  line-height: 150%
}

/* .titleSize05 */
.titleSize05 {
  font-size: 12px;
  padding: 6px 10px;
  line-height: 150%;
}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
/*.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/images/flexslider/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}*/
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
@charset 'utf-8';

/* ===================================================================

CSS Information

 File name  :  b.css
 Style info :  テーマタイプB

=================================================================== */


/*---------------------------------------------------------------
base tag
---------------------------------------------------------------*/


body {
  font-size: 13px;
  font-family: 'meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif';
  /font-family: Arial, Helvetica, sans-serif;
  color: #333;
}

a {
  color: #BE0000;
  text-decoration: underline;
  vertical-align: middle;
  /vertical-align: baseline !important;
}
a:hover {
  color: #5A1D1D;
  text-decoration: none;
}

.initImage {
  display: inline-block;
  background: url(../images/img_parts.png) 0 0 no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /display: inline;
  /zoom: 1;
}

.initImage.viewInner {
  text-indent: 0;
  white-space: normal;
}

.zigexnbu {
  width: 125px;
  height: 76px;
  background-position: -80px -64px;
}

.l-bukken {
  width: 55px;
  height: 16px;
  background-position: -205px -140px;
}

.l-point {
  width: 38px;
  height: 13px;
  background-position: -205px -156px;
}

.initImageTitle {
  display: block;
}

.t-campain {
  width: 960px;
  height: 40px;
  background-position: 0 0;
}

.t-osusume {
  width: 485px;
  height: 40px;
  background-position: 0 -40px;
}

.t-ichioshi {
  width: 740px;
  height: 40px;
  background-position: 0 -80px;
}

.t-formFavorite {
  width: 960px;
  height: 40px;
  background-position: 0 -120px;
}

.path-arrow {
  width: 14px;
  height: 25px;
  background-position: -205px -140px;
}

.point-camp {
  width: 400px;
  height: 35px;
  background-position: 0 -251px;
}

.pr {
  width: 155px;
  height: 41px;
  padding: 5px 0 0 22px;
  background-position: -205px -165px;
}

.cursorPointer {
  cursor: pointer;
}

.overFlowVisible {
  overflow: visible !important;
}

/*---------------------------------------------------------------
header
---------------------------------------------------------------*/

#header {
  width: 100%;
/*  position: fixed; */
  top: 0;
}

.headerTopBoxWrapper {
  border-bottom: 1px solid #fff;
}

.headerInBox {
  position: relative;
  width: 960px;
  height: 95px;
  margin: 0 auto;
  overflow: hidden;
}

.headerInBoxOther {
  position: relative;
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.headerLogo {
  width: 260px;
  height: 50px;
  background-position: 0 0 ;
  position: absolute;
  bottom: 3px;
  left: 0;
}

.headerLogoPrint {
  width: 260px;
  height: 50px;
  background-position: 0 0 ;
  position: static;
  top: 0;
  left: 0;
}


.headerText {
  position: absolute;
  display: block;
  top: 15px;
  right:10px;
  text-align: center;
  font-size: 12px;
}

.headerbotton {
	position: absolute;
	display: block;
	top: 24px;
	right: 10px;
	text-align: center;
	font-size: 12px;
}

.headerbotton li {
  width: 138px;
  float: left;
    margin: 0 0 0 10px;
}


.headerCaution {
  padding-top: 60px;
}

.headerNavigationWrap {
  width: 100%;
  border-bottom: 0;
  background: #f0f0f0;
}

.headerNavigation {
  width: 960px;
  margin: 0 auto;
}

.headerNavFixed {
  position: fixed;
  top: 95px;
  left: 0;
  z-index: 50;
}

.headerNavFixed02 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  background: #FFF;
}

.headerNavFixed03 {
  position: fixed;
  top: 84px;
  left: 0;
  z-index: 50;
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

.headerFavoriteNum {
  position: absolute;
  top: -40px;
  right: 270px;
}

.headerHistoryNum {
  position: absolute;
  top: -40px;
  right: 160px;
}

.headerStockNum {
  position: absolute;
  top: -40px;
  right: 30px;
}

.headerSearchBox{
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 10px;
}

.headerInputText {
  width: 290px;
  background-color: #F5F5F5;
  border-top: solid 1px #9D9D9D;
  border-right: solid 1px #D0D0D0;
  border-bottom: solid 1px #D5D5D5;
  border-left: solid 1px #AEAEAE;
  padding: 7px 10px;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
}

.headerInputBtn {
  padding: 8px 10px;
}

/* グローバルテキスト */
#globalArea .inBox .globalTextLink {
  position: absolute;
  top: 0;
  left: 592px;
  width: 348px;
  height: 30px;
  padding: 13px 0 0 20px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}

#globalArea .inBox .globalTextLink a {
  color: #fff;
  text-decoration: underline;
}

#globalArea .inBox .globalTextLink a:hover {
  text-decoration: none;
}

.headerBannerPos {
  position: absolute;
  bottom: 0;
  right: 0;
}

.headerSocialPos {
  position: absolute;
  top: 0;
  right: 0;
}

/*---------------------------------------------------------------
contents
---------------------------------------------------------------*/
.contents_bg {
  padding-top: 10px;
  border-top: 1px solid #fff;
}

.topicPathFixedWrap {
 width: 100%;
  height: 26px;
/*  position: fixed;
  top: 135px;
  left: 0;
  z-index: 10;*/
}

.topicPathWrapper {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  border-bottom: 1px solid #ccc;
}

.topicPathInner {
  border-left: 1px solid #ccc;
  box-shadow: 1px 1px 0 rgba(255,255,255,1) inset !important;
  -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,1) inset !important;
  -moz-box-shadow: 1px 1px 0 rgba(255,255,255,1) inset !important;
  padding-left: 20px;
}

/*---------------------------------------------------------------
footer
---------------------------------------------------------------*/


/* #footer */
#footer {
  font-size: 12px;
  background: #fff;
   border-top: 5px solid #6cf;
}

#footer a {
  text-shadow: none;
}

.footerNavigation {
  width: 960px;
  padding: 30px 0;
  margin: 0 auto;
  overflow: hidden;
}

#footer .copyright {
  border-top: 1px solid #666;
  box-shadow: 0 -1px 0 #000;
  -moz-box-shadow: 0 -1px 0 #000;
  -webkit-box-shadow: 0 -1px 0 #000;
  -o-box-shadow: 0 -1px 0 #000;
  -ms-box-shadow: 0 -1px 0 #000;
  margin-top: 30px;
  padding-top: 30px;
  /padding-top: 15px;
  font-size: 12px;
}


/*---------------------------------------------------------------
selectMap
---------------------------------------------------------------*/

.selectMap01,
.selectMap02 {
  width: 960px;
  height: 330px;
  position: relative;
  overflow: hidden;
}

.selectMap02 {
  background-position: 0 -330px;
}

.selectMap03 {
  width: 740px;
  height: 330px;
  position: relative;
  overflow: hidden;
}

.selectMapTitle0101 {
  font-size: 20px;
  font-weight: bold;
  color: #6cf;
  text-shadow: none;
  position: absolute;
  top: 147px;
  left: 70px;
}

.selectMapTitle0102 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-shadow: none;
  position: absolute;
  top: 225px;
  left: 70px;
}

.selectMapTitle0201 {
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  letter-spacing: 3px;
}

.selectMapTitle0202 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-shadow: none;
  width: 440px;
}

.selectMapBtn {
  position: absolute;
}

.selectMapBtnWidth {
  width: 48px;
}

/* 北海道 */
.hokkaido {
  top: 44px;
  right: 39px;
}

.hokkaido02 {
  top: 44px;
  right: 80px;
}

/* 東北 */
.aomori {
  top: 108px;
  right: 96px;
}

.aomori02 {
  top: 108px;
  right: 136px;
}

.iwate {
  top: 108px;
  right: 39px;
}

.iwate02 {
  top: 108px;
  right: 79px;
}

.miyagi {
  top: 133px;
  right: 39px;
}

.miyagi02 {
  top: 133px;
  right: 79px;
}

.akita {
  top: 133px;
  right: 96px;
}

.akita02 {
  top: 133px;
  right: 136px;
}

.yamagata {
  top: 158px;
  right: 96px;
}

.yamagata02 {
  top: 158px;
  right: 136px;
}

.fukushima {
  top: 158px;
  right: 39px;
}

.fukushima02 {
  top: 158px;
  right: 79px;
}

/* 関東 */
.tochigi {
  top: 282px;
  right: 136px;
}

.tochigi02 {
  top: 282px;
  right: 176px;
}

.ibaraki {
  top: 257px;
  right: 136px;
}

.ibaraki02 {
  top: 257px;
  right: 176px;
}

.gunma {
  top: 257px;
  right: 79px;
}

.gunma02 {
  top: 257px;
  right: 119px;
}

.saitama {
  top: 232px;
  right: 136px;
}

.saitama02 {
  top: 232px;
  right: 176px;
}

.tokyo {
  top: 207px;
  right: 136px;
}

.tokyo02 {
  top: 207px;
  right: 176px;
}

.chiba {
  top: 232px;
  right: 79px;
}

.chiba02 {
  top: 232px;
  right: 119px;
}

.kanagawa {
  top: 207px;
  right: 79px;
}

.kanagawa02 {
  top: 207px;
  right: 119px;
}

/* 甲信越 */

.nigata {
  top: 24px;
  right: 213px;
}

.nigata02 {
  top: 24px;
  right: 253px;
}

.toyama {
  top: 24px;
  right: 270px;
}

.toyama02 {
  top: 24px;
  right: 310px;
}

.ishikawa {
  top: 49px;
  right: 270px;
}

.ishikawa02 {
  top: 49px;
  right: 310px;
}

.fukui {
  top: 74px;
  right: 270px;
}

.fukui02 {
  top: 74px;
  right: 310px;
}

.nagano {
  top: 49px;
  right: 213px;
}

.nagano02 {
  top: 49px;
  right: 253px;
}

.yamanashi {
  top: 74px;
  right: 213px;
}

.yamanashi02 {
  top: 74px;
  right: 253px;
}


/* 東海 */

.gifu {
  top: 258px;
  right: 213px;
}

.gifu02 {
  top: 258px;
  right: 253px;
}

.aichi {
  top: 258px;
  right: 270px;
}

.aichi02 {
  top: 258px;
  right: 310px;
}

.mie {
  top: 283px;
  right: 270px;
}

.mie02 {
  top: 283px;
  right: 310px;
}

.shizuoka {
  top: 283px;
  right: 213px;
}

.shizuoka02 {
  top: 283px;
  right: 253px;
}

/* 近畿 */

.kyoto {
  top: 74px;
  right: 347px;
}

.kyoto02 {
  top: 74px;
  right: 387px;
}

.hyogo {
  top: 49px;
  right: 347px;
}

.hyogo02 {
  top: 49px;
  right: 387px;
}

.shiga {
  top: 99px;
  right: 347px;
}

.shiga02 {
  top: 99px;
  right: 387px;
}

.osaka {
  top: 24px;
  right: 347px;
}

.osaka02 {
  top: 24px;
  right: 387px;
}

.nara {
  top: 124px;
  right: 347px;
}

.nara02 {
  top: 124px;
  right: 387px;
}

.wakayama {
  top: 149px;
  right: 347px;
}

.wakayama02 {
  top: 149px;
  right: 387px;
}

/* 中国 */

.tottori {
  top: 124px;
  right: 427px;
}

.tottori02 {
  top: 124px;
  right: 467px;
}

.shimane {
  top: 99px;
  right: 427px;
}

.shimane02 {
  top: 99px;
  right: 467px;
}

.okayama {
  top: 74px;
  right: 427px;
}

.okayama02 {
  top: 74px;
  right: 467px;
}

.hiroshima {
  top: 49px;
  right: 427px;
}

.hiroshima02 {
  top: 49px;
  right: 467px;
}

.yamaguchi {
  top: 149px;
  right: 427px;
}

.yamaguchi02 {
  top: 149px;
  right: 467px;
}

/* 四国 */

.kagawa {
  top: 258px;
  right: 347px;
}

.kagawa02 {
  top: 258px;
  right: 387px;
}

.ehime {
  top: 258px;
  right: 404px;
}

.ehime02 {
  top: 258px;
  right: 444px;
}

.tokushima {
  top: 283px;
  right: 347px;
}

.tokushima02 {
  top: 283px;
  right: 387px;
}

.kochi {
  top: 283px;
  right: 404px;
}

.kochi02 {
  top: 283px;
  right: 444px;
}

/* 九州 */

.fukuoka {
  top: 156px;
  left: 403px;
}

.fukuoka02 {
  top: 156px;
  left: 143px;
}

.saga {
  top: 156px;
  left: 346px;
}

.saga02 {
  top: 156px;
  left: 86px;
}

.oita {
  top: 181px;
  left: 403px;
}

.oita02 {
  top: 181px;
  left: 143px;
}

.kumamoto {
  top: 206px;
  left: 346px;
}

.kumamoto02 {
  top: 206px;
  left: 86px;
}

.nagasaki {
  top: 181px;
  left: 346px;
}

.nagasaki02 {
  top: 181px;
  left: 86px;
}

.miyazaki {
  top: 206px;
  left: 403px;
}

.miyazaki02 {
  top: 206px;
  left: 143px;
}

.kagoshima {
  top: 231px;
  left: 346px;
}

.kagoshima02 {
  top: 231px;
  left: 86px;
}

/* 沖縄 */
.okinawa {
  top: 281px;
  left: 346px;
}

.okinawa02 {
  top: 281px;
  left: 86px;
}


/* selectMenuBox */

.selectMenuBox {
  width: 930px;
  height: 300px;
  padding: 15px;
  position: relative;
  overflow: hidden;
}

.selectMenuTitle01 {
  font-size: 78px;
  font-weight: bold;
  color: #fff;
  text-shadow: none;
  position: absolute;
  top: 20px;
  left: 10px;
}

.selectMenuTitle02 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-shadow: none;
  position: absolute;
  top: 147px;
  left: 70px;
}

.selectMenuTitle03 {
  font-size: 20px;
  font-weight: bold;
  color: #6cf;
  text-shadow: none;
  position: absolute;
  top: 225px;
  left: 70px;
}

.selectMenuSideBox {
  width: 570px;
  height:290px;
  padding:5px 20px 0 20px;
  float: right;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


/*---------------------------------------------------------------
boxStyle
---------------------------------------------------------------*/

.tabBoxStyle01 {
  box-shadow: none;
}

.buttonAroowBox {
  width: 860px;
  min-height: 80px;
  background: url(/assets/common/btn_arrow.png) center top no-repeat;  
  text-align: center;
  display: table;
  margin: 0 auto;
}

/*---------------------------------------------------------------
keyvisual
---------------------------------------------------------------*/

.selectKeyVisual01 {
  width: 117px;
  height: 95px;
  padding: 25px 65px 0 0 ;
  background-position: 0 -139px ;
  text-indent: 0;
  text-align: center;
  color: #fff;
  text-shadow: none;
}

.selectKeyVisual02 {
  width: 117px;
  height: 85px;
  padding: 35px 65px 0 0 ;
  background-position: 0 -139px ;
  text-indent: 0;
  text-align: center;
  color: #fff;
  text-shadow: none;
}

/* .keyVisualFlow01 */
.keyVisualFlow01,
.keyVisualFlow02,
.keyVisualFlow03 {
  width: 960px;
  height: 165px;
  text-indent: -9999px;
  overflow: hidden;
}

.keyVisualFlow02 {
  background-position: 0 -170px;
}

.keyVisualFlow03 {
  background-position: 0 -340px;
}

.keyVisualBusinessMerit,
.buzinessMerit01,
.buzinessMerit02,
.buzinessMerit03,
.buzinessMerit04,
.buzinessMerit05,
.buzinessMerit06 {
  width: 960px;
  height: 200px;
  text-indent: -9999px;
  overflow: hidden;
}

.buzinessMerit01,
.buzinessMerit02,
.buzinessMerit03,
.buzinessMerit04,
.buzinessMerit05,
.buzinessMerit06 {
  width: 315px;
  height: 110px;
}

.buzinessMerit01 {
  background-position: 0 -200px;
}

.buzinessMerit02 {
  background-position: -315px -200px;
}

.buzinessMerit03 {
  background-position: -630px -200px;
}

.buzinessMerit04 {
  background-position: 0 -310px;
}

.buzinessMerit05 {
  background-position: -315px -310px;
}

.buzinessMerit06 {
  background-position: -630px -310px;
}
/*---------------------------------------------------------------
thumbnail
---------------------------------------------------------------*/

.thumbStyle01 {
  width: 185px;
  text-align: center;
}

.thumbStyle01 img {
  max-width: 235px;
  max-height: 225px;
}

.thumbStyle02 {
  width: 141px;
  height: 120px;
  text-align: center;
  line-height: 120px;
  vertical-align: middle;
  margin: 0 auto;
}

.mw95 {
  max-width: 126px;
  max-height: 166px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
}

.mwnew {
  max-width: 120px;
  max-height: 149px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 120px;
  float:left;
    padding: 15px;
}

.thumbStyle03 {
  text-align: center;
}

.thumbStyle03 img {
  max-width: 160px;
  max-height: 120px;
}

.thumbStyle04 {
  width: 468px;
  height: 318px;
  text-align: center;
  line-height: 318px;
  vertical-align: middle;
  margin: 0 auto;
}

.mw300 {
  max-width: 300px;
  max-height: 300px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 300px;
}

.thumbStyle05,
.thumbStyle05_02 {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
}
.thumbStyle05_02 {
  width: 160px;
}

.mw75 {
  max-width: 75px;
  max-height: 60px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 60px;
}

.mw75mh100 {
  max-width: 75px;
  max-height: 100px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 75px;
}


.mw140mh120 {
  max-width: 140px;
  max-height: 120px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 75px;
}


.mw80 {
    cursor: pointer;
    height: auto !important;
    max-height: 60px;
    max-width: 80px;
    text-align: center;
    vertical-align: middle;
}

.mw165 {
  max-width: 165px;
  max-height: 75px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 60px;
}

.mw120 {
  max-width: 120px;
  max-height: 80px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 80px;
}

/* for formRecommend*/
.thumbStyle06 {
  width: 177px;
  height: 123px;
  line-height: 123px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}

/* for formRecommend*/
.thumbStyle06 {
  width: 177px;
  height: 123px;
  line-height: 123px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}

.mw177 {
  max-width: 177px;
  max-height: 123px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 123px;
}

/* for resultList*/
.thumbStyle07 {
  width: 180px;
  height: 130px;
  line-height: 130px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}
/* for resultList*/
.thumbStyle08 {
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
  padding: 0;
}
.mw180 {
  max-width: 180px;
  max-height: 130px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 130px;
}

.thumbStyle08 {
  width: 126px;
  height: 166px;
  line-height: 106px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}

.mw126 {
  max-width: 126px;
  max-height: 106px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 106px;
}

/* printPage */
.thumbStyle09 {
  width: 260px;
  height: 250px;
  line-height: 250px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}

.thumbStyle10 {
  width: 550px;
  height: 480px;
  text-align: center;
  line-height: 480px;
  vertical-align: middle;
  margin: 0 auto 10px;
}

.mw550 {
  max-width: 550px;
  max-height: 480px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 430px;
}

.thumbStyle11 {
  width: 200px;
  height: 140px;
  line-height: 140px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;

}

.mw200 {
  max-width: 200px;
  max-height: 140px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 140px;
}

/* for resultList*/
.thumbStyle12 {
  width: 386px;
  line-height: 140px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}

.mw190 {
  max-width: 190px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
}

.printContentsSpace {
  padding-top: 70px;
}

.mw260 {
  max-width: 260px;
  max-height: 370px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* for ie6*/
  height: auto !important;
  height: 370px;
}

.galleryThumb {
  cursor: pointer;
}

.cursorReset {
  cursor: default;
}

.cursorPointer {
  cursor: pointer;
}



/*---------------------------------------------------------------
tag
---------------------------------------------------------------*/

.tagType01 {
  font-family: "ＭＳ Ｐゴシック", "sans-serif";
  white-space: nowrap;
  border: 1px solid #ccc;
  font-size: 10px;
  /font-size: 9px;
  /letter-spacing: -1px;
}

.tagType02 {
  line-height: normal;
  font-family: "ＭＳ Ｐゴシック", "sans-serif";
  white-space: nowrap;
  border: 1px solid #BE0000;
  font-size: 10px;
  /font-size: 9px;
  /letter-spacing: -1px;
}

.tagType03 {

}

.tagType04 {
  white-space: nowrap;
  border: 1px solid #4295bf;
  font-size: 11px;
  width: 78px;
  margin: 0 0 3px 0;
  text-align: center;
  border-radius: 3px;
  /height: 15px;
}

.tagPadding01 {
    padding: 3px 4px;
}

.tagPadding02 {
    padding: 2px 1px;
}

.tagPadding03 {
    padding: 3px 0;
}

/*---------------------------------------------------------------
results
---------------------------------------------------------------*/

.rateStar {
  width: 68px;
  height: 12px;
}
.viewsNum00 { background-position: -205px -64px; }
.viewsNum01 { background-position: -205px -76px; }
.viewsNum02 { background-position: -205px -88px; }
.viewsNum03 { background-position: -205px -100px; }
.viewsNum04 { background-position: -205px -112px; }
.viewsNum05 { background-position: -205px -124px; }

/* .statusParameterList */
.statusParameter {
  width: 82px;
  height: 16px;
  vertical-align: middle;
  margin: 0 5px;
}

/* status */
.paramNum01 { background-position: -300px 0; }
.paramNum02 { background-position: -300px -15px; }
.paramNum03 { background-position: -300px -30px; }
.paramNum04 { background-position: -300px -45px; }
.paramNum05 { background-position: -300px -60px; }
.paramNum06 { background-position: -300px -75px; }

.listTable {
  display: table;
  width: 100%;
  /position: relative;
  /background: #efefef;
  /border-left: 1px solid #ccc;
  /border-bottom: 1px solid #ccc;
}

.listTableLeft {
  display: table-cell;
  /position: absolute;
  /top: 50%;
}

.listTableRight {
  display: table-cell;
  /padding-left: 42px;
  /background: #fff;
}


/*---------------------------------------------------------------
detail
---------------------------------------------------------------*/
.offered {
  font-size: 12px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
  font-weight: normal;
}


/*---------------------------------------------------------------
favorite
---------------------------------------------------------------*/
.fCheckPos {
  top: 50%;
  margin-top: -6px;
  left: 10px;
  z-index: 100;
}

.fCheckSp {
  border-left: 30px solid;
}

/*---------------------------------------------------------------
tel
---------------------------------------------------------------*/

/* all property for ie6,7 */
.dialBoxLeft {
  width: 345px;
}

.dialBoxCenter {
  width: 135px;
  position: relative;
}

.dialArrowPos {
  position: absolute;
  left: 0;
  margin-left: -25px;
  top: 40%;
}

.dialBoxRight {
  width: 400px;
}

.dialBoxLeft .displayTable,
.dialBoxCenter .displayTable {
  /padding-top: 10px;
  /text-align: center;
  /vertical-align: top;
}

.dialBoxLeft h6,
.dialBoxCenter h6 {
  /padding-top: 5px;
  /padding-bottom: 5px;
}

.dialBoxLeft .displayTableCell,
.dialBoxCenter .displayTableCell {
  /display: inline-block;
}


/*---------------------------------------------------------------
print
---------------------------------------------------------------*/

.printMemo {
  display: none;
}

/*---------------------------------------------------------------
CompanyTable
---------------------------------------------------------------*/

/* companyTable */
.companyTable {
  width: 100%;
  border-left: 1px solid #ccc;
  border-collapse: separate;
  /border-collapse: collapse;
  margin-bottom: 10px;
  font-size: small!important;
}
  .companyTable th {
    background-color: #F0F0F0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: inset 1px 1px 0 0 rgba(255,255,255,1), inset -1px -1px 0 0 rgba(255,255,255,1);
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,1), inset -1px -1px 0 0 rgba(255,255,255,1);
    -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,1),  inset -1px -1px 0 0 rgba(255,255,255,1);
    padding: 7px 10px 5px 10px;
    line-height: 150%;
  }
  .companyTable td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px;
    line-height: 150%;
  }
    .companyTable th p,
    .companyTable td p {
      line-height: 150%;
    }


/*---------------------------------------------------------------
Apply
---------------------------------------------------------------*/

.privacyCheckPos {
  top: 18px;
  left: 0;
}



/*---------------------------------------------------------------
PrivacyBox
---------------------------------------------------------------*/

.privacyBox {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 10px;
}

.privacyBox p {
  font-size: 12px;
  color: #333;
  line-height: 150%;
  margin-bottom: 10px;
}

.privacyBox dl {
  font-size: 12px;
  color: #333;
  line-height: 150%;
}

.privacyBox dl dt {
  color: #333 !important;
  font-weight: bold;
  margin-bottom: 5px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}

.privacyBox dl dd {
  margin-bottom: 10px;
}

.privacyBox .contact {
  border: 1px solid #CCC;
  background-color: #F0F0F0;
  box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -o-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  padding: 10px 10px 0 10px;
  overflow: hidden;
  margin-bottom: 10px;
}

.privacyBox .sign p {
  text-align: right;
}

.privacyBox .sign p:last-of-type {
  margin-bottom: 0;
}





/*---------------------------------------------------------------
  #campaign
---------------------------------------------------------------*/


.campTitleImage {
  width: 960px;
  height: 169px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* 簡単4ステップ */
.campStepTitleWrap {
  width: 960px;
  height: 67px;
  position: relative;
}

.campStepTitleText {
  position: absolute;
  top: 30px;
  left: 300px;
  color: #fff;
  text-shadow: none;
}

.campStepTitleText a{
  color: #fff;
}

.campStepTitleImage {
  width: 960px;
  height: 67px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 0 -169px;
}

/* 簡単4ステップの内容 */
.campStepBox {
  width: 960px;
  height: 183px;
  position: relative;
  background-position: 0 -236px;
  font-size: 12px;
}

.campStepOneWrap {
  position: absolute;
  top: 15px;
  left: 32px;
  width: 176px;
}

.campStepOneTitle {
  width: 176px;
  height: 36px;
  background-position: -32px -251px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 10px;
}

.campStepTwoWrap {
  position: absolute;
  top: 15px;
  left: 270px;
  width: 179px;
}

.campStepTwoTitle {
  width: 179px;
  height: 36px;
  background-position: -270px -251px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 10px;
}

.campStepThreeWrap {
  position: absolute;
  top: 15px;
  left: 509px;
  width: 179px;
}

.campStepThreeTitle {
  width: 179px;
  height: 36px;
  background-position: -509px -251px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 10px;
}

.campStepFourWrap {
  position: absolute;
  top: 15px;
  left: 747px;
  width: 183px;
}

.campStepFourTitle {
  width: 183px;
  height: 36px;
  background-position: -747px -251px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 10px;
}

.campGetImage {
  width: 872px;
  height: 107px;
  background-position: 0 -419px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto 20px;
}


/*---------------------------------------------------------------
  #cashback
---------------------------------------------------------------*/


.cashbackImage {
	width: 100%;
	height: 260px;
	overflow: hidden;
}

/* 簡単4ステップの内容 */
.cashbackStepBox {
	position: relative;
	width: 930px;
	height: 620px;
	padding-right: 30px;
	overflow: hidden;
}

.cashbackStepList .stepList01 {
	position: absolute;
	top: 27px;
	left: 200px;
}

.cashbackStepList .stepList02 {
	position: absolute;
	top: 156px;
	left: 200px;
}

.cashbackStepList .stepList03 {
	position: absolute;
	top: 276px;
	left: 200px;
}

.cashbackStepList .stepList04 {
	position: absolute;
	top: 396px;
	left: 200px;
}

.cashbackStepBox .cashbackNotes {
	position: absolute;
	top: 550px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,1.00);
}

/* お問い合わせ訴求 */
.cashbackAppealBox {
	position: relative;
	width: 100%;
	height: 155px;
}

.cashbackAppealBox .inText {
	position: absolute;
	top: 90px;
	left: 835px;
}



/*---------------------------------------------------------------
form
---------------------------------------------------------------*/

.inputType01 {
  font-size: 14px;
}

.inputType01::-webkit-input-placeholder {
  color: #bbb;
  font-weight: normal;
}
.inputType01::-moz-placeholder {
  color: #bbb;
  font-weight: normal;
}

/* .searchInput */
.searchInput02 {
  height: 16px;
  padding: 5px 10px;
  background-color: #f5f5f5;
  border-top: solid 1px #9D9D9D;
  border-right: solid 1px #D0D0D0;
  border-bottom: solid 1px #D5D5D5;
  border-left: solid 1px #AEAEAE;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
}

/* .searchBtn */
.searchBtn01 {
  width: 185px;
  height: 35px;
  background:url(/assets/chintai/common/common_searchBtn01.png) 0 0 no-repeat;
  border: none;
  overflow: hidden;
  cursor: pointer;
  font-size: 0;
}

.searchBtn01:hover {
  background-position: 0 -35px;
}

.searchBtn02 {
  width: 130px;
  height: 30px;
  background:url(/assets/chintai/common/common_searchBtn02.png) 0 0 no-repeat;
  border: none;
  overflow: hidden;
  cursor: pointer;
  text-indent: 100%;
}

.searchBtn02:hover {
  background-position: 0 -30px;
}

.contactText {
  width: 321px;
  height: 14px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /display: inline;
  /zoom: 1;
}

.intiFormStep {
  width: 600px;
  height: 32px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}

.formStep02 {
  background-position: 0 -32px;
}

.formStep03 {
  background-position: 0 -64px;
}

.initFormParts {
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.formparts01 {
  background-position: 0 0;
  width: 928px;
  height: 48px;
}

.formparts02 {
   background-position: 0 -50px;
   height: 40px;
   width: 927px;
}

.formparts03 {
   background-position: 0 -90px;
   width: 240px;
   height: 20px;
}


.initSurveyVisual {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.surveyTxt01 {
  width: 788px;
  height: 51px;
}

.surveyTxt02 {
  width: 594px;
  height: 53px;
  background-position: 0 -51px;
}

.surveyTxt03 {
  width: 371px;
  height: 14px;
  background-position: 0 -104px;
}

.surveyKeyBox {
  width: 960px;
  height: 229px;
  position: relative;
}

.serveyKeyText {
  color: #fff;
  text-shadow: none;
  position: absolute;
  left: 15px;
  bottom: 10px;
  z-index: 10;
}

.serveyKeyText a {
  color: #fff;
}

#anq_discription {
  width: 930px;
  padding: 15px;
  background: #fff;
  display: none;
}

/* select */
.selectType02 {
  background-color: #F5F5F5;
  border-top: solid 1px #9D9D9D;
  border-right: solid 1px #D0D0D0;
  border-bottom: solid 1px #D5D5D5;
  border-left: solid 1px #AEAEAE;
  padding: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

/* 全てにチェック */
.FormallCheckText {
  left: 485px;
  top: 15px;
}

/*---------------------------------------------------------------
box
---------------------------------------------------------------*/
.searchLinkBox {
  padding: 20px;
  background: #fff right center no-repeat;
}

.arrowBox01 {
  position: relative;
  background: #BE0000;
  display: inline-block;
  text-shadow: none;
  color: #fff;
  font-family: Arial, sans-serif, 'ＭＳ ゴシック';
  margin-right: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.arrowBox01:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrowBox01:after {
  border-color: rgba(255, 51, 102, 0);
  border-left-color: #BE0000;
  border-width: 2px;
  top: 50%;
  margin-top: -2px;
}

.arrowBox02 {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
}
.arrowBox02:after, .arrowBox02:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrowBox02:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
}
.arrowBox02:before {
  border-color: rgba(204, 204, 204, 0);
  border-top-color: #ccc;
  border-width: 7px;
  left: 50%;
  margin-left: -7px;
}

.arrowBox03 {
  position: relative;
  background: #666;
  display: inline-block;
  text-shadow: none;
  color: #fff;
  font-family: Arial, sans-serif;
  margin-right: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.arrowBox03:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrowBox03:after {
  border-color: rgba(255, 51, 102, 0);
  border-left-color: #666;
  border-width: 2px;
  top: 50%;
  margin-top: -2px;
}

.arrowBox04 {
  position: relative;
  background: #333;
  display: inline-block;
  text-shadow: none;
  color: #fff;
  font-family: Arial, sans-serif;
  margin-right: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.arrowBox04:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrowBox04:after {
  border-color: rgba(255, 51, 102, 0);
  border-left-color: #333;
  border-width: 2px;
  top: 50%;
  margin-top: -2px;
}

.arrowBox05 {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
}

.arrowBox05:after, .arrowBox05:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrowBox05:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  left: 10%;
  margin-left: -6px;
}

.arrowBox05:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ccc;
  border-width: 7px;
  left: 10%;
  margin-left: -7px;
}

.arrowBox06 {
  position: relative;
  background: #fff;
  border-radius: 2px;
}

.arrowBox06:after {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrowBox06:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  right: 100%;
  margin-top: -6px;
}

.arrowBoxSize01 {
  font-size: 10px;
  padding: 2px 4px;
}

.arrowBoxSize02 {
  font-size: 12px;
  padding: 2px 8px;
}

.arrowBoxSize03 {
  font-size: 12px;
  padding: 4px 10px;
}

.arrowBoxSize04 {
  font-size: 10px;
  padding: 1px 4px;
}


/*---------------------------------------------------------------
border
---------------------------------------------------------------*/
.borderTop01px {
  border-top: 1px solid;
}


/*---------------------------------------------------------------
list
---------------------------------------------------------------*/


/* listStyle04 */
.listStyle04 {
  color: #333;
  font-size: 12px;
  overflow: hidden;
}
.listStyle04 li {
  display: inline-block;
  * display: inline;
  * zoom: 1;
  line-height: 150%;
  margin-right: 0.1em;
}

/* listStyle05 */
.listStyle05 {
  width: 100%;
}

.listStyle05 li {
  display: block;
  float: left;
  vertical-align: top;
  width: 35px;
  text-align: center;
  line-height: 130%;
  padding-top: 5px;
}

.listStyle05 li a {
  width: 15px;
  display: inline-block;
  word-spacing: normal;
  text-align: center;
  text-decoration: none;
}

.listStyle05Zero {
  width: 15px;
  color: #999;
  display: inline-block;;
}

.listStyle05Even {
  border-top:5px solid #ccc;
}

.listStyle05Odd {
  border-top:5px solid #666;
}

.tabMenuList01 {
  background: #fff;
}



.pagerKaminari li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}

.pagerKaminari a {
  border: 1px solid #ccc;
  padding: 5px;
  text-decoration: none;
  text-shadow: none;
  line-height: 100%;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}

.pagerKaminari a:hover {
  border: 1px solid #FF6767;
  background: #FF6767;
  color: #fff;
  text-shadow: none;
}

.pagerKaminari span {
  border: 1px solid #BE0000;
  background: #BE0000;
  color: #fff;
  padding: 5px;
  text-decoration: none;
  text-shadow: none;
  line-height: 100%;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}


/*---------------------------------------------------------------
layout
---------------------------------------------------------------*/

.positionReset {
  position: static !important;
}

.positionFixed {
  position: fixed !important;
}


/*---------------------------------------------------------------
layoutType01
---------------------------------------------------------------*/


#layoutType01 {
  overflow: hidden;
}

/* #page */
#layoutType01 #page {
  width: 100%;
  overflow: hidden;
}

/* #header */
#layoutType01 #header {
  overflow: hidden;
}

/* #globalArea */
#layoutType01 #globalArea {
  overflow: hidden;
}

/* #contents */
#layoutType01 #contents {
  overflow: hidden;
}

/* .wrap */
.wrap {
  width: 960px;
  margin: 0 auto;
  padding: 0 0 10px 0;
  /*background: #fff;*/
}

/* .main */
#layoutType01 #contents .main {
  float: left;
  width: 720px;
  overflow: hidden;
}

#layoutType01 #contents .main .leftBox {
  float: left;
  width: 210px;
  overflow: hidden;
}

#layoutType01 #contents .main .rightBox {
  float: right;
  width: 500px;
  overflow: hidden;
}

/* .globalNavigation */
#layoutType01 #contents .sub {
  float: right;
  width: 220px;
  overflow: hidden;
}

#layoutType01 #contents .sub .innerBox {
  padding: 0 10px 10px 10px;
  overflow: hidden;
}

#layoutType01 #contents .existKeyvisual .innerBox {
  padding: 10px !important;
}

/* #footer */
#layoutType01 #footer {
  overflow: hidden;
}

#layoutType01 #footer .inBox {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0;
}

/* .width */
.width15px { width: 15px !important; }
.width20px { width: 20px !important; }
.width25px { width: 25px !important; }
.width30px { width: 30px !important; }
.width40px { width: 40px !important; }
.width50px { width: 50px !important; }
.width58px { width: 58px !important; }
.width60px { width: 60px !important; }
.width70px { width: 70px !important; }
.width75px { width: 75px !important; }
.width80px { width: 80px !important; }
.width85px { width: 85px !important; }
.width90px { width: 90px !important; }
.width93px { width: 93px !important; }
.width98px { width: 98px !important; }
.width103px { width: 103px !important; }
.width108px { width: 108px !important; }
.width110px { width: 110px !important; }
.width120px { width: 120px !important; }
.width130px { width: 130px !important; }
.width135px { width: 135px !important; }
.width140px { width: 140px !important; }
.width146px { width: 146px !important; }
.width150px { width: 150px !important; }
.width160px { width: 160px !important; }
.width166px { width: 166px !important; }
.width170px { width: 170px !important; }
.width176px { width: 176px !important; }
.width178px { width: 178px !important; }
.width180px { width: 180px !important; }
.width185px { width: 185px !important; }
.width200px { width: 200px !important; }
.width210px { width: 210px !important; }
.width215px { width: 215px !important; }
.width220px { width: 220px !important; }
.width223px { width: 223px !important; }
.width225px { width: 225px !important; }
.width227px { width: 227px !important; }
.width228px { width: 228px !important; }
.width230px { width: 230px !important; }
.width240px { width: 240px !important; }
.width247px { width: 247px !important; }
.width250px { width: 250px !important; }
.width255px { width: 255px !important; }
.width290px { width: 290px !important; }
.width295px { width: 295px !important; }
.width296px { width: 296px !important; }
.width300px { width: 300px !important; }
.width302px { width: 302px !important; }
.width305px { width: 305px !important; }
.width310px { width: 310px !important; }
.width316px { width: 316px !important; }
.width320px { width: 320px !important; }
.width355px { width: 355px !important; }
.width365px { width: 365px !important; }
.width385px { width: 385px !important; }
.width410px { width: 410px !important; }
.width428px { width: 428px !important; }
.width432px { width: 432px !important; }
.width440px { width: 440px !important; }
.width446px { width: 446px !important; }
.width450px { width: 450px !important; }
.width500px { width: 500px !important; }
.width520px { width: 520px !important; }
.width570px { width: 570px !important; }
.width600px { width: 600px !important; }
.width640px { width: 640px !important; }
.width730px { width: 730px !important; }
.width750px { width: 750px !important; }
.width758px { width: 758px !important; }
.width820px { width: 820px !important; }
.width915px { width: 915px !important; }
.width930px { width: 930px !important; }

.width10per { width: 10%; }
.width15per { width: 15%; }
.width20per { width: 20%; }
.width24per { width: 24%; }
.width25per { width: 25%; }
.width30per { width: 30%; }
.width32per { width: 32%; }
.width35per { width: 35%; }
.width40per { width: 40%; }
.width45per { width: 45%; }
.width55per { width: 55%; }
.width60per { width: 60%; }
.width65per { width: 65%; }
.width70per { width: 70%; }
.width74per { width: 74%; }
.width75per { width: 75%; }
.width80per { width: 80%; }
.width90per { width: 90%; }

/* height */
.height20px { height: 20px }
.height40px { height: 40px }
.height45px { height: 45px }
.height50px { height: 50px }
.height65px { height: 65px }
.height70px { height: 70px }
.height90px { height: 90px }
.height100px { height: 100px }
.height110px { height: 110px }
.height140px { height: 140px !important }
.height145px { height: 145px }
.height150px { height: 150px }
.height180px { height: 180px }
.height200px { height: 200px !important }

/* maxHeight*/
.maxHeight180px { max-height: 180px }
.maxHeight400px { max-height: 400px }

.textOverFlowEllipsis {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.overFlowScroll {
  overflow: auto;
}

/* displayBlock */
.displayInlineBlock { display: inline-block; }
.displayBlock { display: block; }
.displayNone { display: none; }

/* .margin */
.marginLeft02px { margin-left: 2px !important; }
.marginLeftAuto { margin-left: auto !important; }
.marginLeft25px { margin-left: 25px !important; }
.marginRight02px { margin-right: 2px !important; }
.marginRight03px { margin-right: 3px !important; }
.marginRight08px { margin-right: 8px !important; }
.marginRight16px { margin-right: 16px !important;}
.marginRightAuto { margin-right: auto !important; }
.marginBottom03px { margin-bottom: 3px !important; }
.marginBottom40px { margin-bottom: 40px; }
.marginBottom50px { margin-bottom: 50px ; }

/* .padding */
.paddingRight02px { padding-right: 2px; }
.paddingRight03px { padding-right: 3px; }
.paddingRight15px { padding-right: 15px; }
.paddingRight25px { padding-right: 25px; }
.paddingLeft03px { padding-left: 3px; }
.paddingLeft16px { padding-left: 16px; }
.paddingLeft25px { padding-left: 25px; }
.paddingLeft52px { padding-left: 52px !important; }
.paddingTop03px { padding-top: 3px; }
.paddingTop07px { padding-top: 7px; }
.paddingTop09px { padding-top: 9px; }
.paddingTop17px { padding-top: 17px; }
.paddingTop25px { padding-top: 25px; }
.paddingTop57px { padding-top: 57px; }
.paddingTop62px { padding-top: 62px; }
.paddingTop70px { padding-top: 70px; }
.paddingTop100px { padding-top: 100px; }
.paddingBottom07px { padding-bottom: 7px; }
.paddingBottom09px { padding-bottom: 9px; }
.paddingBottom17px { padding-bottom: 17px; }
.paddingBottom50px { padding-bottom: 50px; }
.paddingTop40px { padding-top: 40px !important; }
.paddingTop80px { padding-top: 80px !important; }
.paddingTop127px { padding-top: 127px; }
.paddingTop132px { padding-top: 132px; }
.paddingTop135px { padding-top: 135px; }
.paddingTop150px { padding-top: 150px; }
.paddingTop185px { padding-top: 185px; }
.paddingBottom40px { padding-bottom: 40px !important; }
.paddingBottom70px { padding-bottom: 70px; }
.paddingLeft40px { padding-left: 40px !important; }


/* displayTable */
.displayTable {
  display: table;
}

/* displayTableCell */
.displayTableCell {
  display: table-cell;
  /display: inline;
  /zoom: 1;
}

/* displayInlineBlock */
.displayInlineBlock {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}


/*---------------------------------------------------------------
icon
---------------------------------------------------------------*/


/* iconLoad */
.iconLoad {
  background-image: url(../images/common_icon.png) !important;
  /background-image: url(../images/common_icon.png) !important;
}
.iconLoadButton {
  background-image: url(/assets/common/common_buttonIcon.png) !important;
  /background-image: url(/assets/common/common_buttonIconIE.png) !important;
}

/* iconOutsideLeft02 */
.iconOutsideLeft02 {
  padding-left: 10px;
}

.iconOutsideLeft02 .iconLoadButton,
.iconOutsideLeft02 .iconLoadButton {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -10px;
}


/*---------------------------------------------------------------
color
---------------------------------------------------------------*/

.twotoneColor08 {
  color: #808080;
  text-decoration: none;
}

.twotoneColor08:hover {
  background: #dcdcdc;
}

.twotoneColor08active {
  background: #dcdcdc;
}

/* フラットカラー */
.flatColor0101 {
  color: #333 !important;
  background-color: #fff !important;
}
.flatColor0102 {
  color: #333 !important;
  background-color: #efefef !important;
}
a.flatColor0101:hover,
a.flatColor0102:hover {
  color: #27aeeb !important;
}

.flatColor0201,
.flatColor0202,
.flatColor0301,
.flatColor0302,
.flatColor0401,
.flatColor0402,
.flatColor0501,
.flatColor0502,
.flatColor0601,
.flatColor0602,
.flatColor0701,
.flatColor0702 {
  color: #fff;
  text-shadow: none;
}

.flatColor0201 {
  background: #f93 !important;
  border: #f93 !important;
}
.flatColor0202 {
  background: #f60 !important;
  border: #f60 !important;
}
a.flatColor0201:hover {
  background: #fa3 !important;
  border: #fa3 !important;
}
a.flatColor0202:hover {
  background: #f70 !important;
  border: #f70 !important;
}

.flatColor0301 {
  background: #7cf !important;
  border: #7cf !important;
}
.flatColor0302 {
  background: #2ae !important;
  border: #2ae !important;
}
a.flatColor0301:hover {
  background: #8df !important;
  border: #8df !important;
}
a.flatColor0302:hover {
  background: #2bf !important;
  border: #2bf !important;
}

.flatColor0401 {
  background: #ad5 !important;
  border: #ad5 !important;
}
.flatColor0402 {
  background: #8b1 !important;
  border: #8b1 !important;
}
a.flatColor0401:hover {
  background: #be6 !important;
  border: #be6 !important;
}
a.flatColor0402:hover {
  background: #9c1 !important;
  border: #9c1 !important;
}

.flatColor0501 {
  background: #f68 !important;
  border: #f68 !important;
}
.flatColor0502 {
  background: #f36 !important;
  border: #f36 !important;
}
a.flatColor0501:hover {
  background: #f79 !important;
  border: #f79 !important;
}
a.flatColor0502:hover {
  background: #f37 !important;
  border: #f37 !important;
}

.flatColor0601 {
  background: #4f515d !important;
  border: #4f515d !important;
}
.flatColor0602 {
  background: #242635 !important;
  border: #242635 !important;
}
a.flatColor0601:hover {
  background: #5e616e !important;
  border: #5e616e !important;
}
a.flatColor0602:hover {
  background: #303244 !important;
  border: #303244 !important;
}

.flatColor0701 {
  background: #555 !important;
  border: #555 !important;
}
.flatColor0702 {
  background: #333 !important;
  border: #333 !important;
}
a.flatColor0701:hover {
  background: #666 !important;
  border: #666 !important;
}
a.flatColor0702:hover {
  background: #484848 !important;
  border: #484848 !important;
}

.flatColor0801 {
  color: #333;
  background: #eaead0 !important;
  border: #eaead0 !important;
}

/* ボーダー色 */
.borderColor01 { border-color: #ccc !important; }
.borderColor02 { border-color: #f60 !important; }
.borderColor03 { border-color: #651D89 !important }
.borderColor04 { border-color: #8b1 !important; }
.borderColor05 { border-color: #f36 !important; }
.borderColor06 { border-color: #242635 !important; }
.borderColor07 { border-color: #333 !important; }
.borderColor08 { border-color: #009ac1 !important; }
.borderColor09 { border-color: #efefef !important; }
.borderColor10 { border-color: #f0f0f0 !important; }
.borderColor11 { border-color: #6cf !important; }
.borderColor12 { border-color: #ddd !important; }
.borderColor13 { border-color: #fff !important; }
.borderColor14 { border-color: #bf4040 !important; }
.borderColor15 { border-color: #4295bf !important; }
.borderColor16 { border-color: #BE0000 !important; }

.borderTopColor01 { border-top-color: #ccc !important; }
.borderTopColor02 { border-top-color: #F60 !important; }
.borderTopColor03 { border-top-color: #2ae !important; }
.borderTopColor04 { border-top-color: #8b1 !important; }
.borderTopColor05 { border-top-color: #f36 !important; }
.borderTopColor06 { border-top-color: #242635 !important; }
.borderTopColor07 { border-top-color: #333 !important; }

.borderRightColor01 { border-right-color: #ccc !important; }
.borderRightColor02 { border-right-color: #f60 !important; }
.borderRightColor03 { border-right-color: #2ae !important; }
.borderRightColor04 { border-right-color: #8b1 !important; }
.borderRightColor05 { border-right-color: #f36 !important; }
.borderRightColor06 { border-right-color: #242635 !important; }
.borderRightColor07 { border-right-color: #333 !important; }

.borderBottomColor01 { border-bottom-color: #ccc !important; }
.borderBottomColor02 { border-bottom-color: #f60 !important; }
.borderBottomColor03 { border-bottom-color: #2ae !important; }
.borderBottomColor04 { border-bottom-color: #8b1 !important; }
.borderBottomColor05 { border-bottom-color: #f36 !important; }
.borderBottomColor06 { border-bottom-color: #242635 !important; }
.borderBottomColor07 { border-bottom-color: #333 !important; }

.borderLeftColor01 { border-left-color: #ccc !important; }
.borderLeftColor02 { border-left-color: #f60 !important; }
.borderLeftColor03 { border-left-color: #2ae !important; }
.borderLeftColor04 { border-left-color: #8b1 !important; }
.borderLeftColor05 { border-left-color: #f36 !important; }
.borderLeftColor06 { border-left-color: #242635 !important; }
.borderLeftColor07 { border-left-color: #333 !important; }

.backgroundColor10 { background: #f4f4f4 !important; }
.backgroundColor11 { background: #009ac1 !important; }
.backgroundColor12 { background: #f36 !important; }
.backgroundColor13 { background: #F8EBEB !important; }
.backgroundColor14 { background: #eaead0 !important; }
.backgroundColor15 { background: #6cf !important; }
.backgroundColor16 { background: #f8eaea !important; }
.backgroundColor17 { background: #ff0 !important; }
.backgroundColor18 { background: #e6e6e6 !important; }
.backgroundColor19 { background: #eee !important; }
.backgroundColor20 { background: #fff !important; }


/*---------------------------------------------------------------
tableStyle
---------------------------------------------------------------*/
.tableFix{
  table-layout: fixed;
}

/* tableStyle01,03 */
.tableStyle01,
.tableStyle03 {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-collapse: separate;
  /border-collapse: collapse;
  margin-bottom: 10px;
  font-size: 12px;
}
.tableStyle01 th,
.tableStyle03 th {
  background-color: #f0f0f0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  padding: 7px 10px 5px 10px;
  line-height: 150%;
}
.tableStyle01 td,
.tableStyle03 td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  line-height: 150%;
}
.tableStyle01 .odd td,
.tableStyle03 .odd td {
  background-color: #f5f5f5;
  box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
}
.tableStyle01 th p,
.tableStyle01 td p,
.tableStyle03 th p,
.tableStyle03 td p {
  line-height: 150%;
}
.tableStyle03 th,
.tableStyle03 td {
  text-align: center;
}
.tableStyle04 {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: separate;
  /border-collapse: collapse;
  margin-bottom: 10px;
}
.tableStyle04 th {
  background-color: #f0f0f0;
  border-right: 1px solid #ccc;
  box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -o-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 1px 1px 0 0 rgba(255,255,255,1) inset, -1px -1px 0 0 rgba(255,255,255,1) inset;
  line-height: 150%;
  font-size: 12px;
}
.tableStyle04 td {
  line-height: 150%;
  padding: 10px 5px;
}


.tableStyle05 th {
  background-color: #FF6666;
  padding: 0;
  line-height: 150%;
  border:none;
  -webkit-box-shadow:none
}


/* tableLink hover */
.linkBox {
  background: #f0f0f0;
  background: linear-gradient(to bottom, #fff 0%,#efefef 100%) !important;
  background: -moz-linear-gradient(top, #fff 0%, #efefef 100%) !important;
  background: -webkit-linear-gradient(top, #fff 0%,#efefef 100%) !important;
}

.linkBox .linkBoxCell {
  border-bottom-color: #27aeeb !important;
}

.linkBox .linkBoxArrowCell {
  border-right-color: #27aeeb !important;
  border-bottom-color: #27aeeb !important;
}


/*---------------------------------------------------------------
buttonStyle
---------------------------------------------------------------*/


/* .buttonStyle03 */
.buttonStyle03 {
  position: relative;
  display: inline-block;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -o-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -ms-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  border: solid 1px #CCC;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  text-align: center;
}

/*---------------------------------------------------------------
text and font
---------------------------------------------------------------*/
.textSize08px {font-size: 8px !important;}
.textSize18px {font-size: 18px;}
.textSize28px {font-size: 28px;}
.textSize31px {font-size: 31px;}
.textSize40px {font-size: 40px;}

.textDecorationNone {text-decoration: none;}

.textDecorationNoneRe { text-decoration: none;}
.textDecorationNoneRe:hover { text-decoration: underline;}

.textDecorationUnderLine {
  text-decoration: underline;
  color: #BE0000;
  }

.textShadowOff { text-shadow: none;}
.textShadowBlack {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.textColor07 { color: #f36 !important; }
.textColor08 { color: #fff !important; }
.textColor09 { color: #ff0 !important;
  line-height: 3em; }
.textColor10 { color: #BE0000 !important; }
.textColor11 { color: #BE0000 !important; }
.textColor12 { color: #9c1 !important; }
.textColor13 { color: #bf4040 !important; }
.textColor14 { color: #1faadd; }
.textColor15 { color: #e42d4c; }

.leffterSpaceStyle01 {
  letter-spacing: -1px;
}

.textStyleMsp {
  font-family: 'ＭＳ Ｐゴシック';
}

.textLineHeight20px {
  line-height: 20px;
}

/*---------------------------------------------------------------
effect
---------------------------------------------------------------*/

.pageTop {
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 99;
  _display: none;
}

.icon_arrowType01 {
  position:relative;
  top:0;
  left:0;
  padding-left:18px;
}
.icon_arrowType01:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #333;
}

/* 光彩03 */
.grandeur03 {
  box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
  -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
  -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
  -o-box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
  -ms-box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
}

/* サムネイル拡大 */
#preview {
  position: absolute;
  padding: 15px;
  background: #fff;
  border: 1px solid #BE0000;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -o-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -ms-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  z-index: 1000;
  display: none;
}

#preview img {
  max-width: 480px;
  max-height: 288px;
}

.ui-widget-overlay {
  background: #000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-front {
  z-index: 100;
}

.ui-dialog {

}

.ui-dialog-content {
  background: #fff;
  padding: 15px 15px 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.ui-dialog-content b {
  color: #f60;
}

.ui-dialog-buttonset {
  background: #fff;
  padding: 0 15px 15px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.ui-dialog-titlebar {
  color: #fff;
  text-shadow: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 150%;
  letter-spacing: 0.1em;
  background: #8b1 !important;
  padding: 10px 10px 8px 10px;
  border: 1px solid #8b3 !important;
  background-color: #ac5 !important;
  background: linear-gradient(to bottom, #ac5 0%,#8b3 100%) !important;
  background: -moz-linear-gradient(top, #ac5 0%, #8b3 100%) !important;
  background: -webkit-linear-gradient(top, #ac5 0%,#8b3 100%) !important;
  background: -o-linear-gradient(top, #ac5 0%,#8b3 100%) !important;
  background: -ms-linear-gradient(top, #ac5 0%,#8b3 100%) !important;
  box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
  -moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
  -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
  -o-box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
  -ms-box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset !important;
}

.ui-button {
  display: inline-block;
  background-clip: padding-box;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -o-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -ms-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  border: solid 1px #CCC;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  text-align: center;
  color: #333 !important;
  border-color: #ccc !important;
  background-color: #fff !important;
  background: linear-gradient(to bottom, #fff 0%,#efefef 100%) !important;
  background: -moz-linear-gradient(top, #fff 0%, #efefef 100%) !important;
  background: -webkit-linear-gradient(top, #fff 0%,#efefef 100%) !important;
  background: -o-linear-gradient(top, #fff 0%,#efefef 100%) !important;
  background: -ms-linear-gradient(top, #fff 0%,#efefef 100%) !important;
  /background: #fff url(/assets/common/background/background_gradationA01.png) repeat-x 0 bottom !important;
  background: #fff url(/assets/common/background/background_gradationA01.png) repeat-x 0 bottom\9 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  -o-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  -ms-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset !important;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 15px;
  margin-left: 5px;
}

.ui-button:hover {
  color: #27aeeb !important;
  border-color: #27aeeb !important;
  /background: #fff url(/assets/common/background/background_twotoneColorA01_over.png) repeat-x 0 center !important;
  background: #fff url(/assets/common/background/background_twotoneColorA01_over.png) repeat-x 0 center\9 !important;
}

/* flexSlider */

#sameBuildingBox .flexslider {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 0;
}

#sameBuildingBox .flex-viewport {
  padding-bottom: 5px;
}

#sameBuildingBox .flex-control-nav {
  position: static;
  top: 0;
  left: 0;
}

#sameBuildingBox .flex-direction-nav {

}

#sameBuildingBox .flex-direction-nav a {
  width: 20px;
  height: 20px;
  margin: 0;
  display: block;
  background: url(/assets/common/common_buttonIcon.png) no-repeat -60px 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 1;
  -webkit-transition: all .3s ease;
}

#sameBuildingBox .flex-direction-nav a.flex-prev {
  background-position: -200px 0;
}


/* flexSlider 詳細ページ */

#recommendSlideBox .flexslider {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 0;
}

#recommendSlideBox .flex-viewport {
  padding-bottom: 5px;
}

#recommendSlideBox .flex-control-nav {
  position: static;
}

#recommendSlideBox .slides .clearfix .width300px {
  border-left: 1px solid #ccc;
}

#recommendSlideBox .slides .clearfix .width300px:nth-child(3n+1) {
  border-left: none;
}

#recommendSlideBox .flex-direction-nav a {
  width: 15px;
  height: 30px;
  margin: 0;
  display: block;
  background: url(/assets/common/buttonCarousel.png) left top;
  position: absolute;
  top: 40%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 1;
}

#recommendSlideBox .flex-direction-nav ,
#recommendSlideBox .flex-direction-nav a.flex-prev {
  background-position: 0 0;
  left: -20px;
}

#recommendSlideBox .flex-direction-nav a.flex-prev:hover {
  background-position: 0 -30px;
  left: -20px;
}

#recommendSlideBox .flex-direction-nav ,
#recommendSlideBox .flex-direction-nav a.flex-next {
  background-position: -15px 0;
  right: -20px;
}

#recommendSlideBox .flex-direction-nav a.flex-next:hover ,
#recommendSlideBox .flex-direction-nav a:hover{
  background-position: -15px -30px;
  right: -20px;
}
#recommendSlideBox .flex-viewport {
  padding: 0;
}
#recommendSlideBox .flexslider {
  border-radius: 0;
  margin: 0;
  border: none;
  height: 111px;
}
#recommendSlideBox .flex-control-nav {
  display: none;
}


/*---------------------------------------------------------------
lean_overlay
---------------------------------------------------------------*/

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

/*---------------------------------------------------------------
powertip
---------------------------------------------------------------*/

#resultListTip {
  cursor: default;
  background: #BE0000;
  border-radius: 6px;
  color: #fff;
  text-shadow: none;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  display: none;
  padding: 10px;
  position: absolute;
  white-space: nowrap;
  z-index: 2147483647;
}

#resultListTip:before {
  content: "";
  position: absolute;
}


/*---------------------------------------------------------------
pop_easy modal
---------------------------------------------------------------*/

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  background: #000;
  opacity: 0.6;
  display: none;
  overflow: auto;
  overflow-y: scroll;
}

.modal {
  display: none;
  background: #fff;
  padding: 20px;
  overflow: auto;
  z-index: 201;
  position: absolute;
  width: 80%;
  max-width: 860px;
  max-height: 480px;
  height: auto;
  overflow: auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.modal-lock {
  overflow: hidden !important;
  width: auto;
  margin-right: 17px;
}

.modal-lock body {
  overflow: hidden !important;
}

/*---------------------------------------------------------------
ajax_loading
---------------------------------------------------------------*/

#ajaxLoading {
  width: 200px;
  height: 120px;
  z-index: 999;
  position: fixed;
  top: 30%;
  left: 50%;
  margin-left: -100px;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
}

#ajaxLoadingNum {
  width: 300px;
  z-index: 1000;
  position: fixed;
  top: 30%;
  left: 50%;
  margin-left: -150px;
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  vertical-align: middle;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.2) inset;
  color: #fff;
  text-shadow: none;
  padding: 20px;
}

#ajaxOverlay {
    position: fixed;
    z-index: 250;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.6;
    display: block;
}

/*---------------------------------------------------------------
js_bottomfix_slide 下からニョキッとでてくるやつ
---------------------------------------------------------------*/
.js_bottomfix_slide{
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  z-index: 99;
  color: #fff;
  text-shadow: -1px -1px 0 #333;
  background-color:rgba(51,51,51,0.8);
  background: #333\9;
  filter: alpha(opacity=80)\9;
}
/*---------------------------------------------------------------
formレコメンド
---------------------------------------------------------------*/
.money_label {
  position: absolute;
  top: -1px;
  right: -2px;
  width: 50px;
  height: 50px;
  background-image: url(/assets/common/badge.png) ;
  background-repeat: no-repeat;
}

.money_label.shikikin0 {
  background-position: 0 0;
}

.money_label.reikin0 {
  background-position: -50px 0;

}

.money_label.reikin_shikikin0 {
  background-position: -100px 0;

}

.label_box {
  height: 56px;
  margin: 0 -5px 0 0;
}
/*---------------------------------------------------------------
学校ページ
---------------------------------------------------------------*/
.school_bottom_fix{
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  z-index: 99;
  color: #fff;
  text-shadow: -1px -1px 0 #333;
  background-color:rgba(51,51,51,0.8);
  background: #333\9;
  filter: alpha(opacity=80)\9;
}

.girlname {
  background:url(../images/girlname.jpg) no-repeat right;
}


/*---
フォトギャラリー
---*/

.jj-fr_detail-icon--sprite, .jj-fr_detail-icon--btnsld_left, .jj-fr_detail-icon--btnsld_right, .jj-fr_detail-icon--external, .jj-fr_detail-icon--fgpoint, .jj-fr_detail-icon--mail, .jj-fr_detail-icon--note, .jj-fr_detail-icon--print {
  background: url(../images/jj-fr_detail-icon-.png) no-repeat;
}

.jj-fr_detail-icon--btnsld_left {
  background-position: 0 -51px;
  height: 52px;
  width: 26px;
}

.jj-fr_detail-icon--btnsld_right {
  background-position: 0 -103px;
  height: 52px;
  width: 26px;
}

.jj-fr_detail-icon--external {
  background-position: 0 -207px;
  height: 10px;
  width: 13px;
}

.jj-fr_detail-icon--fgpoint {
  background-position: 0 0;
  height: 51px;
  width: 45px;
}

.jj-fr_detail-icon--mail {
  background-position: 0 -171px;
  height: 16px;
  width: 16px;
}

.jj-fr_detail-icon--note {
  background-position: 0 -187px;
  height: 20px;
  width: 15px;
}

.jj-fr_detail-icon--print {
  background-position: 0 -155px;
  height: 16px;
  width: 16px;
}

/* clearfix */
.l-contents:after, .l-list_hz:after, .l-list_hz2:after, .l-list_hz3:after, .l-list_hz4:after, .l-listbox_hz:after, .l-listbox_hz2:after, .l-listbox_hz3:after, .l-listbox_hz4:after, .l-quickfloat:after, .cassetteinfo_header:after, .cassetteinfo:after, .cassettenote:after, .dtlslider:after, .dtlslider_pnlnavi .dtlslider_pnlnavi-inner:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.l-contents, .l-list_hz, .l-list_hz2, .l-list_hz3, .l-list_hz4, .l-listbox_hz, .l-listbox_hz2, .l-listbox_hz3, .l-listbox_hz4, .l-quickfloat, .cassetteinfo_header, .cassetteinfo, .cassettenote, .dtlslider, .dtlslider_pnlnavi .dtlslider_pnlnavi-inner {
  min-height: 1px;
  _height: 1px;
}

.l-wrapper {
  width: 950px;
  margin: 0 auto;
  background-color: #FFFFFF;
}

.l-contents {
  width: 950px;
  margin: 0 auto;
  background-color: #FFFFFF;
  position: relative;
}

.l-main {
  width: 700px;
  float: left;
}

.l-sub {
  width: 230px;
  float: right;
  position: relative;
}

.l-space_small {
  margin-top: 10px;
}

.l-space_medium {
  margin-top: 20px;
}

.l-space_large {
  margin-top: 30px;
}

.l-list_hz > li, .l-list_hz2 > li, .l-list_hz3 > li, .l-list_hz4 > li {
  float: left;
}

.l-list_hz2 > li {
  width: 50%;
}

.l-list_hz3 > li {
  width: 33.33%;
}

.l-list_hz4 > li {
  width: 25%;
}

.l-listbox_hz > li, .l-listbox_hz2 > li, .l-listbox_hz3 > li, .l-listbox_hz4 > li {
  float: left;
}

.l-listbox_hz2 {
  margin-top: -20px;
  margin-right: -20px;
}
.l-listbox_hz2 > li {
  width: 50%;
}
.l-listbox_hz2 .l-listbox_hz2-box {
  margin-top: 20px;
  margin-right: 20px;
}

.l-listbox_hz3 {
  margin-top: -20px;
  margin-right: -20px;
}
.l-listbox_hz3 > li {
  width: 33.33%;
}
.l-listbox_hz3 .l-listbox_hz3-box {
  margin-top: 20px;
  margin-right: 20px;
}

.l-listbox_hz4 {
  margin-top: -20px;
  margin-right: -20px;
}
.l-listbox_hz4 > li {
  width: 25%;
}
.l-listbox_hz4 .l-listbox_hz4-box {
  margin-top: 20px;
  margin-right: 20px;
}

.l-list_vt > li {
  margin-top: 10px;
}
.l-list_vt > li:first-child {
  margin-top: 0;
}

.l-list_vt2 > li {
  margin-top: 20px;
}
.l-list_vt2 > li:first-child {
  margin-top: 0;
}

.l-list_vt3 > li {
  margin-top: 30px;
}
.l-list_vt3 > li:first-child {
  margin-top: 0;
}

.l-overflowbox {
  overflow: hidden;
}

.l-quickfloat .l-quickfloat-left {
  float: left;
}
.l-quickfloat .l-quickfloat-right {
  float: right;
}

.l-icon_mr5 {
  margin-right: 5px;
}

.l-icon_mr10 {
  margin-right: 10px;
}

.l-icon_ml5 {
  margin-left: 5px;
}

.l-iconbox {
  position: relative;
  zoom: 1;
}
.l-iconbox .l-iconbox-icon {
  position: absolute;
}
.l-iconbox.l-iconbox--arrow01 {
  padding-left: 10px;
}
.l-iconbox.l-iconbox--arrow01 .ui-icon--arrow01 {
  top: 5px;
  left: 0;
}
.l-iconbox.l-iconbox--arrow02 {
  padding-left: 20px;
}
.l-iconbox.l-iconbox--arrow02 .ui-icon--arrow02 {
  top: 3px;
  left: 0;
}
.l-iconbox.l-iconbox--arrow04 {
  padding-left: 10px;
}
.l-iconbox.l-iconbox--arrow04 .ui-icon--arrow04 {
  top: 5px;
  left: 0;
}
.l-iconbox.l-iconbox--square {
  padding-left: 15px;
}
.l-iconbox.l-iconbox--square .ui-icon--square {
  top: 5px;
  left: 0;
}

.l-cassettenote {
  margin-top: 10px;
  padding-bottom: 10px;
}

.l-cassettepoint {
  margin-top: 10px;
}

.l-dtlslider {
  margin-top: 30px;
}

.l-contactbox {
  margin-top: 20px;
  padding-bottom: 10px;
}
.l-contactbox .l-contactbox-info {
  margin-top: 20px;
}

.btn_outline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 1px #d9d9d9, 0 -2px 0 0 #dddddd inset;
  -moz-box-shadow: 0 2px 1px #d9d9d9, 0 -2px 0 0 #dddddd inset;
  box-shadow: 0 2px 1px #d9d9d9, 0 -2px 0 0 #dddddd inset;
  width: 182px;
  padding: 3px 0;
  background-color: #FFFFFF;
  border: 2px solid #F77C00;
  color: #F77C00;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.btn_outline > span {
  vertical-align: middle;
}
.btn_outline:link, .btn_outline:visited {
  color: #F77C00;
}
.btn_outline:hover {
  opacity: 0.8;
  filter: alpha(opacity=64);
}

.pct_square {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 17px;
  height: 14px;
  padding-top: 3px;
  font-size: 11px;
  color: #FFFFFF;
  background: #999999;
  text-align: center;
  line-height: 1.2;
}

.cassetteinfo_header {
  padding: 10px 0;
}
.cassetteinfo_header .cassetteinfo_header-title {
  float: left;
  width: 460px;
  padding-top: 10px;
  font-weight: bold;
  background: none !important;
  margin-top: 0 !important;
  font-size: 16px !important;
}
.cassetteinfo_header .cassetteinfo_header-action {
  float: right;
  width: 460px;
  text-align: right;
}
.cassetteinfo_header .cassetteinfo_header-action .cassetteinfo_header-action-link {
  margin-left: 15px;
  vertical-align: bottom;
}
.cassetteinfo_header .cassetteinfo_header-action .cassetteinfo_header-action-link:first-child {
  margin-left: 0;
}
.cassetteinfo_header .cassetteinfo_header-action .cassetteinfo_header-action-link > span {
  margin-right: 5px;
}

.cassetteinfo {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.cassetteinfo .cassetteinfo-col1 {
  float: left;
  width: 174px;
  height: 88px;
  margin: 5px 0;
  padding-top: 15px;
}
.cassetteinfo .cassetteinfo-col1 .cassetteinfo-col1-strong {
  font-size: 20px;
  font-weight: bold;
  color: #F58914;
}
.cassetteinfo .cassetteinfo-col1 .cassetteinfo-col1-desc {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-top: 12px;
  line-height: 1.6;
}
.cassetteinfo .cassetteinfo-col2 {
  float: left;
  width: 154px;
  height: 90px;
  margin: 5px 0;
  padding-top: 13px;
  padding-left: 20px;
  border-left: 1px solid #CCCCCC;
  line-height: 1.8;
}
.cassetteinfo .cassetteinfo-col2 .cassetteinfo-col2-icon {
  margin-right: 5px;
}
.cassetteinfo .cassetteinfo-col3 {
  float: left;
  width: 78px;
  height: 90px;
  margin: 5px 0;
  padding-top: 13px;
  padding-left: 20px;
  border-left: 1px solid #CCCCCC;
  line-height: 1.8;
}
.cassetteinfo .cassetteinfo-col4 {
  float: left;
  width: 145px;
  height: 90px;
  margin: 5px 0;
  padding: 13px 20px 0;
  border-left: 1px solid #CCCCCC;
  line-height: 1.8;
}
.cassetteinfo .cassetteinfo-col5 {
  float: left;
  margin: 10px 0 0;
  width: 186px;
  height: 103px;
}

.cassetteinfo_btnbox .cassetteinfo_btnbox-btn {
  display: block;
  margin-top: 7px;
  padding: 9px 0 7px;
  font-size: 15px;
}
.cassetteinfo_btnbox .cassetteinfo_btnbox-btn > span {
  font-size: 12px;
}
.cassetteinfo_btnbox .cassetteinfo_btnbox-btn:first-child {
  margin-top: 0;
  padding: 15px 0 13px;
}

.cassettenote .cassettenote-left {
  float: left;
  width: 350px;
  line-height: 1.6;
}
.cassettenote .cassettenote-right {
  float: right;
  width: 570px;
  text-align: right;
  line-height: 1.6;
}
.cassettenote .cassettenote-right .cassettenote-tel {
  font-size: 20px;
  font-weight: bold;
  color: #BF1818;
}
.cassettenote .cassettenote-right .cassettenote-tel > span {
  font-size: 12px;
}
.cassettenote .cassettenote-right .cassettenote-caption {
  font-size: 11px;
}

.cassettepoint .cassettepoint-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 50px;
}
.cassettepoint .cassettepoint-desc {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 862px;
  line-height: 1.6;
}
.cassettepoint .cassettepoint-desc .cassettepoint-desc-title {
  font-size: 14px;
  font-weight: bold;
}

.dtlslider {
  padding: 10px 0;
  background: #F0F0F0;
  position: relative;
}
.dtlslider .dtlslider-left {
  float: left;
  width: 370px;
  padding-left: 30px;
}
.dtlslider .dtlslider-left .dtlslider-left-caption {
  margin-top: 10px;
}
.dtlslider .dtlslider-right {
  float: left;
  width: 386px;
}
.dtlslider .dtlslider-right .dtlslider-right-caption {
  position: absolute;
  bottom: 10px;
  right: 13px;
}

.dtlslider_main {
  position: relative;
  width: 325px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
}
.dtlslider_main .dtlslider_main-btnnext {
  position: absolute;
  top: 236px;
  right: -32px;
}
.dtlslider_main .dtlslider_main-btnnext:hover {
  opacity: 0.8;
  filter: alpha(opacity=64);
}
.dtlslider_main .dtlslider_main-btnprev {
  position: absolute;
  top: 236px;
  left: -27px;
}
.dtlslider_main .dtlslider_main-btnprev:hover {
  opacity: 0.8;
  filter: alpha(opacity=64);
}
.dtlslider_main .dtlslider_main-inner {
  height: 522px;
  overflow: hidden;
}
.dtlslider_main .dtlslider_main-inner > ul {
  position: relative;
}
.dtlslider_main .dtlslider_main-inner > ul > li {
  position: absolute;
  top: 0;
  left: 0;
}

.dtlslider_navi .dtlslider_navi-inner {
  width: 386px;
  min-height: 210px;
  overflow: hidden;
}
.dtlslider_navi .dtlslider_navi-inner > ul {
  position: relative;
}
.dtlslider_navi .dtlslider_navi-inner > ul > li {
  position: absolute;
  top: 0;
  left: 0;
}
.dtlslider_navi .dtlslider_navi-pager {
  margin-top: 20px;
  text-align: center;
}
.dtlslider_navi .dtlslider_navi-pager > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-left: 10px;
}
.dtlslider_navi .dtlslider_navi-pager > li:first-child {
  margin-left: 0;
}

.dtlslider_pnlnavi {
  width: 386px;
  height: 430px;
  overflow: hidden;
}
.dtlslider_pnlnavi .dtlslider_pnlnavi-inner {
  margin-top: -10px;
}
.dtlslider_pnlnavi .dtlslider_pnlnavi-inner > a {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

.dtlslider_cstphoto .dtlslider_cstphoto-inner {
  position: relative;
  width: 325px;
  height: 498px;
  text-align: center;
}
.dtlslider_cstphoto .dtlslider_cstphoto-inner > img {
  /* display: none; */
  position: relative;
  top: 14%;
}
.dtlslider_cstphoto .dtlslider_cstphoto-count {
  text-align: center;
}

.dtlslider_cstnavi {
  position: relative;
  display: block;
  width: 65px;
  height: 100px;
  background: #FFFFFF;
  text-align: center;
  overflow: hidden;
}
.dtlslider_cstnavi .dtlslider_cstnavi-border {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 63px;
  height: 98px;
  border: 1px solid #CCCCCC;
}
.dtlslider_cstnavi > img {
  /* display: none; */
  position: relative;
  z-index: 1;
  top: 50%;
}
.dtlslider_cstnavi.is-active .dtlslider_cstnavi-border {
  width: 61px;
  height: 96px;
  border: 2px solid #BE0000;
}
.dtlslider_cstnavi:hover {
  opacity: 0.8;
  filter: alpha(opacity=64);
}

.dtlslider_cstpage {
  display: block;
  width: 30px;
  height: 21px;
  padding: 6px 0 3px;
  border: 2px solid #BBBBBB;
  background: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.dtlslider_cstpage:visited, .dtlslider_cstpage:link {
  color: #BBBBBB;
}
.dtlslider_cstpage.is-active {
  border: 2px solid #5BAE08;
}
.dtlslider_cstpage.is-active:visited, .dtlslider_cstpage.is-active:link {
  color: #5BAE08;
}
.dtlslider_cstpage:hover {
  opacity: 0.8;
  filter: alpha(opacity=64);
}

.contactbox_action {
  text-align: center;
}
.contactbox_action .contactbox_action-btncontact {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 396px;
  min-height: 50px;
  padding-top: 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.contactbox_action .contactbox_action-btncontact .contactbox_action-btncontact-sub {
  font-size: 15px;
}
.contactbox_action .contactbox_action-btncontact .contactbox_action-btncontact-desc {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
}
.contactbox_action .contactbox_action-btnreserve {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 145px;
  min-height: 38px;
  margin-left: 15px;
  padding-top: 22px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.contactbox_action .contactbox_action-btnreserve .contactbox_action-btnreserve-sub {
  font-size: 14px;
}

.contactbox_info.contactbox_info--small {
  margin-top: 20px;
}
.contactbox_info .contactbox_info-title {
  font-size: 12px;
  text-align: center;
}
.contactbox_info .contactbox_info-tel {
  margin-top: 6px;
  font-size: 20px;
  font-weight: bold;
  color: #BF1818;
  text-align: center;
}
.contactbox_info .contactbox_info-tel > span {
  font-size: 12px;
}
.contactbox_info .contactbox_info-caption {
  margin-top: 4px;
  font-size: 11px;
  text-align: center;
}

.objectbox_action {
  padding-top: 45px;
  text-align: center;
}
.objectbox_action .objectbox_action-btncontact {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 296px;
  min-height: 50px;
  padding-top: 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.objectbox_action .objectbox_action-btncontact .objectbox_action-btncontact-sub {
  font-size: 15px;
}
.objectbox_action .objectbox_action-btncontact .objectbox_action-btncontact-desc {
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
}
.objectbox_action .objectbox_action-btnreserve {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 296px;
  min-height: 30px;
  margin-top: 10px;
  padding-top: 14px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.objectbox_action .objectbox_action-btnreserve .objectbox_action-btnreserve-sub {
  font-size: 14px;
}

.objectaction {
  height: 334px;
  width: 410px;
  margin-left: 32px;
  position: relative;
}
.objectaction .objectaction-desc {
  position: absolute;
  bottom: 0;
  right: 0;
}

.ui-btn--cta2 {
  background-color: #F37E00;
  border-bottom: 2px solid #E15F00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 1px #d9d9d9;
  -moz-box-shadow: 0 2px 1px #d9d9d9;
  box-shadow: 0 2px 1px #d9d9d9;
}

.ui-btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  vertical-align: middle;
}

.ui-btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.ui-btn--cta2:link, .ui-btn--cta2:visited {
  color: #FFFFFF;
}

.jj-fr_detail-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-right: 5px;
}

/*---
フォトギャラリー終了
---*/

/*---
即ミル動画
---*/

.title_bar {
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d8d8d6;
  padding: 0 0 0 10px;
  text-align: left;
  background: #efefed;
  background: -moz-linear-gradient(top,#efefed 0,#e3e6e3 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefed),color-stop(100%,#e3e6e3));
  background: -webkit-linear-gradient(top,#efefed 0,#e3e6e3 100%);
  background: -o-linear-gradient(top,#efefed 0,#e3e6e3 100%);
  background: -ms-linear-gradient(top,#efefed 0,#e3e6e3 100%);
  background: linear-gradient(to bottom,#efefed 0,#e3e6e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefed', endColorstr='#e3e6e3', GradientType=0);
}

.sell_block {
  padding: 10px 5px 5px;
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  float: left;
  width: 33.333333%;
}

.popular_item {
  padding: 0;
  border: 1px solid #d9d9d9;
  margin: 0 0 15px;
  height:205px;
}

.popular_item {
  margin: 35px 10px;
  border: solid 1px #ddd;
  border-bottom: solid 2px #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*---
即ミル動画終了
---*/

.head_button {
  width: 296px;
  margin: 20px -10px 0 0;
  float: right;
  position: relative;
}

.head_button li {
  width: 138px;
  float: left;
  margin: 0 10px 0 0;
}

.head_button .ippan_label {
  width: 180px;
  height: 35px;
}

/*---
ログイン登録終了
---*/


.okusan {
  border-color: #BD0000 !important;
  color: #ffffff !important;
  background: #BD0000 !important;
}

.jukujo {
  border-color: #651D89 !important;
  color: #ffffff !important;
  background: #651D89 !important;
}

.wakatsuma {
  border-color: #F07F78 !important;
  color: #ffffff !important;
  background: #F07F78 !important;
}

.hamamatsu {
  border-color: #0066cc !important;
  color: #ffffff !important;
  background: #0066cc !important;
}

.mie {
  border-color: #006600 !important;
  color: #ffffff !important;
  background: #006600 !important;
}


#image-btn {
  border: 0px;
  width: 140px;
  height: 33px;
  background: url(../images/top_nav_01.jpg) left top no-repeat;
}

.contents_block02 {
  border-left: 1px solid #D8D8D6;
  border-right: 1px solid #D8D8D6;
  border-bottom: 1px solid #D8D8D6;
  padding: 10px 9px 10px;
  text-align: left;
  overflow: hidden;
}



#sh_footer {
  clear: both;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #F4F4F4;
  border-top: 1px solid #BCBCBC;
  font-size: 12px;
  text-align: center;
}

#sh_footer #sh_footermenu {
  color: #555555;
  margin: 0 auto;
  padding: 15px 0 10px;
  width: 910px;
}
#sh_footer #sh_footermenu ul {
  clear: both;
  text-align: center;
  width: 100%;
}
#sh_footer #sh_footermenu ul li {
  display: inline;
  margin: 0 5px;
}
#sh_footer #sh_footermenu ul li.information {
  display: inline;
  padding-left: 12px;
  border-left: 2px dotted #CCC;
}
#sh_footer #sh_footermenu .copyright {
  text-align: center;
  margin-top: 10px;
}

.newtable{
	font-size:80%;
}

.post_list .post_item {
  width: 220px;
  margin: 0 15px 16px 0;
  padding: 0 0 5px;
  float: left;
}

.post_list .post_image img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #ddd;
}
.clearfix {
  display: block;
}

.post_list .date {
  float: left;
  background:#BE0000;
  color: #fff;
  width: 150px;
  height: 27px;
  text-align: center;
  font-size: 11px;
  margin: 15px 35px 10px 35px;
  line-height: 110%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.post_list .date .year {
  display: block;
  padding: 8px 0 0 0;
  color: #b3b5b4;
}

.post_list .date .month {
  display: block;
  padding: 8px 0 0 0;
  text-shadow:none;
}

.post_list .post_category {
  float: left;
  margin: 0 0 0 0;
  font-size: 12px;
  width: 220px;
  text-align:center;
}

.post_list .post_category a {
  text-decoration: none;
  color: #333;
}

.post_list .post_title {
  font-size: 14px;
  margin: 0 20px 10px 20px;
  clear: both;
  text-align: center;
}

.post_list .post_title a {
  text-decoration: none;
}

.block {
  box-shadow: 0px 0px 5px 0px #aaa;
}

.post_list{
	padding:0 0 0 15px;
}

.telbanner {
	position: absolute;
	display: block;
	top: 30px;
	left: 243px;
	text-align: center;
	font-size: 12px;
}

.telbanner li {
  float: left;
  width: 345px;
}

.telbanner li:first-child {
  width: 190px;
}

table#prof1 {
  font-size: 1rem;
  border: 1px solid #BD0000;
  width: 690px;
  float:left;
  border: 1px solid #D4D4D4;
  margin: 10px;
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

table#prof4 {
  font-size: 1rem;
  border: 1px solid #BD0000;
  width: 400px;
  float:left;
  margin: 10px;
  padding: 5px;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#news_list li{
	line-height:2em;
}

.logo{
	  padding-top: 5px;
      float: left;
}

.hamamatsu_bar {
  border-color: #1D2185 !important;
  color: #ffffff !important;
  background: #1D2087 !important;
}

.mie_bar {
  border-color: #197647 !important;
  color: #ffffff !important;
  background: #177747 !important;
}

.detail_photo{
	text-align:center;
	margin:5px 0;
}
.detail_photo img{
	max-width:100%;
	height:auto;
}

.kuchikomi_item{
	height:135px;
}

.kuchikomi_item .sell_block {
  padding: 10px 5px 5px;
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  float: left;
  width: 297px;
}

.pay_article .kuchikomi_item h3 {
  text-align: left;
  line-height: 36px;
}

.pay_article .kuchikomi_item {
  padding: 0;
  border: 1px solid #d9d9d9;
  margin: 0 0 15px;
}

.imgthum{
	height: 210px;
    vertical-align: middle;
	    padding-right: 15px;
 float: left;
}

.overflow {
    height: 125px;
    padding-top: 20px;
    width: 500px;
    word-wrap: normal;
	overflow: hidden;
}

.frm_login dl, dt, dd {
	text-align:center;
}

.rankingItemInfo {
    text-align: center;  
}

.box-genre {
    text-align: center;
}

.box-genre li {
    margin: 0 4px 4px 0;
    display: inline-block;
    height: auto;
    margin-bottom: 6px;
    text-align: center;
}

.box-genre li a {
    border: 1px solid #b92347;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px 10px;
    color: #b92347;
    width: 225px;
    text-align: center;
}

.morebutton01 {
    border: solid 1px #000;
    width: 300px;
    text-align: center;
    margin: 0 auto 40px;
}

.morebutton01 a {
    font-size: 15px;
    font-weight: bold;
    width: 300px;
    display: block;
    position: relative;
    color: #000;
    padding: 16px 0;
}

.morebutton02 a {
	height:220px;
    display: block;
}

.morebutton02 a:hover {
	background:#F8F8F8;
}

.morebutton03 a {
	height:260px;
    display: block;
}

.morebutton03 a:hover {
	background:#F8F8F8;
}

#group {
  margin-top:-130px;
  padding-top:130px;
}

.headerInBox h1{
    #font-size: 14px;
    #width: 465px;
    margin-right: auto;
}

.headerarea {
    position: absolute;
    display: block;
    top: 3px;
    right: 10px;
    text-align: center;
    font-size: 12px;
}

.headerarea li:first-child {
	border:none;
}

.headerarea li {
    display: inline;
    padding-left: 10px;
    border-left: 2px dotted #CCC;
    margin: 0 0px;
}

.headerarea li a {
    text-decoration: none;
	color: #0000ff;
}
.adlist{
	width:100%;
}
.adlist li {
    float: left;
    width: 143.5px;
	height:60px;
    overflow: hidden;
    margin-bottom: 3px;
}

/**/

.global-header {
    position: absolute;
    top: calc(100vh - 82px);
    left: 0;
    width: 100%;
    height: 82px;
    z-index: 1000;
    background-color: #000;
}

.global-header.is-fixed {
    position: fixed;
    top: 0;
}

.inner {
    width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

.global-header__logo {
    float: left;
    margin-top: 14px;
}

.global-header__menu {
    margin-left: 57px;
    float: left;
}

.global-header__menu-item {
    display: block;
    text-align: center;
    float: left;
    margin-right: 55px;
    position: relative;
}

.global-header__menu-item a, .global-header__menu-item .global-header__pulldown {
    display: block;
    color: #fff;
    padding: 33px 0;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05em;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*20171023*/
.sec_title {
    position: relative;
    margin-bottom: 30px;
    max-width: 915px;
    height: 42px;
}

.sec_title h2 {
    height: 42px;
    float: left;
}

.sec_title h2 .title {
    font-weight: bold;
    font-size: 28px;
    text-align: left;
    line-height: 42px;
}

.sec_title .title_border {
    float: left;
    width: 2px;
    height: 42px;
    margin: 0 20px 0 30px;
    background-color: #1b1b1b;
}

.sec_title p {
    float: left;
    height: 42px;
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #1b1b1b;
    letter-spacing: 0.3px;
    display: table;
}

.sec_title p span {
    display: table-cell;
    vertical-align: middle;
}

#productRanking .rankingArea ul li {
  position: relative;
  float: left;
  width: 33%;
}
#productRanking .rankingArea ul li figure {
  width: 100%;
  height: auto;
  margin: 0;
  position: relative;
}
#productRanking .rankingArea ul li figure img {
  width: 100%;
  height: auto;
}
#productRanking .rankingArea ul li figure .rank{
  position: absolute;
  top: 12px;
  left: 4px;
  z-index: 10;
}
#productRanking .rankingArea ul li figure .icon {
  position: absolute;
  bottom: 4%;
  right: 0;
  z-index: 10;
  width: 27%;
}
#productRanking .rankingArea ul li figure .icon p {
  margin: 0;
}
#productRanking .rankingArea ul li figure .icon img {
  margin-bottom: 5px;
}
#productRanking .rankingArea ul li figure .rank {
  width: 55px;
  height: 40px;
}
#productRanking .rankingArea ul li figure .work_day {
  bottom: 5px;
  top: auto;
}

#productRanking .rankingArea ul li .rank {
  display: none;
}
#productRanking .rankingArea ul li a:before {
  content: "";
  background: url(../images/icon_ranking_sprite.png) no-repeat;
  text-indent: -999em;
  background-size: 1100%;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  padding-bottom: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#productRanking .rankingArea ul li.rank1 a:before {background-position: 0 0;}
#productRanking .rankingArea ul li.rank2 a:before {background-position: 11% 0;}
#productRanking .rankingArea ul li.rank3 a:before {background-position: 22% 0;}
#productRanking .rankingArea ul li.rank4 a:before {background-position: 33% 0;}
#productRanking .rankingArea ul li.rank5 a:before {background-position: 44% 0;}
#productRanking .rankingArea ul li.rank6 a:before {background-position: 55% 0;}
#productRanking .rankingArea ul li.rank7 a:before {background-position: 66% 0;}
#productRanking .rankingArea ul li.rank8 a:before {background-position: 77% 0;}
#productRanking .rankingArea ul li.rank9 a:before {background-position: 88% 0;}
#productRanking .rankingArea ul li.rank10 a:before {background-position: 99% 0;}
#productRanking .rankingArea ul li.rank11 a:before {background-position: 0 50%;}
#productRanking .rankingArea ul li.rank12 a:before {background-position: 11% 50%;}
#productRanking .rankingArea ul li.rank13 a:before {background-position: 22% 50%;}
#productRanking .rankingArea ul li.rank14 a:before {background-position: 33% 50%;}
#productRanking .rankingArea ul li.rank15 a:before {background-position: 44% 50%;}
#productRanking .rankingArea ul li.rank16 a:before {background-position: 55% 50%;}
#productRanking .rankingArea ul li.rank17 a:before {background-position: 66% 50%;}
#productRanking .rankingArea ul li.rank18 a:before {background-position: 77% 50%;}
#productRanking .rankingArea ul li.rank19 a:before {background-position: 88% 50%;}
#productRanking .rankingArea ul li.rank20 a:before {background-position: 99% 50%;}
#productRanking .rankingArea ul li.rank21 a:before {background-position: 0 100%;}
#productRanking .rankingArea ul li.rank22 a:before {background-position: 11% 100%;}
#productRanking .rankingArea ul li.rank23 a:before {background-position: 22% 100%;}
#productRanking .rankingArea ul li.rank24 a:before {background-position: 33% 100%;}
#productRanking .rankingArea ul li.rank25 a:before {background-position: 44% 100%;}
#productRanking .rankingArea ul li.rank26 a:before {background-position: 55% 100%;}
#productRanking .rankingArea ul li.rank27 a:before {background-position: 66% 100%;}
#productRanking .rankingArea ul li.rank28 a:before {background-position: 77% 100%;}
#productRanking .rankingArea ul li.rank29 a:before {background-position: 88% 100%;}
#productRanking .rankingArea ul li.rank30 a:before {background-position: 99% 100%;}

#productRanking .rankingArea ul li a:hover {
  text-decoration: none;
}
#productRanking .rankingArea ul li a:hover h4 {
  text-decoration: underline;
}
#productRanking .rankingArea ul li h4 {
  margin-bottom: 40px;
  font-weight: normal;
  font-size: 85%;
  line-height: 1.4;
}
#productRanking .rankingArea ul li .price .pricedown {
  margin-top: -15px;
}
#productRanking .rankingArea ul li .price .limited {
  margin-top: -21px;
}
#productRanking .rankingArea ul li span img {
  margin-top: 2px;
}
#productRanking .rankingArea .rankingMore {
  background: #FFF;
  cursor: pointer;
  color: #000;
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
}

.listButton {
    text-align: center;
    font-size: 14px;
}

.listButton a:after {
    position: absolute;
    top: 50%;
    margin-top: -6.5px;
    right: 0;
    content: url(../img/img_pc_arrow03.png);
}

/*===========================================================
  ▼　全体指定
===========================================================*/

.sys_wrap {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0 4px 20px;
  font-size: 12px;
  line-height: 1.8;
}

.add{
  background:#efeeef;
}
.even{
  background:#fff;
}

@media screen and (min-width: 767px) and (max-width: 999px) {
  .sys_wrap {
    max-width: 767px;
    margin: 30px auto 30px auto;
    padding: 0 6px 20px;
    line-height: 2rem;
  }
  .sys_h1{
    line-height: 2rem;
  }
}

/* 1000-(PC) */
@media screen and (min-width: 1000px) {
  .sys_wrap {
    max-width: 940px;
    margin: 0 auto;
  padding: 20px 4px 30px;
    font-size:16px
  }
  .sys_wrap > p {
    letter-spacing: 0.1rem;
  }
}




/*===========================================================
  ▼　01
===========================================================*/

#sys_01{
}

.sys_tit{
  letter-spacing:1px;
  margin-bottom:10px;
  font-size:20px;
  font-weight:bold;
}

@media screen and (min-width: 767px) {
  .sys_tit {
    font-size:24px;
    letter-spacing:2px;
    }
}


.sec_ttl_sys {
  padding-left: 0;
  font-family: "Italianno", cursive;
  font-size: 64px;
  font-weight:normal;
}

.sec_ttl_sys span {
  padding: 10px 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  letter-spacing: .5pt;
}

.sys_01_tit{
  font-size:24px;
  font-weight:bold;
}

.sys_top{
  line-height:22px;
}

@media screen and (min-width: 767px) and (max-width: 999px) {
  .sec_ttl_sys{
    margin-bottom:20px;
  }
}

@media screen and (min-width: 1000px) {
  .sys_top{
  line-height:26px;
}
}


/*===========================================================
  ▼　02
===========================================================*/

#sys_02{
}

.sys_02_tit{
  font-size:24px;
  font-weight:bold;
  text-align:center;
  padding:25px 0 15px;
}

.sys_02_tit_s{
  font-size:16px;
  font-weight:normal;
}



.sys_tab {
  box-sizing:border-box;
  width:100%;
  text-align:center;
  margin-bottom:5px;
}

.sys_tab_in{
  padding:0 5px;
  width:50%;
  display:inline-block;
  float:left;
}

.sys_tab p {
  display: inline-block;
  box-sizing:border-box;
  background-color: #b2b2b2;
  color: #fff;
  cursor: pointer;
  text-align:center;
  border-radius:25px;
  width:100%;
  padding:5px 0; 
}


.sys_tab .active p {
    background-color: #333333;
    color: #fff;
}
div.tabContent {
    clear: both;
    width: 100%;
    display: none;
    box-sizing:content-box;
}

.sys_table01 {
  margin:0 5px;
  text-align:center;
}

.sys_table01 dl{
  display:inline;
  float:left;
  width:100%;
  text-align:center;
  margin:5px 0;
  
}

div.tabContent ul li div{
  margin:0 5px;
  border:solid 1px #888;
}

div.active {
    display: block;
}

.sys_table01 dl {
  border:solid 1px #333;
  margin:15px auto;
}

.sys_table01 dl img{
 width: 100%;
}

.sys_table01 dt{
  font-size:24px;
  color:#fff;
  background:#c41a41;
  text-align:center;
  padding:5px 0;
  font-weight:bold;
}
.sys_table01 dd{
  font-size:16px;
  padding:5px 0;
  background:#fff;
  border-bottom:dotted 1px #888;
}

.sys_last_dd{
  border:none !important;
}

.sys_box{
  background:#fff;
  border:solid 1px #C9C9C9;
  margin:10px;
  padding:10px;
}

.sys_box_t{
  margin: 0 10px 10px;
  padding: 5px;
}


@media screen and (min-width: 767px) and (max-width: 999px) {

  .sys_table01_in{
    display:inline-block;
    width : 50%;
    float:left;
    border:none;
    padding:0 10px;  
  }
  
  .sys_table01 dl{
    width:100%; 
    display:inline-block;
    border:solid 1px #888;
  }

.sys_tab {
    width:500px !important;
    margin:0 auto;
  }
 .sys_box{
   margin:45px;
 }

  
}
    
@media screen and (min-width: 1000px) {
  .sys_table01_in{
    display:inline-block;
    width : calc(93% / 3) ;
    float:left;
    border:none;
    padding:0 10px;  
  }
  
  .sys_table01 dl{
    width:100%; 
    display:inline-block;
    border:solid 1px #888;
  }
  .sys_first{
    border-bottom: none !important;
  }
  .sys_second{
    padding: 12px 16px;
    letter-spacing: 1px;
    display: -webkit-box;
  }
  .sys_box{
    letter-spacing: 1px;
    padding: 12px 16px;
    margin:20px;
  }
  .sys_box_t{
    letter-spacing: 1px;
    padding: 5px;
    margin:0 10px 10px;
  }
  
  div.sys_tab {
    width:500px !important;
    margin:0 auto;
  }

}    


/*===========================================================
  ▼　03
===========================================================*/

#sys_03{
}

.sys_03_tit{
  font-size:24px;
  font-weight:bold;
  text-align:center;
  padding:0 0 15px 0;
}

.sys_03_main{
  margin:5px;  
}

.sys_03_out{
  margin-right:10px;
}

.sys_op_mid{
  margin-bottom:20px;
}

.sys_first {
    border-bottom: medium none !important;
}
.sys_first {
    background: #a80027 none repeat scroll 0 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding:5px 0;
}

.sys_second {
    letter-spacing: 1px;
    padding: 12px 16px;
}
.sys_second {
    background: #fff none repeat scroll 0 0;
    font-size: 16px;
    padding: 10px;
    border: solid 1px #888;
}

.sys_pc_only{
  display:none;
}

.sys_accordion_out{
  margin:5px auto;
  padding:5px;
  width:100%;
  border:solid 1px #888;
  background:#fff;
  position:relative;
}

.sys_accordion p{
  font-weight:bold;
  text-align:center !important;
  cursor:pointer;
  font-size:14px;
  padding:5px 0;
}



.sys_accordion_in{
  display:none;
  line-height:24px;
}

.sys_accordion p:after{
   display: block;
    position: absolute;
    top: 40px;
    right: 20px;
    width: 6px;
    height: 6px;
    font-family: "fontello";
    font-size:12px;
    line-height: 0;
    content: "\E803"; 
}

.sys_accordion2 p:after{
    content: "\E806"; 
}





@media screen and (min-width: 1000px) {
  
  .sys_03_out{
    box-sizing:content-box;
    margin-right:0;
    /*padding:5px;*/
  }
  
  .sys_03_in{
    display:inline-block;
    padding:0 10px;
    width:47%;
    float:left;
  }
  
  .sys_03_in.only_op {
    float:none;
    width:100%;
  }
  
  .sys_03_in.only_op li {
    float: left;
    width:50%;
  }
  
  /*.sys_03_in p{
    box-sizing:content-box;
    width:435px;
    float:left;
    margin:10px 10px;
  }*/
  
  .sys_pc_only{
  display:block;
  }
  
  .sys_sp_only{
    display:none;
  }
  

}

/*===========================================================
  ▼　04
===========================================================*/

#sys_04{
}

.sys_04_box {
    letter-spacing: 1px;
    padding: 10px;
    background: #fff none repeat scroll 0 0;
    font-size: 16px;
    margin:5px 10px;
    border:solid 1px #888;
}

.sys_04_box h3{
  padding-bottom:10px;
  border-bottom:dashed 1px #888;  
}

.sys_prof{
  width:100%;
  border:solid 1px #888;
  text-align:center;
  margin-top:10px;
}

.sys_prof a{
  position:relative;
  display: block;
  padding:5px;
}

.sys_prof a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 6px;
    height: 6px;
    font-family: "fontello";
    line-height: 0;
    content: "\E805";
}



@media screen and (min-width: 1000px) {
  #sys_04 li{
    float:left;
    width:50%;
    display:inline-block;
    
  }
  
  .sys_04_out{
    box-sizing:content-box;
    margin-right:0;
    /*padding:5px;*/
  }
  
  .sys_04_in{
    display:inline-block;
    padding:3px;
    width:460px;
    float:left;
  }

}


/*===========================================================
  ▼　05
===========================================================*/


#sys_05 li{
  border:solid 1px #888;
  text-align: center;
  position: relative;
  margin: 5px 0;
  font-size: 16px;
}

#sys_05 li a{
  padding: 10px 0;
  width: 100%;
  display: block;
}

#sys_05 li a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 25px;
  width: 6px;
  height: 6px;
  font-family: "fontello";
  line-height: 0;
  content: "\E805";
}



@media screen and (min-width: 1000px) {
  #sys_05 .sys_wrap{
    width: 910px;
    margin: 0 auto;
  }
  
  #sys_05 li{
    display: inline-block;
    width: -moz-calc(100% / 3);
    width: -o-calc(100% / 3);
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    width: 33.33%;
    float: left;
    border: none;
    padding: 0 10px;  
  }

  #sys_05 li div a{
    width: 100%; 
    display: inline-block;
    border: solid 1px #888;
  }
}




.sys_table_area01 { border-collapse: separate; width: 100%;}

.sys_table_area01 th,
.sys_table_area01 td { padding: 3px; text-align: center;}

.sys_table_area01 th { background: #EEE; font-size: 18px;}

.sys_table_area01 td { background: #DDDCDC; font-size: 18px;}

@media screen and (max-width: 600px) {
  .sys_table_area01 {
  }
  .sys_table_area01 td {
    display: block;
    text-align: center;
  font-size: 16px;
  }
  .sys_table_area01 th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  font-size: 16px;
  }
}

.font_cr {
    color: #f00;
}

.free_play ul li {
    width: 199px;
    height: 190px;
    color: #FFFFFF;
    text-align: center;
    float: left;
    padding: 0 3px;
}

.charge_play ul li {
    width: 199px;
    height: 190px;
    color: #FFFFFF;
    text-align: center;
    float: left;
    padding: 0 3px;
}

.syu_girl {
    padding: 5px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    margin-left: 4px;
    margin-right: 4px;
}

#detDay {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    display: flex;
    text-align: center;
    font-size: .75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    border-left: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
}

#detDay li {
    flex: 1;
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    flex: 1 1 0px;
    list-style: none;
    font-size: 18px;
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
}

.BoxPhotoProfile .profile dl {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

#detDay li dl dt {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    background: #c41a41;
    font-weight: bold;
}

#detDay li dl dd {
    text-align: center;
    color: #000000;
    margin: 0;
    background: #FFFFFF;
    padding: 7px;
    white-space: nowrap;
}

#detDay li dl dd.sumi {
    color: #FFFFFF;
    font-weight: bold;
    background: #000000;
}

.time_text {
    margin-left: 3px;
    color: #d60303;
    font-weight: bold;
}

.tpho_item {
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 20px;
    height: 415px;
}

.into_img {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    height: 305px;    
}

.m_phoi {
    width: 100%;
    margin-right: 1%;
    padding: 3px;
    border: 1px solid #c3c3c3;
    float: left;
}

#prof1 {
    padding: 20px 0;
}

#side_col {
    float: left;
    width: 250px;
}

#gnav, #t_content .sec_ttl, .shame_title {
    background: #9f1f22;
}

#side_col .sec_ttl {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1pt;
    text-transform: uppercase;
}

#t_content .sec_ttl {
    padding: 5px 0;
    background: #111;
    color: #fff;
    text-align: center;
}

.subnav ul {
    margin-top: 0;
    padding-top: 0;
    border: 1px solid #c4c4c4;
    font-size: 13px;
    line-height: 0;
    word-break: keep-all;
}

.subnav li {
    clear: left;
    width: 100%;
    height: 35px;
    border: none !important;
    border-bottom: 1px solid #c4c4c4 !important;
    line-height: 2.8 !important;
}

.subnav li a {
    padding: 0 0 0 20px;
    color: #333;
}

.subnav li a {
    display: block;
    overflow: hidden;
    height: 100%;
    padding: 0 4%;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.subnav li:nth-child(odd) {
    border-right: 1px solid #c4c4c4;
}

.subnav li:nth-child(-n+2) {
    border-top: 1px solid #c4c4c4;
}

#side_col .sec_ttl {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1pt;
    text-transform: uppercase;
}

#t_content .sec_ttl {
    padding: 5px 0;
    background: #111;
    color: #fff;
    text-align: center;
    margin: 0;
    line-height: 1.8em;
}

#main_col {
    float: right;
    max-width: 690px;
    width: 100%;
}

.t_bnr {
    margin-bottom: 10px;
}

#header .time {
    display: inline-block;
    float: right;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
    line-height: 1.2;
}

#header .freedial {
    float: right;
}

#header .box {
    width: 440px;
    float: right;
    margin: 30px 15px 20px 0;
}

#header h1 {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
    margin: 0;
    background: #419844;
    padding: 5px 0;
}

#header .site_desc {
    width: 300px;
    height: 70px;
    float: left;
    vertical-align: bottom;
    position: relative;
    padding: 30px 0px 0 18px;
}

.area_map{
    background: url(../images/area_map.jpg) top center no-repeat;
    height: 210px;
    margin: 0 auto;
    background-size:contain;
    border: 1px solid #c4c4c4;
}
.area_map .nagoya{
    width: 105px;
    float: left;
    padding: 20px 0 0 10px;
}
.area_map .nagoya2{
    width: 105px;
    float: left;
    padding: 20px 0 0 10px;
}
.area_map .nagoya3{
    width: 105px;
    float: left;
    padding: 20px 0 0 10px;
}
.area_map .yokohama{
    width: 105px;
    float: left;
    padding: 20px 0 0 10px;
}
.area_map .hakata{
    width: 105px;
    float: left;
    padding: 10px 0 0 10px;
}

.material-icons {
    color: #c41a41;
}

select {
    font-size: 18px;
    padding: 5px;
    position: relative;
    height: 40px;
    margin: 10px auto;
    padding-right: 8px;
    border: 1px solid #ffbaba;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fff4f4;
    color: #c00;
    font-size: 14px;
    text-align: center;
    line-height: 1;
}

.fs_11px {
    margin: 0px;
    font-size: 11px !important;
    line-height: 1.7em;
}

button.search{
    width: 190px;
    -webkit-appearance: none;
    appearance: none;
    -webkit-appearance: button;
    appearance: button;
    font-size: 16px;
    background: #b92347 url(../img/icon_search.png) 10px 50% no-repeat;
    background-size: 30px 30px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 14px 60px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #999999;
    display: block;
    color: #ffffff;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.girl_inner{
  position: relative;
}

.girl_inner .work_day {
    padding: 0;
    line-height: 39px;
    white-space: nowrap;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100%;
    height: 36px;
    overflow: hidden;
    top: -22px;
    left: 0;
    font-size: 20px;
}

.honjitsu{
    background: #419844;
    color: #FFF;
}

.kanbai{
    background: #222;
    color: #FFF;
}

.gname{
    font-size: 17px;
    font-weight: bold;
}

table#prof1 td{
  font-size:14px;
  border:0px;
  vertical-align: top;
  padding:3px;
}

table#prof2 td{
  font-size:12px;
  border:1px solid #333333;
  padding:8px 5px;
}

table#prof3 td{
  font-size:14px;
  border:0px;
  vertical-align: middle;
  padding:3px;
}

table#prof4 table{
  width: 400px;
}

#thumbs {
    font-size: 0;
}

#thumbs li {
    display: inline;
}

.m_hedna {
    font-size: 20px;
    font-weight: bold;
    padding: 8px 0px;
    border-bottom: 1px #dcdcdc solid;
}

.m_hedsi {
    color: #5c5c5e;
}

#detOp ul li.act {
    padding: 5px 8px 3px;
    border: 1px solid #e6e6e6;
    white-space: nowrap;
    border-radius: 2px;
    color: #808080;
    background: #f5f5f5;
}

#detOp ul li {
    padding: 2px 5px 2px 5px;
    margin-right: 3px;
    margin-bottom: 3px;
    display: inline-block;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
}

.prof_unit{
    padding: 10px;
    margin-bottom: 10px;
}

.prof_comment{
    padding: 10px;
    margin-bottom: 10px;
    width: 460px;
    float: left;
}

#nametxt {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    background-color: #419844;
    position: relative;
}
#nametxt a {
    color: #ffffff;
    font-size: 15px;
    padding: 8px 0 8px;
    display: block;
    text-decoration: underline;
}

#nametxt:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  left: 45%;
  border-style: solid;
  border-color: #419844 transparent transparent transparent;
  border-width: 10px 50px 0 50px;
  z-index: 1;
}

#exShipInfo {
    text-align: center;
    padding: 10px 0 8px;
    font-size: 14px;
    background: #f5f5f5;
}

#course_profile {
    width: 100%;
    padding: 0 px 0 0;
    border-top: solid 1px #f3f3f3;
    box-sizing: border-box;
    -werbkit-box-sizing: border-box;
}
#course_profile dl {
    white-space: nowrap;
    padding: 8px 10px 6px;
    color: #2d2d2d;
    font-size: 12px;
}
#course_profile dl dd.ng {
    border: 1px solid #f3f3f3;
    background: #ffffff;
    color: #a9a9a9;
}
#course_profile dl dd.ng img {
  opacity: .4;
}
#course_profile dl dd {
    display: inline-block;
    margin: 0 3px 5px 0;
    padding: 0 8px;
    background: #ededed;
    border-radius: 1em;
    width: 46%;
    text-align: center;
    color: #419844;
    font-weight: bold;
}

#course {
    width: 100%;
    padding: 0 px 0 0;
    border-top: solid 1px #f3f3f3;
    box-sizing: border-box;
    -werbkit-box-sizing: border-box;
}
#course dl {
    white-space: nowrap;
    padding: 8px 10px 6px;
    color: #2d2d2d;
    font-size: 12px;
}
#course dl dd.ng {
    border: 1px solid #f3f3f3;
    background: #ffffff;
    color: #a9a9a9;
}
#course dl dd {
    display: inline-block;
    margin: 0 3px 5px 0;
    padding: 0 8px;
    background: #ededed;
    border-radius: 1em;
    width: 90%;
    text-align: center;
    color: #419844;
    font-weight: bold;
}

#prof section h3, #prof section ul li, #schedule table, #schedule td, #play table, #play td, #option table, #option td, #fetch .cont {
    border-color: #f3eedc;
}
#prof section ul {
    width: 100%;
    float: none;
}
#prof section ul li {
    font-size: 14px;
    padding: 8px 10px;
    margin: 0;
}
#prof section ul li span {
    font-size: 16px;
}
#prof section ul li span, #prof section .comment dt, #diary dt, #diary dt.active:before, #fetch .cont dl dd h4 {
    color: #cf2e19;
}
#prof section ul li {
    border-bottom: 1px dashed;
    padding-bottom: 3px;
    margin: 5px;
}
#prof section h3, #prof section ul li, #schedule table, #schedule td, #play table, #play td, #option table, #option td, #fetch .cont {
    border-color: #f3eedc;
}

.pagination{
    position: relative;
    text-align: center;
}

.pagination li{
    border: solid 1px #000;
    width: 300px;
    text-align: center;
    margin: 0 auto 40px;
    display: inline-block;
}

.pagination a {
    font-size: 15px;
    font-weight: bold;
    width: 300px;
    display: block;
    position: relative;
    color: #000;
    padding: 16px 0;
}