@charset "Shift_JIS";

/* ---------- OhTOP ----------*/

@import "reset.css";


body {
	font-family: "lr oSVbN","Hiragino Maru Gothic Pro","qMmΫS Pro W4","Osaka", "sans-serif";
	color:#222222;
	margin-top: 0px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

form { margin:0px;}

p {
	margin:0 0 10px 0;
	font-size:80%;
	font-weight:normal;
	line-height:160%;
	}




a:link {	color: #2249BF; text-decoration:underline;}
a:visited {	color: #9947AA; text-decoration:underline;}
a:active {	color: #2249BF; text-decoration:none;}
a:hover {	color: #E04C0B; text-decoration:underline;background-color:none;}



.red{color:#A82229;}
.text-s{font-size:80%;font-weight:normal;}


/* ---------- main ----------*/

.shoulder{
	width:880px;
	text-align:right;
	margin:10px auto 3px;
	}
#grand-main{
	width:880px;
	margin:0 auto 10px;
	padding:0;
	background-image:url(../image/top/grand-main-bg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	}

.grand-head{
	width:880px;
	background-image:url(../image/top/grand-head-bg.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:7px;
	}
	
.grand-head h1{
	font-size:2px;
	text-indent:-9999px;
	display:block;
	width:858px;
	height:100px;
	margin:0 11px 10px;
	background-image:url(../image/top/grand-logo.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	}	

.grand-btm{
	width:880px;
	background-image:url(../image/top/grand-bottom-bg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:7px;
	margin:15px 0 0;
	}


	
.grand-btm blockquote{
	margin:0 11px 1px 11px;
	background-color:#dbdbdb;
	color:#222222;
	padding:10px 5px;
	font-size:80%;
	line-height:120%;
	}
.grand-btm blockquote img{
	margin:0 2px -5px 0;
	line-height:100%;
	padding:0;
	}

/* ---------- enter ----------*/

.enter-btn{
	width:680px;
	margin:15px auto;
	}
	
dl.enter-sakagura,
dl.enter-chomiryo,
dl.enter-wine,
dl.enter-bimianshin{
	width:320px;
	height:191px;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom:15px;
	}	

dl.enter-sakagura{background-image:url(../image/top/enter-sakabura.jpg);float:left;}
dl.enter-wine{background-image:url(../image/top/enter-wine.jpg);float:right;}
dl.enter-chomiryo{background-image:url(../image/top/enter-chomiryo.jpg);float:left;}		
dl.enter-bimianshin{background-image:url(../image/top/enter-bimianshinya.jpg);float:right;}

dl.enter-sakagura dt,
dl.enter-wine dt,
dl.enter-chomiryo dt,
dl.enter-bimianshin dt{
	display:none;
	}
	
dl.enter-sakagura dd ul,
dl.enter-wine dd ul,
dl.enter-chomiryo dd ul,
dl.enter-bimianshin dd ul{
	text-align:left;
	position:relative;
	top:101px;
	left:6px;
	list-style:none;
	overflow:hidden;
	margin:0;
	}
	
dl.enter-sakagura dd ul li,
dl.enter-wine dd ul li,
dl.enter-chomiryo dd ul li,
dl.enter-bimianshin dd ul li{
	font-size:2px;
	text-indent:-9999px;
	display:inline;
	width:308px;
	height:84px;
	}	
	
dl.enter-sakagura dd ul li a,
dl.enter-wine dd ul li a,
dl.enter-chomiryo dd ul li a,
dl.enter-bimianshin dd ul li a{
	display:block;
	width:308px;
	height:84px;
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
dl.enter-sakagura dd ul li a{background-image:url(../image/top/sakagura-li.gif);}	
dl.enter-wine dd ul li a{background-image:url(../image/top/wine-li.gif);}	
dl.enter-chomiryo dd ul li a{background-image:url(../image/top/chomiryo-li.gif);}
dl.enter-bimianshin dd ul li a{background-image:url(../image/top/bimianshin-li.gif);}	


dl.enter-sakagura dd ul li a:hover,
dl.enter-wine dd ul li a:hover,
dl.enter-chomiryo dd ul li a:hover,
dl.enter-bimianshin dd ul li a:hover{background-position:0 -84px;}

/* ---------- group ----------*/
#bannerlink{
	width:860px;
	padding:0;
	background-image:url(../image/top/banner-bg.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	margin:10px auto;
	}

#grand-group{
	width:220px;
	margin:0;
	padding:0;
	float:right;
	}
	
h3.group-h3{
	font-size:2px;
	text-indent:-9999px;
	display:block;
	width:220px;
	height:20px;
	background-image:url(../image/top/group-t.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0;
	}	
	
.group-inner{
	width:220px;
	margin:0;
	}
	
.banner01,
.banner02,	
.banner03{
	width:220px;
	margin:0 0 15px;
	text-align:left;
	}
.banner03{margin:0;}

.banner01 p,
.banner02 p,	
.banner03 p{
	font-size:70%;
	line-height:120%;
	margin:5px 0;
	}
	
.banner01 ul,
.banner02 ul,	
.banner03 ul{
	list-style:none;
	overflow:hidden;
	}
	
.banner01 ul li,
.banner02 ul li,	
.banner03 ul li{
	font-size:2px;
	text-indent:-9999px;
	display:inline;
	width:220px;
	height:95px;
	}	

.banner01 ul li a,
.banner02 ul li a,	
.banner03 ul li a{
	display:block;
	width:220px;
	height:95px;
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
.banner01 ul li a{background-image:url(../image/top/groupd-banner01.jpg);}
.banner02 ul li a{background-image:url(../image/top/groupd-banner02.jpg);}	
.banner03 ul li a{background-image:url(../image/top/groupd-banner03.jpg);}	
	
.banner01 ul li a:hover,
.banner02 ul li a:hover,
.banner03 ul li a:hover{background-position:0 -95px;}



.banner600{
	float:left;
	width:600px;
	margin:0;
	}
.banner600 img{
	margin:0 0 5px;
	display:block;
	line-height:100%;
	}		

/* ---------- footer ----------*/
#grand-footer{
	width:860px;
	border-top:3px solid #0066CC;
	margin:10px auto;
	padding:7px 0 0 0;
	}


#grand-footer ul{
	margin:0;
	font-size:80%;
	line-height:120%;
	float:right;

	}	
	
#grand-footer ul li{
	list-style:none;
	background-image:url(../image/top/link_01_sky.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	margin:0 10px 5px 0;
	}	
	
#grand-footer img{
	float:left;
	margin:0 0 5px;
	}	



/* ---------- clear ----------*/
	
	

div.clear{
	clear:both;
	height:0;
	}
	
div.clear hr{
	display:none;
	}	
		
	
div.space{	
	clear:both;
	height:30px;
	}
	
div.space hr{
	display:none;
	}		
	
	
div.gray{	
	clear:both;
	margin:4px 0;
	height:1px;
	border-top:1px solid #cccccc;
	}
	
div.gray hr{
	display:none;
	}		