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


*{
margin: 0;
padding: 0;
list-style: none;
}

body a:focus{
outline:none;
}

img{
border: none;
}


.clear{
clear: both;
line-height: 1px;
}

body {
min-width:1000px;
width: 100%;
font-family:"ＭＳ Ｐゴシック";
font-size:0.8em;
line-height:1.6em;
text-align:center;
color: #333333;
background-image:url(/img/top/top-back.gif);
background-position: top;
background-repeat:repeat-x;
background-color: #FAFAFA;
padding-bottom: 30px;
}


html:not(:target) body{
min-width:982px;
width: 100%;
font-family:verdana;
font-size:12.5px;
line-height:1.6em;
text-align:center;
color: #333333;
background-image:url(/img/top/top-back.gif);
background-position: top;
background-repeat:repeat-x;
background-color: #FAFAFA;
padding-bottom: 30px;
}


*:first-child+html body{
font-family:"ＭＳ Ｐゴシック";
font-size:0.8em;
line-height:1.6em;
background-image:url(/img/top/top-back.gif);
background-position: top;
background-repeat:repeat-x;
background-color: #FAFAFA;
padding-bottom: 30px;
}

* html body{
font-family:"ＭＳ Ｐゴシック";
font-size:0.8em;
line-height:1.6em;
background-image:url(/img/top/top-back.gif);
background-position: top;
background-repeat:repeat-x;
background-color: #FAFAFA;
padding-bottom: 30px;
}



#frame {
min-width:960px;
width: 75em;
margin: 0 auto;
padding: 0 16px 10px 16px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #CCCCCC;
background-color: #ffffff;
overflow: hidden;
z-index: 0;
}


/* link */

a:link{
color: #0099FF;
text-decoration: none;
}

a:visited{
color: #0099FF;
text-decoration: none;
}

ul#subcont li a:link, #footer_menu a:link{
color: #999999;
text-decoration: none;
}

ul#subcont li a:visited, #footer_menu a:visited{
color: #999999;
text-decoration: none;
}


#contents-right li a:link{
color: #663300;
text-decoration: underline;
}

#contents-right li a:visited{
color: #663300;
text-decoration: underline;
}


#notice li a:link{
color: #666666 !important;
}

#notice li a:visited{
color: #666666 !important;
}


li#fav a:link, .chie-tit span a:link, ul.chie-list li a:link{
color: #663300;
text-decoration: none;
}

li#fav a:visited, .chie-tit span a:visited, ul.chie-list li a:visited{
color: #663300;
text-decoration: none;
}

li#fav a:hover{
color: #ff0000;
text-decoration: none;
}




a:hover, #notice li a:hover, #contents-right li a:hover, ul#subcont li a:hover, #footer_menu a:hover, ul.chie-list li a:hover, .chie-tit span a:hover{
color: #ff0000 !important;
text-decoration: underline;
}





/* ------------------------------------------------------
header
------------------------------------------------------ */

#header{
width: 100%;
margin: 13px auto 20px auto;
text-align:left;
}

#header h1{
float: left;
}

#header p{
float:left;
padding: 13px 0 0 15px; 
}

ul#subcont{
float: right;
padding: 11px 20px 0 0; 
}


ul#subcont li{
text-align: left;
display: inline;
font-size: 0.95em;
}


.ico-inq {
background-image:url(/img/common/mail-list.gif);
background-position:left center;
background-repeat:no-repeat;
margin:0 8px 0 0;
padding:2px 0 2px 25px;
}

.ico-beg {
background-image:url(/img/common/beg-ico.gif);
background-position:left center;
background-repeat:no-repeat;
margin:0 7px 0 0;
padding:2px 0 2px 20px;
list-style:none;
}

.ico-sit {
background-image:url(/img/common/sitemap-ico.gif);
background-position:left center;
background-repeat:no-repeat;
padding:2px 0 2px 20px;
list-style:none;
}

