@charset "utf-8";

/* ��������SEO�J�X�^�}�C�Y */
h1.seo_title{
width:180px;
height:42px;
position:absolute;
top:0px;
left:0px;
text-indent:0px;
}

#micontents .seo02{
position:absolute;
top:312px;
left:0;
width : 512px ;
height :108px ;
display: block;
text-indent: -9999px;
background-image : url(img/top_copy-trans.png);
}

#micontents .seo01{
position:absolute;
top:90px;
right:-5px;
width : 254px ;
height :182px ;
}

#micontents .seo01 a:link img{
visibility : visible ;
border-style : none ;
}

#micontents .seo01 a:visited img{
visibility : hidden ;
border-style : none ;
}

#micontents .seo01 a:hover img{
visibility : hidden ;
border-style : none ;
}

#micontents .seo01 a:active img{
visibility : hidden ;
border-style : none ;
}


#micontents .seo01 a{
width : 254px ;
height :182px ;
display: block;
text-indent: -9999px;
cursor: pointer;
background-repeat : no-repeat ;
background-position : top left ;
}

#micontents .seo01 a:link {
background-image : url(img/top_bnr_off-trans.png);
}

#micontents .seo01 a:visited{
background-image : url(img/top_bnr_off-trans.png);
}

#micontents .seo01 a:hover{
background-image : url(img/top_bnr_on-trans.png);
}

#micontents .seo01 a:active{
background-image : url(img/top_bnr_on-trans.png);
}
/*===SEO�J�X�^�}�C�Y�@�����܂�===*/

/*=========================================
SETTING
===========================================*/


html {
width: 100%;
height: 100%;
}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
font-size: 100%;
list-style: none;
}

body{
width: 100%;
height: 100%;
margin:0;
padding:0;
font-size:80%;
text-align:center;
line-height:1.4;
color:#333;
font-family:'���C���I','Meiryo','Hiragino Kaku Gothic Pro','�q���M�m�p�S Pro W3','Osaka','�l�r �o�S�V�b�N',Verdana;
background:url(img/bg03.jpg) no-repeat center 0;
}

*html body{
font-family:'�l�r �o�S�V�b�N','���C���I','Meiryo','Hiragino Kaku Gothic Pro','�q���M�m�p�S Pro W3','Osaka',Verdana;
}


img {
border: none;}

a   {
color:#55350d;
text-decoration: none;}

a:hover {
color: #55350d;
text-decoration: underline;}

em,address {}

strong {font-weight: bold;}

.clear {clear: both;}


/*=========================================
HEADER
===========================================*/

#header{
width:100%;
height:76px;
text-align:center;
margin:0;
padding:0;
background:url(img/bg01.jpg) no-repeat center 0;
}

#header .hcontents{
width:980px;
height:76px;
position:relative;
margin:0 auto;
}

.logo{
position:absolute;
top:18px;
left:26px;
}

.mikan{
position:absolute;
top:21px;
left:240px;
}

#search{
width:250px;
height:21px;
background:url(img/search.gif) no-repeat top left;
position:absolute;
top:29px;
right:0;
}

#search input{
position:absolute;
right:0px;
}

#search .search{
position:absolute;
margin-top:3px;
right:45px;
width:144px;
height:17px;
border:0;
}



/*=========================================
MAIN
===========================================*/

#mainmenu {
width:100%;
height:54px;
text-align:center;
margin:0;
padding:0;
background:url(img/bg02.jpg) no-repeat center 0;
}

#mainimg {
width:100%;
height:475px;
text-align:center;
margin:0;
padding:0;
position:relative;
background:url(img/main.jpg) no-repeat center 0;
}

#micontents {
width:976px;
height:475px;
margin:0 auto;
position:relative;
}

#micontents h2{
position:absolute;
top:312px;
left:0;
width : 512px ;
height :108px ;
display: block;
text-indent: -9999px;
background-image : url(img/top_copy-trans.png);
}

#micontents h1{
position:absolute;
top:90px;
right:-5px;
width : 254px ;
height :182px ;
}

#micontents h1 a:link img{
visibility : visible ;
border-style : none ;
}

#micontents h1 a:visited img{
visibility : hidden ;
border-style : none ;
}

