@charset "utf-8";

/* --------------------------------------------------
	SiteName : JuJu
	FileName : index.css
	Description : index styles
	Author : name
	UpdatedBy : who-when

-------------------------------------------------- */
#contentsArea{
	padding:0;
	background:transparent url(../css/images/bg_main-visual_area.jpg) no-repeat center top;
	zoom:1;
}
#mainVisualArea{
	width:974px;
	height:500px;
	margin:0 auto;
	position:relative;
}
.mainVisual{
	/*background:#ffffff url(../css/images/bg_main-visual.gif) no-repeat left top;*/
	width:720px;
	height:325px;
	position:absolute;
	left:8px;
	top:175px;
}
.mainVisual p.inner{
	margin:0;
	padding:10px 9px 10px 9px;
}
.mainVisual p.jujucard{
	display:block;
	width:198px;
	height:56px;
	position:absolute;
	right:-238px;
	top:25px;
}
.mainVisual p.jujucard a:hover img{
	opacity:0.92;
	filter: alpha(opacity=92);
	-ms-filter: "alpha( opacity=92 )";
	/*background: #fff;*/
}

.mainVisual p.event{
	display:block;
	width:200px;
	height:96px;
	position:absolute;
	right:-258px;
	top:85px;
}

/* TOP BannerArea */
.mainVisual .BannerArea{
	display:block;
	width:200px;
	height:65px;
	margin:0;
	padding:0;
	position:absolute;
	right:-250px;
	top:82px;
}
body .BannerArea ul{
	margin:0;
	padding:0;
}
body .BannerArea li{
padding:0 0 3px 0;
	line-height:1.4;
}

body .BannerArea li a:hover img{
	opacity:0.92;
	filter: alpha(opacity=92);
	-ms-filter: "alpha( opacity=92 )";
	background: #fff;
}

.mainVisual p.event a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
#mainVisual h1{
	position:absolute;
	right:30px;
	top:28px;
}
.left{
	float:left;
	padding:0 10px;
}
.right{
	float:right;
	padding:0 10px;
}
ul.topics {
	list-style-type: none;
	position:relative;
	margin:10px 0 0 0;
}
ul.topics li {
	background:transparent url(../css/images/arw_01.gif) no-repeat 0 0.4em;
	padding-left:16px;
	margin-bottom:5px;
}
ul.topics li span {
	padding-right:5px;
}
.topics_01{
	width:345px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	/*background:transparent url(../css/images/bg_dotline_01.gif) repeat-x scroll left bottom;*/
}
.topics_02{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
.topics_phtL{
	width:120px;
	margin:0 10px 3px 0;
	border:#ccc solid 1px;
	float:left;
}
.topics_phtR{
	width:120px;
	border:#ccc solid 1px;
	float:right;
}
/*　dot line clear */
.top_info_clear_img {
    clear: both;
    padding: 0 0 20px 0;
    text-align: center;
}