ul#global_menu{
min-width:946px;
width: 73em;
height: 47px;
padding: 0 10px 0 0;
position: relative;
top:-5px;
background-image:url(/img/navi/menue-back.gif);
background-position: bottom;
background-repeat:repeat-x;
overflow: hidden;
margin: 0 auto;
}


ul#global_menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html ul#global_menu {
    height: 1em;
    overflow: visible;
}
/**/



ul#global_menu li{
float:left;
padding: 9px 0 0 0;

}




li#fav{
width: 203px;
float:right !important;
text-align:center;
background-image:url(/img/common/fav-btn-off.gif);
background-position: top;
background-repeat:no-repeat;
padding: 0 !important;
}

*html #fav{
margin-bottom: 3px;
}

li#fav img{
vertical-align: middle;
padding: 0 0 2px 15px;
}

li#fav a{
display:block;
padding: 8px 0 6px 0;
}



/* ------------------------------------------------------
contents base
------------------------------------------------------ */

#contents{
min-width: 930px;
width: 71em;
margin: 0px auto;
}

#contents-left{
min-width:650px;
width: 50em;
float:left;
}

#contents-right{
min-width: 260px;
width: 20em;
float:right;
}

.boxAlignL {
 text-align: left;
}



/* ------------------------------------------------------
contents-left
------------------------------------------------------ */

/* pack */

#pack-box{
min-height: 174px;
background-image: url(/img/top/pack-back.jpg);
background-repeat:no-repeat;
background-position: left 17px;
text-align: left;
overflow: hidden;
margin: 0 auto 0 auto;
cursor: pointer;
position: relative;
top: -17px;
}

#tokuten-ico{
float: left;
margin: 0 0 0 8px;
}

#pack-box-left{
min-width: 300px;
width: 18.7em;
float: left;
margin: 0;
padding:0;
}


#pack-box-left h2{
width: 260px !important;
padding: 0 !important;
}

#pack-box-left span{
display:block;
padding: 23px 0 0 5px;
color: #660000;
font-size: 1em;
font-weight: bold;
}

#pack-box-left ul{
position:relative;
left: -10px;
}



#pack-box-left li{
float:left;
}

li.tokuten1{
padding: 8px 0 0 0;
}

*html li.tokuten1{
padding: 5px 0 0 0;
margin-left: -1px;
}


li.tokuten2{
padding: 5px 0 0 10px;
}

*html li.tokuten2{
padding: 3px 0 0 10px;
}

li.tokuten3{
padding: 10px 0 0 22px;
}

*htmlli.tokuten3{
padding: 6px 0 0 28px;
}

#pack-box-right{
min-width:255px;
width: 15.9em;
min-height: 109px;
float: right;
padding: 29px 0 0 0;
overflow: hidden;
text-align: left;
}



#pack-box-right ul{
min-width: 255px;
width: 20em;
padding: 7px 0 0 0;
margin: 0 auto;
list-style: none;
}

#pack-box-right li{
background-image: url(/img/top/pack-common-ico.gif);
background-repeat:no-repeat;
background-position: left center;
float: left;
min-width: 110px;
width: 9em;
padding: 0 0 0 16px;
text-align: left;
font-size: 12px;
line-height: 21px;
}

#pack-box-right li a{
color: #333333;
}


#pack-box-right img{
margin: 5px 0 0 0;
}

* html #pack-box-right img{
margin: 2px 0 0 0;
}


/* new-up-date */

#new-date{
margin: 0 0 33px 0;
}

#update{
margin: 0;
padding: 0 20px 0 28px; 
background: url(/img/top/bg-update.gif) repeat-x 0 0;
line-height: 36px;
height: 36px;
text-align: left;
position: relative;
overflow: hidden;
}

#update:after {
content: "";
display: block;
clear: both;
zoom: 1;
overflow: hidden;
}

/*\*/
* html #update{
zoom: 1;
overflow: visible;
}
/**/

#update #uptxt{
padding-top: 8px;
float: left;
}

.now-up{
background: url(/img/top/arrow-update.gif) no-repeat 0 center;
padding: 0 0 0 23px;
font-size: 1em;
color: #000066;
float: right;
}

