@charset "UTF-8";

/*---------------------------------------------

Font Size

view :   a
---------------------
20px : 153.9%
18px : 138.5%
16px : 123.1%  133.3%
15px : 115.4%  124.9%
14px : 107.7%  116.6%
13px : 100.0%  108.3%
12px :  92.4%  100.0%
11px :  84.7%   91.6%

y=x/13/a
---------------------------------------------*/



/*---------------------------------------------
    Reset
---------------------------------------------*/

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, th, td, address, form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}


/*---------------------------------------------
    Basic Setting
---------------------------------------------*/

html {  
  overflow-y: scroll;  
  height: 100%;
}

body {
  height: 100%;
  background: #ffffff ;
  font-family: 'メイリオ', sans-serif;
  line-height: 1.5;
  font-size: 12px;
  color: #000;
}

* html body { /* for IE6 */
  font-size: small;
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}
  
*:first-child+html body { /* for IE7 */
  font-size: small;
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

ul {
  list-style-position: outside;
  list-style-type: none;
}

ol {
  list-style-position: outside;
}
  
table {
  border-collapse: collapse;
}

legend {
  color: #333;
}


/* Option */

* html ul li dl,
* html ol li dl {
  display: inline;
}

*:first-child+html ul li dl,
*:first-child+html ol li dl {
  display: inline;
}


/*---------------------------------------------
    Container Area Parts
---------------------------------------------*/

#border{
  border-left:#19A9FF 1px dotted;
  border-right:#19A9FF 1px dotted;  
  border-bottom:#19A9FF 1px dotted;  
  margin: 0 10%;
}

#area-container {
  margin: 0 auto;
  padding: 0px;
  width: 696px;
  min-height: 100%;
}

* html #area-container {
  height: 100%;
}




/*---------------------------------------------
    Header Area Parts
---------------------------------------------*/

#header {
padding:0 0 7px 0;
background:#fff;
}

#header .logo{
  float:left;
  padding:3px 50px 10px 0;
  }
  
*html #header .logo{
  float:left;
  padding:7px 50px 7px 0;
  }
  
#header .gnavi{
  margin:0px;
  }
  
*html #header .gnavi{
  margin-top:7px;
  }
  
#header ul{
  margin-bottom:10px;
  padding: 0px;
}

#header ul li{
  float: left;
  text-indent:-9999px;
  list-style-type: none;
}

#header ul li a.gnavi_01 { /* ここから 『 gnavi_01 』 の設定 */ 
  display: block;
  width: 73px;
  height: 20px;
  margin-left: 0px;
  background: transparent url(../images/common/gnavi_01.gif) no-repeat 0px 0px;
}
#header ul li a.gnavi_01:hover,
#header ul li a.gnavi_01:active { 
  background-position: 0px -20px;
}

#header ul li a.gnavi_02 { /* ここから 『 gnavi_02 』 の設定 */ 
  display: block;
  width: 139px;
  height: 20px;
  margin-left: 0px;
  background: transparent url(../images/common/gnavi_02.gif) no-repeat 0px 0px;
}
#header ul li a.gnavi_02:hover,
#header ul li a.gnavi_02:active { 
  background-position: 0px -20px;
}

#header ul li a.gnavi_03 { /* ここから 『 gnavi_03 』 の設定 */ 
  display: block;
  width: 89px;
  height: 20px;
  margin-left: 0px;
  background: transparent url(../images/common/gnavi_03.gif) no-repeat 0px 0px;
}
#header ul li a.gnavi_03:hover,
#header ul li a.gnavi_03:active { 
  background-position: 0px -20px;
}

#header .gnavi_link{
  float:left;
  padding-top:10px;
  }
  
*html #header .gnavi_link{
  float:left;
  padding-top:7px;
  }
  
#header ul li a.gnavi_blog { /* ここから 『 gnavi_blog 』 の設定 */ 
  display: block;
  width: 82px;
  height: 22px;
  margin-left: 0px;
  background: transparent url(../images/common/gnavi_blog.gif) no-repeat 0px 0px;
}
#header ul li a.gnavi_blog:hover,
#header ul li a.gnavi_blog:active { 
  background-position: 0px -22px;
}

