@charset "UTF-8";


/* index ------------------------------------------------- */
#contents #topside{ float:left; margin:0 0 0 17px; display:inline; width:451px; }
#contents #topside .sideleft{ float:left; width:248px; display:block; } 
#contents #topside .sideleft #round{ margin:0 0 5px; font-size:0; padding:0; display:block; line-height:0; }
#contents .blue{ background:url(../common/blue_bg.png) no-repeat; }
#contents .green{ background:url(../common/green_bg.png) no-repeat; }
#contents .orenge{ background:url(../common/orange_bg.png) no-repeat; }
#contents .graygra{ background:url(../common/gray_bg.png) no-repeat; }
#contents #topside .kulog{ float:left; margin-top:10px; }
#contents #topside .tawagoto{ float:right; margin-top:12px; }

#contents #topside .sideleft #round ul.corse{ float:right; margin:1px 0; width:227px; padding:0; }
#contents #topside .sideleft #round ul.corse li{ margin:0;  }
#contents #topside .sideleft #round ul.corse li.left{ float:left; }
#contents #topside .sideleft #round h5{ float:left; width:21px; margin:3px 0 0; }
#contents #topside .sideleft .btn{ margin-bottom:5px; }

#contents #topside .sideright{ float:right; width:190px; background:#e3e3e3; padding-bottom:7px; }
#contents #topside .sideright img{ margin:7px 7px 0; }

#contents .gray{ background:#e3e3e3; padding:10px 0 3px; margin:0 17px; }
#contents .gray ul.banner{ margin:0 0 0 11px; }
#contents .gray ul.banner li{ float:left; padding:0 7px 7px 0; margin:0; height:42px; }

#contents #news{ margin:0 0 0 490px; width:460px; }
#contents #news h5{ margin:0; }
#contents #news dl.news{ margin:0 0 10px; display:block; }
#contents #news dl.news dt{ background:url(../images/arrow.gif) no-repeat left center; color:#ff7602; padding:0 0 0 18px; margin:5px 5px 0; }
#contents #news dl.news dd{ background:url(../images/dotborder.gif) repeat-x bottom; margin:0; padding:5px 24px 10px; }
#contents #news dl.news dd.list{ background:none; text-align:right; padding:5px 0; }
#contents #news dl.news dd.list a{ background:url(../images/arrow.jpg) no-repeat left center; padding:0 0 0 18px; }
#contents #news dl.news dd.list a:link,#contents #news dl.news dd.list a:visited,#contents #news dl.news dd.list a:active { color:#f93409; text-decoration:underline; }
#contents #news dl.news dd.list a:hover { color:#f93409; text-decoration:none; }

#contents ul.topbanner{ margin:0 0 10px 5px; padding:5px 0 0; clear:both; display:inline; }
#contents ul.topbanner li{ height:48px; width:460px; float:left; margin:0 0 10px 13px; padding:0; display:inline; }
#contents ul.topbanner li img{ vertical-align:bottom; }

/* セカンド ------------------------------------ */
#stage.second{ padding-bottom:0; } 
#stage.second #contents #topside{ margin:0px; width:262px; background:#0097e2; }
#stage.second #contents #topside .sideleft{ margin:10px 6px; display:inline; }

#menu{ background:url(../common/headerbg.gif); margin:0 19px 0 0; border-bottom:9px solid #0098e4; }
#menu ul{ padding:3px 0 0; margin:0; }
#menu ul li{ float:left; margin:0 0 0 8px; padding:0; height:58px; font-size:0; display:inline; }
#stage.s_05 #menu{ border-bottom:9px solid #ff5446; }
#stage.s_02 #menu{ border-bottom:9px solid #a8bb03; }
#stage.s_03 #menu{ border-bottom:9px solid #ff7d0c; }
#stage.s_04 #menu{ border-bottom:9px solid #028c81; }
#stage.s_01 #menu{ border-bottom:9px solid #6b1bff; }
#stage.s_06 #menu{ border-bottom:9px solid #ff1bac; }

#stage #contents #topside #sideimage{ background:url(../s_03/images/sec03_bg.jpg) no-repeat left bottom; min-height:517px; height:auto !important; _height:217px; padding-bottom:400px; }
#stage #contents #topside #sideimage.s_05{ background:url(../s_01/images/sec03_bg.jpg) no-repeat left bottom; }
#stage #contents #topside #sideimage.s_02{ background:url(../s_02/images/sec03_bg.jpg) no-repeat left bottom; }
#stage #contents #topside #sideimage.s_03{ background:url(../s_03/images/sec03_bg2.jpg) no-repeat left bottom; }
#stage #contents #topside #sideimage.s_04{ background:url(../s_04/images/sec03_bg.jpg) no-repeat left bottom; }
#stage #contents #topside #sideimage.s_01{ background:url(../s_05/images/sec03_bg.jpg) no-repeat left bottom; }
#stage #contents #topside #sideimage.s_06{ background:url(../s_06/images/sec03_bg.jpg) no-repeat left bottom; }