.now-up strong{
margin: 0 3px;
font-size: 1.4em;
font-weight: bold;
}

#update span{
margin-left: 3px;
font-size: 0.8em;
color: #FF0000;
}


#newplan{
margin: 8px 0 0 0;
padding: 0;
text-align: right;
}

#newplan h3{
margin: 0;
padding: 3px 0 3px 55px;
background: url(/img/common/ico-new.gif) no-repeat 0 center;
font-size: 1em;
font-weight: bold;
display: inline;
}

#newplan h3 a{
color: #FF6A00;
text-decoration: underline;
}

#newplan span{
margin: 0 20px 0 0;
padding: 0;
font-size: 1em;
color: #000066;
}

#newplan span strong{
background: url(/img/top/arrow-newplan.gif) no-repeat 0 center;
margin: 0 3px;
padding: 0 0 0 7px;
font-size: 1.3em;
font-weight: bold;
}


/* search-left */

#sh-ico{
float: left;
position: relative;
top: -26px;
z-index:99;
margin: 0 -2px -40px 0;
padding: 0 0 0 7px;
}

#sh-ttl{
float: left;
padding: 0 7px 0 0;
position: relative;
top: -22px;
text-align:left;
}

#sh-ex{
float: left;
font-size: 0.95em;
color: #557D00;
position: relative;
top: -22px;
text-align:left;
}

#search-box{
border: 1px solid #EFF6E2;
background-color: #EFF6E2;
margin: 0;
padding: 10px 15px 20px 15px;
position: relative;
top:-18px;
z-index:1;

-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
}

#search-box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #search-box{
    height: 1em;
    overflow: visible;
}
/**/


#search-left li img, #search-left dd img, #search-right li img{ 
cursor: pointer;
}


#search-left{
width: 378px;
background-image: url(/img/top/search-arrow.gif);
background-repeat:no-repeat;
background-position: 353px center;
overflow: hidden;
float:left;
}




#search-left h3{
background-image: url(/img/top/searchttl-left-back.gif);
background-repeat:no-repeat;
background-position: left center;
text-align:left;
padding: 0 0 0 5px;
margin: 10px 0 3px 0;
}

#search-left ul{
margin-left: 1px;
}

#search-left li{
border: 1px solid #cccccc;
width: 171px;
height: 29px;
float:left;
margin-top: -1px;
margin-left: -1px;
}

#search-left dl{
margin-top:-1px;
}

#search-left dt{
width: 73px;
height: 29px;
padding: 2px 0 0 0;
margin: 0 2px 1px 0;
background-color: #B8D972;
float:left;
}

#search-left dd{
border: 1px solid #cccccc;
width: 89px;
height: 29px;
float:left;
margin: 0 0 1px -1px;
}



#search-right{
width: 240px;
float:left;
}

* html #search-right{
overflow: visible;
}

#search-right h3{
background-image: url(/img/top/search-right-back.gif);
background-repeat:no-repeat;
background-position: left center;
text-align:left;
padding: 0 0 0 5px;
margin: 10px 0 3px 0;
}

#search-right ul{
margin-left: 1px;

}

#search-right li{
border: 1px solid #cccccc;
width: 118px;
height: 36px;
float:left;
margin-top: -1px;
margin-left: -1px;
}




.last-area-box{
background-color: #efefef;

}


/* style */


#style-list{
min-width: 645px;
width: 50em;
padding: 2px;
border: 1px solid #9DC753;
overflow: hidden;
text-align:left;
margin: 0 0 15px 0;
}

#style-list:after {
    content: "";
    display: block;
    clear: both;
    zoom: 1;
    overflow: hidden;
}

/*\*/
* html #style-list{
    zoom: 1;
    overflow: visible;
}
/**/



#style-list h3{
background-color: #EFF6E2;
color: #557D00;
padding: 7px 5px;
font-size: 0.95em;
float: left;
}

#style-list ul{
padding: 6px 0;
position: relative;
left: 5px;
color: #999999;
}