#header ul li a.gnavi_bstore { /* ここから 『 gnavi_bstore 』 の設定 */ 
  display: block;
  width: 94px;
  height: 22px;
  margin-left: 5px;
  background: transparent url(../images/common/gnavi_bstore.gif) no-repeat 0px 0px;
}
#header ul li a.gnavi_bstore:hover,
#header ul li a.gnavi_bstore:active { 
  background-position: 0px -22px;
}

#header ul li a.gnavi_cart { /* ここから 『 gnavi_cart 』 の設定 */ 
  display: block;
  width: 87px;
  height: 22px;
  margin-left: 5px;
  background: transparent url(../images/common/gnavi_cart.gif) no-repeat 0px 0px;
}
#header ul li a.gnavi_cart:hover,
#header ul li a.gnavi_cart:active { 
  background-position: 0px -22px;
}
  
#header .cart{
  display:block;
  padding: 3px 0 0 15px;
  height:20px;
  background: url(../images/common/icon_cart.gif) no-repeat ;   
  }


#area-snavi{  
  clear:left;
  height:32px;
  background: #dddddd ;
  margin-bottom:2px;  
  }
  
#area-snavi ul {
     width: 696px;
     margin: 0;
     padding: 8px 0 0 8px;
}
#area-snavi ul li {
     float: left;
     list-style-type: none;
}

#area-snavi ul li.book { /* ここから 『 book 』 の設定 */ 
     display: block;
     width: 95px;
     height: 12px;
     margin-top: 3px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_book.gif) no-repeat 0px 0px;
}

#area-snavi ul li.book_category { /* ここから 『 book_category 』 の設定 */ 
     display: block;
     height: 16px;
     margin-left: 5px;
	 padding:0 3px;
     background:#fff;
	 color:#ccc;
	 vertical-align:middle;
	 font-size:11px;
}

#area-snavi ul li.book_category a { /* ここから 『 book_category 』 の設定 */ 
     height: 16px;
     background:#fff;
	 vertical-align:middle;
	 font-size:11px;
}

#area-snavi ul li.whatsnew { /* ここから 『 whatsnew 』 の設定 */ 
     display: block;
     width: 53px;
     height: 12px;
     margin-left: 8px;
     margin-top: 3px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_whatsnewa.gif) no-repeat 0px 0px;
}

#area-snavi ul li a.whatsnew { 
     display: block;
     width: 53px;
     height: 12px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_whatsnew.gif) no-repeat 0px 0px;
}
#area-snavi ul li a.whatsnew:hover,
#area-snavi ul li a.whatsnew:active { 
     background-position: 0px -12px;
}

#area-snavi ul li.event { /* ここから 『 event 』 の設定 */ 
     display: block;
     width: 68px;
     height: 12px;
     margin-left: 8px;
     margin-top: 3px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_eventa.gif) no-repeat 0px 0px;
}

#area-snavi ul li a.event {
     display: block;
     width: 68px;
     height: 12px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_event.gif) no-repeat 0px 0px;
}
#area-snavi ul li a.event:hover,
#area-snavi ul li a.event:active { 
     background-position: 0px -12px;
}

#area-snavi ul li.guide { /* ここから 『 guide 』 の設定 */ 
     display: block;
     width: 98px;
     height: 12px;
     margin-top: 3px;
     margin-left: 130px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_guidea.gif) no-repeat 0px 0px;
}

#area-snavi ul li a.guide {
     display: block;
     width: 98px;
     height: 12px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_guide.gif) no-repeat 0px 0px;
}
#area-snavi ul li a.guide:hover,
#area-snavi ul li a.guide:active { 
     background-position: 0px -12px;
}


/* IE6対策 */

*html #area-snavi ul li a.whatsnew { 
     display: block;
     width: 53px;
     height: 12px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_whatsnew_ie.gif) no-repeat 0px 0px;
}
*html #area-snavi ul li a.whatsnew:hover,
*html #area-snavi ul li a.whatsnew:active { 
     background-position: 0px 0px;
}

