@charset "utf-8";



/* ==================================
全体共通
================================== */
#wrapper{
width:100%;
min-width:950px;
background-image:url(../img/lwr_bg.jpg);
background-position:center top;
background-repeat:no-repeat;
}


#header,
#contents,
#footer,
p.page-top{
width:950px;
margin:0 auto;
}


#header #swapcss{
float:right;
width:158px;
margin:25px 0 0 0;
color:#FFFFFF;
}
#header #swapcss dt {
float:left;
display:block;
width:62px;
height:19px;
font-size:0;
line-height:0;
background-image:url(../img/head_size_img.gif);
background-repeat:no-repeat;
margin:0 10px 0 0;
}
#header #swapcss dd {
float:left;
display:inline-block;
font-size:0;
line-height:0;
text-indent:-1000px;
width:19px;
height:19px;
margin:0 5px 0 0;
}
#header #swapcss dd.fs_s,
#header #swapcss dd.fs_m,
#header #swapcss dd.fs_l {
background-repeat:no-repeat;
}



#header p{
	float: left;
	margin: 25px 0 0 0;
}
#header .search{
float:right;
width:272px;
height:69px;
background-image:url(../img/head_srch_bg.gif);
background-repeat:no-repeat;
background-position:0 24px;
}
#header .search table{
width:242px;
margin:0 0 0 10px;
}
#header .search table td.text{
width:223px;
}
#header .search table td.text input{
border:0;
width:207px;
height:11px;
color:#666666;
margin:23px 0 0 0;
}
/* FireFox用 */
:root *> #header .search table td.text input{
height:12px;
margin:24px 0 0 0;
}
#header .search table td.btn{
width:19px;
}
#header .search table td.btn input{
margin:25px 0 0 0;
}



#header p.site-name{
  width: 126px;
  margin: 31px 0 0 15px;
}
#header p.sitemap{
float:right;
width:93px;
margin:25px 0 0 0;
}
#header .global-menu{
clear:both;
width:951px;
height:33px;
}
#header .global-menu ul{
float:left;
}
#header .global-menu ul li{
float:left;
height : 33px;
}
#header .global-menu ul.main-menu{
margin:0 5px 0 0;
}


dl#topic-path{
clear:both;
width:950px;
height:30px;
margin:0 auto;
}
dl#topic-path dt{
display:none;
}
dl#topic-path dd ul li{
float:left;
padding:4px 0 0 0;
}
/* safari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
dl#topic-path dd ul li{
padding:5px 0 0 0;
}
}


#contents{
}
.right-column-bottom{
}

#right-column{
    float: right;
    width: 230px;
    height: auto;
}
#right-column #rc_menu01 {
    width: 228px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-top: none;
    margin: 0 0 15px;
}
#right-column .rc_menu01_pack {
}
/*
#right-column .rc_menu01_pack
背景が崩れる件の対策　ここから------
 */
#right-column .rc_menu01_pack {
	overflow: hidden;
}
#right-column .rc_menu01_pack:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #right-column .rc_menu01_pack {
	height: 1em;
	overflow: visible;
}
/**/
/*
------ここまで　の背景が崩れる件の対策
 */
#right-column .rc_menu01_title01 {
    width: 228px;
    height: 36px;
    margin: 0 0 10px;
}
#right-column .rc_menu01_title02 {
    width: 208px;
    height: auto;
/*    background: url("../img/btn_arrow03.gif") no-repeat 0 6px;*/
    font-weight: bold;
  /*    padding: 0 0 0 10px;*/
  margin: 0 10px 10px;
  clear: both;
}
#right-column .rc_menu01_left {
    float: left;
    width: 65px;
    height: auto;
    margin: 0 20px 15px 10px;
}
#right-column .rc_menu01_right {
    float: right;
    width: 123px;
    height: auto;
    margin: 0 10px 15px 0;
}

#right-column #rc_menu02 {
    width: 228px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-top: none;
    margin: 0 0 15px;
}
#right-column .rc_menu02_pack {
}
#right-column .rc_menu02_title01 {
    width: 228px;
    height: 37px;
    margin: 0 0 10px;
}
#right-column .rc_menu02_title02 {
    width: 208px;
    height: auto;
/*    background: url("../img/btn_arrow03.gif") no-repeat 0 6px;*/
    font-weight: bold;
/*    padding: 0 0 0 10px;*/
    margin: 0 10px 10px;
}
#right-column .rc_menu02_text {
    width: 208px;
    height: auto;
    margin: 15px 10px 10px;
}

#right-column #rc_menu03 {
    width: 228px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0 0 15px;
    padding-bottom: 10px;
}
#right-column .rc_menu03_title01 {
    width: 228px;
    height: 46px;
    margin: 0 0 10px;
}
#right-column .rc_menu03_link {
    width: 208px;
    height: auto;