#style-list li{
padding: 0 0 0 5px;
text-align:left;
display: inline;
font-size: 0.95em;
}

#style-list li a{
padding: 0 5px 0 0;
}


/* job-kind */

#job-list0, #job-list1{
min-width: 185px;
width: 13.8em;
min-height: 190px;
padding: 5px 15px 10px 15px;
float: left;
border-right: 1px dashed #8FBB3E;
text-align:left;
}

#job-list2{
min-width: 185px;
width: 13.8em;
float: left;
padding: 5px 0 10px 15px;
text-align:left;
}

#job-list0 h3, #job-list1 h3, #job-list2 h3{
padding: 0 0 10px 21px;
background-image:url(/img/top/job-common-ico.gif);
background-position:0 3px;
background-repeat:no-repeat;
}

#job-list0 li, #job-list1 li, #job-list2 li{
display:inline;
padding: 0 0 0 3px;
color: #999999;
font-size: 1em;
}

#job-list0 li a, #job-list1 li a, #job-list2 li a{
margin: 0 4px 0 0;
}

/* ------------------------------------------------------
search-------
------------------------------------------------------ */

.corner-maru-boxtop{
width:650px;
margin:-17px 0 0 0;
background-image:url(/img/top/compound-box-top.gif);
background-repeat:no-repeat;
background-position:left top;
background-color:#eff6e2;
text-align:left;
overflow:hidden;
}

.corner-maru-box{
width:650px;
background-image:url(/img/top/compound-box-top.gif);
background-repeat:no-repeat;
background-position:left top;
background-color:#eff6e2;
text-align:left;
overflow:hidden;
}

.corner-maru-boxtop h2, .corner-maru-box h2{
width:260px;
padding:1px 0 19px 42px;
float:left;
display:block;
background-image:url(/img/top/h2-ico-search.gif);
background-repeat:no-repeat;
background-position:left top;
}

.corner-maru-boxtop p, .corner-maru-box p{
width:320px;
padding:3px 0 0 0;
float:right;
display:block;
color:#557d00;
font-size:0.95em;
}

.corner-maru-boxtop p{
width:345px;
}

.corner-maru-detail{
width:619px;
margin:0 0 30px 0;
padding:5px 16px 15px 15px;
clear:both;
background-image:url(/img/top/compound-box-bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
background-color:#eff6e2;
overflow:hidden;
}

.left-box-style{
width:334px;
margin:0 0 12px 0;
float:left;
background-image:url(/img/top/compound-box-arrow.gif);
background-repeat:no-repeat;
background-position:right center;
text-align:left;
}

.left-box-style h3{
padding:5px 0 4px 8px;
background-image:url(/img/top/h3-bg-style.gif);
background-repeat:no-repeat;
background-position:left top;
}

.style-btn-lists{
width:315px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
overflow:hidden;
}

.style-btn-lists li{
width:156px;
height:43px;
display:block;
float:left;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
}

.right-box-region{
width:277px;
margin:0 0 12px 0;
float:right;
text-align:left;
}

.right-box-region h3{
padding:5px 0 4px 8px;
background-image:url(/img/top/h3-bg-region.gif);
background-repeat:no-repeat;
background-position:left top;
}

.region-btn-lists{
width:277px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
overflow:hidden;
}

.region-btn-lists li{
width:91px;
height:32px;
display:block;
float:left;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#ffffff;
}

.region-btn-lists li.bg-color-gray{
background-color:#efefef;
}

#shbox{
width:380px;
margin:0 3px 0 0;
padding:4px 5px 3px 5px;
border:1px solid #759934;
color:#666666;
vertical-align:middle;
}

#sch{
vertical-align:middle;
}

#alert p{
width:450px;
margin:0 auto 15px auto;
padding:8px 20px;
background-color:#FEF8F8;
border:1px solid #FF0000;
color:#FF0000;
font-size:1.2em;
text-align:left;
}


/* ------------------------------------------------------
special
------------------------------------------------------ */
.sp-frame{
text-align: left;
padding: 25px 0 0 0;
}

