@charset "UTF-8";

/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 1. main layout
-------------------------------------------*/
html{
font-family:'MS PGothic', Osaka, Arial, sans-serif;
font-size:100%;
}

body{
color:#333;
line-height:1.6;
background:url(../imgs/bg.gif);
}

#wrapper{
background-color:#FFFFFF;
margin:0 auto;
padding:0px;
width:800px;
border-left:1px solid #000;
border-right:1px solid #000;
}

#header{
margin:0px;
padding:0px;
width:800px;
position:relative;
}

#header .logo-cospatio{
position: absolute;
top:10px;
right:10px;
}

#pankuzu{
}

#contents{
margin:0px;
padding:0px;
width:800px;
}

#maincol{
clear:both;
margin:0px;
padding:0px;
width:800px;
}

#footer{
clear:both;
margin:0px;
padding:0px;
width:800px;
border-top:1px solid #000;
}

/* 2. navigation
-------------------------------------------*/


/* 3. link style
-------------------------------------------*/
a{
overflow:hidden;
}

a:link{
color:#00f;
text-decoration:underline;
}

a:visited{
color:#800080;
text-decoration:underline;
}

a:hover{
color:#800080;
text-decoration:none;
}

a:active{
color:#800080;
text-decoration:none;
}

/* 4. common parts
-------------------------------------------*/
.red{
color:#900;
}

.font_bold{
font-weight:bold;
}

.clrboth{
clear:both;
}

.txt-l{
font-size:120%;
}

.txt-s{
font-size:80%;
}

.line_green{
border-bottom:1px solid #527236;
}

.lastchild{
padding-bottom:20px;
}
/* 4.1 of header
-------------------------------------------*/

/* 4.2 of content
-------------------------------------------*/
.wrap_content{
padding:10px 10px 18px 10px;
}

.data_basic{
float:left;
padding:0;
width:570px;
}

.p_basicinfo{
	float:left;
padding:0 10px 0 0;
	width: 200px;
}

.table_basic{
width:100%;
margin:1em 0;
color:#333;
}

.table_basic th{
padding:0.5em 0.5em;
width:4em;
border-top:1px solid #003366;
border-right:1px dotted #999999;
color:#003366;
text-align:center;
vertical-align:middle;
}

.table_basic th.last{
border-bottom:1px solid #003366;
}

.table_basic td{
padding:0.5em 0.5em;
width:;
border-top:1px solid #003366;
}

.table_basic td.last{
border-bottom:1px solid #003366;
}

.table_basic td p{
margin:0px 0px 10px;
}

.detail dt{
color:#003366;
font-weight:bold;
clear:both;
float:left;
}

.detail dd{
float:left;
}

.table_basic td dd.lastchild{
margin:10px 0px 0px;
}

.table_basic td .accent{
color:#030;
}

.table_basic td .m_arrow{
padding:0px 0px 0px 10px;
background:url(../imgs/mini_m.gif) 0 42% no-repeat;
}

.t_h1{
padding:0px 0px 6px 0;
background:;
font-weight:bold;
}

.t_h1lg{
padding:10px 0px 6px;
line-height:1.0;
}

.p_contents{
float:left;
padding:10px 0px 0px 10px;
width:200px;
}

ul.p_contents{
padding:10px 0px 18px 10px;
}

.p_contents li{
margin:0px 0px 10px;
vertical-align:bottom;
line-height:1.0;
font-size:0px;
}

.p_contents li.lastchild{
margin:0px;
}

.t_h3{
padding:6px 0px 6px 15px;
margin-bottom:0.5em;
line-height:1.0;
background:url(../imgs/mini_m.gif) 0 42% no-repeat;
color:#036;
font-size:120%;
font-weight:bold;
}

.table_shop{
margin:7px 0 10px 0px;
width:100%;
}

.table_shop thead td{
padding:5px 0px;
background:#036;
color:#fff;
text-align:center;
font-weight:bold;
}

.table_shop thead td.name{
}

.table_shop thead td.address{
width:auto;
}

.table_shop thead td.tel{
}

.table_shop thead td.time{
}

.table_shop tbody td{
}

.table_shop td,
.table_shop th{
padding:5px 3px;
border:1px solid #006;
}

.attention dt{
margin:0.5em 0 0 0;
color:#900;
font-weight:bold;
}

.attention dd{
margin:0;
padding-left:1em;
background:url(../imgs/mark.png) 0.3em 0.5em no-repeat;
}

.t_cos{
margin:11px 0px 10px;
color:#900;
font-weight:bold;
}

.att_cos{
margin:0.5em 0 0 0;
padding:5px 0px;
background:#eee;
border:2px solid #900;
color:#900;
text-align:center;
}

.t_h5{
margin:10px 0px 0px;
color:#036;
font-weight:bold;
}

.attlist dt{
margin:0.5em 0 0 0;
color:#036;
font-weight:bold;
}

.attlist dd{
margin:0;
padding-left:1em;
background:url(../imgs/mark.png) 0.3em 0.5em no-repeat;
}

.attlist dd.lastchild{
margin:5px 0px 0px;
padding:10px 0px 20px;
}

.bnrarea{
padding:10px 0 0 0;
border-top:1px solid #036;
}

.bnrarea ul{
}

.bnrarea ul li{
float:right;
padding:0 0 0 10px;
}

.zoom{
padding:0px 15px 7px 0px;
color:#900;
font-size:120%;
font-weight:bold;
text-align:right;
}

#gallery{
margin:0px auto;
width:780px;
}
#gallery li{
float:left;
padding:0px 2px 5px 0px;
}
#gallery li.right{
float:left;
padding:0px 2px 5px 0px;
}
#gallery li img{
background:#fff;
border:1px solid #000;
padding:1px;
}

.gotop{
padding:10px 0px 10px 10px;
}

.onsale{
margin:1em 0px 0px;
color:#900;
font-size:140%;
font-weight:bold;
text-align:center;
}
.onsale_table{
color:#900;
font-size:140%;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

/* 4.3 of footer
-------------------------------------------*/

/* backtotop
-------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
}
#page-top a {
	padding:0;
	display: block;
}
#page-top a:hover {
}