*html #area-snavi ul li a.event {
     display: block;
     width: 68px;
     height: 12px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_event_ie.gif) no-repeat 0px 0px;
}
*html #area-snavi ul li a.event:hover,
*html #area-snavi ul li a.event:active { 
     background-position: 0px 0px;
}

*html #area-snavi ul li a.guide {
     display: block;
     width: 98px;
     height: 12px;
  text-indent:-9999px;
     background: transparent url(../images/common/snavi_guide_ie.gif) no-repeat 0px 0px;
}
*html #area-snavi ul li a.guide:hover,
*html #area-snavi ul li a.guide:active { 
     background-position: 0px 0px;
}






#area-pankuzu ul {margin-bottom:25px;}
#area-pankuzu ul li {display:inline; font-size:x-small; margin-right:5px;}
#area-pankuzu ul li a {color:#999;}
#area-pankuzu ul li a:hover,
#area-pankuzu ul li a:active {color:#888;}


/*---------------------------------------------
    Main Area Parts
---------------------------------------------*/



/* １カラムメイン */

#area-main h2 {
  padding: 0 0 1px 10px;
  border-bottom:1px solid #cccccc;
  background: url(../images/common/line_blue.gif) no-repeat ;   
  clear:both;
  font-size:16px;
}

#area-main h2.detail {
  padding: 0 0 7px 10px;
  font-size:13px;
}


#area-main h2 span {
     height: 16px;
     margin-left: 10px;
	 padding:0 3px;
     background:#00A1E9;
	 vertical-align:0.4em;
	 font-size:11px;
	 color:#fff;
	 font-weight:normal;
}

#area-main h2 span.new {
     background:#FF0066;
}

#area-main h2 span.up {
     background:#009D00;
}

#area-main h2 span.ebook {
     background:#ff3300;
}

#area-main h3 {
  line-height: 110%;
  font-size:small;
  padding: 4px 3px 4px 8px;
  background: #dedede url(../images/common/line_grey.gif) repeat-y ;  
  margin:20px 0 10px ;  
  clear:both;
}

#area-main h3 span {
     height: 16px;
     margin-left: 10px;
	 padding:0 3px;
	 font-size:11px;
	 color:#fff;
	 font-weight:normal;
}

#area-main h3 span.new {
     background:#FF0066;
}

#area-main h3 span.up {
     background:#009D00;
}

#area-main h3 span.ebook {
     background:#ff3300;
}

#area-main h4 {
  padding: 0 0 1px 2px;
  border-bottom:1px solid #cccccc;
  font-size:small;
  margin-bottom:5px;
  color:#008AC9;
}

#area-main h5 {
  padding: 0 0 1px 2px;
  border-bottom:1px dotted #cccccc;
  font-size:small;
  margin-bottom:5px;

}

a.detail {
  background: #dedede url(../images/common/btn_detail.gif) no-repeat ;   
  display:block;
  width:104px;
  height:20px;
  margin:7px 0;
  text-indent:-9999px;
}

a.detail:hover,
a.detail:active {
     background-position: 0px -20px;
}

a.pdf {
float:right;
  background:  url(../images/common/icon_pdf.gif) no-repeat ;   
  padding:3px 0 3px 18px;
}

#area-main p {
  margin-bottom: 15px;
}

#area-main p.notitle {
  margin-top: 15px;
}

#area-main p.right {
  text-align: right;
}


#area-main p.book {
  margin-bottom: 5px;
}

#area-main ol {
  margin-left:30px;
}

#area-main .booktext dl,
#area-main .bookdetaildata_area .data dl {
  font-size:11px;
}

#area-main .booktext  dt,
#area-main .bookdetaildata_area .data dt {
  border-left:1px solid #00A1E9;
  padding: 0 0 0px 3px;
  float:left;
  margin-right:5px;
}

#area-main .bookdetaildata_area .data dl {
  margin:0px 20px;
}

#area-main p.listend {
  text-align:right;
  border-bottom:1px solid #cccccc;
  clear:both;
}