.sp-frame h2{
width: 100%;
background-image:url(/img/top/special-back.jpg);
background-repeat:repeat-x;
background-position: 0 1px;
padding: 0 0 23px 0;
}



.sp-frame2{
text-align: left;
margin: 5px 0 30px 0 !important;
}

.sp-frame2 h2{
width: 100%;
background-image:url(/img/top/woman-sp-back.jpg);
background-repeat:repeat-x;
background-position: 0 1px;
padding: 0 0 23px 0;
}

.ico-new{
vertical-align :middle;
float:none !important;
}




/***  100412-special-theme  **/

.sp-frame strong{
position:relative;
top: -7px;
margin:0 0 12px 20px;
padding:6px 0 6px 75px;
background-image:url(/img/top/thema.gif);
background-repeat:no-repeat;
background-position:left center;
display:block;
}

.sp-frame2 strong{
margin:0 0 12px 0;
padding:6px 0 6px 75px;
background-image:url(/img/top/thema.gif);
background-repeat:no-repeat;
background-position:left center;
display:block;
float: none !important;
}



/*-----type1----*/
ul.spe-into1{
min-width: 630px;
width: 47em;
margin: 10px auto;
padding: 0 0 0 20px;
overflow: hidden;
position:relative;
top:-15px;
}

ul.spe-into1:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html ul.spe-into1 {
zoom: 1;
overflow: visible;
}
/**/

.spe-into1 li{
margin: 0;
padding: 0;
list-style: none;
float: left;
}


.spe-parts{
min-width: 390px;
width: 33.5em;
float: left;
padding: 7px 10px 0 0;
}

.spe-into1 .spe-parts h3{
font-size: 1.3em;
font-weight: bold;
line-height: 1.3em;
}

.spe-into1 .spe-parts h3 a,
.spe-into1 .spe-parts h3 a:hover,
.spe-into1 .spe-parts h3 a:visited{
color:#663300;
}

.spe-into1 .spe-parts p{
margin-top: 3px;
line-height: 1.6em;
}

.spe-into1-img{
float:left;
}

/*-----type2----*/
ul.spe-into2{
min-width: 610px;
width: 49em;
margin: 10px auto;
padding: 0;
overflow: hidden;
}

ul.spe-into2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html ul.spe-into2 {
height: 1em;
overflow: visible;
}
/**/

.spe-into2 li{
min-width: 180px;
width: 14em;
margin-bottom: 10px;
padding: 0;
list-style: none;
float: left;
}

.spe-into2 li img{
float: left;
}

.rspace35{
min-width:630px;
width:48em;
margin-right: 35px;
}

.spe-into2 .spe-parts{
min-width: 180px;
width: 14em;
margin: 5px 0 0 0;
padding:0;
float: left;
}

.spe-into2 .spe-parts h3{
font-size: 1em;
font-weight: bold;
line-height: 1.3em;
}

.spe-into2 .spe-parts h3 a,
.spe-into2 .spe-parts h3 a:hover,
.spe-into2 .spe-parts h3 a:visited{
color:#663300;
}

.spe-into2 .spe-parts p{
margin-top: 3px;
line-height: 1.4em;
color: #666666;
}


/* ------------------------------------------------------
chie-bag
------------------------------------------------------ */

.chie-tit{
width: 100%;
background-image:url(/img/top/chie-back.gif);
background-repeat:no-repeat;
background-position:top left;
overflow:hidden;
}

.chie-tit h3{
padding:5px 0 0 17px;
float:left;
}

.chie-tit span{
width:66px;
padding:15px 9px 15px 36px;
float:right;
margin: 6px 0 0 0;
font-size:0.9em;
background-image:url(/img/top/chie-list.gif);
background-repeat:no-repeat;
background-position:left top;
}


ul.chie-list{
padding: 0 25px 30px 35px;
}

ul.chie-list li{
padding:5px 0 5px 35px;
display:block;
text-align:left;
background-repeat:no-repeat;
background-position:10px 5px;
border-bottom: 1px dotted #cccccc;
}


