@charset "UTF-8";

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

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment

	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% = 17px		|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	184% = 24px
	100% = 13px	|	146.5% = 19px	|	192% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|

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

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. reset
　02. fonts
　03. BaseSet



/* /////////////////////////////////////////////////////////////////////////// reset */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
  color: #4c4c4c;
  background: #fff;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
  list-style: none;
}

caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

/* /////////////////////////////////////////////////////////////////////////// fonts */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small; /* for IE */
  *font: x-small; /* for IE in quirks mode */
}

html>/**/body {
  font-size/*\**/: small\9;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

/*body {
  font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',verdana,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.5;
}*/

* html body {
  font-family: "ＭＳ Ｐゴシック", verdana, arial, helvetica, clean, sans-serif;
}

/**:first-child+html body {
	font-family: verdana,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
}*/

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* /////////////////////////////////////////////////////////////////////////// BaseSet */

html {
  overflow-y: scroll;
}

* html body {
  width: expression(document.body.clientWidth < 962? "960px": "auto");
}

/* ///////////////////////////////////////// anchor */

a {
  color: #404040;
  text-decoration: underline;
}

a:visited {
  color: #404040;
  text-decoration: underline;
}

a:hover {
  color: #404040;
  min-height: 1em; /* Mac Firefox */
  text-decoration: none;
}

/*Win Firefox用*/
:focus {
  -moz-outline-style: none;
}
/*Mac Firefox用*/
a {
  outline: none;
}

/* ///////////////////////////////////////// fontsize */

p,
li,
dt,
dd,
th,
td,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 108%;
}

.text10 {
  font-size: 77%;
}
.text11 {
  font-size: 85%;
}
.text12 {
  font-size: 93%;
}
.text13 {
  font-size: 100%;
}
.text14 {
  font-size: 108%;
}
.text15 {
  font-size: 116%;
}
.text16 {
  font-size: 123.1%;
}
.text17 {
  font-size: 131%;
}
.text18 {
  font-size: 138.5%;
}
.text19 {
  font-size: 146.5%;
}
.text20 {
  font-size: 153.9%;
}
.text21 {
  font-size: 161.6%;
}
.text22 {
  font-size: 167%;
}
.text23 {
  font-size: 174%;
}
.text24 {
  font-size: 184%;
}
.text25 {
  font-size: 189%;
}
.text26 {
  font-size: 197%;
}

div#main p,
div#main li,
div#main dt,
div#main dd,
div#main th,
div#main td {
  line-height: 1.5;
}

p.txtSmall,
dl.txtSmall dt,
dl.txtSmall dd,
span.txtSmall,
ul.txtSmall li,
ol.txtSmall li,
div.txtSmall p {
  font-size: 78% !important;
}

ul.inner li,
td.inner {
  font-size: 100% !important;
}

/* ///////////////////////////////////////// image */

img {
  vertical-align: bottom;
  line-height: 1;
}

table th img,
table td img {
  vertical-align: middle;
}

/* ///////////////////////////////////////// ClearFix */

.clear {
  clear: both;
}

/* modern browsers */

.clearfix:after,
.fBox:after,
div#header:after,
div#contents:after,
div#footerIn:after,
ul#seriesList li:after,
div.gridfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE7 */

.clearfix,
.fBox,
div#header,
div#contents,
div#footerIn,
ul#seriesList li,
div.gridfix {
  display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html .fBox,
* html div#header,
* html div#contents,
* html div#footerIn,
* html ul#seriesList li,
* html div.gridfix {
  height: 1%;
}

.clearfix,
.fBox,
div#header,
div#contents,
div#footerIn,
ul#seriesList li,
div.gridfix {
  display: block;
}

/* /////////////////////////////////////////////////////////////////////////// float style */

.fr {
  float: right;
}

.fl {
  float: left;
}

ul.fBox li {
  float: left;
  display: inline;
}

/* /////////////////////////////////////////////////////////////////////////// font style */

.txtBold {
  font-weight: bold;
}

/* /////////////////////////////////////////////////////////////////////////// margin style */

.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}

.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}

.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}

/* /////////////////////////////////////////////////////////////////////////// label style */

input,
textarea {
  vertical-align: middle;
  outline: 0px none #fff;
}

/* /////////////////////////////////////////////////////////////////////////// position */

.alignRight {
  text-align: right !important;
}

.alignCenter,
table.alignCenter th,
table.alignCenter td,
table.thCenter th {
  text-align: center !important;
}

.alignLeft {
  text-align: left !important;
}

/* /////////////////////////////////////////////////////////////////////////// sp */

/* display
   ========================================================================== */
@media screen and (min-width: 768px) {
.sp-item {
  display: none !important;
}
  .pc-item {
    display: block !important;
  }	
}

@media screen and (max-width: 767px) {
  .sp-item {
    display: block !important;
  }
  .pc-item {
    display: none !important;
  }
}