@charset "utf-8";

/* reset ------------------------------------------------------------
 */
*{
  margin:0;
  padding:0;
}
h1, h2, h3, h4, h5{
  text-align:left;
  margin:0;
  padding:0;
}


/* image setting ----------------------------------------------------
 */
img {
  border:none 0px;
  vertical-align:top;
}


/* list setting -----------------------------------------------------
 */
ul{
  list-style:none;
  list-style-position: outside;
  margin:0;
  padding:0;
}
ol{
  list-style:none;
  list-style-position: inside;
  margin:0;
  padding:0;
}
menu{
  list-style:none;
  list-style-position: inside;
  margin:0;
  padding:0;
}
*:first-child+html menu{
  list-style-position: none;
}
li{
  margin:0;
  padding:0;
}


/* form setting -----------------------------------------------------
 */
legend {
  display:block;
}
fieldset{
  border:none 0px;
  vertical-align:bottom;
}
input, textarea, select {
  vertical-align:middle;
}


/* anchor setting ---------------------------------------------------
 */
a {
  color:#333333;
  text-decoration:none;
  cursor:pointer;
}
a:hover {
  color:#333333;
  text-decoration:underline;
}


/* font setting -----------------------------------------------------
 */
body, input, textarea{
  font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  _font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
  *font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
  font-size:13px;
  line-height:1.6; /* 他にもコンテンツ内に高さを合わせている箇所があるので注意する */
}
body{
  color:#4d4d4d;
  *font-size:small;
  *font:x-small;
}
input, textarea, select {
  font-size:13px;
  line-height:1.6;
}
* html body{ font-size:14px; }
* html input{ font-size:14px; }
* html textarea{ font-size:14px; }
* html select{ font-size:14px; }

*:first-child+html body,
*:first-child+html input,
*:first-child+html textarea,
*:first-child+html select {
  font-size:14px;
  line-height:1.6;
}


/* table setting ----------------------------------------------------
 */
table, tbody, tfoot, thead, tr, th, td, table > caption {
  font-size:1em;
  border:none;
}



/* figure setting ---------------------------------------------------
 */
figure, figcaption {
  font-size:1em;
}



/* inline-block setting ---------------------------------------------
   フロートの代わりにコレを使う場合は下記に注意
   親要素をfont-size:0にしないと、要素間にfont-size通りの隙間ができる
 */
.inlineBlock{
  display:inline-block;
}
* html .inlineBlock,
*:first-child+html .inlineBlock {
  display:inline;
  zoom:1;
}


/* inline setting ---------------------------------------------------
 */

/* head title
 */

h1{ font-size:182%;   font-weight:bold; line-height:1.2; }
h2{ font-size:153.9%; font-weight:bold; line-height:1.2; }
h3{ font-size:138.5%; font-weight:bold; line-height:1.4; }
h4{ font-size:123.1%; font-weight:bold; line-height:1.4; }
h5{ font-size:108%;   font-weight:bold; line-height:1.6; }
h6{ font-size:100%;   font-weight:bold; line-height:1.6; }


/* paragraph setting ------------------------------------------------
 */
p{
  white-space: normal; /* スペース・タブ・改行はブラウザに任せる */
  word-break: normal; /* 長文の改行時に泣き別れを許容する */
  wrod-wrap: break-word; /* 単語の泣き別れを許容する */
  line-break: strict; /* 禁則処理（ハイフネーション）を厳格に行う */
  text-justify: newspaper; /* 左揃えを news paper 風にする（通常処理） */
  text-align: left; 
  margin-top:1em;
}
p:first-child{
  margin-top:0;
}

html[lang="zh"] p, /* china */
html:lang(zh) p,
html[lang="ko"] p, /* korea */
html:lang(ko) p,
html[lang="ja"] p, /* japan */
html:lang(ja) p,
html[lang="zh"] li, /* china */
html:lang(zh) li,
html[lang="ko"] li, /* korea */
html:lang(ko) li,
html[lang="ja"] li, /* japan */
html:lang(ja) li,{
  text-align: justify; /* 左揃えで改行が入る場合行端揃えを行う */
  text-justify: inter-ideograph; /* 行端揃えをＣＪＫに最適化する */
}
html[lang="en"] p, /* english */
html[lang="en"] li{ /* english */
  text-align: left;
  text-justify: newspaper;
}


.data{ font-size:93%; line-height:1.2; }
.caption{ font-size:93%; line-height:1.2; }
.quote{ font-size:84%; line-height:1.2; }
.footnote{ font-size:73%; line-height:1.2; text-align:right; }

