@charset "utf-8";

/* ------------------------------------------------------------ Platform */
body { text-align: center; }
div#platform { margin: 0 auto; height: auto; text-align: left; }
div#platform { width: 1008px; }
div#platform.typeNarrow { width: 720px; }
div#platform.type550 { width: 550px; }
div#platform.type540 { width: 540px; }
div#platform.type520 { width: 520px; }
div#platform.type500 { width: 500px; }
div#platform.type230 { width: 230px; }
div#platform.type190 { width: 190px; }
div#platform.type150 { width: 150px; }

/* shop page */
div#headerOuter,
div#contentsOuter,
div#footerOuter {
  clear: both;
}

div#headerOuter {
  width: 1008px;
  margin: auto;
  text-align: left;
  position: relative;
  font-size: 0;
}

div#contentsOuter {
  background-color: #fff;
  margin: 1px 0 0;
  padding: 8px 0 0;
  clear: none;
}

/* Spread Ver */
body.spread div#platform {
  width: 100%;
}
body.spread div#header,
body.spread div#globalNav,
body.spread div#topicPath,
body.spread div#contents,
body.spread div#utilities,
body.spread div#footer { width: 1008px; margin-right: auto; margin-left: auto; }
/* Otherwise */
ul#skipNav,
div#analyzer { display: none; }
/* ------------------------------------------------------------ Container */
/* Some enclosing */
body.grid16 div.boxedItem,
body.grid24 div.boxedItem { margin: 0 10px 10px 10px; padding-top: 10px; }
body.grid20 div.boxedItem { margin: 0 8px 8px; padding-top: 8px; }
div.boxedItem { clear: both; border: 1px dashed #000; }
/* ------------------------------------------------------------ Column set */
div.locator { clear: both;	word-break: break-all;	word-wrap: break-word; }
div.leftCol { clear: both;	word-break: break-all;	word-wrap: break-word; }
.col01,
.col02,
.col03,
.col04,
.col05,
.col06,
.col07,
.col08,
.col09,
.col10,
.col11,
.col12,
.col13,
.col14,
.col15,
.col16,
.col17,
.col18,
.col19,
.col20,
.col21,
.col22,
.col23,
.col24,
.col3A,
.col3B,
.col4A,
.col4B,
.col4C,
.col5A,
.col5B,
.col5C,
.col5D { float: left;margin:auto 5px ;}


/* 24grid Column */

/* ******************* 未使用
body.grid24 .col01 { width: 32px;}
body.grid24 .col02 { width: 74px;}
body.grid24 .col03 { width: 116px;}
body.grid24 .col04 { width: 158px;}
********************** */

body.grid24 .col05 { width: 190px;}/* -10pxで設定 */
body.grid24 .col06 { width: 232px;}/* -10pxで設定 */
body.grid24 .col07 { width: 274px;}/* -10pxで設定 */

/* ******************* 未使用
body.grid24 .col08 { width: 326px;}
body.grid24 .col09 { width: 368px;}
body.grid24 .col10 { width: 410px;}
body.grid24 .col11 { width: 452px;}
********************** */

body.grid24 .col12 { width: 514px;}/* +20pxで設定 */
body.grid24 .col14 { width: 550px; margin: auto 5px; }/* 関西の値に設定 */

/* ******************* 未使用
body.grid24 .col13 { width: 536px;}
body.grid24 .col14 { width: 578px;}
body.grid24 .col15 { width: 620px;}
body.grid24 .col16 { width: 662px;}
body.grid24 .col17 { width: 704px;}
********************** */

body.grid24 .col18 { width: 746px; }
/*body.grid24 .col18 { width: 756px; }*/

body.grid24 .col19 { width: 798px;}/* +10pxで設定 */

/* ******************* 未使用
body.grid24 .col20 { width: 830px;}
body.grid24 .col21 { width: 872px;}
body.grid24 .col22 { width: 914px;}
body.grid24 .col23 { width: 956px;}
********************** */

body.grid24 .col24 { width: 998px;}


/* Split Column */
.col3-1 { width: 33.33%; }
.col3-2 { width: 66.66%; }
.col4-1 { width: 25%; }
.col4-2 { width: 50%; }
.col4-3 { width: 75%; }
.col5-1 { width: 20%; }
.col5-2 { width: 40%; }
.col5-3 { width: 60%; }
.col5-4 { width: 80%; }
* html .col3-1 { width: 33.23%; }
* html .col3-2 { width: 66.56%; }
* html .col4-1 { width: 24.9%; }
* html .col4-2 { width: 49.9%; }
* html .col4-3 { width: 74.9%; }
* html .col5-1 { width: 19.9%; }
* html .col5-2 { width: 39.9%; }
* html .col5-3 { width: 59.9%; }
* html .col5-4 { width: 79.9%; }
/* ------------------------------------------------------------ Preset */
/* W Column */
div#platform.typeDa div#mainContents,
div#platform.typeDb div#mainContents { width: 75%; }
div#platform.typeDa div#subContents,
div#platform.typeDb div#subContents { width: 25%; }
div#platform.typeDa div#mainContents,
div#platform.typeDb div#subContents { float: right; }
div#platform.typeDb div#mainContents,
div#platform.typeDa div#subContents { float: left; }
/* Triple Column */
div#platform.typeTa div#mainContents,
div#platform.typeTb div#mainContents,
div#platform.typeTc div#mainContents { width: 50%; }
div#platform.typeTa div#subContents,
div#platform.typeTb div#subContents,
div#platform.typeTc div#subContents,
div#platform.typeTa div#extraContents,
div#platform.typeTb div#extraContents,
div#platform.typeTc div#extraContents { width: 25%; }
div#platform.typeTa div#mainContents,
div#platform.typeTa div#subContents,
div#platform.typeTa div#extraContents { float: left; }
div#platform.typeTb div#mainContents { float: left; margin-left: 25%; display: inline; }
div#platform.typeTb div#subContents { float: left; margin-left: -75%; }
div#platform.typeTb div#extraContents { float: right; }
div#platform.typeTc div#mainContents { float: right; }
div#platform.typeTc div#subContents,
div#platform.typeTc div#extraContents { float: left; }

/* ------------------------------------------------------------ Offset */
.offset440 {  margin-left: 440px;}
.offset400 {  margin-left: 400px;}
.offset360 {  margin-left: 360px;}
.offset320 {  margin-left: 320px;}
.offset280 {  margin-left: 280px;}
.offset240 {  margin-left: 240px;}
.offset200 {  margin-left: 200px;}
.offset160 {  margin-left: 160px;}
.offset120 {  margin-left: 120px;}
.offset80 {  margin-left: 80px;}
.offset40 {  margin-left: 40px;}
/* ------------------------------------------------------------ ClearFix */
div.locator:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.locator { display: inline-table; }
* html div.locator { height: 1%; }
div.locator { display: block; zoom: 1; }

.punct:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.punct { display: inline-table; }
* html .punct { height: 1%; }
.punct { display: block; zoom: 1; }

/* ------------------------------------------------------------ Print */
@media print {
* html body { zoom: 67%; }
* { page-break-before: avoid; }
/* Links */
a:link,
a:visited { background: transparent; font-weight: 700; text-decoration: underline; color: #0033cc; }
 a:link[href^="http://"]:after, a[href^="http://"]:visited:after {
 content: " (" attr(href) ") ";
 font-size: 100%;
}
}


/*
 * KUZIRA CSS Framework default.css Customized
 */

/* EOF */