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

*{
	margin:0;
	padding:0;
	border:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:140%;
	color:#232323;
}

#wrap{
	width:900px;
	border:#000000 1px solid;
	margin:0 auto;
	border-top:none;
}

.clr{
	clear:both;
	line-height:0;
	margin:0;
	padding:0;
}

a{
	color:#3399FF;
	text-decoration:underline;
}

a:hover{
	color:#AAD5FF;
}

img {
	border:0;
}

ul,li {
	list-style:none;
	margin:0;
	padding:0;
	line-height:0;
	font-size:1px;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.b4	{margin-bottom:4px;}
.b7 {margin-bottom:7px;}
.l5 {margin-left:5px;}
.l4 {margin-left:4px;}
.fl {float:left;}
.t10 {margin-top:10px;}
.fff {color:#FFF;}
.l50 {margin-left:50px;}
.tr {text-align:right;}
.l2 {margin-left:2px;}

/*--------------------------------------
	header
--------------------------------------*/
h1 {
	background-image:url(/img/mv.gif);
	background-repeat:no-repeat;
	width:890px;
	height:17px;
	font-size:10px;
	font-weight:normal;
	text-align:right;
	padding-top:60px;
	padding-right:10px;
	color:#FFF;
}

h2 {
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
}

/*--------------------------------------
	navi
--------------------------------------*/
#navi {
	width:178px;
	float:left;
	margin:10px 0;
	border-right:#CCC dotted 1px;
}

#navi ul li {
	width:164px;
	margin-left:7px;
}

#home #wrap #navi .topImg,
#whats #wrap #navi .whatsImg,
#base #wrap #navi .baseImg,
#base_glo #wrap #navi .baseGloImg,
#list #wrap #navi .listImg {
	display:none;
}

#home #wrap #navi .onTop {
	height:31px;
	background-image:url(/img/navi_top_on.gif);
	background-repeat:no-repeat;
	margin-left:7px;
}

#whats #wrap #navi .onWhats {
	height:31px;
	background-image:url(/img/navi_whats_on.gif);
	background-repeat:no-repeat;
	margin-left:7px;
}

#base #wrap #navi .onBase {
	height:52px;
	background-image:url(/img/navi_base_on.gif);
	background-repeat:no-repeat;
	margin-left:7px;
}

#base_glo #wrap #navi .onBGlo {
	height:22px;
	background-image:url(/img/navi_base_glo_on.gif);
	background-repeat:no-repeat;
	margin-left:7px;
}

#list #wrap #navi .onList {
	height:50px;
	background-image:url(/img/navi_list_on.gif);
	background-repeat:no-repeat;
	margin-left:7px;
}
#list #wrap #navi .onPre {
	height:40px;
	background-image:url(/img/present_on.gif);
	background-repeat:no-repeat;
	margin-left:7px;
}
.list {
	width:164px;
	border-top:#CCC 1px dotted;
	padding-top:10px;
}

.list p {
	padding:3px 0 2px 3px;
	font-size:10px;
	color:#666;
	line-height:120%;
}

.list li {
	font-size:12px;
	color:#E60012;
	font-weight:bold;
	text-decoration:underline;
	padding-left:15px;
	background-image:url(/img/arow.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	line-height:160%;
}

.list li a {
	color:#E60012;
	text-decoration:underline;
}
.info {
	border:1px solid #666;
	border-top:none;
	background-color:#FFFFE8;
	padding:5px;
}
.info dd {
	margin-bottom:10px;
	font-weight:bold;
}
#next {
	background-image:url(/img/next.gif);
	background-repeat:no-repeat;
	background-position:top;
	text-indent:-9999px;
	width:165px;
	height:145px;
}
/*--------------------------------------
	main
--------------------------------------*/
#main {
	width:700px;
	margin:10px;
	float:right;
}

#scroll {
	color:#F29700;
	font-size:14px;
	background-color:#000;
	font-weight:bold;
	width:694px;
	padding:3px 3px 6px 3px;
	}

/*--------------------------------------
	footer
--------------------------------------*/
#footer {
	clear:both;
}

#contact {
	width:178px;
	float:left;
	height:70px;
}

#contact li {
	font-size:12px;
	padding-left:10px;
}

#contact li a {
	color:#666;
	line-height:160%;
}

.pageup {
	margin-right:20px;
	font-size:10px;
	text-align:right;
	float:right;
}

#pagetop a {
	color:#333;
}
/*--------------------------------------
	index
--------------------------------------*/
#newpub {
	background-color:#000;
	margin-bottom:16px;
}

#bkno {
	width:698px;
	background-color:#E6E6E8;
	border:1px solid #999;
	margin-top:10px;
	padding-bottom:10px;
	list-style:none;
}

#page {
	width:97px;
	float:left;
	margin-left:7px;
}

.bknoDeta {
	width:103px;
	margin:10px auto auto 11px;
	font-size:10px;
	line-height:120%;
	float:left;
}

.bknoDeta a {
	line-height:120%;
	color:#333;
}

.bknoDeta p {
	line-height:120%;
	color:#333;
}

/*--------------------------------------
	whats
--------------------------------------*/

#blue {
	background-color:#00468B;
	width:700px;
	margin:0;
	padding:50px 0;
}

#about {
	width:338px;
	margin:0 auto;
}

#about .exp	{
	width:296px;
	border:1px solid #FFF;
	padding:20px;
}

#about .exp	p {
	color:#FFF;
	margin:10px auto;
	line-height:1.5em;
}

#about h2 {
	margin:40px auto 50px auto;
	color:#FFF;
	padding-left:60px;
}
.next,.next a {
	color:#FFF;
	text-align:right;
	padding-top:20px;
}
/*--------------------------------------
	glossary
--------------------------------------*/

#base_glo #glo li {
	margin:20px;
}

#base_glo #glo dl {
	width:640px;
	margin:0 auto 30px 30px;
}

#base_glo #glo dl dt {
	font-size:14px;
	font-weight:bold;
	background-color:#E46602;
	color:#201614;
	padding:3px 0 3px 10px;
	border:1px solid #201614;
}

#base_glo #glo dl dd {
	padding:10px;
	margin-bottom:10px;
	border:1px solid #201614;
	border-top:0;
}

.anchor {
	font-size:12px;
	padding:5px 20px;
}

/*--------------------------------------
	list
--------------------------------------*/

#shoplist {
	width:700px;
}

#list p {
	width:600px;
	margin:10px auto;
}

.shop {
	width:210px;
	margin:0 10px 10px 10px;
	float:left;
	border:1px solid #666;
	height:110px;
}

.area {
	width:690px;
	margin:5px 0;
	clear:both;
}

.areaL {
	width:300px;
	float:left;
	padding-left:10px;
}
.areaR {
	width:200px;
	float:right;
	padding-right:10px;
	text-align:right;
}
.shop dl {
	width:190px;
	margin:10px;
}

.shop dl dd{
	margin:3px 0;
	line-height:140%;
}

.name{
	background-image:url(/list/img/name.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:31px;
	font-weight:bold;
}

.add{
	background-image:url(/list/img/add.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:31px;
	font-size:10px;
}

.tel{
	background-image:url(/list/img/tel.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:31px;
}
.url{
	background-image:url(/list/img/url.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
	padding-left:31px;
	padding-top:10px;
}