#micontents h1 a:hover img{
visibility : hidden ;
border-style : none ;
}

#micontents h1 a:active img{
visibility : hidden ;
border-style : none ;
}

/* h1
---------------------------------------------*/

#micontents h1 a{
width : 254px ;
height :182px ;
display: block;
text-indent: -9999px;
cursor: pointer;
background-repeat : no-repeat ;
background-position : top left ;
}

#micontents h1 a:link {
background-image : url(img/top_bnr_off-trans.png);
}

#micontents h1 a:visited{
background-image : url(img/top_bnr_off-trans.png);
}

#micontents h1 a:hover{
background-image : url(img/top_bnr_on-trans.png);
}

#micontents h1 a:active{
background-image : url(img/top_bnr_on-trans.png);
}


/*=========================================
MAIN CONTENTS
===========================================*/

#contents{
	padding:0;
	height:100%;}

#main {
z-index:0;
width:100%;
text-align:center;
margin:0 auto;
padding:0;
background:url(img/top_bg.jpg) no-repeat center top;
height:800px;
}

#topt{
width:954px;
height:170px;
margin:0 auto 0 auto;
padding:27px 0 0 0;
text-align:left;
position:relative;
}


	
#nikki{
position:relative;
width:521px;
height:168px;
margin-left:-3px;
padding:0;
background:url(img/nikki_bg.gif) no-repeat center top;
}

#nikki .photo{
position:absolute;
top:20px;
left:15px;
}

#nikki .photo img{
margin-right:2px;

}

#nikki .month{
position:absolute;
top:14px;
left:264px;
}
	
#nikki .txt{
	position:absolute;
	top:20px;
	left:345px;
	width: 155px;
	height: 140px;
}
#nikki .txt img{
	margin-bottom:7px;
}

#nikki .txt p{
line-height:130%;
font-size:11px;
}

#nikki .more{
position:absolute;
right:0;
bottom:10px;
}

#shop{

	}
	
#shop .ccopy{
	position:absolute;
	top:41px;
	right:9px;
	}

#shop .sbnr{
	position:absolute;
	top:148px;
	right:-1px;
	}

#shop .more2{
	position:absolute;
	top:43px;
	right:7px;
z-index:5;
}

#topb{
	padding:0;
width:980px;
	height:260px;
	margin:0 auto 10px auto;
position:relative;
}

#movie{
	width:264px;
	position:absolute;
	top:9px;
	left:17px;
	}
	


/*news -------------------------------------------------------*/
#news{
	text-align:left;
	width: 422px;
	position:absolute;
	top:5px;
	left:296px;
}

#news_title{
width:267px;
height: 17px;
margin-left:20px;
margin-bottom:10px;
}

#more{
width:66px;
height:12px;
float:right;
padding-top:10px;
}

#news #top_news,h3{
display:none;}

.news_contents{
width: 422px;
}

.news_contents ul {
	width: 422px;
	height: auto;
}

.news_contents ul li {
	width: 422px;
	height: 25px;
	border-bottom: 1px dotted #d6d6d6; 
	background:url(img/news_arrow.gif) no-repeat center left;
	padding: 8px 0 0 13px;
}

.topnews_date{
width: 95px;
height: 30px;
text-indent:10px;
vertical-align:middle;
}

.topnews_body{
width: 300px;
padding-left: 15px;
}


#topbnr {
	width: 239px;
	position:absolute;
	top:6px;
	right:10px;
	}

/*=========================================
SIDE MENU
===========================================*/

#side_menu {

}

/*=========================================
FOOTER
===========================================*/

#footer {
	margin-top:-10px;
width:100%;
height:230px;
background:url(img/footer_bg.gif) no-repeat center top;
}

#footer2 {

position: relative;
width:980px;
height:230px;
margin:0 auto;
} 


#footer_menu{
	position:absolute;
	top:87px;
	left:223px;
	width: 748px;
	height: 110px;
	}
	
#footer_menu ul{
margin-top:35px;
}

#footer_menu li{
float:left;
background:url(img/footer_line.gif) no-repeat right top;
padding-right:16px;
margin-left:16px;
margin-top:3px;
}

