/* CSS Document */

/* all reset
---------------------------------------------*/

@import url(/css/reset.css);
@import url(/css/clearfix.css);



/*link-color
----------------------------------------------*/
a,
a:link{
color:#11B3EA;
text-decoration:underline;
}

a:visited{
color:#999999;
}

a:hover{
text-decoration:none;
background-color:#11B3EA;
color:#FFF;
}

/* common
----------------------------------------------*/
div#menu,
div#pagetop,
div#foot,
div.section{
margin:auto;
width:950px;}

div.boxF,
div.boxS{
float:left;
text-align:left;
}

div.boxF h3,
div.boxS h3{
padding:20px 0;}

div.boxF{
width:480px;
clear:both;}

div.boxS{
width:470px;
}

div.menuWrap{
width:470px;}

div.menuWrap h3{
width:470px;
padding:10px 0;
color:#333333;
border-bottom:1px dotted #CCC;
border-top:1px dotted #CCC;
margin-bottom:10px;
clear:both;}


div.boxF div.menuWrap h3{
width:460px;
}

/*
div.menuBox{
width:154px;
float:left;
height:210px;}*/

div.menuBox{
padding-bottom:10px;
width:157px;
float:left;
font-size:12px;}

/*
div.menuBox a{
display:block;
border:1px solid #CCC;
height:200px;
width:150px;
color:#666666;
text-align:left;
text-decoration:none;
}*/

div.menuBox.first {
clear:both;
}

div.menuBox a{
display:block;
width:150px;
text-align:left;
text-decoration:none;
border:1px solid #CCC;
background-color: #F6F6F6;
}

div.menuBox a:hover{
border:1px solid #11B3EA;
}

div.menuBox dd{
padding:5px;
color:#666666;
}

div.menuBox a:hover dd{
background-color:#11B3EA;
color:#FFF;}

div.menuBox dd h4{
font-weight:bold;
color:#333333;
height:2.5em;}

div.menuBox dd p{
padding-top:3px;
font-size:10px;
line-height:1.4;
height:75px;}

*html div.menuBox dd p{
height:90px;}

div.menuBox a:hover dd h4,
div.menuBox a:hover dd li,
div.menuBox a:hover dd p{
color:#FFF;}

div.menuBox dd li{
font-size:10px;
text-align:right;}


div.section div.last{
width:150px;}

body#lineup li.value{
font-size:120%;
}

/*layout
----------------------------------------------*/
html,
body{
background-color: #FFF;
color:#666;
margin:0 auto;
text-align:center;}


/* menu
----------------------------------------------*/
div#menu{
position:relative;
height:120px;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/img/common/menu.gif);
}

div#menu a{
display:block;
height:120px;
background-repeat:no-repeat;
background-image:url(/img/common/menu.gif);
}

div#menu h1{
position:absolute;
left:0;
top:0;
width:140px;
height:120px;
overflow:hidden;
}

div#menu ul{
position:absolute;
height:120px;
width:675px;
left:275px;
top:0;}

div#menu ul li{
text-indent:-999px;
overflow:hidden;
float:left;
width:135px;
height:120px;
}

div#menu ul li a{
width:135px;
}


/*menu:list
----------------------------------------------*/

div#menu h1 a,
#top div#menu h1 a:hover{
text-indent:-999px;
overflow:hidden;
background-position:0 0;}

div#menu h1 a:hover{
background-position:0 -120px;}

div#menu ul li#menu1 a{
background-position:-275px 0;}
div#menu ul li#menu1 a:hover,
#lineup div#menu ul li#menu1 a{
background-position:-275px -120px;}

div#menu ul li#menu2 a{
background-position:-410px 0;}
div#menu ul li#menu2 a:hover,
#access div#menu ul li#menu2 a{
background-position:-410px -120px;}

div#menu ul li#menu3 a{
background-position:-545px 0;}
div#menu ul li#menu3 a:hover,
#event div#menu ul li#menu3 a{
background-position:-545px -120px;}

div#menu ul li#menu4 a{
background-position:-680px 0;}
div#menu ul li#menu4 a:hover,
#blog div#menu ul li#menu4 a{
background-position:-680px -120px;}

div#menu ul li#menu5 a{
background-position:-815px 0;}
div#menu ul li#menu5 a:hover,
#contact div#menu ul li#menu5 a{
background-position:-815px -120px;}

/*#main
----------------------------------------------*/
div#main{
width:100%;}

div#main h2.mainTit{
background-image:url(/img/common/cont_bg.jpg);
background-repeat:repeat-x;
border-bottom:2px solid;
background-position:50% 0;
width:100%;}


#lineup div#main h2.mainTit{
border-bottom-color:#FF3366;
}

