@charset "utf-8";

/*全体
----------------------------------------------------------------*/
body {
font-family:Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
background:url(../parts/header_bg2.jpg) center top repeat-x;
}
#header,
#container,
#footer {
width:100%;
clear:both;
margin:0 auto;
}

a:hover img {
opacity:0.65;
filter:alpha(opacity=65);
}


/*ヘッダー
----------------------------------------------------------------*/
#header {
background:url(../parts/header_bg2.jpg) center bottom repeat-x;
height:212px;
z-index:1;
}
#header .cont {
width:980px;
height:212px;
margin:0 auto;
position:relative;
z-index:2;
background:url(../parts/header_logo.png) no-repeat;
_background-image:url(../parts/header_logo.gif);/*IE*/
z-index:2;
}
#header #logo {
position:absolute;
left:22px;
top:35px;
z-index:3;
}
#header #logo a {
display:block;
width:660px;
height:110px;
text-indent:-9999px;
z-index:3;
}
#header p.catch {
margin:0;
padding:0;
position:absolute;
left:22px;
top:2px;
z-index:4;
font-size:90%;
}


/*Googleカスタム検索*/
#header .search{
position:absolute;
right:18px;
top:153px;
width:350px;
z-index:5;
}
#header .search table.gsc-search-box {
}
#header .search .gsib_a {
padding:3px 0 0 8px !important;
line-height:1.1 !important;
vertical-align:top !important;
}
#header .search .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:3px !important;
}
#gsc-iw-id1{
background-color:#fff !important;
border:1px solid #999 !important;
}
#header .search input.gsc-search-button-v2 {
padding:6px 20px !important;
margin-top:0 !important;
}
#header .search .gsc-result .gs-title{
height:1.4em !important;
}
#header .search .cse .gsc-control-cse,
#header .search .gsc-control-cse{
padding:0;
border:none;
background-color:transparent !important;
}


/*ソーシャルボタン*/
#social_btn {
width:440px;
position:absolute;
top:48px;
right:30px;
z-index:5;
}
#social_btn div {
float:right;
}
#social_btn .mixibtn {
margin:0 4px 0 0;
}
#social_btn .tweetbtn {
margin:0;
}
#social_btn .facebookbtn {
margin:0 0 0 5px;
}
#social_btn .facebookbtn .liketext {
width:104px;
*font-size:0.8em;
}
#social_btn .googlebtn {
margin:0 4px 0 0;
}


/*コンテンツ
----------------------------------------------------------------*/
#container {
padding:0 0 30px 0;
z-index:10;
}
#contents {
width:980px;
margin:0 auto;
position:relative;
z-index:11;
}

/*パンくずリスト*/
#contents .topicpath {
position:absolute;
left:27px;
top:-52px;
z-index:20;
}
#contents .topicpath li {
display:inline-block;
float:left;
margin:0 5px 0 0 ;
padding:0 0 0 10px;
background:url(../parts/topicpath_icon.gif) left 4px no-repeat;
font-size:90%;
line-height:1.1;
z-index:21;
}
#contents .topicpath li:first-child,
#contents .topicpath li.first-child /* IE-expression (first-child) */ {
padding-left:0;
background:none;
}
#contents .topicpath li {/* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}
#contents .topicpath li strong {
font-weight:normal;
font-size:small;
}
#contents .topicpath li a {
z-index:22;
}


#contents #main {
width:740px;
float:right;
_overflow:hidden;/*IE6*/
}
#contents #main .cont {
width:606px;
margin:0 auto 50px auto;
zoom: 1;
}
#contents #main .cont:before,
#contents #main .cont:after { content: ""; display: table; clear: both; }


#contents #side {
width:235px;
float:left;
}

/*一列組*/
#contents #main1 {
width:780px;
margin:0 auto;
z-index:12;
}


/*グローバルナビ*/
#side #navi {
position:relative;
margin:-4px 0 0 20px;
padding:67px 0 30px 0;
width:212px;
height:;
background:url(../parts/navi.gif) no-repeat;
}
#side #navi h2 {
text-indent:-9999px;
height:10px;
margin:0;
padding:0;
overflow:hidden;
background:none;
border:none;
font-size:x-small;
}
#side #navi ul {
margin:0;
list-style-type:none;
}
#side #navi ul ul {
margin:0;
}
#side #navi li {
margin:0;
display:inline;
/*float:left;*/
}
#side #navi li a {
display:block;
width:212px;
background:url(../parts/navi.gif) no-repeat;
text-indent:-9999px;
}
/*off*/
#side #navi li.n1 a   { background-position: left  -77px; height:29px; }
#side #navi li.n2 a   { background-position: left -106px; height:28px; }
#side #navi li.n2_1 a { background-position: left -134px; height:16px; }
#side #navi li.n2_2 a { background-position: left -150px; height:16px; }
#side #navi li.n2_3 a { background-position: left -166px; height:18px; }
#side #navi li.n2_4 a { background-position: left -184px; height:18px; }
#side #navi li.n3 a   { background-position: left -202px; height:34px; }
#side #navi li.n4 a   { background-position: left -236px; height:30px; }
#side #navi li.n5 a   { background-position: left -266px; height:28px; }
#side #navi li.n6 a   { background-position: left -294px; height:31px; }
/*on*/
#side #navi li.n1 a:hover    { background-position: right  -77px; }
#side #navi li.n2 a:hover    { background-position: right -106px; }
#side #navi li.n2_1 a:hover  { background-position: right -134px; }
#side #navi li.n2_2 a:hover  { background-position: right -150px; }
#side #navi li.n2_3 a:hover  { background-position: right -166px; }
#side #navi li.n2_4 a:hover  { background-position: right -184px; }
#side #navi li.n3 a:hover    { background-position: right -202px; }
#side #navi li.n4 a:hover    { background-position: right -236px; }
#side #navi li.n5 a:hover    { background-position: right -266px; }
#side #navi li.n6 a:hover    { background-position: right -294px; }