.ico-q-01{
background-image:url(/img/top/chie-bag-q01.gif);
}

.ico-q-02{
background-image:url(/img/top/chie-bag-q02.gif);
}


/* topics-banner */

.topics-banner {
 margin-bottom: 15px;
}

.topics-banner02 {
 margin: 0;
	padding-top: 7px;
}


/* ------------------------------------------------------
contents-right
------------------------------------------------------ */

.topbanner-space {
margin-right:5px;
margin-bottom: 10px;
float: left;
}

.btmbanner-space {
margin-right:5px;
margin-top: 10px;
float: left;
}

.topspace-bottom{
margin-right: 5px;
margin-bottom: 15px;
}

#contents-right h2{
background-image:url(/img/top/right-ttl.jpg);
background-position: top left;
background-repeat:repeat-x;
text-align:left;
padding: 2px 0 1px 0;
margin: 0 5px 0 0;
}

#contents-right h3{
background-image:url(/img/top/right-ttl.jpg);
background-position: top left;
background-repeat:repeat-x;
text-align:left;
padding: 2px 0 1px 0;
margin: 18px 5px 0 0;
}

#contents-right h3 span{
background-repeat: no-repeat;
}

#pick-ico{
position: relative;
bottom: 3px;
float:left;
padding: 0 0 0 7px;
}

.ranking-ico{
display: block;
padding: 1px 0 0 31px;
background-position: 4px 0;
background-image:url(/img/top/ranking-arrow.gif);
}

.useful-ico{
display: block;
padding: 1px 0 0 31px;
background-position: 4px 1px;
background-image:url(/img/top/use-ttl-ico.gif);
}


#contents-right li{
text-align:left;
}

.sp-last, .boxlast, .ranking{
border: none !important;
background-image:url(/img/top/right-back-last.gif);
background-position: bottom;
background-repeat: repeat-x;
}


/* privacy mark */
#privacy-mark{
text-align:left;
margin-top:10px;}

#privacy-mark dt{
clear:left;
float:left;
width:95px;}

#privacy-mark dd{
padding-top:20px;
/letter-spacing:-0.1em;}


/* pickup */

ul#pickup li{
border-bottom: 1px dotted #666666;
padding: 10px;
margin-right: 5px;
overflow:hidden;
}

ul#pickup li {
 overflow: hidden;
 margin-right: 5px;
 padding: 10px;
 border-bottom: 1px dotted #666666;
}

ul#pickup li:after {
    content: "";
    display: block;
    clear: both;
    zoom: 1;
    overflow: hidden;
}

/*\*/
* html ul#pickup li{
    zoom: 1;
    overflow: visible;
}
/**/


ul#pickup div{
width:84px;
padding: 0 10px 0 0;
float:left;
text-align:center;
}

ul#pickup li p{
width:140px;
float:left;
}

.sp-pick{
border-bottom: 1px dotted #FFCC00 !important;
}

.sp-pick a:link, .sp-last a:link{
color: #000066 !important;
}

.sp-pick a:visited, .sp-last a:visited{
color: #000066 !important;
}

.sp-pick a:hover, .sp-last a:hover{
color:#FF0000 !important;
}

.common-pickup-last{
border: none !important;
background-image:url(/img/top/pick-common-line.gif);
background-position: bottom;
background-repeat: repeat-x;
}


/* popular */

ol.ranking{
margin-right: 5px;
}

ol.ranking li{
border-bottom: 1px dotted #FFCC00;
background-position: 10px 9px;
background-repeat: no-repeat;
padding: 10px 10px 10px 50px;
}

ol.ranking li.no01{
background-image: url(/img/top/pop1.gif);
}


ol.ranking li.no02{
background-image: url(/img/top/pop2.gif);
}

ol.ranking li.no03{
background-image: url(/img/top/pop3.gif);
}

ol.ranking li.no04{
background-image: url(/img/top/pop4.gif);
}

ol.ranking li.no05{
background-image: url(/img/top/pop5.gif);
border: none !important;
}