#access div#main h2.mainTit{
border-bottom-color:#3399CC;
}

#contact div#main h2.mainTit{
border-bottom-color:#6633CC;
}



/*pagetop
----------------------------------------------*/
div.pagetop{
width:950px;
margin:10px auto 5px;
height:7px;
}

div.pagetop a{
display:block;
height:7px;
width:41px;
overflow:hidden;
float:right;
text-indent:-999px;
background-image:url(/img/common/menu.gif);
background-position:0 -280px;}

div.pagetop a:hover{
background-position:0 -290px;}


/*foot
----------------------------------------------*/

div#foot{
background-image:url(/img/common/bg_foot.gif);
background-repeat:no-repeat;
padding:5px 0;}

div#foot address{
margin-top:3px;}

div#foot address a{
display:block;
float:right;
clear:both;
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(/img/common/menu.gif);
}

div#foot address#crocs a{
height:7px;
width:61px;
background-position:0 -240px;
}

div#foot address#crocs a:hover{
background-position:0 -250px;
}


div#foot address#bowls a{
height:8px;
width:190px;
background-position:0 -260px;
}

div#foot address#bowls a:hover{
background-position:0 -270px;
}


/*#top
----------------------------------------------*/
#top div#main{
background-image:url(/img/top/bg.jpg);
background-repeat:repeat-x;
background-position:50% 0;
}

p#mainImg{
height:410px;
margin:0;}

div#mainBottom{
width:950px;
margin:0 auto;
height:100px;}

div#mainBottom div.inner{
position: relative;}

div#mainBottom ul{
list-style:none;
margin:0;}

div#mainNews,
div#mainBnr{
float:left;
text-align:left;}

div#mainNews{
clear:both;
width:485px;}

div#mainNews a{
text-decoration:none;}

div#newsBox{
width:460px;
position:relative;
border:1px solid #cccccc;
}

div#newsBox.hover{
background:#11b3ea;
border:1px solid #11b3ea;
color:#FFF;}

div#newsBox dt{
width:160px;
height:70px;
float:left;
clear:both;
overflow:hidden;}

div#newsBox dt img#newsArw{
display:block;
position:absolute;
z-index:10;
left:0px;
top:0px;
}

div#newsBox dt a#topBlogRcmdImgLink {
display: block;
width:150px;
height:70px;
margin-left:10px;
}

div#newsBox dd{
float:left;
width:299px;
}

div#newsBox dd ul,
div#newsBox dd h3,
div#newsBox dd p{
color:#666666;
margin-left:5px;
font-size:12px;}

div#newsBox dd ul li{
padding:3px 5px 0 0;
font-size:10px;}

div#newsBox dd h3{
font-weight:bold;}

div#newsBox.hover dd h3,
div#newsBox.hover dd ul,
div#newsBox.hover dd p{
color:#FFF;}

div#mainBnr{
position: absolute;
top: 0;
right: 0;
width:465px;}

div#mainBnr li{
float:left;
width:155px;
text-align:right;}

div#mainBnr h2{
margin-left:5px;}

/* #access, #accessMap
----------------------------------------------*/
body#access li.mapText {
text-align: right;
}

body#access div#accessMap {
text-align: left;
}

body#access div#accessMap dl.directions dt,
body#access div#accessMap ul.openTime li span.shopName {
font-weight: bold;
color:#333333;
}

body#access div#accessMap dl.directions dd {
padding-bottom: 10px;
}

body#access div#accessMap h3 {
	font-size: 120%;
	background:url(/img/access/icon_time.jpg) center left no-repeat;
	padding:5px 15px;
}

body#access div#accessMap ul.openTime {
	padding-bottom: 5px;
}

body#access div#accessMap ul.openTime.bowls {
	display:inline;
}

body#access div#accessMap ul.openTime.bowls li,
body#access div#accessMap ul.openTime.crocs li {
	display:inline;
	padding-top:10px;
}

body#access div#accessMap ul li.time {
	display:inline;
	padding-left:10px;
	padding-top:10px;
}

body#access div#accessMap ul.openTime li.bowls span.shopName {
	padding:0px;
}

/* #contact
----------------------------------------------*/
body#contact dt.companyName{
font-size: 120%;
color:#333333;
}

body#contact dt.listTitle{
font-size: 95%;
font-weight: bold;
padding-top: 10px;
color:#333333;
}



/* #contact
----------------------------------------------*/

body#lineup div.boxF div.menuBox {
width:460px;
}

body#lineup div.boxF div.menuBox h4{
height:auto;}

body#lineup div.boxF div.menuBox a{
width:460px;
}

body#lineup div.boxF div.menuBox p{
height:40px;}