#area-main p.listend a {
  background: url(../images/common/icon_toparrow.gif) no-repeat 0 0.3em;   
  padding:0 0 0 10px;
}


table#table-01 {
    width: 530px;
	margin:20px 83px;
    border-top: #ccc solid 1px;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    width: 200px;
    padding: 7px;
    border-top: #ccc solid;
    border-bottom: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #EBF8FB;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 7px;
    border-top: #ccc solid;
    border-bottom: #ccc solid;
    border-left: #ccc solid;
	border-width: 0 0 1px 1px;
    background: #f8f8f8;
    text-align: left;
    white-space: nowrap;
}

table#table-01 td.left {
    padding: 7px;
    border-top: #ccc solid;
    border-bottom: #ccc solid;
    border-left: none;
	border-width: 0 0 1px 1px;
    background: #f8f8f8;
    text-align: left;
    white-space: nowrap;
}

table#contact {
    width: 530px;
	margin:20px 53px;
    border-top: #ccc solid 1px;
    border-collapse: collapse;
    border-spacing: 0;
}

table#contact th {
    width: 200px;
    padding: 7px;
    border-top: #ccc solid;
    border-bottom: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #EBF8FB;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#contact td {
    padding: 7px;
    border-top: #ccc solid;
    border-bottom: #ccc solid;
    border-left: #ccc solid;
	border-width: 0 0 1px 1px;
    background: #f8f8f8;
    text-align: left;
    white-space: nowrap;
}

/* １カラムブックリスト */

#area-main img.book {
  float:left;
  margin-right:10px;
  margin-bottom:20px;
  width:120px;
}

#area-main .booktext{
  float:right;
  width:566px;
  margin-bottom:20px;
}

#area-main .booktext p.price {
  margin:0;
  padding:5px 0px 0;
}

#area-main .booktext p.price span {
  font-weight:bold;
  color:#008AC9;
}

/* １カラムブック詳細 */

#area-main img.bookdetail {
  float:left;
  margin:17px 17px 0 0;
  width:240px;
}

#area-main .bookdetaildata_area {
float:right;
  width:434px;

}

#area-main .bookdetaildata_area .data {
  background: #efefef url(../images/common/booksq_top.gif) no-repeat ;   
  margin-top:17px;
  padding-top:20px;
}

#area-main .bookdetaildata_area .data p.price {
  margin:0;
  padding:5px 20px 0;
}

#area-main .bookdetaildata_area .data p.price span {
  font-size:14px;
  font-weight:bold;
  color:#008AC9;
}

#area-main .bookdetaildata_area .data p.alert {
  margin:0;
  padding:5px 20px 0;
  font-size:12px;
  color:red;
}

#area-main .bookdetaildata_area .data p.alert span {
  font-weight:bold;
}

#area-main .bookdetaildata_area .data form {
  background: url(../images/common/booksq_foot.gif) no-repeat bottom left ;   
  padding:0 0 20px 20px ;
}

#area-main .bookdetaildata_area .data form p {
  margin:0;
  padding:5px 0;
}

#area-main .bookdetaildata_area .data form p span {
  font-size:x-small;
  color:red;
}



#area-main h3.detail {
  line-height: 110%;
  font-size:small;
  padding: 4px 3px 4px 8px;
  background: #dedede url(../images/common/line_grey.gif) repeat-y ;  
  margin:20px 0 10px ;  
}

#area-main .present h4 {
  margin:0 0 3px 0;
  border:none;
  }
#area-main .present strong {
  font-weight:normal;
  }

/* １カラムインフォリスト */

#area-info {
  margin-bottom:28px;
}

#area-info object {
  margin-top:10px;
}

#area-info h2 {
  padding: 0 0 1px 10px;
  border-bottom:1px solid #cccccc;
  background: url(../images/common/line_blue.gif) no-repeat ;   
  clear:both;
  wight:390px;
}

#area-info p {
  margin-top:10px;
}

#area-info  dl {
  font-size:10px;
}

#area-info  dl dt {
  float: left;
  width: 82px;
  padding:9px 0;
}

