@charset "UTF-8";

/* -----------------------------
*	index Layout
----------------------------- */
body { background: #f1f1f1 url(../img/index_bg.gif) repeat-x left top;}

#cornerImage { clear: both; margin: 23px 0 35px 0; background: url(../img/index_bg_image.gif) no-repeat left top;}
#cornerImage #link { float:left; padding: 10px 0 10px 10px;}
#cornerImage #flash { float: right; width: 760px; padding: 10px 10px 0 0;}


/* コンテンツスライダー */
.html_carousel { position: relative; overflow: hidden; float: right; width: 760px; padding: 10px 10px 0 0;}
.html_carousel div.slide { position: relative; width: 760px; height: 270px;}
.html_carousel .pagination { position: absolute; right: 12px; bottom: 2px; margin: 0; padding: 5px 10px; background: #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.html_carousel .pagination a { display: inline-block; width: 15px; height: 15px; margin: 0 5px 0 0; padding: 0; background: url(../img/miscellaneous_sprite.png) 0 -100px no-repeat; border: none;}
.html_carousel .pagination a.selected { cursor: default; background-position: -25px -100px;}
.html_carousel .pagination a span { display: none;}


/* #Contents
----------------------------- */
#indexContents { float: right; width: 765px; margin: 0; padding: 0;}
#indexContents #mainContents { float: left; width: 580px; margin: 0; padding: 0;}
#indexContents #mainContents h2 { margin-bottom: 0; background: none; border: none;}
#indexContents #mainContents p { margin: 0;}

#indexContents #mainBanner { margin-left: -10px; padding-bottom: 20px;}
#indexContents #mainBanner p { float: left; padding-left: 10px;}

#subMenu { float: right; width: 170px; margin: 0; padding: 0;}
#subMenu h2 { padding: 6px 10px; background: #b2a381 url(../img/bg_submenu_head.gif) no-repeat left top; color: #fff; text-align: center;}
#subMenu h2 a { display: block; color: #fff; text-decoration: none;}





/* -----------------------------
*	clearfix
----------------------------- */
#cornerImage,
#indexContents,
#indexContents #mainBanner { display:inline-block;}
#cornerImage:after,
#indexContents:after,
#indexContents #mainBanner:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
/* Hides from IE-mac \*/
* html #cornerImage,
* html #indexContents,
* html #indexContents #mainBanner { height:1px;}
#cornerImage,
#indexContents,
#indexContents #mainBanner { display:block; }
/* End hide from IE-mac */