@charset "Shift_JIS";

/* **************************************************

Name: grid.css

Description: Setting of grid layout

Create: 2007.10.XX
Update: 2011.10.11

Copyright 2007 Hitachi, Ltd. 

***************************************************** */



/* content===========================================

[-] グリッド
[cc] カラム
[-] 各グリッド・カラム内における段組モジュール幅定義
[-] 共通クラス

===================================================== */



/* [-] グリッド
=========================================================================================== */

div.Grid4,
div.Grid3 {
float: left;
text-align: left;
}
div.Grid4 { width: 765px; }
div.Grid3 { width: 570px; }
div.Grid1 {
float: right;
width: 180px;
}



/* [cc] カラム
=========================================================================================== */

div.Grid4 div.Column3,
div.Grid4 div.Column2,
div.Grid3 div.Column2,
div.Grid3 div.Column1andHalf,
div.Grid4 div.Column1,
div.Grid3 div.Column1 {
float: left;
text-align: left;
}
div.Grid4 div.Column3 { width: 570px; }
div.Grid4 div.Column2,
div.Grid3 div.Column2 {
width: 375px;
margin: 0 0 0 15px;
}
div.Grid3 div.Column1andHalf {
width: 278px;
margin: 0 0 0 14px;
}
div.Grid4 div.Column1,
div.Grid3 div.Column1 {
width: 180px;
margin: 0 0 0 15px;
}
div.Grid4 div.FirstItem,
div.Grid3 div.FirstItem { margin: 0; }
div.Grid4 div.LastItem,
div.Grid3 div.LastItem {
float: right;
margin: 0;
}



/* [-] 各グリッド・カラム内における段組モジュール幅定義
=========================================================================================== */

/* ---4グリッド--- */
div.Grid4 dl.ButtonW120SetStyle1 dd,
div.Grid4 dl.ButtonW120SetStyle2 dd { width: 630px; }
div.Grid4 dl.ButtonW180SetStyle1 dd,
div.Grid4 dl.ButtonW180SetStyle2 dd { width: 570px; }
div.Grid4 dl.ButtonW240SetStyle1 dd,
div.Grid4 dl.ButtonW240SetStyle2 dd { width: 510px; }

div.Grid4 dl.ButtonW120SetStyle3 dd,
div.Grid4 dl.ButtonW120SetStyle4 dd { width: 615px; }
div.Grid4 dl.ButtonW180SetStyle3 dd,
div.Grid4 dl.ButtonW180SetStyle4 dd { width: 555px; }
div.Grid4 dl.ButtonW240SetStyle3 dd,
div.Grid4 dl.ButtonW240SetStyle4 dd { width: 495px; }

div.Grid4 div.ImgW60SetStyle div.ImgSet { width: 690px; }
div.Grid4 div.ImgW120SetStyle div.ImgSet { width: 630px; }
div.Grid4 div.ImgW180SetStyle div.ImgSet { width: 570px; }


/* ---4グリッド枠囲み--- */
div.Grid4 .BoxPatternA dl.ButtonW120SetStyle1 dd,
div.Grid4 .BoxPatternB dl.ButtonW120SetStyle1 dd,
div.Grid4 .BoxPatternC dl.ButtonW120SetStyle1 dd,
div.Grid4 .BoxPatternA dl.ButtonW120SetStyle2 dd,
div.Grid4 .BoxPatternB dl.ButtonW120SetStyle2 dd,
div.Grid4 .BoxPatternC dl.ButtonW120SetStyle2 dd { width: 606px; }

div.Grid4 .BoxPatternA dl.ButtonW120SetStyle3 dd,
div.Grid4 .BoxPatternB dl.ButtonW120SetStyle3 dd,
div.Grid4 .BoxPatternC dl.ButtonW120SetStyle3 dd,
div.Grid4 .BoxPatternA dl.ButtonW120SetStyle4 dd,
div.Grid4 .BoxPatternB dl.ButtonW120SetStyle4 dd,
div.Grid4 .BoxPatternC dl.ButtonW120SetStyle4 dd { width: 591px; }

div.Grid4 .BoxPatternA dl.ButtonW180SetStyle1 dd,
div.Grid4 .BoxPatternB dl.ButtonW180SetStyle1 dd,
div.Grid4 .BoxPatternC dl.ButtonW180SetStyle1 dd,
div.Grid4 .BoxPatternA dl.ButtonW180SetStyle2 dd,
div.Grid4 .BoxPatternB dl.ButtonW180SetStyle2 dd,
div.Grid4 .BoxPatternC dl.ButtonW180SetStyle2 dd { width: 546px; }

