@charset "utf-8";

/* --------------------------------------------------
 Box Frame Elements
-------------------------------------------------- */

/* Box Frame Common Setting
-------------------------------------------------- */
/* Wrap 
---------------------------------------- */
div.boxFrameWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.boxFrameWrap {display:inline-block;}
/* Hides from IE-mac \*/
* html div.boxFrameWrap {height:1%;}
div.boxFrameWrap {display:block;}
/* End hide from IE-mac */


/* Section 
---------------------------------------- */
/* Type - A */
div.sectionA {
padding:10px 15px 23px;
}
div.sectionA:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.sectionA {display:inline-block;}
/* Hides from IE-mac \*/
* html div.sectionA {height:1%;}
div.sectionA {display:block;}
/* End hide from IE-mac */

div.sectionA div.sectionA {
width:auto;
}

/* Type - B */
div.sectionB {
padding:0 5px 18px;
}
div.sectionB:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.sectionB {display:inline-block;}
/* Hides from IE-mac \*/
* html div.sectionB {height:1%;}
div.sectionB {display:block;}
/* End hide from IE-mac */


/* Item 
---------------------------------------- */
div.item {
margin-bottom:18px;
}
div.item:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.item {display:inline-block;}
/* Hides from IE-mac \*/
* html div.item {height:1%;}
div.item {display:block;}
/* End hide from IE-mac */

div.itemInner {
margin:0 10px;
}

/* Last */
div.itemLast {
margin-bottom:0;
}
div.itemLast:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.itemLast {display:inline-block;}
/* Hides from IE-mac \*/
* html div.itemLast {height:1%;}
div.itemLast {display:block;}
/* End hide from IE-mac */


/* subTitle
---------------------------------------- */
.subTitle {
margin-bottom:5px;
font-size:116%;/*14px*/
font-weight:bold;
}


/* Thumbnail Images, Descriptive Text 
---------------------------------------- */
/* boxFrameWidth186*/
div.boxFrameWidth186 .thumbnailImg {margin-bottom:10px;}

/* boxFrameWidth264*/
div.boxFrameWidth264 {width:264px;}
div.boxFrameWidth578 div.boxFrameWidth264 .thumbnail88 .thumbnailImg {width:88px;}
div.boxFrameWidth578 div.boxFrameWidth264 .thumbnail88 .descriptiveText {width:166px;}
div.boxFrameWidth578 div.boxFrameWidth264 .thumbnail88 .descriptiveText dl dt {
margin-bottom:10px;
}

/* boxFrameWidth284*/
div.boxFrameWidth284 .thumbnail88 .thumbnailImg {width:88px;}
div.boxFrameWidth284 .thumbnail88 .descriptiveText {width:156px;}

div.boxFrameWidth284 .thumbnail156 .thumbnailImg {width:156px;}
div.boxFrameWidth284 .thumbnail156 .descriptiveText {width:88px;}

/* boxFrameWidth382*/
div.boxFrameWidth382 .thumbnail88 .thumbnailImg {width:88px;}
div.boxFrameWidth382 .thumbnail88 .descriptiveText {width:254px;}

div.boxFrameWidth382 .thumbnail156 .thumbnailImg {width:156px;}
div.boxFrameWidth382 .thumbnail156 .descriptiveText {width:186px;}

div.boxFrameWidth382 .thumbnail176 .thumbnailImg {width:176px;}
div.boxFrameWidth382 .thumbnail176 .descriptiveText {width:166px;}

/* boxFrameWidth578*/
div.boxFrameWidth578 .thumbnail88 .thumbnailImg {width:88px;}
div.boxFrameWidth578 .thumbnail88 .descriptiveText {width:450px;}

div.boxFrameWidth578 .thumbnail156 .thumbnailImg {width:156px;}
div.boxFrameWidth578 .thumbnail156 .descriptiveText {width:382px;}

div.boxFrameWidth578 .thumbnail176 .thumbnailImg {width:176px;}
div.boxFrameWidth578 .thumbnail176 .descriptiveText {width:362px;}

div.boxFrameWidth578 .thumbnail269 .thumbnailImg {width:269px;}
div.boxFrameWidth578 .thumbnail269 .descriptiveText {width:269px;}

div.boxFrameWidth578 .thumbnail274 .thumbnailImg {width:274px;}
div.boxFrameWidth578 .thumbnail274 .descriptiveText {width:264px;}

