@charset "utf-8";

html {/*縦スクロールバー表示*/
overflow-y:scroll;
}

:focus {/* for win FF */
-moz-outline-style: none;
}

a {/* for Mac FF */
outline: none;
}


/* 固定幅・リキッドレイアウト切り替え
------------------------------------------------*/
#liquid {
width: 100%;
min-width: 950px;
background-color:#edece7;
line-height:normal;
margin: 0px auto;
}

#static {
width: 950px;
min-width: 950px;
background-color:#edece7;
line-height:normal;
margin: 0px auto;
}

#liquid #contents_frame,
#static #contents_frame,
#liquid #header_main,
#static #header_main,
#liquid #footer,
#static #footer,
#liquid #footer_bar,
#static #footer_bar {
width:100%;
}

/* ロゴ
------------------------------------------------*/
#HeaderLogo {
float:left;
width:315px;
height:60px;
margin: 0px;
padding:10px 0px 0px 0px;
}

/* ヘッダタブ
------------------------------------------------*/
#HeaderTab {
display:block;
overflow:hidden;
width:100%;
height:28px;
margin:0;
padding:0;
background:#fff;
}

#HeaderTab li {
display:block;
float:left;
width:25%;
height:28px;
margin:0;
padding:0;
background:#fff;
text-align:left;
}

* html #HeaderTab li#HeaderTab_TG  {/*for IE6 カラム落ち対策*/
clear:left;
float:right;
}

*:first-child+html #HeaderTab li#HeaderTab_TG  {/*for IE7 カラム落ち対策*/
clear:left;
float:right;
}

#HeaderTab li a {
display:block;
width:100%;
height:28px;
overflow:hidden;
}

#HeaderTab li a span {
display:block;
height:28px;
text-indent:-9999em;
}

#HeaderTab li#HeaderTab_DG a {
background:url(/img/header/HeaderTabBg_DG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PG a {
background:url(/img/header/HeaderTabBg_PG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FG a {
background:url(/img/header/HeaderTabBg_FG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_TG a {
background:url(/img/header/HeaderTabBg_TG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_DG a span.HeaderTabLogo {
float:left;
width:120px;
background:url(/img/header/HeaderTabLogo_DG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PG a span.HeaderTabLogo {
float:left;
width:96px;
background:url(/img/header/HeaderTabLogo_PG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FG a span.HeaderTabLogo {
float:left;
width:87px;
background:url(/img/header/HeaderTabLogo_FG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_TG a span.HeaderTabLogo {
float:left;
width:87px;
/*width:120px;*/
background:url(/img/header/HeaderTabLogo_TG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_DG a span.HeaderTabCopy {
float:right;
width:53px;
background:url(/img/header/HeaderTabCopy_DG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PG a span.HeaderTabCopy {
float:right;
width:85px;
background:url(/img/header/HeaderTabCopy_PG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FG a span.HeaderTabCopy {
float:right;
width:133px;
background:url(/img/header/HeaderTabCopy_FG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_TG a span.HeaderTabCopy {
float:right;
width:140px;
/*width:100px;*/
background:url(/img/header/HeaderTabCopy_TG.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_DG a:hover,
#HeaderTab li#HeaderTab_PG a:hover,
#HeaderTab li#HeaderTab_FG a:hover,
#HeaderTab li#HeaderTab_TG a:hover,
#HeaderTab li#HeaderTab_DG a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_PG a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_FG a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_TG a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_DG a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_PG a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_FG a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_TG a:hover span.HeaderTabCopy {
background-position:0px -28px;
}

#HeaderTab li.current a,
#HeaderTab li.current a span.HeaderTabLogo,
#HeaderTab li.current a span.HeaderTabCopy {
background-position:0px -28px !important;
}

/* 帯
------------------------------------------------*/


#container_menu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/GlobalNavi_Back.gif) repeat scroll left top;
clear:both;
color:#EEEEEE;
height:30px;
margin:0;
position:relative;
top:0;
width:100%;
z-index:0;
}

#container_menu_font {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/header/GlobalNavi_Back_FG.jpg) repeat-x scroll left top;
clear:both;
color:#EEEEEE;
height:30px;
margin:0;
position:relative;
top:0;
width:100%;
z-index:0;
}

#container_home {
float:left;
width:100%;
height:30px;
}

#container_home a {
display:block;
width:93px;
height:30px;
background:url(/img/GlobalNavi_Home.jpg) no-repeat 0px 0px;
}

#container_home a:hover {
background-position:0px -30px;
}

#container_home_font {
float:left;
width:100%;
height:30px;
}

#container_home_font a {
display:block;
width:93px;
height:30px;
background:url(/img/header/GlobalNavi_Home_FG.jpg) no-repeat 0px 0px;
}

#container_home_font a:hover {
background-position:0px -30px;
}

#container_home_tool {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/Container_Home.gif) no-repeat scroll left top;
cursor:pointer;
float:left;
height:30px;
width:100%;
}

#container_photo {
clear: both;
width: 284px;
height: 30px;
position:absolute ; top:0px; right:0px; z-index:10;
}

/* 帯なし
------------------------------------------------*/

#container_nomenu_dg {
clear:both;
width:100%;
height:3px;
margin:0;
padding:0;
width:100%;
z-index:0;
font-size:0;
line-height:0;
background:#FF009D;
}

#container_nomenu_photo {
clear:both;
width:100%;
height:3px;
margin:0;
padding:0;
width:100%;
z-index:0;
font-size:0;
line-height:0;
background:#FF8201;
}


#container_nomenu_font {
clear:both;
width:100%;
height:3px;
margin:0;
padding:0;
width:100%;
z-index:0;
font-size:0;
line-height:0;
background:#FCC601;
}

#container_nomenu_tool {
clear:both;
width:100%;
height:3px;
margin:0;
padding:0;
width:100%;
z-index:0;
font-size:0;
line-height:0;
background:#23A366;
}

#container_nomenu_dg hr,
#container_nomenu_photo hr,
#container_nomenu_font hr,
#container_nomenu_tool hr {
display:none;
}

/* フッタサイトマップ
------------------------------------------------*/
#FooterSitemap {
clear:both;
float:none;
overflow:hidden;
width:100%;
margin:0;
padding:0 0 2px;
text-align:left;
background:url(/img/footer/FooterSitemap_div.jpg) repeat-x bottom left;
}

#FooterSitemap ul.major {
display:block;
overflow:hidden;
width:100%;
margin:0;
padding:20px 0;
background:#FDFDFD url(/img/footer/FooterSitemap_ul.jpg) repeat-x top left;
}

#FooterSitemap ul.major li {
display:block;
float:left;
width:15%;
margin:0 0 15px;
padding:0 0 0 2%;
font-weight:bold;
font-size:100%;
line-height:0;
}

#FooterSitemap ul.major li a,
#FooterSitemap ul.major li span {
display:block;
margin:0;
padding:0 0 5px;
line-height:normal;
}

#FooterSitemap ul.major li ul.minor {
margin:0;
padding:0;
}

#FooterSitemap ul.major li ul.minor li {
clear:both;
float:none;
width:100%;
margin:0;
padding:0;
font-weight:normal;
font-size:82%;
line-height:0;
}

