@charset "UTF-8";



/* INDEX

-------------------------------------------

1. main layout

2. navigation

3. link style

4. common parts

-------------------------------------------*/





/* 1. main layout

-------------------------------------------*/

body{

color:#333;

font-size:80%;

line-height:1.5;

}

#wrapper{

margin:0 auto;

padding:0px;

}

#header{

margin:0px auto;

padding:11px 0px 15px 11px;

width:800px;

}

.print #header{

margin:0px auto;

padding:11px 0px 15px 11px;

width:682px;

}



#pagetitle{

margin:0px 0px 6px;

padding:15px 0px;

background:url(../imgs/bg_pagetitle.gif) 0 0 repeat;

}

#pagetitle h1{

margin:0px auto;

padding:0px 0px 0px 17px;

width:783px;

}

#globalnavi{

margin:0px auto;

width:800px;

}

#navi{

}

#navi li{

vertical-align:bottom;

font-size:0px;

line-height:1.0;

}

#navi li.navi_cospa{

float:left;

width:206px;

height:56px;

}

#navi li a{

display:block;

width:206px;

height:56px;

text-indent:-9999px;

}

#navi li.navi_cospa a:link,

#navi li.navi_cospa a:visited{

background:url(../imgs/navi_cospa.jpg) 0 0 no-repeat;

}

#navi li.navi_cospa a:hover,

#navi li.navi_cospa a:active,

#navi li.navi_cospa a.selected{

background:url(../imgs/navi_cospa_on.jpg) 0 0 no-repeat;

}

#navi li.navi_other{

float:left;

padding:0px 0px 0px 10px;

width:206px;

height:56px;

}

#navi li.navi_other a:link,

#navi li.navi_other a:visited{

background:url(../imgs/navi_other.jpg) 0 0 no-repeat;

}

#navi li.navi_other a:hover,

#navi li.navi_other a:active,

#navi li.navi_other a.selected{

background:url(../imgs/navi_other_on.jpg) 0 0 no-repeat;

}



#contents{

margin:0px auto;

padding:0px;

width:800px;

}

.print #contents{

margin:0px auto;

padding:0px;

width:693px;

}



#maincol{

margin:0px;

padding:15px 0px 0px;

width:800px;

/*background:url(../imgs/bg_shoplist.jpg) 0 0 no-repeat;

*/}

.list #maincol{

padding:20px 0px 0px;

background:none;

}

.print #maincol{

padding:0px;

width:693px;

background:none;

}

#other{

display:none;

}



/*#subncol{

}

*/



#footer{

clear:both;

margin:15px auto 0px;

padding:7px 0px 8px;

width:800px;

border-top:1px dotted #317b96;

}

.print #footer{

clear:both;

margin:15px auto 0px;

padding:15px 0px 0px;

width:693px;

border-top:1px dotted #317b96;

}



/* 2. navigation

-------------------------------------------*/





/* 3. link style

-------------------------------------------*/

a{

overflow:hidden;

}



a:link{

color:#09f;

text-decoration:underline;

}



a:visited{

color:#09f;

text-decoration:underline;

}



a:hover{

color:#00f;

text-decoration:none;

}



a:active{

color:#00f;

text-decoration:none;

}



/* 4. common parts

-------------------------------------------*/

.font_bold{

font-weight:bold;

}

/* 4.1 of header

-------------------------------------------*/

#header .cospatio{

float:left;

padding:1px 0px 0px 17px;

}

/* 4.2 of content

-------------------------------------------*/

.select_shop{

float:left;

padding:0px 0px 0px 0px;

width:195px;

}

.select_shop p{

margin:0px 0px 10px;

}

.select_shop select{

width:190px;

}

#map{

float:left;

width:600px;

height:500px;

border:1px solid #317b96;

}



.t_shopnews{

clear:both;

padding:30px 0px 10px;

}



.sn_list{

}

.sn_list li{

margin:0px 0px 5px;

}

.sn_list li p.mark{

padding:0px 0px 0px 18px;

background:url(../imgs/m_shopnews.gif) 0 3px no-repeat;

}

.sn_list li p.mark span{

color:#317b96;

font-weight:bold;

}

.sn_list li table{

margin:3px 18px 0px;

}

.table_list{

margin:0px auto;

}

.sn_list li table thead th,

.table_list thead th{

padding:5px 0px;

text-align:center;

background:#f1f1f1;

border:1px solid #ccc;

font-weight:bold;

}

.sn_list li table thead th.name,

.table_list thead th.name{

padding:5px 5px 5px 0px;

width:200px;

}

.sn_list li table thead th.map,

.table_list thead th.map{

width:45px;

}

.sn_list li table thead th.address{

padding:5px;

width:370px;

}

.table_list thead th.address{

padding:5px;

width:300px;

}

.sn_list li table thead th.tel,

.table_list thead th.tel{

width:129px;

}

.table_list thead th.detail{

width:120px;

}

.sn_list li table tbody td,

.table_list tbody td{

padding:5px;

border:1px solid #ccc;

vertical-align:middle;

}

.sn_list li table tbody td.map,

.table_list tbody td.map{

vertical-align:middle;

}

.table_list tbody td.b_detail{

text-align:center;

vertical-align:middle;

}

.sn_list li table tbody td .lastchild,

.table_list tbody td .lastchild{

margin:5px 0px 0px;

}

.t_othershop{

margin:16px 18px 15px;

padding:4px 0px 5px 11px;

border-left:5px solid #317b96;

background:#f1f1f1;

font-size:120%;

font-weight:bold;

}

.t_othershop_b{

margin:30px 18px 11px;

padding:4px 0px 5px 11px;

border-left:5px solid #317b96;

background:#f1f1f1;

font-size:120%;

font-weight:bold;

}

.fukidashi_text dt{

font-weight:bold;

}

/* 4.3 of footer

-------------------------------------------*/

.pagetop{

clear:both;

margin:30px 0px 0px;

text-align:right;

}

#footer ul{

float:left;

padding:0px 0px 0px 7px;

width:576px;

}

#footer ul li{

float:left;

padding:0px 8px 0px 0px;

}

#footer .copy{

float:right;

padding:5px 7px 0px 0px;

width:210px;

text-align:right;

}