div.boxFrameWidth578 .column2thumbnail88 .thumbnailImg { width:88px; }
div.boxFrameWidth578 .column2thumbnail88 .descriptiveText { width:144px; }

/* boxFrameWidth774*/
div.boxFrameWidth774 .thumbnail88 .thumbnailImg {width:88px;}
div.boxFrameWidth774 .thumbnail88 .descriptiveText {width:656px;}

div.boxFrameWidth774 .thumbnail156 .thumbnailImg {width:156px;}
div.boxFrameWidth774 .thumbnail156 .descriptiveText {width:578px;}

div.boxFrameWidth774 .thumbnail176 .thumbnailImg {width:176px;}
div.boxFrameWidth774 .thumbnail176 .descriptiveText {width:558px;}

div.boxFrameWidth774 .thumbnail253 .thumbnailImg {width:253px;}
div.boxFrameWidth774 .thumbnail253 .descriptiveText {width:460px;}

div.boxFrameWidth774 .thumbnail274 .thumbnailImg {width:274px;}
div.boxFrameWidth774 .thumbnail274 .descriptiveText {width:460px;}


/* Caption 
---------------------------------------- */
.thumbnailCaption {
font-size:85%;
}


/* 2, 3Column 
---------------------------------------- */
/* width578px */
div.boxFrameWidth578 div.column2 div.item,
div.boxFrameWidth578 div.column2 div.itemLast {
float:left;
width:264px;
margin-right:20px;
}
div.boxFrameWidth578 div.column3 div.item,
div.boxFrameWidth578 div.column3 div.itemLast {
float:left;
width:176px;
margin-right:10px;
}
div.boxFrameWidth578 div.columnLast div.item,
div.boxFrameWidth578 div.columnLast div.itemLast {
margin-right:0;
}

/* width774px */
div.boxFrameWidth774 div.column2 div.item,
div.boxFrameWidth774 div.column2 div.itemLast {
float:left;
width:372px;
}
div.boxFrameWidth774 div.h3column2 div.column2 div.item,
div.boxFrameWidth774 div.h3column2 div.column2 div.itemLast {
float:left;
width:362px;
}
div.boxFrameWidth774 div.h3column2 div.column2Last div.item,
div.boxFrameWidth774 div.h3column2 div.column2Last div.itemLast {
float:right;
width:362px;
}
div.boxFrameWidth774 div.itemInner div.h3column2 div.column2 div.item,
div.boxFrameWidth774 div.itemInner div.h3column2 div.column2 div.itemLast {
float:left;
width:352px;
}
div.boxFrameWidth774 div.itemInner div.h3column2 div.column2Last div.item,
div.boxFrameWidth774 div.itemInner div.h3column2 div.column2Last div.itemLast {
float:right;
width:352px;
}
div.boxFrameWidth774 div.column3 div.item,
div.boxFrameWidth774 div.column3 div.itemLast {
float:left;
width:248px;
}

/* Box Frame Separate Setting
-------------------------------------------------- */
/* Type - A 
---------------------------------------- */
/* Background */
div.boxFrameA01 {
zoom:1;
margin-bottom:10px;
background:url(/common/images/boxFrameA_bg_01.gif) repeat-y;
}
div.boxFrameA02 {
zoom:1;
background:url(/common/images/boxFrameA_bg_02.gif) repeat-y right;
}
div.boxFrameA03 {
zoom:1;
background:url(/common/images/boxFrameA_bg_03.gif) repeat-x bottom;
}
div.boxFrameA04 {
zoom:1;
background:url(/common/images/boxFrameA_bg_04.gif) no-repeat left bottom;
}
div.boxFrameA05 {
zoom:1;
background:url(/common/images/boxFrameA_bg_05.gif) no-repeat right bottom;
}
div.boxFrameA06 {
zoom:1;
background:url(/common/images/boxFrameA_bg_06.gif) repeat-x top;
}
div.boxFrameA07 {
zoom:1;
background:url(/common/images/boxFrameA_bg_07.gif) no-repeat top left;
}
div.boxFrameA08 {
zoom:1;
background:url(/common/images/boxFrameA_bg_08.gif) no-repeat top right;
}

