@charset "utf-8";

/* HTMLリセット */

*{
	font-family: Osaka, "ＭＳ Ｐゴシック", MS UI Gothic, sans-serif;
	margin: 0;
	padding: 0;
}

html {
	overflow:scroll;
}

body{
	padding: 0 0 10px;
	color: #666;
	background: url(../img/bg_body.gif) repeat left top;
}
img{
	border:none;
	border-width: 0;
	border-style: none;
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6,ul,li,p,dl,dt,dd,address {
	font-weight: normal;
	font-style:normal;
	color: #666;
	font-size: 1em;
}
ul{
	list-style: none;
}
hr{
	display: none;
}

a{
	color: #6495ed;
	text-decoration: underline;
}
a:hover{
	color: blue;
	text-decoration: underline ;
}

/* 全体レイアウト
---------------------------------------------*/

#wrapper {
	width: 980px;
	margin: 0 auto;
	height:600px;
	padding:0;
	background:url(../img/bg_wrapper.png) no-repeat left top;
}

#contents {
	width:900px;
	margin:5px auto 0;
	padding:0 20px;
	background:url(../img/bg_contents.png) repeat-y left top;
}

#header {
	width: 980px;
	height: 120px;
	margin:0;
	position:relative;
}
	
#logo {
	position:absolute;
		width:330px;
	left: 50px;
	top: 37px;
}

#u_navi{
	position:absolute;
	width:150px;
	left: 792px;
	top: 13px;
}
#u_navi ul li{
	font-size:0.625em;
	float:left;
	padding:0 0 0 20px;
}
#u_navi ul li#utop{
	margin-right:24px;
	background:url(../img/ico_top.gif) left center no-repeat;
}#u_navi ul li#uinquire{
	background:url(../img/ico_mail.gif) no-repeat left center;
}

#main {
	width:900px;
	padding:0 10px 0 5px;
}

#mainv {
	width:900px;
	height:300px;
	margin:0 0 15px 0;
}

#mainv_sub {
	width:900px;
	height:120px;
	margin:5px 0 15px 0;
}

#alpha {
	width:665px;
	float:left;
}
#beta {
	width:205px;
	float:right;
	margin-right:15px;
}

#footer {
	width:900px;
	clear:both;
	background:url(../img/bg_contents.png) repeat-y left top;
}


/* g_navi */
#g_navi ul{
	position: absolute;
	height: 36px;
	width: 520px;
	top: 80px;
	left: 430px;
}
#g_navi ul li{
	float:left;
	height: 32px;
	margin:0 22px 0 0;
	text-indent:-9999px;
}
#g_navi li a {
	display: block;
}

#g_navi li#gn_shop a {display: block;height:36px; width:105px; background:url(../img/bt_shop.gif) left top;}
#g_navi li#gn_shop a:hover {background-position:left 36px;}
#g_navi li#gn_cats a {display: block;height:36px; width:58px; background:url(../img/bt_cats.gif) left top;}
#g_navi li#gn_cats a:hover {background-position:left 36px;}
#g_navi li#gn_event a {display: block;height:36px; width:96px; background:url(../img/bt_event.gif) left top;}
#g_navi li#gn_event a:hover {background-position:left 36px;}
#g_navi li#gn_blog a {display: block;height:36px; width:62px; background:url(../img/bt_blog.gif) left top;}
#g_navi li#gn_blog a:hover {background-position:left 36px;}
#g_navi li#gn_access a {display: block;height:36px; width:73px; background:url(../img/bt_access.gif) left top;}
#g_navi li#gn_access a:hover {background-position:left 36px;}




/* topicpass */
#topicpass {
	padding:0 0 15px 30px;
	font-size:0.625em;
}

#topicpass a, #topicpass a:hover {
	text-decoration: none;
}


/* #alphaレイアウト
---------------------------------------------*/

#alpha_cont {
	font-size:0.75em;
	padding:0 0 0 25px;
	margin:15px 0 0 0;
}


#alpha_cont p {
	margin:0 0 30px 48px;
	line-height:1.6;
}

#alpha_cont ul {
	list-style:none;
}
#alpha_cont ul li{
	margin:5px 0 15px 30px;
	list-style:none;
	line-height:1.6;
}


/* #betaレイアウト
---------------------------------------------*/

#beta {
	font-size:0.75em;
}
#sideinfomation_subp {
	margin:5px 0 0 0;
}

#beta #side_topics {
	width:205px;
	height:253px;
	background:url(../img/bg_sideinfo.jpg) no-repeat left top;
	margin:2px 0 5px 0;
}
#beta #side_topics ul {
	width:205px;
	padding:42px 0 0 12px;
}
#beta #side_topics li{
	background:url(../img/ico_sideinfo.gif) no-repeat left top;
	padding:0 0 0 10px;
}
#beta #side_topics li h2{
	font-weight:bold;
		padding:4px 0 0 11px;
}
#beta #side_topics li p{
	line-height:1.4;
	margin:4px 0 0 4px;
}
#beta #side_topics li img{
	margin:15px 0 0 20px;
}

#beta #side_bnr img {
		margin:5px 0 0 5px;
}


#beta #side_shopinfo {
	line-height:1.3;
		margin:8px 0 0 5px;
}


#main_gotop {
	text-align:right;
	font-size:0.75em;
	width:900px;
	padding-right:30px;
}




/* #footerレイアウト
---------------------------------------------*/

#footer {
	text-align:center;
	font-size:0.75em;
	border-top:1px solid #333;
	width:900px;
	margin:30px 0 0 0;
}
#footer #f_navi {
	margin:10px 0 0 0;

}
#footer #f_navi ul {
	width:600px;
}
#footer #f_navi li {
	float:left;
	border-right:1px solid;
	padding:0 20px 0 20px;
}
#footer #f_navi li a {
	text-decoration:none;
}

#footer #f_navi li#f_navi_last {
	border:none;
}

#footer address {
	margin:10px 0 0 0;
}