@charset "utf-8";
/* CSS Document */



/*/////////////////////
header_footer baners
//////////////////////*/


ul#headbanerArea {
margin: 10px 0 10px 0;
}


ul#headbanerArea li {
width: 165px;
height: 50px;
float: left;
margin: 2px;
/*overflow:hidden; */
}

ul#headbanerArea li img{width:165px;height:auto;}


ul#headbanerArea a {
display:block; 
border:1px solid #FFF;
width:165px; 
height:50px;
}

ul#headbanerArea a:hover {
display:block; 
border:1px solid #CCC;
width:165px; 
height:50px;
}


/* バナー（フッター */
ul#footerbanerArea {margin: 0 0 20px 60px;}

ul#footerbanerArea li {
width: 135px;height: 40px;
float: left;
margin: 3px 5px;
}

ul#footerbanerArea li img{width:135px;height:40px;}

ul#footerbanerArea a {
display:block; 
width:135px; height:40px;
border:1px solid #FFF;
}

ul#footerbanerArea a:hover {
display:block; 
width:135px; height:40px;
border:1px solid #CCC;
}



/*/////////////////////
headImgArea
//////////////////////*/

#headImgArea {
margin: 0 1px 20px 5px;
clear: both;
}


#topflashbox {
width: 555px;
height: 248px;
background: #fff;
margin: 4px 0 0 0;
padding: 0 0px 0 0;
float: left;
overflow:hidden;

/*2015.7.8 追加*/
-moz-box-shadow: 0px 0px 5px #000;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 5px #000;　/* Safari,Google Chrome用 */  

	border-radius:6px;		/* CSS3草案 */
	-webkit-border-radius:6px;	/* Safari,Google Chrome用 */
	-moz-border-radius:6px;	/* Firefox用 */

}
#topflashbox .mask{position:relative;margin-top:-280px;}





#topKensakubox {
width: 282px;
background: url(../img/common/shadowbox_m.gif) no-repeat bottom;
padding: 0 0 8px;
float: right;
}


p.kensakuTitle {margin: 0 0 4px;}

.wordSearchShop {width: 180px;margin: 0 8px 0 0;}


#freeWordKensaku {
background: #000033;
padding: 7px;
margin: 0 8px 4px 8px;
}


#categorySelectBox {
border: solid 1px #ccc7b6;
padding: 5px;
background: #FFF;	
}


ul#categorySelect {font-size: 80%;}

ul#categorySelect li {margin: 0 10px 0 0;float: left;}


#kodawariKensaku {
background: #330033;
padding: 7px;
margin: 0 8px 0 8px;
height: 169px;
}





/*/////////////////////
tab panel
//////////////////////*/



ul.tabmenulistL {
width: 120px;
float: left;
}


ul.tabmenulistR {
width: 120px;
float: right;
}



checkbox {
margin: 0 3px 0 0;
}



ul.tabmenulistL li,
ul.tabmenulistR li {
margin: 0 0 0 2px;
font-size: 80%;
line-height: 1.3em;
color: #c68912;
}


li.btn_kodawariKensaku {
padding: 10px 0 0 0;
}


li.btn_kodawariKensaku2 {
padding: 3px 0 0 0;
}



.TabbedPanels {
margin: 0 0 5px 0;
padding: 0px;
float: left;
clear: none;
width: 252px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/	
}


.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}

.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background: url(../img/top/tabpanel_bg_off.gif) repeat-x #dfdfdf;
list-style: none;
border-left: solid 1px #ccc7b6;
border-bottom: solid 1px #ccc7b6;
border-top: solid 1px #ccc7b6;
border-right: solid 1px #ccc7b6;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
width: 103px;
text-align: center;
color: #4c3c2d;
}



.TabbedPanelsTabHover {
background-color: #CCC;
}


.TabbedPanelsTabSelected {
background: url(../img/top/tabpanel_bg_on2.gif) repeat-x #FFF;
border-bottom: 1px solid #FFF;
}


.TabbedPanelsTab a {
color: black;
text-decoration: none;
}

.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #ccc7b6;
border-bottom: solid 1px #ccc7b6;
border-top: solid 1px #ccc7b6;
border-right: solid 1px #ccc7b6;
background-color: #FFF;	
}

.TabbedPanelsContent {
padding: 10px 0 4px 4px;
min-height: 60px;
}



.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}




/*/////////////////////
newtopics
//////////////////////*/


ul#topnewtopics {
font-size: 85%;
}

ul#topnewtopics li {
background: url(../img/common/arrow01.gif) no-repeat 10px 7px;
padding: 0 0 4px 30px;
margin: 0 0 5px;
border-bottom: dashed 1px #c3bfb1; 
}


ul#topnewtopics a:link {
color: #0066ff;
text-decoration:underline;
}

ul#topnewtopics a:visited {
color: #0066ff;
text-decoration:underline;
}

ul#topnewtopics a:hover {
color: #606;
text-decoration:underline;
}

ul#topnewtopics a:active {
color: #606;
text-decoration:underline;
}