#copyright{
	text-align:right;
	position:absolute;
	top:68px;
	right:10px;
	width: 355px;
color:#eff8db;
	}

#add{
	width:159px;
	height:120px;
	position:absolute;
	top:60px;
	left:35px;
	text-align:left;
}

#add img{
margin-bottom:10px;
}








/* ===========================================================
 List 
 ===========================================================*/


/*  header_menu   ===========================================*/

#header_menu{
height:18px;
margin:0;
padding:0;
position:absolute;
top:10px;
right:0px;
}


#header_menu li {
float:left;
margin-left:16px;
padding:0;
}

#header_menu li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#header_menu a:link img{
visibility : visible ;
border-style : none ;
}

#header_menu a:visited img{
visibility : hidden ;
border-style : none ;
}

#header_menu a:hover img{
visibility : hidden ;
border-style : none ;
}

#header_menu a:active img{
visibility : hidden ;
border-style : none ;
}

/* menu01
---------------------------------------------*/
.hmenu01 {
width : 171px ;
height :18px ;
}

.hmenu01 a{
width : 171px ;
height :18px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.hmenu01 a:link {
background-image : url(img/hmenu01.gif);
}

.hmenu01 a:visited{
background-image : url(img/hmenu01.gif);
}

.hmenu01 a:hover{
background-image : url(img/hmenu01_on.gif);
}

.hmenu01 a:active{
background-image : url(img/hmenu01_on.gif);
}

/* menu02
---------------------------------------------*/
.hmenu02 {
width : 125px ;
height :18px ;
}

.hmenu02 a{
width : 125px ;
height :18px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.hmenu02 a:link {
background-image : url(img/hmenu02.gif);
}

.hmenu02 a:visited{
background-image : url(img/hmenu02.gif);
}

.hmenu02 a:hover{
background-image : url(img/hmenu02_on.gif);
}

.hmenu02 a:active{
background-image : url(img/hmenu02_on.gif);
}

/* menu03
---------------------------------------------*/
.hmenu03 {
width : 84px ;
height :18px ;
}

.hmenu03 a{
width : 84px ;
height :18px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.hmenu03 a:link {
background-image : url(img/hmenu03.gif);
}

.hmenu03 a:visited{
background-image : url(img/hmenu03.gif);
}

.hmenu03 a:hover{
background-image : url(img/hmenu03_on.gif);
}

.hmenu03 a:active{
background-image : url(img/hmenu03_on.gif);
}


/*  main_menu   ===========================================*/

#mmenu{
z-index:10;
width:980px;
height:54px;
margin:0 auto;
}


#mmenu li {
float:left;
margin:0;
padding:0;
}

#mmenu li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#mmenu a:link img{
visibility : visible ;
border-style : none ;
}

#mmenu a:visited img{
visibility : hidden ;
border-style : none ;
}

#mmenu a:hover img{
visibility : hidden ;
border-style : none ;
}

#mmenu a:active img{
visibility : hidden ;
border-style : none ;
}

/* menu01
---------------------------------------------*/
.mmenu01 {
width : 217px ;
height :54px ;
}

.mmenu01 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 217px ;
height :54px ;
}

.mmenu01 a:link {
background-image : url(img/mmenu01.gif);
}

.mmenu01 a:visited{
background-image : url(img/mmenu01.gif);
}

.mmenu01 a:hover{
background-image : url(img/mmenu01_on.gif);
}

.mmenu01 a:active{
background-image : url(img/mmenu01_on.gif);
}


/* menu02
---------------------------------------------*/
.mmenu02 {
width : 152px ;
height :54px ;
}

.mmenu02 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 152px ;
height :54px ;
}

.mmenu02 a:link {
background-image : url(img/mmenu02.gif);
}

.mmenu02 a:visited{
background-image : url(img/mmenu02.gif);
}

.mmenu02 a:hover{
background-image : url(img/mmenu02_on.gif);
}

.mmenu02 a:active{
background-image : url(img/mmenu02_on.gif);
}

/* menu03
---------------------------------------------*/
.mmenu03 {
width :193px ;
height :54px ;
}

.mmenu03 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width :193px ;
height :54px ;
}

