@charset "utf-8";

/*- TAG Style ----------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	outline:0;
}
body{
	margin:30px auto 10px auto;
	background:url('../img/cmn/bg.gif') top left repeat-x #000000;
	font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	color:#cccccc;
}
img{
	border:none;
}
a{
	text-decoration:none;
}
a:link, a:visited{
	color:#3399cc;
}
a:hover, a:active{
	color:#66ccff;
}
/*- BODY Style ---------------------------------------------------------------*/
body{
	width:800px;
}
/*- HEADER Style -------------------------------------------------------------*/
#header{
	margin-bottom:10px;
}
/*- MAIN Style ---------------------------------------------------------------*/
#main{
	position:relative;
	height:210px;
}
#main .frameTop{
	position:absolute;
	top:0;
	left:0;
	width:798px;
	height:5px;
	border:solid #333333;
	border-width:1px 1px 0 1px;
}
#main .frameBottom{
	position:absolute;
	bottom:0;
	left:0;
	width:798px;
	height:5px;
	border:solid #333333;
	border-width:0 1px 1px 1px;
}
#main h1{
	position:absolute;
	top:13px;
	left:8px;
}
#main .menu{
	position:absolute;
	bottom:15px;
	right:10px;
	width:415px;
	height:120px;
	background:url('../img/home/menu/bg.jpg') top left no-repeat;
}
#main .menu a{
	position:absolute;
	bottom:5px;
	display:block;
	width:200px;
	height:45px;
}
#main .menu a.si{
	left:5px;
	background:url('../img/home/menu/si.jpg') no-repeat;
}
#main .menu a.or{
	right:5px;
	background:url('../img/home/menu/or.jpg') no-repeat;
}
#main .menu a:link, #main .menu a:visited{
	background-position:top left;
}
#main .menu a:hover, #main .menu a:active{
	background-position:top right;
}
#main .news{
	position:absolute;
	bottom:15px;
	left:10px;
}
#main .news dt{
	margin-top:5px;
	font-family:'Arial';
	font-size:70%;
	color:#666666;
}
#main .news dd{
	margin-top:2px;
	font-size:80%;
	color:#cccccc;
}
#main .campaign{
	position:absolute;
	top:15px;
	right:10px;
}
#main .campaign img{
	border:none;
}
/*- FOOTER Style -------------------------------------------------------------*/
#footer{
	position:relative;
	text-align:right;
}
#footer .mobile{
	position:absolute;
	left:10px;
	bottom:0;
	cursor:pointer;
}
#footer .mobile .qr{
	display:none;
	position:absolute;
	left:150px;
	bottom:0;
	padding:15px 30px;
	background:url('../img/cmn/baloon.png') top left repeat;
	border:1px solid #66ff00;
}
#footer .mobile:hover .qr{
	display:block;
}