/* Width  */
div.boxFrameWidth186 div.boxFrameA01 {
width:186px;
margin-right:10px;
}
div.boxFrameWidth284 div.boxFrameA01 {
width:284px;
margin-right:10px;
}
div.boxFrameWidth382 div.boxFrameA01 {
width:382px;
margin-right:10px;
}
div.boxFrameWidth578 div.boxFrameA01 {
width:578px;
margin-right:10px;
}
div.boxFrameWidth774 div.boxFrameA01 {
width:774px;
}

div.boxFrameLast div.boxFrameA01 {
margin-right:0;
}


/* Type - B 
---------------------------------------- */
/* Background */
div.boxFrameB01 {
zoom:1;
margin:0 5px 10px 5px;
background:url(/common/images/boxFrameB_bg_01.gif) repeat-y;
}
div.boxFrameB02 {
zoom:1;
background:url(/common/images/boxFrameB_bg_01.gif) repeat-y right;
}
div.boxFrameB03 {
zoom:1;
background:url(/common/images/boxFrameB_bg_02.gif) repeat-x bottom;
}
div.boxFrameB04 {
zoom:1;
background:url(/common/images/boxFrameB_bg_03.gif) no-repeat left bottom;
}
div.boxFrameB05 {
zoom:1;
background:url(/common/images/boxFrameB_bg_04.gif) no-repeat right bottom;
}
div.boxFrameB06 {
zoom:1;
background:url(/common/images/boxFrameB_bg_02.gif) repeat-x top;
}
div.boxFrameB07 {
zoom:1;
background:url(/common/images/boxFrameB_bg_05.gif) no-repeat left top;
}
div.boxFrameB08 {
zoom:1;
padding:10px;
background:url(/common/images/boxFrameB_bg_06.gif) no-repeat right top;
}

div.boxFrameB01 div.sectionA {
padding:20px 12px;
}
div.boxFrameB01 div.item {
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px solid #dbdbdb;
}
div.boxFrameB01 div.itemLast {
margin:0;
padding:0;
border:0;
}


/* Type - C 
---------------------------------------- */
/* Background */
div.boxFrameC01 {
zoom:1;
margin-bottom:10px;
background:url(/common/images/boxFrameC_bg_01.gif) repeat-y;
}
div.boxFrameC02 {
zoom:1;
background:url(/common/images/boxFrameC_bg_02.gif) repeat-y right;
}
div.boxFrameC03 {
zoom:1;
background:url(/common/images/boxFrameC_bg_03.gif) repeat-x bottom;
}
div.boxFrameC04 {
zoom:1;
background:url(/common/images/boxFrameC_bg_04.gif) no-repeat left bottom;
}
div.boxFrameC05 {
zoom:1;
background:url(/common/images/boxFrameC_bg_05.gif) no-repeat right bottom;
}
div.boxFrameC06 {
zoom:1;
background:url(/common/images/boxFrameC_bg_06.gif) repeat-x top;
}
div.boxFrameC07 {
zoom:1;
background:url(/common/images/boxFrameC_bg_07.gif) no-repeat left top;
}
div.boxFrameC08 {
zoom:1;
padding:10px 15px 18px;
background:url(/common/images/boxFrameC_bg_08.gif) no-repeat right top;
}

div.boxFrameC01 div.sectionA {
padding:20px 12px;
}
div.boxFrameC01 div.item {
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px solid #dbdbdb;
}
div.boxFrameC01 div.itemLast {
margin:0;
padding:0;
border:0;
}


/* Type - D 
---------------------------------------- */
/* Background */
div.boxFrameD01 {
zoom:1;
margin-bottom:10px;
background:#f1f1f1 url(/common/images/boxFrameD_bg_01.gif) no-repeat left bottom;
}
div.boxFrameD02 {
zoom:1;
background:url(/common/images/boxFrameD_bg_02.gif) no-repeat right bottom;;
}
div.boxFrameD03 {
zoom:1;
background:url(/common/images/boxFrameD_bg_03.gif) no-repeat left top;;
}
div.boxFrameD04 {
zoom:1;
padding:5px 12px 10px;
background:url(/common/images/boxFrameD_bg_04.gif) no-repeat right top;
}


