@charset "utf-8";

/*=Browser Reset==============================================================*/
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,
h1,h2,h3,h4,pre,code,p,blockquote,hr { margin: 0; padding: 0; }
h1,h2,h3,h4 { font-size: 13px; font-weight: normal; }

ol, ul { list-style: none; }

fieldset, abbr, acronym { border: 0; }

q:before,q:after { content: ''; }
address { font-style: normal; display: inline; }
hr { border: 0; height: 1px; background-color: #ccc; color: #ccc; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin: 0; padding: 0;
  border-style: none;
}
tr, td { margin: 0; padding: 0; }
caption,th { text-align: left; }


/*---Text Image Links-----*/
a, a:link, a:active, a:visited {
  text-decoration: underline;
  outline: none;
  color: #03f;
}
a:hover {
  text-decoration: none;
  color: #007bcd;
}
img, a img, :link img, :visited img {
  border: 0;
}
a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
img { -ms-interpolation-mode: bicubic; } /*==after IE7 | keep out the Images deterioration==*/
strong { color: #da251d; }

/*=Browser Reset End==========================================================*/

/*=Base Layout================================================================*/
body {
  margin-top: 0;
  padding-top: 0;
  font-family: Verdana,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka",sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color:#333;
  text-align: center;
  background: #ffffff url(../images/00_body_bgimg.gif) top left repeat;
}

/*---Base Size Positions Border Background-----*/
#container, #header, #hdrInner, #wrapper, #contents, #sidebar, #footer {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
#container {
  width: 956px;
}
#header {
  width: 950px; height: 64px;
  padding: 0 3px 0 3px;
  background: url(../images/00_header_bgimg.gif) bottom center no-repeat;
}
#wrapper {
  clear: both;
  width: 950px;
  padding: 0 3px 0 3px;
  background: #252525 url(../images/00_wrapper_bgimg.gif) top center repeat-y;
}
#contents {
  width: 749px;
  float: right;
  position: relative;
  border-top: 1px solid #252525;
}
#sidebar {
  width: 200px;
  padding-top: 36px;
  float: left;
  border-top: 1px solid #252525;
  background: url(../images/00_contents.gif) top left no-repeat;
}
#footer {
  width: 950px;
  padding: 0 3px 0 3px;
  background: #252525 url(../images/00_wrapper_bgimg.gif) top center repeat-y;
}



/*---Base Text-----*/
#container {
  text-align: left;
}
#footer {
  text-align: center;
  color: #ccc;
}
blockquote {
  margin: 10px 20px;
  padding: 10px;
  line-height: 1.5;
  border: 1px dashed #ff7f50;
  background: #fff8dc;
}


/*=Header==================================================================*/
#header h1, #header ul#hdrNavi {
  display: inline;
}
#header a, #header a:link, #header a:visited {
  color: #333;
  text-decoration: none;
}
#header a:hover, #header a:active {
  text-decoration: underline;
}
ul#hdrNavi {
  position: absolute;
  right: 6px;
  top: -1px;
}
ul#hdrNavi li {
  display: inline;
  padding: 0 2px;
  border-right: 1px solid #333;
}
#logo {
  width: 946px; height: 40px;
  padding-top: 4px;
  padding-left: 4px;
}



/*=Contents==================================================*/

#more {
  clear: both;
}


/*=SideBar===================================================================*/
#sidebar {
  color: #ccc;
}
#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited {
  text-decoration: underline;
  outline: none;
  color: #ff9000;
}
#sidebar a:hover {
  text-decoration: none;
  color: #ffc000;
}

/* ImageMainLinks */
#navi {
  margin-bottom: 30px;
}
#navi li {
  height: 40px;
  border-bottom: 1px solid #252525;
  background: #252525;
  >font-size: 1px;  /* IE bagFix */
  >line-height: 1px;  /* IE bagFix */
}