.mmenu03 a:link {
background-image : url(img/mmenu03.gif);
}

.mmenu03 a:visited{
background-image : url(img/mmenu03.gif);
}

.mmenu03 a:hover{
background-image : url(img/mmenu03_on.gif);
}

.mmenu03 a:active{
background-image : url(img/mmenu03_on.gif);
}


/* menu04
---------------------------------------------*/
.mmenu04 {
width : 162px ;
height :54px ;
}

.mmenu04 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 162px ;
height :54px ;
}

.mmenu04 a:link {
background-image : url(img/mmenu04.gif);
}

.mmenu04 a:visited{
background-image : url(img/mmenu04.gif);
}

.mmenu04 a:hover{
background-image : url(img/mmenu04_on.gif);
}

.mmenu04 a:active{
background-image : url(img/mmenu04_on.gif);
}


/* menu05
---------------------------------------------*/
.mmenu05 {
width : 148px ;
height :54px ;
}

.mmenu05 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 148px ;
height :54px ;
}

.mmenu05 a:link {
background-image : url(img/mmenu05.gif);
}

.mmenu05 a:visited{
background-image : url(img/mmenu05.gif);
}

.mmenu05 a:hover{
background-image : url(img/mmenu05_on.gif);
}

.mmenu05 a:active{
background-image : url(img/mmenu05_on.gif);
}


/* menu06
---------------------------------------------*/
.mmenu06 {
width : 108px ;
height :54px ;
}

.mmenu06 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 108px ;
height :54px ;
}

.mmenu06 a:link {
background-image : url(img/mmenu06.gif);
}

.mmenu06 a:visited{
background-image : url(img/mmenu06.gif);
}

.mmenu06 a:hover{
background-image : url(img/mmenu06_on.gif);
}

.mmenu06 a:active{
background-image : url(img/mmenu06_on.gif);
}


/*  topbnr   ===========================================*/

#topbnr{

}


#topbnr li {
float:left;
padding:0;
}

#topbnr li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#topbnr a:link img{
visibility : visible ;
border-style : none ;
}

#topbnr a:visited img{
visibility : hidden ;
border-style : none ;
}

#topbnr a:hover img{
visibility : hidden ;
border-style : none ;
}

#topbnr a:active img{
visibility : hidden ;
border-style : none ;
}

/* bnr01
---------------------------------------------*/
.topbnr01 {
width : 239px ;
height :82px ;
}

.topbnr01 a{
width : 239px ;
height :82px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.topbnr01 a:link {
background-image : url(img/right_bn01_off-trans.png);
}

.topbnr01 a:visited{
background-image : url(img/right_bn01_off-trans.png);
}

.topbnr01 a:hover{
background-image : url(img/right_bn01_on-trans.png);
}

.topbnr01 a:active{
background-image : url(img/right_bn01_on-trans.png);
}

/* bnr02
---------------------------------------------*/
.topbnr02 {
width : 239px ;
height :85px ;
}

.topbnr02 a{
width : 239px ;
height :85px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.topbnr02 a:link {
background-image : url(img/right_bn02_off-trans.png);
}

.topbnr02 a:visited{
background-image : url(img/right_bn02_off-trans.png);
}

.topbnr02 a:hover{
background-image : url(img/right_bn02_on-trans.png);
}

.topbnr02 a:active{
background-image : url(img/right_bn02_on-trans.png);
}

/* bnr03
---------------------------------------------*/
.topbnr03 {
width : 239px ;
height :89px ;
}

.topbnr03 a{
width : 239px ;
height :89px ;
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
}

.topbnr03 a:link {
background-image : url(img/right_bn03_off-trans.png);
}

.topbnr03 a:visited{
background-image : url(img/right_bn03_off-trans.png);
}

.topbnr03 a:hover{
background-image : url(img/right_bn03_on-trans.png);
}

.topbnr03 a:active{
background-image : url(img/right_bn03_on-trans.png);
}

#top_left{
width:263px;
position:absolute;
top:273px;
/top:285px;
_top:280px;
left:17px;
text-align:left;
font-size:86%;
}

#topsmp {
width: 247px;
position:absolute;
top:263px;
right:8px;
/top:275px;
_top:270px;
}