ol.ranking02 {
 padding-right: 5px;
	border: 1px solid #cc0000;
}

ol.ranking02 {
 /padding-bottom: 10px;
}

ol.ranking02 li {
 padding: 42px 0 0 0;
 border-top: 1px dotted #ffcc00;
}

ol.ranking02 li span {
 display: block;
 width: 100px;
 padding: 0 0 10px 0;
 text-align: center;
	float: left;
}
ol.ranking02 li span img {
	padding-left: 5px;
}

ol.ranking02 p {
 width: 150px;
	padding-bottom: 7px;
	text-align: left;
	float: right;
}

ol.ranking02 li.rank01 {
 background: url(/img/top/rank01.gif) no-repeat 0px 10px;
	border: none;
}

ol.ranking02 li.rank02 {
 background: url(/img/top/rank02.gif) no-repeat 0px 10px;
}

ol.ranking02 li.rank03 {
 background: url(/img/top/rank03.gif) no-repeat 0px 10px;
}

ol.ranking02 li.rank04 {
 background: url(/img/top/rank04.gif) no-repeat 0px 10px;
}

ol.ranking02 li.rank05 {
 background: url(/img/top/rank05.gif) no-repeat 0px 10px;
}

.ranking02 {
 border: none !important;
 background-image:url(/img/top/right-back-last.gif);
 background-position: bottom;
 background-repeat: repeat-x;
}


/***  useful  *******************/

.useful-image{
padding:1px;
border: 4px solid #FFCC33;

}

#useful {
 margin-right: 5px;
 padding: 15px 0 0 0;
 text-align: center;
 background: url(/img/top/useful-back.gif) repeat-x left top;
}

#useful li{
padding: 10px 20px 10px 40px;
border-bottom: 1px dotted #FFCC00;
background-image:url(/img/top/use-common-ico.gif);
background-position: 25px 17px;
background-repeat:no-repeat;
}



/***  seminar/calendar  *******************/

div#seminar{
min-width:260px;
width: 18.8em;
min-height:250px;
background-image:url(/img/top/cl-back-bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
margin-top: 18px;
padding: 0 0 10px 0;
overflow:hidden;
}

div#seminar h2{
width:260px;
padding:10px 0 0 14px;
background-image:url(/img/top/cl-back-top.gif);
background-position:left top;
background-repeat:no-repeat;
font-size:14px;
}

div#seminar h2 span{
color: #333333;
background: url(/img/top/clock.gif) no-repeat 0 center;
padding: 2px 0 2px 22px;
}

div#seminar h2 span a:link{
color: #333333;
text-decoration: underline;
}

div#seminar h2 span a:visited{
color: #333333;
text-decoration: underline;
}

div#seminar h2 span a:hover{
text-decoration: underline;
}

#seminar-table-bg{
padding:0 0 10px 0;
background-image:url(/img/top/cl-back-repeat.gif);
background-repeat:repeat-y;
overflow:hidden;
}

* html #seminar-table-bg{
overflow:visible;
height:1em;
}

div#seminar p{
min-width: 224px;
width: 18em;
margin:10px auto 2px 16px;
display: block;
text-align: center;
font-family:"ＭＳ Ｐゴシック";
}

* html div#seminar p{
margin:10px auto 4px 14px;
}

div#seminar p span{
min-width: 80px;
margin:0 23px 0 23px;
text-align:center;
font-size:1.25em;
font-weight:bold;
color: #FF9900;
}

div#seminar a.month01{
padding: 1px 0 1px 19px;
text-decoration:underline;
background-image:url(/img/top/ico-calendar-arrow.gif);
background-repeat:no-repeat;
background-position:left center;
color: #333333;
text-align:left;
}

div#seminar a.month02{
margin:0 1px 0 0;
padding:1px 19px 1px 0;
text-decoration:underline;
background-image:url(/img/top/ico-calendar-arrow2.gif);
background-repeat:no-repeat;
background-position:right center;
color: #333333;
text-align:right;
}