/*    background: url("../img/btn_arrow03.gif") no-repeat 0 6px;
    padding: 0 0 0 10px;*/
    margin: 0 10px 5px;
}

#right-column #rc_menu04 {
    width: 228px;
    height: auto;
    background: #FFFFFF;
    margin: 0 0 15px;
}
#right-column .rc_menu04_banner {
    width: 228px;
    height: auto;
    margin: 0 0 15px;
}

#contents-body{
float:left;
width:700px;
zoom:100%;
}
#contents-body:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}



ul#tab-menu li{
float:left;
font-size:0;
line-height:0;
margin:0 0 30px 0;
}



#footer {
	margin-top: 30px;
  width: 100%;
}

#footer .page-top {
  width: 950px;
	margin : 30px 0 10px 0;
	padding : 0;
}
#footer .page-top span {
  background-image: url(../img/btn_pagetop2.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding: 5px 0 0 15px;
}
#footer .page-top a {
  color: #656565;
}


#footer .f-body {
  margin: 0 auto;
  width: 950px;
}
#f-socialpert {
  border-top: 1px solid #999;
}
#f-go2top {
  border-top: 1px solid #999;
}
#f-sitemap {
  background-color: #F4F4F4;
  border-top: 1px solid #999;
  padding: 15px 0;
}
#f-other {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
#f-sitemap .f-body,
#f-other .f-body {
  width: 960px;
}

#f-socialpert .f-body ul {
  padding: 15px 0;
  text-align: right;
}
#f-socialpert .f-body ul li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0 0 0 15px;
  margin: 0;
}
#f-go2top .f-body ul {
}
#f-go2top .f-body ul li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
/*  background-image: url(../img/btn_arrow03.gif);
  background-repeat:no-repeat;
  background-position: 20px 21px;*/
  padding: 15px 20px 15px 20px;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
}
#f-go2top .f-body ul li a {
  color: #707070;
}
#f-sitemap .f-body {
  background-image:url(../img/bg_footer_sitemap.gif);
  background-repeat: repeat-y;
}
#f-sitemap .f-body h4 {
  background-image: none;
  margin: 0 0 10px 20px;
  padding: 0 0 0 0;
  font-size: 0.9em;
  color: #696969;
}
#f-sitemap .f-body h4 a {
  color: #696969;
}
#f-sitemap .f-body ul {
  margin: 0 0 25px;
}
#f-sitemap .f-body li {
  margin: 0 0 3px 0;
  padding: 0 0 0 24px;
  font-size: 0.9em;
}
#f-sitemap .f-body li a {
  color: #616161;
}
#f-sitemap .f-body .panel1,
#f-sitemap .f-body .panel2,
#f-sitemap .f-body .panel3,
#f-sitemap .f-body .panel4 {
  width:239px;
  padding-top: 10px;
  float: left;
}
/*
#f-sitemap .f-body
背景が崩れる件の対策　ここから------
 */
#f-sitemap .f-body,
#f-other .f-body {
	overflow: hidden;
}
#f-sitemap .f-body:after,
#f-other .f-body:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #f-sitemap .f-body,
* html #f-other .f-body {
	height: 1em;
	overflow: visible;
}
/**/
/*
------ここまで　の背景が崩れる件の対策
 */

#f-other .f-body .logo {
  float: left;
  margin: 0;
  padding: 0 10px 0 0;
  border-right: solid 1px #cccccc;
}
#f-other .f-body ul {
  float: left;
}
#f-other .f-body ul li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  border-right: solid 1px #cccccc;
  margin: 0 0 3px 0;
  padding: 15px 20px 10px 15px;
}
#f-other .f-body li a {
  color: #707070;
}
#f-other .f-body .copyright {
  float: right;
}






/*
.page-top{
text-align:right;
padding:10px 0 30px 0;
}
*/
#footer p.page-top {
  text-align:right;
  width: 950px;
  margin: 0 auto;
  padding: 10px 0 30px 0;
  background-image: none;
}
#footer p.page-top span {
  background-image: url(../img/btn_pagetop2.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding: 5px 0 0 15px;
}
#footer p.page-top a {
  color: #656565;
  }
  
/* ==================================
下層共通
================================== */

#category-menu{
float:left;
width:150px;
}
#category-menu .bg{
background-repeat:no-repeat;
background-position:bottom;
zoom:100%;
}
#category-menu ul{
background-repeat:no-repeat;
padding:5px;
}
#category-menu li{
font-size:0;
line-height:0;
}


#category-body{
float:right;
width:510px;
}