/* Link List Frame
-------------------------------------------------- */
/* Type - A 
---------------------------------------- */
div.linkListFrameA01 {
zoom:1;
margin:0 5px 10px 5px;
background:url(/common/images/linkListFrameA_bg_01.gif) repeat-y;
}
div.linkListFrameA02 {
zoom:1;
background:url(/common/images/linkListFrameA_bg_02.gif) repeat-y right;
}
div.linkListFrameA03 {
zoom:1;
background:url(/common/images/linkListFrameA_bg_03.gif) repeat-x bottom;
}
div.linkListFrameA04 {
zoom:1;
background:url(/common/images/linkListFrameA_bg_04.gif) no-repeat left bottom;
}
div.linkListFrameA05 {
zoom:1;
background:url(/common/images/linkListFrameA_bg_05.gif) no-repeat right bottom;
}
div.linkListFrameA06 {
zoom:1;
background:url(/common/images/linkListFrameA_bg_06.gif) repeat-x top;
}
div.linkListFrameA07 {
zoom:1;
background:url(/common/images/linkListFrameA_bg_07.gif) no-repeat left top;
}
div.linkListFrameA08 {
zoom:1;
background:url(/common/images/linkListFrameA_bg_08.gif) no-repeat right top;
}

div.linkListFrameA01 div.sectionA {
padding:3px 10px 10px;
}


/* Type - B 
---------------------------------------- */
div.linkListFrameB01 {
zoom:1;
margin:0 5px 10px 5px;
background:#f1f1f1 url(/common/images/linkListFrameB_bg_01.gif) no-repeat left bottom;
}
div.linkListFrameB02 {
zoom:1;
background:url(/common/images/linkListFrameB_bg_02.gif) no-repeat right bottom;
}
div.linkListFrameB03 {
zoom:1;
background:url(/common/images/linkListFrameB_bg_03.gif) no-repeat left top;
}
div.linkListFrameB04 {
zoom:1;
background:url(/common/images/linkListFrameB_bg_04.gif) no-repeat right top;
}
div.linkListFrameB01 div.sectionA {
padding:3px 12px 10px;
}


/* CategoryBox
-------------------------------------------------- */
div.categoryBoxFrame div.categoryBox,
div.categoryBoxFrame div.categoryBoxLast {
float:left;
margin-right:10px;
}
div.categoryBoxFrame div.categoryBoxLast {
margin-right:0;
}
div.categoryBoxFrame div.h3FrameA06 {
padding-top:8px;
padding-bottom:10px;
padding-right:3px;
padding-left:3px;
}

/* h3 */
div.categoryBoxFrame div.h3FrameA06 h3 {
margin:0 0 6px 8px;
}

/* h4 */
div.categoryBoxFrame div.h4FrameA01 {
margin-right:0;
margin-left:0;
}
div.categoryBoxFrame div.h4FrameA01 h4 {
margin-left:5px;
}

/* categoryText */
div.categoryBoxFrame div.categoryText {
margin:5px 7px 0 7px;
}

/* boxFrameWidth774
---------------------------------------- */
div.boxFrameWidth774 div.categoryBoxFrame {
margin-left:5px;
}

/* Column 4 */
div.boxFrameWidth774 div.categoryBoxFrame.column4 div.categoryBox,
div.boxFrameWidth774 div.categoryBoxFrame.column4 div.categoryBoxLast {
width:176px;
}

/* Column 3 */
div.boxFrameWidth774 div.categoryBoxFrame.column3 div.categoryBox,
div.boxFrameWidth774 div.categoryBoxFrame.column3 div.categoryBoxLast {
width:238px;
}

/* Column 2 */
div.boxFrameWidth774 div.categoryBoxFrame.column2 div.categoryBox,
div.boxFrameWidth774 div.categoryBoxFrame.column2 div.categoryBoxLast {
width:362px;
}

/* boxFrameWidth578
---------------------------------------- */
/* Column 3 */
div.boxFrameWidth578 div.categoryBoxFrame.column3 div.categoryBox,
div.boxFrameWidth578 div.categoryBoxFrame.column3 div.categoryBoxLast {
width:176px;
}

/* Column 2 */
div.boxFrameWidth578 div.categoryBoxFrame.column2 div.categoryBox,
div.boxFrameWidth578 div.categoryBoxFrame.column2 div.categoryBoxLast {
width:269px;
}