div#seminar table{
width: 224px;
margin:2px auto 0 16px;
font-family:"ＭＳ Ｐゴシック";
border-collapse: collapse;
border: 1px solid #cccccc;
background-color:#FFFFFF;
}

div#seminar table td{
padding: 4px 0;
text-align:center;
font-size:0.9em;
border: 1px solid #cccccc;
}

div#seminar table td.end-day{
color:#999999;
}

div#seminar table td.end-day2{
background-color: #E1F3FF;
color:#999999;
}

div#seminar table td.end-day3{
background-color:#FFECEC;
color:#999999;
}

div#seminar table td a:link{
color: #333333;
text-decoration:underline;
}

div#seminar table td a:visited{
color: #333333;
text-decoration:underline;
}

div#seminar table td a:hover{
color: #b1adad;
text-decoration:underline;
}




.table-bg1{
color: #FF0000;
background-color:#FFECEC;
}

div#seminar table td.table-bg1 a{
color: #FF0000;
}

div#seminar table td.table-bg1 a:visited{
color: #FF0000;
}

div#seminar table td.table-bg1 a:hover{
color: #ff9999;
}

.table-bg2{
background-color:#F0F0F0;
}

.table-bg3{
color: #0066CC;
background-color:#F0F0F0;
}

.table-bg4{
color: #0066CC;
background-color: #E1F3FF;
}

.table-bg5{
color: #FF0000;
background-color:#F0F0F0;
}

div#seminar table td.table-bg4 a{
color: #0066CC;
}

div#seminar table td.table-bg4 a:visited{
color: #0066CC;
}

div#seminar table td.table-bg4 a:hover{
color: #66ccff;
}




/* notice */

#notice{
border: 1px dashed #669900;
padding:1px;
margin: 13px 4px 0 0;
}


#notice-ico{
position: relative;
top: -5px;
padding: 0 5px;
float:left;
}

#notice h3{
background-image:none;
background-color: #D1E0B2;
border-bottom: 2px solid #A3C266;
padding: 9px 0 5px 0;
margin: 0;
}


#notice ul{
padding: 7px;
}




/* ------------------------------------------------------
footer
------------------------------------------------------ */
#footer{
width: 100%;
margin: 100px auto 15px auto;
text-align:left;
}

span.pankuzu{
float: left;
margin: 5px 0 0 10px;
}

span.top{
float:right;
margin:5px 10px 0 0;
padding:0 0 0 16px;
background-image:url(/img/common/toppage-ico.gif);
background-position:left center;
background-repeat:no-repeat;
}


#footer ul{
float:left;
padding: 0 0 0 7px;
color: #999999;
}

#footer li{
display: inline;
margin: 0 5px 0 0;
}

#footer address{
margin-top: 15px;
font-style:normal;
float: right;
color: #666666;
}




#footer_menu{
background-image:url(/img/common/footer-line.gif);
background-position: top;
background-repeat:repeat-x;
border-bottom: 1px dashed #669900;
padding: 10px 0 10px 0;
margin: 3px 0 7px 0;
line-height:0.9em;
}

#footer_menu ul{
float: none !important;
margin: 5px 0 0 0;
}

#footer_menu li{
font-size: 0.85em;
color: #999999;
}


#footer li a{
margin: 0 5px 0 0;
}


#company-log{
float:right;
padding: 0 7px 0 0;
}

.newwin {
background-image:url(/img/common/newwin.gif) !important;
background-position:left center;
background-repeat:no-repeat;
padding-left:16px;
}


/*----- clear -----*/

.clear { clear: both; margin: 0px; padding: 0px; height: 0px; font-size: 0px; line-height: 0px;}
p.clear { clear: both;}
.clear hr { display: none; border: none; height:0px;}
.clearfix {
 clear: both;
 min-height: 1px;/
 zoom: 1;
 height:auto;
 background-color:transparent;
}
.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 background-color:transparent;
}
.clearfix { min-height: 1px; }
/*----------------------------WinIE6 and below */
/* Hides from IE-mac ??*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */