h1{
width:960px;
font-size:77%;
line-height:1.4;
font-weight:normal;
margin:0 auto;
padding:5px 0px 5px 0px;
}

/* ヘッダー
---------------------------------------------------- */
#header{
background-image:url(/common/img/bg_header.gif);
background-position:0 0;
background-repeat:repeat-x;
min-width: 960px;
width:100%;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
margin:0;
padding:0;
}

#header .box{
overflow:hidden;
clear:both;
width:960px;
height:159px;
margin:0 auto;
padding:0px;
}

#header .box .box_left{
float:left;
width:240px;
height:159px;
margin:0;
padding:0;
}

#header .box .box_right{
float:right;
width:720px;
height:159px;
margin:0;
padding:0;
}

#header .box .box_right .sub_navi{
width:281px;
height:62px;
margin:0px 0px 0px 439px;
padding:5px 0px 14px 0px;
}

#header .box .box_right .sub_navi ul.top_btn{
width:281px;
height:25px;
margin:0px 0px 5px 0px;
padding:0;
}

#header .box .box_right .sub_navi .top_btn li{
float:left;
list-style:none;
height:25px;
line-height:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

#header .box .box_right .sub_navi .btm_btn{
background-color:#c2c2c2;
width:271px;
height:29px;
margin:0px 0px 0px 10px;
padding:2px 0px 2px 2px;
}

#header .box .box_right .sub_navi .btm_btn li{
float:left;
list-style:none;
height:25px;
line-height:0;
margin:0px 1px 0px 0px;
padding:0;
}

/* グローバルナビ
---------------------------------------------------- */
#header #g_navi{
width:100%;
height:48px;
margin:19px 0 0;
padding:0;
}

#header #g_navi ul{
overflow: hidden;
clear:both;
width:720px;
height:48px;
list-style:none;
margin:0px auto;
padding:0;
}

#header #g_navi ul li{
float:left;
height:48px;
padding:0;
}

#header #g_navi .hover {
display: block;
}

#header #g_navi .hover:hover {
display: block;
background-position: left top;
background-repeat: no-repeat;
}

#header #g_navi .hover:hover img {
visibility: hidden;
}

#g_navi ul li img {
	vertical-align: bottom;
}

#g_navi ul li.btn01 {
	background-image: url(/common/img/gnavi001on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin:0;
}

#g_navi ul li.btn02 {
	background-image: url(/common/img/gnavi002on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin:0;
}

#g_navi ul li.btn03 {
	background-image: url(/common/img/gnavi003on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin:0;
}

#g_navi ul li.btn04 {
	background-image: url(/common/img/gnavi004on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin:0;
}

#g_navi ul li.btn05 {
	background-image: url(/common/img/gnavi005on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin:0;
}

/* パンくずリスト
---------------------------------------------------- */
#bread{
background:url(/common/img/bg_bread.gif);
background-position:0 0;
background-repeat:no-repeat;
width:720px;
height:30px;
margin:0;
padding:0;
}

#bread ul{
overflow: hidden;
clear:both;
width:689px;
height:23px;
margin:0;
padding:7px 0px 0px 31px;
}

#bread ul li{
float:left;
font-size:93%;
line-height:1.5;
color:#333;
list-style:none;
margin:0px 7px 0px 0px;
padding:0;
}

#bread li a{
background:url(/common/img/bg_blist.gif);
background-position:top right;
background-repeat:no-repeat;
color:#333;
text-decoration:none;
padding:0px 12px 0px 0px;
}

#bread li a:hover{
text-decoration:none;
}




/* サイドメニュー
---------------------------------------------------- */
.container .side_menu{
float:left;
background:url(/common/img/bg_sidemenu.gif);
background-position:0 0;
background-repeat:no-repeat;
width:240px;
margin:0;
padding:39px 9px 8px 9px;
}

.container .side_menu .s_est{
width:240px;
margin:0;
padding:0px 0px 16px 0px;
}

.container .side_menu .s_est li{
list-style:none;
margin:0;
padding:0;
}

.container .side_menu .s_bnr{
width:240px;
margin:0;
padding:0px 0px 0px 0px;
}

.container .side_menu .s_bnr li{
list-style:none;
margin:0px 0px 8px 0px;
padding:0;
}

.container .side_menu dl{
width:240px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.container .side_menu dt{
width:240px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.container .side_menu dd{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* アイテムメニュー
---------------------------------------------------- */
.container .side_menu .s_list{
width:240px;
margin:0px 0px 16px 0px;
padding:0px 0px 0px 0px;
}

.container .side_menu .s_list h3{
width:240px;
margin:0;
padding:0;
}

.container .side_menu .s_list h3 img{
vertical-align: bottom;
}

.container .side_menu .s_list .box{
width:222px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.container .side_menu .s_list p{
background:url(/common/img/s_menu_arrow1.gif);
background-position:12px center;
background-repeat:no-repeat;
width:220px;
font-size:93%;
line-height:1.5;
color:#505050;
margin:0px;
padding:12px 0px 12px 30px;
}

.container .side_menu .s_list p.s_tit{
background:url(/common/img/s_menu_arrow2.gif);
background-position:12px center;
background-repeat:no-repeat;
width:220px;
font-size:93%;
line-height:1.4;
color:#505050;
margin:0px;
padding:12px 0px 12px 30px;
}

.container .side_menu .s_list p.s_tit_on{
background:url(/common/img/s_menu_arrow1.gif);
background-position:12px center;
background-repeat:no-repeat;
width:220px;
font-size:93%;
line-height:1.4;
color:#505050;
margin:0px;
padding:12px 0px 12px 30px;
}

.container .side_menu .s_list .box_inner ul{
background:url(/common/img/dot.gif);
background-position:left top;
background-repeat:repeat-x;
width:220px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.container .side_menu .s_list .box_inner li{
background:url(/common/img/dot.gif);
background-position:left top;
background-repeat:repeat-x;
width:220px;
list-style:none;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 0px;
}

.container .side_menu .s_list .box_inner li .on{
background:url(/common/img/s_menu_arw_on.gif);
background-position:right center;
background-repeat:no-repeat;
display:block;
width:220px;
font-size:93%;
font-weight:bold;
line-height:1.5;
padding:12px 0px 12px 30px;
}

.container .side_menu .s_list .box_inner li a{
background:url(/common/img/s_menu_arw_off.gif);
background-position:right center;
background-repeat:no-repeat;
display:block;
width:220px;
font-size:93%;
line-height:1.5;
color:#505050;
text-decoration:none;
padding:12px 0px 12px 30px;
}

.container .side_menu .s_list .box_inner li a:hover{
background:url(/common/img/s_menu_arw_on.gif);
background-position:right center;
background-repeat:no-repeat;
background-color:#f8f8f8;
color:#505050;
text-decoration:none;
}

/* container
---------------------------------------------------- */
.container{
width:100%;
margin:0;
padding:0;
}

.container .wrapper{
background:url(/common/img/bg_wrapper.gif);
background-position:0 0;
background-repeat:repeat-y;
overflow:hidden;
clear:both;
width:960px;
height:100%;
margin:0 auto;
padding:0;
}

.container .wrapper2{
overflow:hidden;
clear:both;
width:960px;
height:100%;
margin:0 auto;
padding:0;
}

.container .wrapper_full{
width:100%;
margin:0;
padding:0;
}

/* ボトムナビ
---------------------------------------------------- */
.bottom_navi {
  border-top: 1px dotted #dcdcdc;
  width: 700px;
  margin: 0px 0px 0px 20px;
  padding: 20px 0px 20px 0px;
}

.bottom_navi ul {
  display: flex; /* flexレイアウトを適用 */
  /* justify-content: space-between; は削除（片方の時に中央に寄るのを防ぐため） */
  width: 700px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 左側ボタンの配置固定 */
.bottom_navi .b_navi_l {
  margin-right: auto; /* 右側に自動で余白を作り、左に固定 */
  height: 41px;
}

/* 右側ボタンの配置固定 */
.bottom_navi .b_navi_r {
  margin-left: auto; /* 左側に自動で余白を作り、右に固定 */
  height: 41px;
}

/* --- 以下、リンクとホバーの設定（変更なし） --- */

.bottom_navi .b_navi_l a {
  background: url(/common/img/b_navi_prev_l_off.gif);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  height: 41px;
  font-size: 93%;
  line-height: 41px;
  color: #505050;
  text-decoration: none;
  padding: 0px 0px 0px 51px;
}

.bottom_navi .b_navi_l a:hover {
  background: url(/common/img/b_navi_prev_l_on.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

.bottom_navi .b_navi_r a {
  background: url(/common/img/b_navi_prev_r_off.gif);
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  height: 41px;
  font-size: 93%;
  line-height: 41px;
  color: #505050;
  text-decoration: none;
  padding: 0 51px 0 0;
}

.bottom_navi .b_navi_r a:hover {
  background: url(/common/img/b_navi_prev_r_on.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

/* ボトム
---------------------------------------------------- */
#bottom{
width:700px;
border-top: 1px dotted #dcdcdc;
margin:0px 0px 0px 20px;
padding:20px 0px 0px 0px;
}

#bottom .btm_bnr{
display: flex;
width:700px;
height:60px;
border: 2px solid #d9d9d9;
margin:0px 0px 0px 0px;
padding:0;
}

#bottom .btm_bnr li{
width:348px;
height:60px;
list-style:none;
margin:0;
padding:0;
}

#print .bottom, #novelty .bottom, #company .bottom{
border-top: none;
margin:0;
}

.bottom .bottom_logo{
width:960px;
text-align:center;
margin:0 auto;
padding:0;
}

.bottom p{
font-size:116%;
line-height:1.7;
width:960px;
text-align:center;
margin:20px auto 0;
padding:0;
}

.bottom_contact_btn{
min-width:960px;
width: 100%;
margin:40px auto 0;
padding:0 0 80px;
}

.bottom_contact_btn ul{
display:flex;
justify-content: space-between;
width:580px;
margin:0 auto;
padding:0;
}

.bottom_sns_btn{
border-top: 1px solid #d9d9d9;
margin:0;
padding:40px 0 0;
}

.bottom_sns_btn ul{
display:flex;
justify-content: space-between;
width:580px;
margin:0 auto;
padding:0;
}

.bottom_sns_btn a:hover{
display:block;
background-color:#f3f3f3;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width:72px;
height:72px;
margin:0 auto;
}

/* フッター
---------------------------------------------------- */
#footer{
min-width:960px;
width:100%;
margin:0 auto;
padding:0;
}

#footer #f_top{
width:100%;
height:23px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
margin:0;
padding:0;
}

#footer #f_top .f_btn{
background:url(/common/img/bg_wrapper.gif);
background-position:left bottom;
background-repeat:repeat-y;
width:960px;
height:21px;
text-align:right;
margin:0 auto;
padding:0;
}

#footer .box{
background-color:#f5f5f5;
width:100%;
border-bottom: 1px solid #e3e3e3;
margin:0;
padding:0;
}

#footer .box_inner{
clear:both;
overflow:hidden;
width:960px;
height:100%;
margin:0 auto;
padding:0;
}

#footer .f_navi{
float:left;
width:240px;
margin:0;
padding:16px 0px 16px 0px;
}

#footer .f_navi dl{
width:240px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#footer .f_navi dt{
width:240px;
font-size:93%;
line-height:1.7;
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
}

#footer .f_navi dd{
list-style:none;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 25px;
}

#footer .f_navi dd a{
font-size:93%;
line-height:1.7;
color:#505050;
text-decoration:none;
margin:0;
padding:0px 0px 0px 0px;
}

#footer .f_navi dd a:hover{
color:#09b8d3;
text-decoration:none;
}

#footer .f_navi .f_info{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#footer p.copyright{
clear:both;
width:960px;
line-height:1.5;
color:#333;
text-align:center;
margin:0 auto;
padding:9px 0px 9px 0px;
}