/* boxFrame for Index
-------------------------------------------------- */
/* Width774 Column 2 */
div.boxFrameIndex {
margin-bottom:10px;
padding-bottom:10px;
line-height:1.4;
background:url(/common/images/boxFrameIndex_bg_01.gif) no-repeat bottom;
}
div.boxFrameIndexLast {
margin:0;
padding-bottom:10px;
line-height:1.4;
background:none;
}
div.boxFrameIndex div.boxFrameWidth352,
div.boxFrameIndexLast div.boxFrameWidth352 {
width:352px;
}
div.boxFrameIndex div.boxFrameWidth352 .thumbnail88 .thumbnailImg,
div.boxFrameIndexLast div.boxFrameWidth352 .thumbnail88 .thumbnailImg {
width:88px;
}
div.boxFrameIndex div.boxFrameWidth352 .thumbnail88 .descriptiveText,
div.boxFrameIndexLast div.boxFrameWidth352 .thumbnail88 .descriptiveText {
width:254px;
}
div.boxFrameIndex dt,
div.boxFrameIndexLast dt {
margin-bottom:10px;
}


/* SizeBox
-------------------------------------------------- */
div.sizeBoxFrame {
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
}
div.sizeBoxFrame:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
div.sizeBoxFrame {display:inline-block;}
/* Hides from IE-mac \*/
* html div.sizeBoxFrame {height:1%;}
div.sizeBoxFrame {display:block;}
/* End hide from IE-mac */

div.sizeBoxFrame.borderNone {
border-top:0;
}

div.sizeBoxFrame div.sizeBox {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
line-height:1.5;
}
div.sizeBoxFrame div.sizeBoxInner {
margin:0 10px;
}
div.sizeSampleImg table td {
vertical-align:bottom;
}
div.boxHeight60 div.sizeSampleImg table td {height:60px;}
div.boxHeight125 div.sizeSampleImg table td {height:125px;}
div.boxHeight164 div.sizeSampleImg table td {height:164px;}
div.boxHeight190 div.sizeSampleImg table td {height:190px;}

div.sizeSampleText {
padding:5px 0;
border-top:1px solid #ccc;
}

.sizeType {
padding:5px 0;
font-weight:bold;
}

/* boxFrameWidth774
---------------------------- */
/* Column 4 */
/* below h2 */
div.boxFrameWidth774 div.sizeBoxFrame.column4 div.sizeBox.floatLeft {
width:;
}
div.boxFrameWidth774 div.sizeBoxFrame.column4 div.sizeBox.floatRight {
width:;
}
/* below h3 */
div.boxFrameWidth774 div.itemInner div.sizeBoxFrame.column4 div.sizeBox.floatLeft {
width:180px;
}
div.boxFrameWidth774 div.itemInner div.sizeBoxFrame.column4 div.sizeBox.floatRight {
width:179px;
}

/* Column 3 */
/* below h2 */
div.boxFrameWidth774 div.sizeBoxFrame.column3 div.sizeBox.floatLeft {
width:;
}
div.boxFrameWidth774 div.sizeBoxFrame.column3 div.sizeBox.floatRight {
width:;
}
/* below h3 */
div.boxFrameWidth774 div.itemInner div.sizeBoxFrame.column3 div.sizeBox {
width:240px;
}

/* Column 2 */
/* below h2 */
div.boxFrameWidth774 div.sizeBoxFrame.column2 div.sizeBox.floatLeft {
width:;
}
div.boxFrameWidth774 div.sizeBoxFrame.column2 div.sizeBox.floatRight {
width:;
}
/* below h3 */
div.boxFrameWidth774 div.itemInner div.sizeBoxFrame.column2 div.sizeBox.floatLeft {
width:361px;
}
div.boxFrameWidth774 div.itemInner div.sizeBoxFrame.column2 div.sizeBox.floatRight {
width:360px;
}

/* below h3column2 */
div.boxFrameWidth362 {
width:362px;
}
div.boxFrameWidth362 div.itemInner div.sizeBoxFrame.column2 div.sizeBox.floatLeft {
width:169px;
}
div.boxFrameWidth362 div.itemInner div.sizeBoxFrame.column2 div.sizeBox.floatRight {
width:170px;
}

/* boxFrameWidth774
---------------------------- */
/* Column 3 */
/* below h2 */
div.boxFrameWidth578 div.sizeBoxFrame.column3 div.sizeBox.floatLeft {
width:175px;
}
div.boxFrameWidth578 div.sizeBoxFrame.column3 div.sizeBox.floatRight {
width:174px;
}

/* borderColumnNone
---------------------------- */
div.sizeBoxFrame.borderColumnNone {
border-top:0;
}
.borderColumnNone .sizeBox {
border-top:1px solid #ccc;
}

/* borderBottomNone
---------------------------- */
div.borderBtmNone div.sizeBox {
border-bottom:0;
}