#area-info  dl dt.new {
  background: url(../images/common/icon_new.gif) no-repeat right ;   
}

#area-info  dl dd {
  border-bottom:1px solid #cccccc;
  padding:9px 0;
}

#area-info  dl dd span {
  width:614px;
  display:block;
  margin-left:82px;
}

#area-info  dl.index dd span {
  width:299px;
  display:block;
  margin-left:82px;
}

#area-info .listend {
  text-align:right;
  clear:both;
}

#area-info .listend a {
  background: url(../images/common/icon_nextarrow.gif) no-repeat 0 0.3em;   
  padding:0 0 0 10px;
  margin:0;
}


/* トップバナー */

#area-topbanner {
  clear:both;
  padding-bottom: 10px;
}

#area-topbanner h1 {
  display:none;
}


#slider {  
    height: 232px;  
    margin-bottom: 0px;  
}  
#slider #sliderContent {  
    height: 232px;  
    width: 696px;  
    padding: 0px;  
    border: 0;  
}  
#sliderContent li   {  
    height: 232px;  
    display: none;  
    color: #FFF;  
} 

#slider #sliderContent li span  {  
    width: 696px;  
    padding: 0px;  
    display: none;  
}  


/* ２カラム左サイド */

#side-left {
	float:left;
	width:390px;
  margin-top:10px;
}

/* ２カラム右サイド */

#area-side {
	float:left;
	width:284px;
	margin-left:22px;
}


#area-side h2 {
  padding-bottom:10px;
}

/* 角丸青 */

#area-side .sq {
  background: url(../images/index/topsq_bg.gif) repeat-y ;   
  color:#fff;
}

#area-side .sq h3 {
  padding: 0 0 7px 0;
}

#area-side .sq ul {
  background: url(../images/index/topsq_foot.gif) no-repeat bottom ;   
  margin-bottom:10px;
  padding: 0 10px 10px 3px;
}

#area-side .sq li {
  display : inline;
  padding:6px;
}

#area-side .sq li.cart {
  display : inline;
  padding:6px 6px 6px 18px;
  background: url(../images/index/topsq_cart.gif) no-repeat 0 0.3em ;   
}

#area-side .sq li a:link {
  color : #fff;
  text-decoration: underline;  
}

#area-side .sq li a:hover {
  color : #fff;
  text-decoration: none;  
}

#area-side .sq li a:visited {
  color : #fff;
  text-decoration: underline;  
}


/* サイド本リスト */

#area-side .side-book {
  clear:both;
  margin-bottom:10px;
  border-bottom:1px solid #cccccc;
}

#area-side .side-book img {
  float:left;
  width:86px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#area-side .side-bookinfo {
  float:left;
  width:190px;
  margin-left:8px;
  margin-top: 10px;
}

#area-side .side-book h3 {
  line-height: 110%;
  font-size:11px;
  padding: 3px 3px 3px 8px;
  background: #dedede url(../images/common/line_grey.gif) repeat-y ;   
}

#area-side .side-book h3 span {
	 padding:0 2px;
	 font-size:9px;
	 color:#fff;
	 font-weight:normal;
     margin-left: 3px;
}

#area-side .side-book h3 span.new {
     background:#FF0066;
}

#area-side .side-book h3 span.up {
     background:#009D00;
}

#area-side .side-book h3 span.ebook {
     background:#ff3300;
}

#area-side .side-book p {
  line-height: 124%;
  font-size:10px;
  padding: 3px 3px 3px 0px;
}

#area-side .side-bookinfo a {
  background: #dedede url(../images/common/btn_detail.gif) no-repeat ;   
  display:block;
  width:104px;
  height:20px;
  text-indent:-9999px;
}

#area-side .side-bookinfo a:hover,
#area-side .side-bookinfo a:active {
     background-position: 0px -20px;
}


#area-side p.listend {
  border-top:1px solid #cccccc;
  clear:both;
  text-align:right;
  padding: 3px 3px 3px 0px;
}

#area-side p.listend a {
  background: url(../images/common/icon_nextarrow.gif) no-repeat 0 0.3em;   
  padding:0 0 0 10px;
}