* html #FooterSitemap ul.major li ul.minor li {
margin-bottom:-5px;
}

*:first-child+html #FooterSitemap ul.major li ul.minor li {
margin-bottom:-5px;
}

#FooterSitemap ul.major li ul.minor li.divide {
border-top:dashed 1px #4c4c4c;
height:5px;
margin:0;
}

#FooterSitemap ul.major li ul.minor li.divide hr {
display:none;
}

#FooterSitemap ul.major li.related {
float:left;
width:29%;
}

#FooterSitemap ul.major li.inquiry {
clear:both;
float:none;
width:96%;
margin:0;
padding:0 2%;
line-height:0;
}

* html #FooterSitemap ul.major li.inquiry {
margin-bottom:-5px;
}

*:first-child+html #FooterSitemap ul.major li.inquiry  {
margin-bottom:-5px;
}


#FooterSitemap ul.major li.inquiry table {
width:100%;
height:60px;
margin:0;
padding:0;
background:url(/img/footer/bg_inquiry.jpg) repeat-x;
}

#FooterSitemap ul.major li.inquiry table td {
text-align:center;
vertical-align:middle;
height:60px;
}

#FooterSitemap ul.major li.inquiry table td.inquirytitle {
width:240px;
height:60px;
text-align:center;
vertical-align:middle;
background:url(/img/footer/bg_inquirytitle.jpg) no-repeat;
}

#FooterSitemap ul.major li.inquiry table td.inquirybtn {
width:200px;
height:34px;
padding:13px auto;
text-align:center;
vertical-align:middle;
background:url(/img/footer/bg_inquirybtn.jpg) no-repeat;
}


#FooterSitemap ul.major li.inquiry table td.inquirybtn a {
display:block;
overflow:hidden;
width:160px;
height:34px;
margin:auto;
padding:0;
border:0;
background:url(/img/footer/inquirybtn.jpg) no-repeat 0px 0px;
}

#FooterSitemap ul.major li.inquiry table td.inquirybtn a:hover {
background-position: 0px -34px;
}

#FooterSitemap ul.major li.inquiry table td.inquirybtn a span {
display:none;
}

#footer_link_wrapper {
clear:both;
float:none;
margin:0;
padding:15px 0 0;
}

.up_arrow_font {
background:transparent url(/img/footer/icon_to_top_font.gif) no-repeat scroll left center;
}


/* 【休業日のご案内】
------------------------------------------------*/
#header_navi {
background:url(http://www.multi-bits.com/img/header/oshirase.gif) no-repeat 20px bottom;
}