#stage #contents #topside #sideimage.s_08{ background:url(../s_08/images/sec03_bg.jpg) no-repeat left bottom; }
#stage #contents #topside #sideimage.s_09{ background:url(../s_09/images/sec03_bg.jpg) no-repeat left bottom; }

#whitemenu{ margin:15px 0 10px 6px; }
#whitemenu #wite{ background:#FFFFFF; display:block; }
#whitemenu #wite ul{ margin:0; padding-left:10px; }
#whitemenu #wite ul li{ background:url(../common/roudwite_bg.gif) left top; margin-top:8px; font-size:116.7%; line-height:150%; }
#whitemenu #wite ul li.top{ margin:0; }
#whitemenu #wite ul li div{ background:url(../common/roudwite_bg2.gif) no-repeat left bottom; padding-bottom:3px; padding:10px; }
#whitemenu #wite ul li div a{ background:url(../common/blue_arrow.gif) no-repeat left 0.3em; padding-left:18px; display:block; }
#whitemenu #wite ul li div a:link,#whitemenu ul li div a:visited,#whitemenu ul li div a:active { color:#008ddc; text-decoration:none; }
#whitemenu #wite ul li div a:hover { color:#008ddc; text-decoration:underline; }
#whitemenu #wite div{  padding-bottom:5px; }
#whitemenu #wite ul li.sec{ background:url(../common/roudwite_bg_2.gif) left top; }
#whitemenu #wite ul li.sec div{ background:url(../common/roudwite_bg2_2.gif) no-repeat left bottom; }

#sec_maincontents{ float:right; }
#scontents{ margin:15px 19px 20px 20px; width:669px; }

/* サイトマップ ----------------------------------------------- */

#sitemap{ text-align:left; }
#sitemap #left{ width:285px;  margin:0 23px; }

#sitemap h5{ margin:0 0 20px 23px; padding-top:10px; }
#sitemap dl{ float:left; width:285px; margin:0 23px 20px; display:inline; }
#sitemap dl dt{ padding:5px 10px; margin:0 0 5px; background:#008ddc; color:#FFFFFF; }
#sitemap dl dt p{ background:url(../s_20/images/maru.gif) no-repeat #008ddc 0.3em 0.2em; padding:0 0 0 25px; margin:0;}
#sitemap dl dd{ padding:5px 10px; margin:0; background:url(../s_20/images/dotline.gif) repeat-x bottom;  }
#sitemap dl dd a{ background:url(../s_20/images/arrow.gif) no-repeat left 0.3em; padding-left:20px; display:block; }

#sitemap dl dd a:link,#sitemap dl dd a:visited,#sitemap dl dd a:active { color:#008ddc; text-decoration:none; }
#sitemap dl dd a:hover { color:#008ddc; text-decoration:underline; }

/* newsrelease ------------------------------------------------ */

#newsrelease{ text-align:left; }
#newsrelease h5{ margin:0 0 20px 23px; padding-top:10px; }
#newsrelease dl.news{ margin:0 23px 20px; display:block; }
#newsrelease dl.news dt{ background:url(../images/arrow.gif) no-repeat left center; color:#ff7602; padding:0 0 0 18px; margin:5px 0 0; }
#newsrelease dl.news dd{ background:url(../images/dotborder.gif) repeat-x bottom; margin:0; padding:5px 19px 10px; }

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#stage:after,
#header:after,
#contents #topside .sideleft #round:after,
#contents #round:after,
#menu:after,
#whitemenu #wite:after,
#stage #contents #topside .s_03:after,
#contents ul.topbanner:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
#stage,
#header,
#contents #topside .sideleft #round,
#contents #round,
#menu,
#whitemenu #wite,
#stage #contents #topside .s_03,
#contents ul.topbanner{ display:inline-table; zoom:1; }
/* Mac IE には適用させない \*/
* html #stage,
* html #header,
* html #contents #topside .sideleft #round,
* html #contents #round,
* html #menu,
* html #whitemenu #wite,
* html #stage #contents #topside .s_03,
* html #contents ul.topbanner{ height:1px; zoom:1; }
#stage,
#header,
#contents #topside .sideleft #round,
#contents #round,
#menu,
#whitemenu #wite,
#stage #contents #topside .s_03,
#contents ul.topbanner{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

* html #contents .blue,
* html #contents .green,
* html #contents .orenge,
* html #contents .graygra {
behavior: expression(IEPNGFIX.fix(this));
} 