/* SubLinks wide180 */
ul#navi02 {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
}
ul#navi02 li {
  padding-bottom: 5px;
}

.side {
  padding: 10px;
  margin-bottom: 30px;
  border-top: 2px groove #222;
  border-bottom: 2px groove #222;
}

/*===Footer===================================================================*/
#footer {
  clear: both;
}
#footer_inner {
  width: 950px;
  padding-top: 6px; padding-bottom: 6px;
  background: #2c2c2c url(../images/00_footer_bgimg.gif) top left repeat-x;
}
#footer ul li {
  display: inline;
  padding-right: 3px; padding-left: 3px;
  border-right: 1px solid #ccc;
  margin: 0;
}
#footer a {
  color: #ccc;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer address {
  display: block;
  margin-top: 15px;
  text-align: center;
  font-size: 11px;
}
address a, address a:link, address a:active, address a:visited, address a:hover {
  text-decoration: none !important;
  outline: none;
}


/*===Utility==================================================================*/

.fs11 { font-size: 11px; >font-size: 77%; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }

.fsSmaller { font-size: smaller; }
.fsLarger  { font-size: larger; }

.red { color: #f00; }
.orange { color: #ff7f00; }
.white { color:#fff; }

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.noBdr { border: 0 !important; }

.bdrT { border-top: 1px solid #ccc; }
.bdrR { border-right: 1px solid #ccc; }
.bdrB { border-bottom: 1px solid #ccc; }
.bdrL { border-left: 1px solid #ccc; }

.mgT5  { margin-top: 5px; }
.mgR5  { margin-right: 5px; }
.mgB5  { margin-bottom: 5px; }
.mgL5  { margin-left: 5px; }

.mgT10 { margin-top: 10px; }
.mgR10 { margin-right: 10px; }
.mgB10 { margin-bottom: 10px; }
.mgL10 { margin-left: 10px; }

.mgT13 { margin-top: 13px; }
.mgR13 { margin-right: 13px; }
.mgB13 { margin-bottom: 13px; }
.mgL13 { margin-left: 13px; }

.mgT20 { margin-top: 20px; }
.mgR20 { margin-right: 20px; }
.mgB20 { margin-bottom: 20px; }
.mgL20 { margin-left: 20px; }

.mgT30 { margin-top: 30px; }
.mgR30 { margin-right: 30px; }
.mgB30 { margin-bottom: 30px; }
.mgL30 { margin-left: 30px; }

.mgT50 { margin-top: 50px; }
.mgR50 { margin-right: 50px; }
.mgB50 { margin-bottom: 50px; }
.mgL50 { margin-left: 50px; }

.pd5   { padding: 5px; }
.pd10  { padding: 10px; }
.pd13  { padding: 13px; }
.pd20  { padding: 20px; }

.pdT10 { padding-top: 10px; }
.pdR10 { padding-right: 10px; }
.pdB10 { padding-bottom: 10px; }
.pdL10 { padding-left: 10px; }

.pdT13 { padding-top: 13px; }
.pdR13 { padding-right: 13px; }
.pdB13 { padding-bottom: 13px; }
.pdL13 { padding-left: 13px; }

.pdT20 { padding-top: 20px; }
.pdR20 { padding-right: 20px; }
.pdB20 { padding-bottom: 20px; }
.pdL20 { padding-left: 20px; }

.inline { display: inline; }
.hidden { display: none; }

.flL { float: left; }
.flR { float: right; }

.alignR { text-align: right; }
.alignL { text-align: left; }
.alignC { text-align: center; }
.vaT { vertical-align: top; }
.vaB { vertical-align: bottom; }
.vaM { vertical-align: middle; }

.nounderline, .nounderline a, .nounderline a:hover, .nounderline a:link, .nounderline a:visited { text-decoration: none; }



/*===clearfix===*/
#wrapper:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.clr {
  margin: 0; padding: 0;
  height: 0;
  clear: both;
  line-height: 0;
  font-size: 0.1em;
}