#area-side .link {
text-align:center;
}

#area-side .link img {
margin:5px 0;
}

#area-side .link a img {
  border:1px solid #ccc;
}

#area-side .link a:hover img,
#area-side .link a:active img {
  border:1px solid #56C5FF;
}

/* リンク角丸グレー */

#area-link {
  clear:both;
  width:696px;
  background: #dddddd url(../images/common/sq_top.gif) no-repeat ;   
  padding:10px 0 0;
}

#area-link h2 {
  padding:0px 10px 10px;
}

#area-link ul {
  background: url(../images/common/sq_foot.gif) no-repeat bottom left ;   
  margin-bottom:10px;
  padding: 0 0px 10px 10px;
}

#area-link li {
  display : inline;
  padding-right:6px;
}

#area-link li a img {
  border:1px solid #bbb;
}

#area-link li a:hover img,
#area-link li a:active img {
  border:1px solid #56C5FF;
}

#area-link li a.noimg {
  vertical-align: 0em;
  padding:3px;
  font-size:x-small;
  background:#fff;
  border:1px solid #bbb;
}

#area-link li a.noimg:hover,
#area-link li a.noimg:active {
  border:1px solid #56C5FF;
  text-decoration:none;
}




/*---------------------------------------------
    Footer Area Parts
---------------------------------------------*/

#footer{
  clear:both;
  padding-right:0px;
  width:100%;
}

#footer ul{
  width: 696px;
  margin-bottom:10px;
  padding: 0px;
}

#footer ul li{
  float: left;
  text-indent:-9999px;
  list-style-type: none;
}

#footer ul li a.top { /* ここから 『 Top 』 の設定 */ 
  display: block;
  width: 136px;
  height: 21px;
  margin-left: 0px;
  background: transparent url(../images/common/foot_logo.gif) no-repeat 0px 0px;
}
#footer ul li a.top:hover,
#footer ul li a.top:active { 
  background-position: 0px -21px;
}

#footer ul li a.fnavi_01 { /* ここから 『 fnavi_01 』 の設定 */ 
  display: block;
  width: 43px;
  height: 11px;
  margin-left: 10px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_01.gif) no-repeat 0px 0px;
}
#footer ul li a.fnavi_01:hover,
#footer ul li a.fnavi_01:active { 
  background-position: 0px -11px;
}

#footer ul li a.fnavi_02 { /* ここから 『 fnavi_02 』 の設定 */ 
  display: block;
  width: 48px;
  height: 11px;
    border-left:#999 1px solid;
  margin-left: 7px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_02.gif) no-repeat 7px 0px;
}
#footer ul li a.fnavi_02:hover,
#footer ul li a.fnavi_02:active { 
  background-position: 7px -11px;
}

#footer ul li a.fnavi_03 { /* ここから 『 fnavi_03 』 の設定 */ 
  display: block;
  width: 48px;
  height: 11px;
    border-left:#999 1px solid;
  margin-left: 7px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_03.gif) no-repeat 7px 0px;
}
#footer ul li a.fnavi_03:hover,
#footer ul li a.fnavi_03:active { 
  background-position: 7px -11px;
}

#footer ul li a.fnavi_04 { /* ここから 『 fnavi_04 』 の設定 */ 
  display: block;
  width: 127px;
  height: 11px;
    border-left:#999 1px solid;
  margin-left: 7px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_04.gif) no-repeat 7px 0px;
}
#footer ul li a.fnavi_04:hover,
#footer ul li a.fnavi_04:active { 
  background-position: 7px -11px;
}

#footer ul li a.fnavi_05 { /* ここから 『 fnavi_05 』 の設定 */ 
  display: block;
  width: 126px;
  height: 11px;
    border-left:#999 1px solid;
  margin-left: 6px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_05.gif) no-repeat 6px 0px;
}
#footer ul li a.fnavi_05:hover,
#footer ul li a.fnavi_05:active { 
  background-position: 6px -11px;
}

