@charset "UTF-8";

#wrapper {width: 100%; min-width: 900px; text-align: center; }

/*--------------------------------------
	#header
--------------------------------------*/
#header-wrap {width: 100%; height: 102px; position: relative; background: url(../img/bg_header.gif) repeat-x top; text-align: center;}
#header {width: 900px; height: 102px; margin: 0 auto; position: relative; text-align: left;}
#header #hd-logo {position: absolute; top: 24px; left: 1px;}
#header h1 {position: absolute; top: 44px; left: 130px;}
#header .links { position: absolute; top: 44px; right: 0;}
#header .links li {margin-left: 20px; font-size: 77%; float:left;}
#header .btn {position: absolute; top: 32px; right: 0;}

/*--------------------------------------
	#contents
--------------------------------------*/
#main-wrap {width: 100%; margin: 0 auto; background: url(../img/bg_body.gif) repeat-x #FFF; position: relative;}
#main-wrap .noscript p {padding: 50px; margin: 0 auto; font-weight: bold; text-align: center;}
#flashContents .noscript p {width: 800px;}


#main-contents {width: 100%; margin: 0 auto; background: url(../img/bg_main.jpg) no-repeat center top; margin: 0 auto; padding: 0; text-align: center;}
#main {width: 900px; margin: 0 auto; padding: 0; text-align: left; position: relative;}

#flashContents {text-align: center;}

#main h1 {position: absolute; left: -104px; top: 0;}
#main #visual {margin-bottom: 24px;}
#main #tab {width: 900px; height: 549px; position: absolute; top: 0; z-index: 0;}
#main #tab li {position: absolute;}
#main #tab li.tab1 {widht: 380px; height: 90px; top: 126px; left: 322px;}
#main #tab li.tab2 {widht: 370px; height: 90px; top: 216px; left: 564px;}
#main #tab li.tab3 {widht: 400px; height: 90px; top: 251px; left: 7px;}
#main #tab li.tab4 {widht: 370px; height: 90px; top: 364px; left: 565px;}
#main #tab li.tab5 {widht: 360px; height: 90px; top: 442px; left: -21px;}
#main #tab li.tab6 {widht: 200px; height: 134px; top: 22px; right: 0;}
#main #no01 {position: absolute; top: 450px; right: 0; z-index: 5;}
#main .tab {width: 900px; /*display: none;*/ margin-bottom: 17px;}
#main .tab h2 {margin-bottom: 27px;}
#main .tab h3 {margin-bottom: 30px;}
#main .tab .col {margin-bottom: 40px;}
#main .tab .col01 .tx {width: 490px; float: right;}
#main .tab .col01 .ph {float: left;}
#main .tab .col02 .tx {width: 490px; float: left;}
#main .tab .col02 .ph {float: right;}
#main .tab p {margin-bottom: 15px;}
#main .tab p.last {margin-bottom: 30px;}

#main .tab #cm {margin: 0 auto; text-align: center; width:720px;}

#main #close {position: absolute; right: 0; top: 549px; cursor: pointer;}
#main .close {text-align: center; margin: 0 auto;}
#main .close img { cursor: pointer; display: block; margin: 0 auto;}


#main #tab2 .col02 .tx {width: 565px; float: left;}

#tab5 dl dt {margin-bottom: 10px;}
#tab5 dl li {display: inline; margin-left: 9px;}
#tab5 dl li.fst {margin-left: 0;}

#sub-wrap {width: 100%; margin: 0 auto; background: url(../img/bg_recommend.gif) repeat-x top #c0e4ce; text-align: center;}
#sub-contents {width: 900px; margin: 0 auto; padding: 15px 0 20px; text-align: left;}
#sub-contents .ttl {margin: 0 20px 10px; font-weight: bold; color: #000;}

#osusume-contents {width: 100%; height: 220px; background:#FFF;}
#osusume-contents .new_block {border: 1px solid #DDD; float: left; margin: 6px; padding: 3px; width: 160px; height: 200px;}
#osusume-contents .new_block .ph {margin-bottom: 9px;}
#osusume-contents .new_block p {font-size: 85%; margin: 0 5px;}
#osusume-contents .new_block p img {margin-left: 3px;}
#osusume-contents .new_block h3 {font-weight: bold; margin: 2px 5px;}
#osusume-contents .new_block .data {color: #666;}

/*--------------------------------------
	#footer
--------------------------------------*/
#footer {width: 100%; background: #00a040; text-align: center;}
#footer #copy {width: 900px; margin: 0 auto; text-align: right; }