#archives {
margin: 0 0 20px;
}


#archives ul {
font-size: 85%;
}

#archives ul li {
background: url(../img/common/arrow01.gif) no-repeat 10px 7px;
padding: 0 0 4px 30px;
margin: 0 0 5px;
border-bottom: dashed 1px #c3bfb1; 
}


#archives ul a:link {
color: #0066ff;
text-decoration:underline;
}

#archives ul a:visited {
color: #0066ff;
text-decoration:underline;
}

#archives ul a:hover {
color: #606;
text-decoration:underline;
}

#archives ul a:active {
color: #606;
text-decoration:underline;
}





/*/////////////////////
facebook
//////////////////////*/

#facebookarea {
margin: 0 0 30px;
}



/*/////////////////////
はしご酒大会
//////////////////////*/

#hashigosakeinfo {
width:600px;
height: 85px;
background: url(../img/hashigosake/baner_hashigosake.gif) no-repeat;
margin: 0 0 20px;
}

#hashigosakeinfo ul {
padding: 48px 0 0 239px;
}


#hashigosakeinfo ul li {
float: left;
margin: 0 2px;
}


#hashigosakeinfo ul, .hashigomainBox, #hashigomainBox {
overflow:hidden;
}


#hashigosakeinfo ul:after, .hashigomainBox:after, #hashigomainBox:after {
clear:both;
content:"";
display:block;
height:1px;
overflow:hidden;
}


* html #hashigosakeinfo ul, * html .hashigomainBox, * html #hashigomainBox {
height:1em;
overflow:visible;
}



#hashigosakeNavi {
background: #d80000;
padding: 0 0 8px;
}


#hashigosakeNavi h3 {
margin: 0 0 15px;
}


#hashigosakeNavi ul {
margin: 0 7px 0;
}

#hashigosakeNavi ul li {
margin: 0 0 5px;
}


#hashigosakeNavi ul li.subnavi {
padding: 0 0 0 7px;
}


.hashigomainBox  {
background: #FFF;
/*background: #D9473D;
border: solid 8px #d80000;*/
padding: 15px 25px;
margin: 40px 0 20px;
text-align: left;
border: solid 1px #DDD;
}

#hashigomainBox10 {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}



#hashigomainBox {
margin: 20px 0 30px;
}

p.pagetitle {
margin: 0 0 40px;
}



dl.hashigo_intro {
margin: 0 0 80px;
}



dl.hashigo_intro dt {
/*margin: 0 0 20px;
font-size: 30px;
font-weight: bold;
color: #000;
border-left: solid 10px #C00;
padding: 0 0 0 20px;*/
}


dl.hashigo_intro dd {
font-size: 15px;
line-height: 1.5em;
color: #000;
margin: 0 0 15px;
}


dl.hashigo_intro dd.hashigosake_contact {
padding: 10px;
background: #FFF;
border: solid 1px #900;
}


.imgRight {
float: right;
margin: 0 0 5px 5px;
}


.imgLeft {
float: left;
margin: 0 5px 5px 0;
}



div.pdfdwnload {
font-size: 20px;
background: url(../img/hashigosake/12hashigo2.jpg) no-repeat top left;
}

div.pdfdwnload img {
padding: 20px 0 50px 220px;
}



p.hashigoNote {
font-size: 15px;
line-height: 1.5em;
margin: 0 0 10px;
}



dl.hashityuui {
margin: 0 0 30px;
}


dl.hashityuui dt {
margin: 0 0 20px;
font-size: 20px;
font-weight: bold;
color: #000;
border-left: solid 10px #C00;
padding: 0 0 0 20px;
}


dl.hashityuui dd {
font-size: 14px;
line-height: 1.5em;
color: #000;
margin: 0 0 15px;
}


ul.hashigotyuuiList {
margin: 0 0 20px;
font-size: 14px;
}


ul.hashigotyuuiList li {
list-style: circle;
margin: 0 0 10px 20px;
}


.flowbox01 {
background: url(../img/hashigosake/flow01.gif) no-repeat top left;
padding: 0 0 0 100px;
margin: 0 0 30px;
}

.flowbox02 {
background: url(../img/hashigosake/flow02.gif) no-repeat top left;
padding: 0 0 0 100px;
margin: 0 0 30px;
}

.flowbox03 {
background: url(../img/hashigosake/flow03.gif) no-repeat top left;
padding: 0 0 0 100px;
margin: 0 0 30px;
}

.flowbox04 {
background: url(../img/hashigosake/flow04.gif) no-repeat top left;
padding: 0 0 0 100px;
margin: 0 0 30px;
}

.flowbox05 {
background: url(../img/hashigosake/flow05.gif) no-repeat top left;
padding: 0 0 0 100px;
margin: 0 0 30px;
}


dl.flowDetail {margin: 0 0 10px;font-size: 14px;}
dl.flowDetail dt {margin: 0 0 5px;	font-weight: bold;}
dl.flowDetail dd {margin: 0 0 10px;line-height: 1.5em;}