div.Grid4 .BoxPatternA dl.ButtonW180SetStyle3 dd,
div.Grid4 .BoxPatternB dl.ButtonW180SetStyle3 dd,
div.Grid4 .BoxPatternC dl.ButtonW180SetStyle3 dd,
div.Grid4 .BoxPatternA dl.ButtonW180SetStyle4 dd,
div.Grid4 .BoxPatternB dl.ButtonW180SetStyle4 dd,
div.Grid4 .BoxPatternC dl.ButtonW180SetStyle4 dd { width: 531px; }

div.Grid4 .BoxPatternA dl.ButtonW240SetStyle1 dd,
div.Grid4 .BoxPatternB dl.ButtonW240SetStyle1 dd,
div.Grid4 .BoxPatternC dl.ButtonW240SetStyle1 dd,
div.Grid4 .BoxPatternA dl.ButtonW240SetStyle2 dd,
div.Grid4 .BoxPatternB dl.ButtonW240SetStyle2 dd,
div.Grid4 .BoxPatternC dl.ButtonW240SetStyle2 dd { width: 486px; }

div.Grid4 .BoxPatternA dl.ButtonW240SetStyle3 dd,
div.Grid4 .BoxPatternB dl.ButtonW240SetStyle3 dd,
div.Grid4 .BoxPatternC dl.ButtonW240SetStyle3 dd,
div.Grid4 .BoxPatternA dl.ButtonW240SetStyle4 dd,
div.Grid4 .BoxPatternB dl.ButtonW240SetStyle4 dd,
div.Grid4 .BoxPatternC dl.ButtonW240SetStyle4 dd { width: 471px; }

div.Grid4 .BoxPatternA div.ImgW60SetStyle div.ImgSet,
div.Grid4 .BoxPatternB div.ImgW60SetStyle div.ImgSet,
div.Grid4 .BoxPatternC div.ImgW60SetStyle div.ImgSet { width: 668px; }

div.Grid4 .BoxPatternA div.ImgW120SetStyle div.ImgSet,
div.Grid4 .BoxPatternB div.ImgW120SetStyle div.ImgSet,
div.Grid4 .BoxPatternC div.ImgW120SetStyle div.ImgSet { width: 608px; }

div.Grid4 .BoxPatternA div.ImgW180SetStyle div.ImgSet,
div.Grid4 .BoxPatternB div.ImgW180SetStyle div.ImgSet,
div.Grid4 .BoxPatternC div.ImgW180SetStyle div.ImgSet { width: 548px; }


/* ---3グリッド・3カラム/4グリッド--- */
div.Grid3 dl.ButtonW120SetStyle1 dd,
div.Grid3 dl.ButtonW120SetStyle2 dd,
div.Grid4 div.Column3 dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column3 dl.ButtonW120SetStyle2 dd { width: 435px; }
div.Grid3 dl.ButtonW180SetStyle1 dd,
div.Grid3 dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column3 dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column3 dl.ButtonW180SetStyle2 dd { width: 375px; }
div.Grid3 dl.ButtonW240SetStyle1 dd,
div.Grid3 dl.ButtonW240SetStyle2 dd,
div.Grid4 div.Column3 dl.ButtonW240SetStyle1 dd,
div.Grid4 div.Column3 dl.ButtonW240SetStyle2 dd { width: 315px; }

div.Grid3 dl.ButtonW120SetStyle3 dd,
div.Grid3 dl.ButtonW120SetStyle4 dd,
div.Grid4 div.Column3 dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column3 dl.ButtonW120SetStyle4 dd { width: 420px; }
div.Grid3 dl.ButtonW180SetStyle3 dd,
div.Grid3 dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column3 dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column3 dl.ButtonW180SetStyle4 dd { width: 360px; }
div.Grid3 dl.ButtonW240SetStyle3 dd,
div.Grid3 dl.ButtonW240SetStyle4 dd,
div.Grid4 div.Column3 dl.ButtonW240SetStyle3 dd,
div.Grid4 div.Column3 dl.ButtonW240SetStyle4 dd { width: 300px; }

div.Grid3 div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW60SetStyle div.ImgSet { width: 495px; }
div.Grid3 div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW120SetStyle div.ImgSet { width: 435px; }
div.Grid3 div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW180SetStyle div.ImgSet { width: 375px; }


/* ---3グリッド枠囲み・3カラム/4グリッド枠囲み--- */
div.Grid3 .BoxPatternA dl.ButtonW120SetStyle1 dd,
div.Grid3 .BoxPatternB dl.ButtonW120SetStyle1 dd,
div.Grid3 .BoxPatternC dl.ButtonW120SetStyle1 dd,
div.Grid3 .BoxPatternA dl.ButtonW120SetStyle2 dd,
div.Grid3 .BoxPatternB dl.ButtonW120SetStyle2 dd,
div.Grid3 .BoxPatternC dl.ButtonW120SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW120SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW120SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW120SetStyle2 dd { width: 411px; }

div.Grid3 .BoxPatternA dl.ButtonW120SetStyle3 dd,
div.Grid3 .BoxPatternB dl.ButtonW120SetStyle3 dd,
div.Grid3 .BoxPatternC dl.ButtonW120SetStyle3 dd,
div.Grid3 .BoxPatternA dl.ButtonW120SetStyle4 dd,
div.Grid3 .BoxPatternB dl.ButtonW120SetStyle4 dd,
div.Grid3 .BoxPatternC dl.ButtonW120SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW120SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW120SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW120SetStyle4 dd { width: 396px; }

div.Grid3 .BoxPatternA dl.ButtonW180SetStyle1 dd,
div.Grid3 .BoxPatternB dl.ButtonW180SetStyle1 dd,
div.Grid3 .BoxPatternC dl.ButtonW180SetStyle1 dd,
div.Grid3 .BoxPatternA dl.ButtonW180SetStyle2 dd,
div.Grid3 .BoxPatternB dl.ButtonW180SetStyle2 dd,
div.Grid3 .BoxPatternC dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW180SetStyle2 dd { width: 351px; }

div.Grid3 .BoxPatternA dl.ButtonW180SetStyle3 dd,
div.Grid3 .BoxPatternB dl.ButtonW180SetStyle3 dd,
div.Grid3 .BoxPatternC dl.ButtonW180SetStyle3 dd,
div.Grid3 .BoxPatternA dl.ButtonW180SetStyle4 dd,
div.Grid3 .BoxPatternB dl.ButtonW180SetStyle4 dd,
div.Grid3 .BoxPatternC dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW180SetStyle4 dd { width: 336px; }

div.Grid3 .BoxPatternA dl.ButtonW240SetStyle1 dd,
div.Grid3 .BoxPatternB dl.ButtonW240SetStyle1 dd,
div.Grid3 .BoxPatternC dl.ButtonW240SetStyle1 dd,
div.Grid3 .BoxPatternA dl.ButtonW240SetStyle2 dd,
div.Grid3 .BoxPatternB dl.ButtonW240SetStyle2 dd,
div.Grid3 .BoxPatternC dl.ButtonW240SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW240SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW240SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW240SetStyle1 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW240SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW240SetStyle2 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW240SetStyle2 dd { width: 291px; }

div.Grid3 .BoxPatternA dl.ButtonW240SetStyle3 dd,
div.Grid3 .BoxPatternB dl.ButtonW240SetStyle3 dd,
div.Grid3 .BoxPatternC dl.ButtonW240SetStyle3 dd,
div.Grid3 .BoxPatternA dl.ButtonW240SetStyle4 dd,
div.Grid3 .BoxPatternB dl.ButtonW240SetStyle4 dd,
div.Grid3 .BoxPatternC dl.ButtonW240SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW240SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW240SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW240SetStyle3 dd,
div.Grid4 div.Column3 .BoxPatternA dl.ButtonW240SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternB dl.ButtonW240SetStyle4 dd,
div.Grid4 div.Column3 .BoxPatternC dl.ButtonW240SetStyle4 dd { width: 276px; }

div.Grid3 .BoxPatternA div.ImgW60SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW60SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW60SetStyle div.ImgSet { width: 473px; }

div.Grid3 .BoxPatternA div.ImgW120SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW120SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW120SetStyle div.ImgSet { width: 413px; }

div.Grid3 .BoxPatternA div.ImgW180SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW180SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW180SetStyle div.ImgSet { width: 353px; }