/* wording ----------------------------------------------------------
 */
sup{ font-size:69%; line-height:1.3; }
sub{ font-size:69%; line-height:1.3; }

address {
  font-style: normal;
}

.highlight{ font-weight:bold; font-size:108%; }


/* print setting ----------------------------------------------------
 */
.printOnly{
  display:none;
}
@media print{
  .newPage{
	page-break-before: always !important;
  }
  .printOnly{
	display:block;
  }
}


/* clearfix ---------------------------------------------------------
 */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix   { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


br.clearfix{
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height:0;
}
br.clearfix { zoom: 1; } /* IE6 */
*:first-child+html br.clearfix { zoom: 1; } /* IE7 */


/* browser bug fix --------------------------------------------------
 */

/* fix IE6 Duplicate Characters Bug */
.fixIE6DCB{
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}


/* body -------------------------------------------------------------
 */
#bodyWrapper{
  margin:0;
  width:100%;
}
#body{
  text-align:center;
}


/* header -----------------------------------------------------------
 */
#headerWrapper{
  width:960px;
  margin:0 auto;
  text-align:left;
}
#header{
  margin-top:20px;
}

#headerUtil h1{
  float:left;
  display:block;
  width:125px;
  height:32px;
  text-indent:101%;
  white-space:nowrap;
  overflow:hidden;
  background-image:url('../img/header/logo.gif');
  background-repeat:no-repeat;
  background-position:left top;
  line-height:32px;
}
#headerUtil ul{
  float:right;
}
#headerUtil ul li{
  float:left;
  margin-left:5px;
}
#headerUtil ul li.frend{
  padding-top:2px;
  width:90px;
}
#headerUtil ul li.facebook{
  padding-top:5px;
  width:108px !important;
  height:32px !important;
}
#headerUtil ul li.twitter{
  padding-top:5px;
  width:100px;
}
* html #headerUtil ul li.twitter iframe{
  width:100px !important;
}
*:first-child+html #headerUtil ul li.twitter{
  margin-top:5px;
  padding-top:0;
}
#headerUtil ul li.mixi{
  padding-top:5px;
  width:108px;
}
* html #headerUtil ul li.mixi iframe{
  width:85px !important;
}
#headerUtil ul li.google{
  display:none;
  padding-top:5px;
  width:80px;
}
* html #headerUtil ul li.google,
*:first-chidl+html #headerUtil ul li.google{
  display:none;
}


#headerMenuWrapper{
}
#headerMenu{
}
#headerMenu p{
  width:100%;
  text-align:right;
}
#headerMenu ul{
  width:100%;
  background-image:url('../img/menu/bg.gif');
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:50px;
}
#headerMenu ul li.m01{
  float:left;
  position:relative;
  z-index:999;
}
#headerMenu ul li.m02{
  float:left;
}
#headerMenu ul li.m03{
  float:left;
}
#headerMenu ul li.m04{
  float:left;
  position:relative;
  z-index:999;
}
#headerMenu ul li.m05{
  float:left;
}
#headerMenu ul li.m06{
  float:left;
}
#headerMenu ul li ul{
  background-image:none;
  display:none;
  position:absolute;
  padding-left:0;
  top:30px;
  left:0;
  z-index:9999;
}
#headerMenu ul li ul li{
}


/* footer -----------------------------------------------------------
 */
#footerWrapper{
  width:100%;
  height:90px;
/*  margin-top:85px;*/
  background-color:#f0f0f0;
}
#footer{
  width:960px;
  margin:0 auto;
}

#footer .body ul{
  z-index:99;
}
#footer .body ul li{
  float:left;
  line-height:30px;
  padding:0 15px;
}

#footer .body .copyright{
  z-index:98;
  position:relative;
  float:right;
  width:300px;
  margin-top:-30px;
  _margin-top:0;
  text-align:right;
  line-height:30px;
}
#footer .body .copyright img{
  vertical-align:middle;
}



/* contents ---------------------------------------------------------
 */
#contentsWrapper{
}
#contents{
}


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



/* main contents ----------------------------------------------------
 */
#mainContentsWrapper{
  margin:20px auto 0;
  width:960px;
}
#mainContents{
}



/* inner Left contents ----------------------------------------------
 */
#innerLeftWrapper{
  float:left;
  width:250px;
}



/* inner main contents ----------------------------------------------
 */
#innerMainWrapper{
  float:right;
  width:680px;
}



/* section ----------------------------------------------------------
 */