#anchor ul{
background-image:url(../img/dline02.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:100%;
}
#anchor ul:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#anchor ul li{
float:left;
background-image:url(../img/btn_anchor.gif);
background-repeat:no-repeat;
background-position:0 10px;
margin:0 20px 0 0;
padding:8px 0 9px 0;
white-space:pre;
}
#anchor ul li a{
padding:0 0 0 22px;
}


span.image,
span.h-image{
float:right;
font-size:85%;
line-height:1.4em;
margin: 0 0 10px 20px;
text-align:left;
}
span.left-image{
float:left;
font-size:85%;
line-height:1.4em;
margin: 0 20px 10px 0;
text-align:left;
}
span.image img{
margin:-3px -5px 0 0;
}
span.h-image img{
margin:0 -5px 0 0;
}
span.left-image img{
margin:-3px 0 0 -3px;
}



table.list-x{
clear:both;
width:100%;
line-height:1.2em;
}
table.list-x .tl{
background-image:url(../img/listbg01.gif);
background-repeat:no-repeat;
background-position:left 0;
border-top:none;
padding:6px 8px 5px 8px;
}
table.list-x .tr{
background-image:url(../img/listbg01.gif);
background-repeat:no-repeat;
background-position:right 0;
border-top:none;
border-right:none;
padding:6px 8px 5px 8px;
}
table.list-x .cl{
border-left:solid;
border-left-width:1px;
border-left-color:#C8C8C8;
}
table.list-x th{
background-color:#DDDDDD;
border-top:solid;
border-top-width:1px;
border-top-color:#C8C8C8;
border-right:solid;
border-right-width:1px;
border-right-color:#C8C8C8;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#C8C8C8;
padding:5px 8px;
}
table.list-x td{
background-color:#FFFFFF;
border-right:solid;
border-right-width:1px;
border-right-color:#C8C8C8;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#C8C8C8;
padding:5px 8px;
}
table.list-x .bl{
background-image:url(../img/listbg02.gif);
background-repeat:no-repeat;
background-position:left bottom;
border-bottom:none;
padding:5px 8px 6px 8px;
}
table.list-x .br{
background-image:url(../img/listbg02.gif);
background-repeat:no-repeat;
background-position:right bottom;
border-right:none;
border-bottom:none;
padding:5px 8px 6px 8px;
}


table.list-y{
clear:both;
width:100%;
line-height:1.2em;
}
table.list-y .tl{
background-image:url(../img/listbg01.gif);
background-repeat:no-repeat;
background-position:left 0;
border-left:none;
padding:6px 8px 5px 8px;
}
table.list-y .tr{
background-image:url(../img/listbg02.gif);
background-repeat:no-repeat;
background-position:right 0;
border-right:none;
padding:6px 8px 5px 8px;
}
table.list-y .tc{
border-top:solid;
border-top-width:1px;
border-top-color:#C8C8C8;
}
table.list-y th{
background-color:#DDDDDD;
border-right:solid;
border-right-width:1px;
border-right-color:#C8C8C8;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#C8C8C8;
border-left:solid;
border-left-width:1px;
border-left-color:#C8C8C8;
padding:5px 8px;
}
table.list-y td{
background-color:#FFFFFF;
border-right:solid;
border-right-width:1px;
border-right-color:#C8C8C8;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#C8C8C8;
padding:5px 8px;
}
table.list-y .bl{
background-image:url(../img/listbg01.gif);
background-repeat:no-repeat;
background-position:left bottom;
border-left:none;
border-bottom:none;
padding:5px 8px 6px 8px;
}
table.list-y .br{
background-image:url(../img/listbg02.gif);
background-repeat:no-repeat;
background-position:right bottom;
border-right:none;
border-bottom:none;
padding:5px 8px 6px 8px;
}


#contents-body p.page-top{
clear:both;
width:700px;
background-image:url(../img/btn_pagetop.gif);
background-repeat:no-repeat;
background-position:right 6px;
padding:5px 0 0 0;
}
#contents-body #category-body p.page-top{
width:510px;
}
#contents-body p.page-top a{
padding:0 20px 0 0;
}


#contents-bottom{
clear:both;
}
#contents-bottom p.title{
background-image:url(../img/btm_links_titleline.gif);
background-position:bottom;
background-repeat:repeat-x;
zoom:100%;
padding:30px 0 10px 0;
margin:0;
}
#contents-bottom p{
margin:15px 0 0 0;
}
#contents-bottom dl{
background-image:url(../img/dline02.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:100%;
margin:15px 0 0 0;
padding:0 0 15px 0;
}
#contents-bottom dl dd.img{
float:left;
width:60px;
}
#contents-bottom dl dd.img img{
padding:1px;
background-color:#999999;
margin:5px 0 0 0;
}
#contents-bottom dl dt a{
background-image:url(../img/btn_arrow01.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding:0 0 0 10px;
}