#footer ul li a.fnavi_06 { /* ここから 『 fnavi_06 』 の設定 */ 
  display: block;
  width: 120px;
  height: 11px;
    border-left:#999 1px solid;
  margin-left: 6px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_06.gif) no-repeat 6px 0px;
}
#footer ul li a.fnavi_06:hover,
#footer ul li a.fnavi_06:active { 
  background-position: 6px -11px;
}


/* IE6対策 */


* html #footer ul{
  width: 696px;
  margin-bottom:0px;
  margin-top:10px;
  padding: 0px;
}

* html #footer ul li{
  float: left;
  text-indent:-9999px;
  list-style-type: none;
}

* html #footer ul li a.top { /* ここから 『 Top 』 の設定 */ 
  display: block;
  width: 136px;
  height: 21px;
  margin-left: 0px;
  background: transparent url(../images/common/foot_logo.gif) no-repeat 0px 0px;
}
* html #footer ul li a.top:hover,
* html #footer ul li a.top:active { 
  background-position: 0px -21px;
}

* html #footer ul li a.fnavi_01 { /* ここから 『 fnavi_01 』 の設定 */ 
  display: block;
  width: 48px;
  height: 11px;
  margin-left: 7px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_01_ie.gif) no-repeat 5px 0px;
}
* html #footer ul li a.fnavi_01:hover,
* html #footer ul li a.fnavi_01:active { 
  background-position: 6px -0px;
}

* html #footer ul li a.fnavi_02 { /* ここから 『 fnavi_02 』 の設定 */ 
  display: block;
  width: 48px;
  height: 11px;
  border:none;
  margin-left: 7px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_02_ie.gif) no-repeat 7px 0px;
}
* html #footer ul li a.fnavi_02:hover,
* html #footer ul li a.fnavi_02:active { 
  background-position: 8px -0px;
}

* html #footer ul li a.fnavi_03 { /* ここから 『 fnavi_03 』 の設定 */ 
  display: block;
  width: 48px;
  height: 11px;
  border:none;
  margin-left: 7px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_03_ie.gif) no-repeat 7px 0px;
}
* html #footer ul li a.fnavi_03:hover,
* html #footer ul li a.fnavi_03:active { 
  background-position: 8px -0px;
}

* html #footer ul li a.fnavi_04 { /* ここから 『 fnavi_04 』 の設定 */ 
  display: block;
  width: 127px;
  height: 11px;
  border:none;
  margin-left: 7px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_04_ie.gif) no-repeat 7px 0px;
}
* html #footer ul li a.fnavi_04:hover,
* html #footer ul li a.fnavi_04:active { 
  background-position: 8px -0px;
}

* html #footer ul li a.fnavi_05 { /* ここから 『 fnavi_05 』 の設定 */ 
  display: block;
  width: 126px;
  height: 11px;
  border:none;
  margin-left: 6px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_05_ie.gif) no-repeat 6px 0px;
}
* html #footer ul li a.fnavi_05:hover,
* html #footer ul li a.fnavi_05:active { 
  background-position: 7px -0px;
}

* html #footer ul li a.fnavi_06 { /* ここから 『 fnavi_06 』 の設定 */ 
  display: block;
  width: 120px;
  height: 11px;
  border:none;
  margin-left: 6px;
  margin-top: 5px;  
  background: transparent url(../images/common/fnavi_06_ie.gif) no-repeat 6px 0px;
}
* html #footer ul li a.fnavi_06:hover,
* html #footer ul li a.fnavi_06:active { 
  background-position: 7px -0px;
}




p.copyright{ clear:both; padding:10px 0 ;}


/*---------------------------------------------
    All Ground Parts
---------------------------------------------*/

em,
strong {
  color: #FC3A7B;
}


/*---------------------------------------------
    Link
---------------------------------------------*/

a {
  color: #19A9FF;
}

a:visited {
  color: #1288CE;
}

a:hover {
  color: #56C5FF;
  text-decoration: underline;
}

/*---------------------------------------------
    Special
---------------------------------------------*/

.sp_ugly{margin-top:15px;}

.sp_ugly p{text-align:center; margin-top:10px;}