@charset "utf-8";
/* ********************************************************************************************

FileName: grid.css
Author: Fujimic

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

/*お知らせの枠*/

.info_frame01{width:900px;background:url(/images/common/old/grid/infoframe01_bbody.gif) top left repeat-y;}

.info_frame01 .ttop{padding:5px 0 0 0;background:url(/images/common/old/grid/infoframe01_ttop.gif) top left no-repeat;}

.info_frame01 .tbtm{padding:0 0 5px 0;background:url(/images/common/old/grid/infoframe01_tbtm.gif) bottom left no-repeat;}

.info_frame01 .tmdl{padding:0;background:url(/images/common/old/grid/infoframe01_tmdl.gif) top left repeat-y;padding:2px 10px;}

.info_frame01 .tmdl span.text{font-weight:bold;color:#fff;margin-right:10px;}

.info_frame01 .tmdl a.link_icon{color:#fff;background:url(/images/common/old/icon_linkWhite.gif) no-repeat 0px 0.5em;float:right;}

.info_frame01 .tmdl a.link_icon:hover{color:#fff;}

.info_frame01 .tmdl a.link_icon:visited{color:#fff;}

.info_frame01 .tmdl a.link_icon:link{color:#fff;}

.info_frame01 .bbtm{padding:10px 12px 12px 12px;background:url(/images/common/old/grid/infoframe01_bbtm.gif) bottom left no-repeat;}



/*オレンジ*/

.info_frameOr{width:900px;background:url(/images/common/old/grid/infoframe01_or_bbody.gif) top left repeat-y;}

.info_frameOr .ttop{padding:5px 0 0 0;background:url(/images/common/old/grid/infoframe01_or_ttop.gif) top left no-repeat;}

.info_frameOr .tbtm{padding:0 0 5px 0;background:url(/images/common/old/grid/infoframe01_or_tbtm.gif) bottom left no-repeat;}

.info_frameOr .tmdl{padding:0;background:url(/images/common/old/grid/infoframe01_or_tmdl.gif) top left repeat-y;padding:2px 10px;}

.info_frameOr .tmdl span.text{font-weight:bold;color:#fff;margin-right:10px;}

.info_frameOr .tmdl a.link_icon{color:#fff;background:url(/images/common/old/icon_linkWhite.gif) no-repeat 0px 0.5em;float:right;}

.info_frameOr .tmdl a.link_icon:hover{color:#fff;}

.info_frameOr .tmdl a.link_icon:visited{color:#fff;}

.info_frameOr .tmdl a.link_icon:link{color:#fff;}

.info_frameOr .bbtm{padding:10px 12px 12px 12px;background:url(/images/common/old/grid/infoframe01_or_bbtm.gif) bottom left no-repeat;}



.info_frame02{width:900px;background:url(/images/common/old/grid/infoframe02_bbody.gif) top left repeat-y;}

.info_frame02 .ttop{padding:5px 0 0 0;background:url(/images/common/old/grid/infoframe02_ttop.gif) top left no-repeat;}

.info_frame02 .tbtm{padding:0 0 5px 0;background:url(/images/common/old/grid/infoframe02_tbtm.gif) bottom left no-repeat;}

.info_frame02 .tmdl{padding:0;background:url(/images/common/old/grid/infoframe02_tmdl.gif) top left repeat-y;}

.info_frame02 .tmdl .pdng{padding:2px 10px;}

.info_frame02 .tmdl span.text{font-weight:bold;color:#fff;margin-right:10px;}

.info_frame02 .tmdl a.link_icon{color:#fff;background:url(/images/common/old/icon_linkWhite.gif) no-repeat 0px 0.5em;float:right;}

.info_frame02 .tmdl a.link_icon:hover{color:#fff;}

.info_frame02 .tmdl a.link_icon:visited{color:#fff;}

.info_frame02 .tmdl a.link_icon:link{color:#fff;}

.info_frame02 .tmdl .first{float:left;width:450px;}

.info_frame02 .tmdl .second{float:right;width:450px;}

.info_frame02 .bbtm{background:url(/images/common/old/grid/infoframe02_bbtm.gif) bottom left no-repeat;}

.info_frame02 .tmdl .first,

.info_frame02 .bbtm .first{float:left;width:450px;}

.info_frame02 .tmdl .second,

.info_frame02 .bbtm .second{float:right;width:450px;}

.info_frame02 .bbtm .pdng{padding:10px;}



/*2分割*/

div.dev_double{width:900px;}
div.dev_double div.first{float:left;width:450px;}
div.dev_double div.second{float:right;width:450px;}


/*3分割*/
div.dev_triple{width:900px;}
div.dev_triple div.first{float:left;width:300px;}
div.dev_triple div.second{float:left;width:300px;}
div.dev_triple div.third{float:right;width:300px;}

/*テーブルっぽいリスト*/
ul.table_list,ul.table_list2 {
  display: table;
  margin:0 auto;
}

ul.table_list li.cell,
ul.table_list2 li.cell {
  display: table-cell;
  vertical-align: top;
  padding-right:15px;
}


@media only screen and (max-width: 640px) {
div.dev_double,div.dev_triple{width:100%;}
div.dev_double div.first,div.dev_double div.second,
div.dev_triple div.first,div.dev_triple div.second,div.dev_triple div.third{float:none;width:100%;margin:0px;}
.info_frameOr,.info_frame02{ width:100%;}

ul.table_list{display:block;}
ul.table_list li.cell{display:block;margin-bottom:15px;padding-right:0;}

}