@charset "utf-8";

/*===========================================================
＊ BASIC SETTING
===========================================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; 
  line-height: 1.5;
  vertical-align: baseline;
  background: transparent;
  font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

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

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000; 
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}


/*  title
--------------------------------------*/
h1,h2,h3,h4,h5,h6 {
  font-size: 1em;
}

/*  image
--------------------------------------*/
img {
  margin: 0px;
  padding: 0px;
  border: none;
  vertical-align:bottom;/*IEの下スペ回避*/
}
a img{
  border: 0px;
}

/*  link
--------------------------------------*/
a{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


/*  ロールオーバー時、透過で使用
-------------------------------------*/
.toimg a:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

.tobg a:hover{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

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


/*  list
--------------------------------------*/
nav ul {
  list-style: none;
}
li {
  list-style-type: none;
}

/*  blockquote
--------------------------------------*/
blockquote, q {
  quotes: none;
}

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


/*  line
--------------------------------------*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/*  form
--------------------------------------*/
input, select {
  vertical-align: middle;
}

/*  斜め文字と太字の初期化
--------------------------------------*/

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


/*===========================================================
＊ clearfix
===========================================================*/


/*  クリアフィックス - CLEAR FIX -
--------------------------------------*/
.cf:before,
.cf:after { content:""; display:table;} 
.cf:after { clear:both;}
.cf { zoom:1;}

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

/* overflow クリア
--------------------------------------*/
.c-fix{
  overflow:hidden;
  _zoom:1;}


/*===========================================================
＊ FONT LAYOUT
===========================================================*/

/*  color
--------------------------------------*/
.tRed  {color: #FF0000;}
.tGreen  {color: #00FF00;}
.tBlue   {color: #2D2886;}
.tLiBlue  {color: #0066CC;}
.tBlack  {color: #000000;}
.tWhite  {color: #FFFFFF;}
.tOrange {color: #FF9900;}
.tYellow {color: #FFFF00;}
.tGray   {color: #666666;}

.tPink a{ color: #e7198c;}

/* ==================================================
 style info :
 
fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
 
=================================================== */
.fn10 {font-size:77%;}
.fn11 {font-size:85%;}
.fn12 {font-size:93%;}
.fn13 {font-size:100%;}
.fn14 {font-size:108%;}
.fn15 {font-size:116%;}
.fn16 {font-size:123.1%;}
.fn17 {font-size:131%;}
.fn18 {font-size:138.5%;}
.fn19 {font-size:146.5%;}
.fn20 {font-size:153.9%;}
.fn21 {font-size:161.6%;}
.fn22 {font-size:167%;}
.fn23 {font-size:174%;}
.fn24 {font-size:182%;}
.fn25 {font-size:189%;}
.fn26 {font-size:197%;}
.fn30 {font-size:278%;}

/*===========================================================
＊ OHTER LAYOUT
===========================================================*/


/* 位置調整
--------------------------------------------------*/
.txtL {text-align: left !important;}
.txtC {text-align: center !important;}
.txtR {text-align: right !important;}
.floatL {float: left;}
.floatR {float: right;}
.imgL {float:left; margin:0 15px 15px 0;}
.imgR {float:right; margin:0 0 15px 15px;}
.centerpos{text-align:center;}

/* スペース クリア
--------------------------------------------------*/
.noAll{
  margin:0 !important;
  padding:0 !important;}
.bend{
  margin-bottom:0!important;
  padding-bottom:0!important;}


/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}      /* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}   /* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}   /* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}  /* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}    /* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

.m100{margin:100px !important}
.mt100{margin-top:100px !important}
.mr100{margin-right:100px !important}
.mb100{margin-bottom:100px !important}
.ml100{margin-left:100px !important}

/*------------------------------------------ End */