/* ---2カラム/3グリッド・2カラム/4グリッド--- */
div.Grid4 div.Column2 dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column2 dl.ButtonW120SetStyle2 dd,
div.Grid3 div.Column2 dl.ButtonW120SetStyle1 dd,
div.Grid3 div.Column2 dl.ButtonW120SetStyle2 dd { width: 240px; }

div.Grid4 div.Column2 dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column2 dl.ButtonW120SetStyle4 dd,
div.Grid3 div.Column2 dl.ButtonW120SetStyle3 dd,
div.Grid3 div.Column2 dl.ButtonW120SetStyle4 dd { width: 225px; }

div.Grid4 div.Column2 dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 dl.ButtonW180SetStyle2 dd { width: 180px; }

div.Grid4 div.Column2 dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 dl.ButtonW180SetStyle4 dd { width: 165px; }

div.Grid4 div.Column2 div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column2 div.ImgW60SetStyle div.ImgSet { width: 300px; }
div.Grid4 div.Column2 div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column2 div.ImgW120SetStyle div.ImgSet { width: 240px; }
div.Grid4 div.Column2 div.ImgW180SetStyle div.ImgSet,
div.Grid3 div.Column2 div.ImgW180SetStyle div.ImgSet { width: 180px; }


/* ---2カラム/3グリッド枠囲み・2カラム/4グリッド枠囲み--- */
div.Grid4 div.Column2 .BoxPatternA dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW120SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternA dl.ButtonW120SetStyle2 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW120SetStyle2 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW120SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW120SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW120SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW120SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW120SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW120SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW120SetStyle2 dd { width: 216px; }

div.Grid4 div.Column2 .BoxPatternA dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW120SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternA dl.ButtonW120SetStyle4 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW120SetStyle4 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW120SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW120SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW120SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW120SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW120SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW120SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW120SetStyle4 dd { width: 201px; }

div.Grid4 div.Column2 .BoxPatternA dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW180SetStyle1 dd,
div.Grid4 div.Column2 .BoxPatternA dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW180SetStyle2 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW180SetStyle1 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW180SetStyle2 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW180SetStyle2 dd { width: 156px; }

div.Grid4 div.Column2 .BoxPatternA dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW180SetStyle3 dd,
div.Grid4 div.Column2 .BoxPatternA dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column2 .BoxPatternB dl.ButtonW180SetStyle4 dd,
div.Grid4 div.Column2 .BoxPatternC dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW180SetStyle3 dd,
div.Grid3 div.Column2 .BoxPatternA dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternB dl.ButtonW180SetStyle4 dd,
div.Grid3 div.Column2 .BoxPatternC dl.ButtonW180SetStyle4 dd { width: 141px; }

div.Grid4 div.Column2 .BoxPatternA div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternB div.ImgW60SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternA div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC div.ImgW60SetStyle div.ImgSet { width: 276px; }

div.Grid4 div.Column2 .BoxPatternA div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternB div.ImgW120SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternA div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC div.ImgW120SetStyle div.ImgSet { width: 216px; }

div.Grid4 div.Column2 .BoxPatternA div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternB div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column2 .BoxPatternC div.ImgW180SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternA div.ImgW180SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternB div.ImgW180SetStyle div.ImgSet,
div.Grid3 div.Column2 .BoxPatternC div.ImgW180SetStyle div.ImgSet { width: 156px; }


/* ---1.5カラム/3グリッド--- */
div.Grid3 div.Column1andHalf div.ImgW60SetStyle div.ImgSet { width: 203px; }
div.Grid3 div.Column1andHalf div.ImgW120SetStyle div.ImgSet { width: 143px; }


/* ---1.5カラム/3グリッド枠囲み--- */
div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternB div.ImgW60SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC div.ImgW60SetStyle div.ImgSet { width: 181px; }

div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternB div.ImgW120SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC div.ImgW120SetStyle div.ImgSet { width: 121px; }



/* [-] 共通クラス
=========================================================================================== */

div.GridSet:after,
div.ColumnSet:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}
div.GridSet,
div.ColumnSet { display: inline-block; }

/* Hides from IE 4-6 \*/
* html div.GridSet,
* html div.ColumnSet { height: 1%; }

div.GridSet,
div.ColumnSet { display: block; } 
/* End hide from IE 4-6 */

.clearBoth{
clear:both;
float:none;
}