/*お問い合わせ～発注の流れ-------------------------------*/
.submenu {
width:200px;
margin:0 0 15px 20px;
*margin-bottom:11px;/*IE67*/
}
.submenu li {
margin:0 0 5px 0 !important;
}
.submenu li.sm1 {
margin-bottom:0 !important;
}

/*発送～カレンダー-------------------------------*/
#contents #side .menu {
margin:18px 0 0 0;
}
#contents #side .menu li {
margin:0 0 2px 20px;
}

/*2nd コンテンツバナー-------------------------------*/
#contents #side .menu2 {
margin:20px 0 0 0;
}
#contents #side .menu2 li {
margin:0 0 6px 20px;
}

/*フェイスブック*/
#contents #side .facebook {
margin:15px 0 0 20px;
}

/*店長のお友達-------------------------------*/
#contents #side .bnr {
width:220px;
margin:15px 0 15px 9px;
padding:0 0 7px 0;
background:url(../parts/bnr_bg.gif) left bottom no-repeat;
}
#contents #side .bnr li {
margin:5px 0 0 0;
text-align:center;
}
#contents #side .bnr li.bnr1 {
margin-left:1px;
}
#contents #side .bnr li.bnr2 {
margin-left:1px;
}
#contents #side .bnr li.bnr3 {
margin-top:10px;
margin-left:11px;
}


/*下部メニュー*/
#f_menu_col3 {
padding-bottom:40px;
}
#f_menu_col3 .menu_col3 {
clear:both;
margin:50px 0 0 10px;
overflow:hidden;
}
#f_menu_col3 .menu_col3 h2 {
margin:0 0 30px 0;
text-align:center;
}

/*一列組*/
/*#f_menu_col3 #main1 .menu_col3 {
margin-left:45px;
}*/

#f_menu_col3 .menu_col3 div.menu {
float:left;
margin:0 0 0 10px;
width:240px;
}
#f_menu_col3 .menu_col3 div.menu:nth-of-type(2),
#f_menu_col3 .menu_col3 div.menu:nth-of-type(3) {
width:220px;
}
#f_menu_col3 .menu_col3 div.menu:nth-of-type(2) {
margin-left:30px;
}
#f_menu_col3 .menu_col3 h3 {
margin:0 0 14px 0;
padding:0;
text-indent:0;
background:0;
border:none;
font-size:x-small;
}
#f_menu_col3 .menu_col3 h3.item_page {
float:right;
margin-right:10px;
}
	
#f_menu_col3 .menu_col3 div.menu ul {
margin:0;
}
#f_menu_col3 .menu_col3 div.menu li {
margin:0 0 0.5em 20px;
font-size:15px;
line-height:1.2;
font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
list-style-image:url(../parts/icon_menu.gif);
}

/*#f_menu_col3 .menu_col3 .madamada {
position:absolute;
right:0;
bottom:0;
}*/


/*フッタ
----------------------------------------------------------------*/

#footer {
background:url(../parts/footer_bg.jpg) center top repeat-x;
padding:0;
}
#footer .conts {
width:980px;
margin:0 auto;
position:relative;
}
#footer .pagetop {
position:absolute;
right:100px;
top:-26px;
background:url(../parts/icon_pagetop.gif) left 7px no-repeat;
padding-left:10px;
z-index:20;
}
#footer .footermenu {
padding-top:15px;
*padding-top:20px;
position:relative;
}
#footer .footermenu ul {}
#footer .footermenu ul.menu1 {
padding:0 0 0 200px;
}
#footer .footermenu ul.menu2 {
text-align:center;
margin:30px 0 0 0;
}
#footer .footermenu li {
display:inline;
border-left:1px solid #949494;
line-height:1.0;
padding:0 0 0 10px;
margin:0 0 0 6px;
}
#footer .footermenu li:first-child,
#footer .footermenu li.first-child /* IE-expression (first-child) */ {
border-left:none;
padding:0;
margin:0;
}
#footer .footermenu li {/* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}
#footer .address {
margin:25px 0 0 200px;
}
#footer #copyright {
text-align:center;
color:#595959;
margin-top:15px;
padding-bottom:10px;
}
#footer .conts .yumin {
position:absolute;
left:45px;
top:-25px;
z-index:20;
}
#footer .conts .staffs {
position:absolute;
right:20px;
top:85px;
}

/*フェイスブックバナー*/
#footer .fbbnr {
	display: flex;
	width:960px;
	margin:0 auto;
	padding-top:30px;
	flex-wrap: wrap;
	justify-content:space-between;
}
#footer .fbbnr li {
	width:calc(100% / 5 - 10px) ;
	margin:0 0 10px 0;
}


/*table----------------------------------------------------*/

table.bdr {
border-collapse:collapse;
border:1px solid #bbbbbb;
}
table.bdr th {
background: #EFEFEF;
}
table.bdr th,
table.bdr td {
border:1px solid #bbbbbb;
padding:4px 5px;
}

table.ylo th{
	background-color:#ffc;
	}


/*セルの左側にborder*/
table.bdr .lbdr {
border-left:1px solid #dfdfdf;
}
/*列を均等幅にする*/
table.cellfix {
table-layout:fixed !important;
}
/*セルの中央そろえにする*/
table td.middle {
vertical-align:middle !important;
}
table .bnone {
border:none !important;
}