@charset "utf-8";

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

html {
margin: 0;
padding: 0;
width: 100%;
height: 1200px;

}


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 {
color: #999999;
font-size: 90%;
font-family: "メイリオ","meiryo",Verdana,"Hiragino Kaku Gothic Pro W3","MS UI Gothic";
text-align:center;
background: url(../images/wrap.jpg) no-repeat center top;
height: 1200px;
}

img {
border: none;}

a   {
color:#cccccc;
text-decoration: none;}

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

em,address {}

strong {font-weight: bold;}

.clear {clear: both;}

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


#main {
	background: url(../images/main_bg5.jpg) no-repeat center top;
	height: 1200px;
	min-height: 100%;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}




/*=========================================
LEFT
===========================================*/

#left {
	height: 1200px;
	width: 748px;
	margin: 0 ;
	float: left;
}

#header {
	height: 600px;
	width: 748px;
	margin: 0 ;
}

#flash {
	height: 600px;
	width: 690px;
	margin: 0 ;
	float:left;
}


#catch {
	height: 407px;
	width: 58px;
	margin-top: 115px;
	float: right;
	background: url(../images/catch-trans.png) no-repeat center top;
	text-indent: -9999px;
}

#company {
	height: 270px;
	width: 748px;
	margin: 0 ;	
}

#vusido {
	height: 270px;
	width: 37px;
	margin: 0 ;
	float:left;
	text-align: right;
}

#copyright {
	height: 270px;
	width: 25px;
	margin: 0 ;	
	float:left;
}

#noodleism {
	height: 270px;
	width: 660px;
	margin-top: 87px ;
	margin-left: 15px;
	float:left;
}

#noodleism .title{
	height: 14px;
	width: 660px;
	margin-bottom: 13px ;
}

#noodleism .sense{
	width: 660px;
	height: 173px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	line-height: 110%;
	color: #666666;
}

#noodleism .sense p{
	margin-bottom: 8px;
}



/*=========================================
RIGHT
===========================================*/

#right{
	height: 1200px;
	width: 232px;
	margin: 0 ;
	float: right;
}

#logo{
	height: 54px;
	width: 200px;
	margin: 35px auto 0 auto;
}

#news{
	height: 114px;
	width: 232px;
	margin: 0;
}


*html #news{
	height: 114px;
	width: 232px;
	margin-top: -20px;
}

#news .news_img{
	height: 39px;
	width: 232px;
	text-align: right;
}

#news .date{
	height: 15px;
	width: 210px;
	margin-left: 8px;
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 0.1em;
}


#news .title{
	height: 24px;
	width: 210px;
	margin-left: 8px;
	font-size: 8pt;
	line-height: 12px;
}


/*-------------------------------------------------------
fn
-------------------------------------------------------*/
#fn{
	width: 230px;
	height: 28px;
	margin: 0px;
}

#fn ul{
	width: 190px;
	margin:6px auto 0 34px;
}

#fn li {
margin-right: 8px;
float: left;
}

#fn li a {
display: block;
text-indent: -9999px;
cursor: pointer;
width : 54px ;
height : 16px ;
background-repeat : no-repeat ;
background-position : top left ;
}

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

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

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

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

/* fn01
---------------------------------------------*/
.fn01 {
width : 54px ;
height : 16px ;
}

.fn01 a:link {
	background-image : url(../images/fn01-trans.png);
}

.fn01 a:visited{
	background-image : url(../images/fn01-trans.png);
}

.fn01 a:hover{
	background-image : url(../images/fn01_ov-trans.png);
}

.fn01 a:active{
	background-image : url(../images/fn01_ov-trans.png);
}

/* fn02
---------------------------------------------*/
.fn02 {
width : 54px ;
height : 16px ;
}

.fn02 a:link {
	background-image : url(../images/fn02-trans.png);
}

.fn02 a:visited{
	background-image : url(../images/fn02-trans.png);
}

.fn02 a:hover{
	background-image : url(../images/fn02_ov-trans.png);
}

.fn02 a:active{
	background-image : url(../images/fn02_ov-trans.png);
}

/* fn03
---------------------------------------------*/
.fn03 {
width : 54px ;
height : 16px ;
}

.fn03 a:link {
	background-image : url(../images/fn03-trans.png);
}

.fn03 a:visited{
	background-image : url(../images/fn03-trans.png);
}

.fn03 a:hover{
	background-image : url(../images/fn03_ov-trans.png);
}

.fn03 a:active{
	background-image : url(../images/fn03_ov-trans.png);
}
 
/*=========================================
	NAVI
===========================================*/

#navi{
	width: 130px;
	height: 275px; 
	margin-left: 60px ;
	margin-top: 20px;
}

*html #navi{
	width: 130px;
	margin-left: 60px ;
	margin-top: 30px;
}


#navi li {
margin: 0;
}


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

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

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

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

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

/* navi01
---------------------------------------------*/
.navi01 {
width : 130px ;
height : 30px ;
}

.navi01 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi01 a:link {
	background-image : url(../images_sec/n01-trans.png);
	background-repeat: no-repeat;
}

.navi01 a:visited{
	background-image : url(../images_sec/n01-trans.png);
	background-repeat: no-repeat;
}

.navi01 a:hover{
	background-image : url(../images_sec/n01_on-trans.png);
	background-repeat: no-repeat;
}

.navi01 a:active{
	background-image : url(../images_sec/n01_on-trans.png);
	background-repeat: no-repeat;
}


/* navi02
---------------------------------------------*/
.navi02 {
width : 130px ;
height : 30px ;
margin-bottom: 8px;
}

.navi02 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi02 a:link {
	background-image : url(../images_sec/n02-trans.png);
	background-repeat: no-repeat;
}

.navi02 a:visited{
	background-image : url(../images_sec/n02-trans.png);
	background-repeat: no-repeat;
}

.navi02 a:hover{
	background-image : url(../images_sec/n02_on-trans.png);
	background-repeat: no-repeat;
}

.navi02 a:active{
	background-image : url(../images_sec/n02_on-trans.png);
	background-repeat: no-repeat;
}


/* navi03
---------------------------------------------*/
.navi03 {
width : 130px ;
height : 30px ;
}

.navi03 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi03 a:link {
	background-image : url(../images_sec/n03-trans.png);
	background-repeat: no-repeat;
}

.navi03 a:visited{
	background-image : url(../images_sec/n03-trans.png);
	background-repeat: no-repeat;
}

.navi03 a:hover{
	background-image : url(../images_sec/n03_on-trans.png);
	background-repeat: no-repeat;
}

.navi03 a:active{
	background-image : url(../images_sec/n03_on-trans.png);
	background-repeat: no-repeat;
}

/* navi04
---------------------------------------------*/
.navi04 {
width : 130px ;
height : 30px ;
}

.navi04 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi04 a:link {
	background-image : url(../images_sec/n04-trans.png);
	background-repeat: no-repeat;
}

.navi04 a:visited{
	background-image : url(../images_sec/n04-trans.png);
	background-repeat: no-repeat;
}

.navi04 a:hover{
	background-image : url(../images_sec/n04_on-trans.png);
	background-repeat: no-repeat;
}

.navi04 a:active{
	background-image : url(../images_sec/n04_on-trans.png);
	background-repeat: no-repeat;
}

/* navi05
---------------------------------------------*/
.navi05 {
width : 130px ;
height : 30px ;
}

.navi05 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi05 a:link {
	background-image : url(../images_sec/n05-trans.png);
	background-repeat: no-repeat;
}

.navi05 a:visited{
	background-image : url(../images_sec/n05-trans.png);
	background-repeat: no-repeat;
}

.navi05 a:hover{
	background-image : url(../images_sec/n05_on-trans.png);
	background-repeat: no-repeat;
}

.navi05 a:active{
	background-image : url(../images_sec/n05_on-trans.png);
	background-repeat: no-repeat;
}

/* navi06
---------------------------------------------*/
.navi06 {
width : 130px ;
height : 30px ;
}

.navi06 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi06 a:link {
	background-image : url(../images_sec/n06-trans.png);
	background-repeat: no-repeat;
}

.navi06 a:visited{
	background-image : url(../images_sec/n06-trans.png);
	background-repeat: no-repeat;
}

.navi06 a:hover{
	background-image : url(../images_sec/n06_on-trans.png);
	background-repeat: no-repeat;
}

.navi06 a:active{
	background-image : url(../images_sec/n06_on-trans.png);
	background-repeat: no-repeat;
}

/*---------------------------------------------
ryoka-ism-navi
---------------------------------------------*/

/* noodle
---------------------------------------------*/
.noodle {
width : 130px ;
height : 20px ;
}

.noodle a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.noodle a:link {
	background-image : url(../ryoka-ism/images/noodle-trans.png);
	background-repeat: no-repeat;
}

.noodle a:visited{
	background-image : url(../ryoka-ism/images/noodle-trans.png);
	background-repeat: no-repeat;
}

.noodle a:hover{
	background-image : url(../ryoka-ism/images/noodle_on-trans.png);
	background-repeat: no-repeat;
}

.noodle a:active{
	background-image : url(../ryoka-ism/images/noodle_on-trans.png);
	background-repeat: no-repeat;
}

/* harmony
---------------------------------------------*/
.harmony {
width : 130px ;
height : 20px ;
}

.harmony a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.harmony a:link {
	background-image : url(../ryoka-ism/images/harmony-trans.png);
	background-repeat: no-repeat;
}

.harmony a:visited{
	background-image : url(../ryoka-ism/images/harmony-trans.png);
	background-repeat: no-repeat;
}

.harmony a:hover{
	background-image : url(../ryoka-ism/images/harmony_on-trans.png);
	background-repeat: no-repeat;
}

.harmony a:active{
	background-image : url(../ryoka-ism/images/harmony_on-trans.png);
	background-repeat: no-repeat;
}


/* produce
---------------------------------------------*/
.produce {
width : 130px ;
height : 20px ;
}

.produce a{
display : block ;
width : 130px ;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.produce a:link {
	background-image : url(../ryoka-ism/images/produce-trans.png);
	background-repeat: no-repeat;
}

.produce a:visited{
	background-image : url(../ryoka-ism/images/produce-trans.png);
	background-repeat: no-repeat;
}

.produce a:hover{
	background-image : url(../ryoka-ism/images/produce_on-trans.png);
	background-repeat: no-repeat;
}

.produce a:active{
	background-image : url(../ryoka-ism/images/produce_on-trans.png);
	background-repeat: no-repeat;
}

/* will
---------------------------------------------*/
.will {
width : 130px ;
height : 20px ;
padding-bottom: 8px;
}

*html .will {
width : 130px ;
height : 20px ;
margin-bottom: 8px;
}

.will a{
display : block ;
width : 130px;
height : 20px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.will a:link {
	background-image : url(../ryoka-ism/images/will-trans.png);
	background-repeat: no-repeat;
}

.will a:visited{
	background-image : url(../ryoka-ism/images/will-trans.png);
	background-repeat: no-repeat;
}

.will a:hover{
	background-image : url(../ryoka-ism/images/will_on-trans.png);
	background-repeat: no-repeat;
}

.will a:active{
	background-image : url(../ryoka-ism/images/will_on-trans.png);
	background-repeat: no-repeat;
}


/*=========================================
info
===========================================*/

#info{
	height: 310px;
	width: 232px;
	margin: 0 ;
	position: relative;
}

.info{
	height: 13px;
	width: 158px;
	position: absolute;
	left: 40px;
	top: 146px;
}


#info li {
margin: 0;
}


#info li a {
display: block;
text-indent: -9999px;
cursor: pointer;
height: 54px;
width: 18px;

}

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

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

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

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

/* info-matuyama-------------------------------*/
.info_matsuyama{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 84px;
	top: 186px;
	z-index:111;
}

.info_matsuyama a:link {
	background : url(../shop/images/m_matsuyama-trans.png) no-repeat center top;
}

.info_matsuyama a:visited{
	background : url(../shop/images/m_matsuyama-trans.png) no-repeat center top;
}

.info_matsuyama a:hover{
	background : url(../shop/images/m_matsuyama_on-trans.png) no-repeat center top;
}

.info_matsuyama a:active{
	background : url(../shop/images/m_matsuyama_on-trans.png) no-repeat center top;
}

/* info-imabari-------------------------------*/

.info_imabari{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 104px;
	top: 166px;
	z-index:111;
}

.info_imabari a:link {
	background : url(../shop/images/m_imabari-trans.png) no-repeat center top;
}

.info_imabari a:visited{
	background : url(../shop/images/m_imabari-trans.png) no-repeat center top;
}

.info_imabari a:hover{
	background : url(../shop/images/m_imabari_on-trans.png) no-repeat center top;
}

.info_imabari a:active{
	background : url(../shop/images/m_imabari_on-trans.png) no-repeat center top;
}

/* info-nyuugawa-------------------------------*/

.info_nyuugawa{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 123px;
	top: 187px;
	z-index:111;
}

.info_nyuugawa a:link {
	background : url(../shop/images/m_nyuugawa-trans.png) no-repeat center top;
}

.info_nyuugawa a:visited{
	background : url(../shop/images/m_nyuugawa-trans.png) no-repeat center top;
}

.info_nyuugawa a:hover{
	background : url(../shop/images/m_nyuugawa_on-trans.png) no-repeat center top;
}

.info_nyuugawa a:active{
	background : url(../shop/images/m_nyuugawa_on-trans.png) no-repeat center top;
}

/* info-saijyou-------------------------------*/

.info_saijyou{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 142px;
	top: 187px;
	z-index:111;
}

.info_saijyou a:link {
	background : url(../shop/images/m_saijyou-trans.png) no-repeat center top;
}

.info_saijyou a:visited{
	background : url(../shop/images/m_saijyou-trans.png) no-repeat center top;
}

.info_saijyou a:hover{
	background : url(../shop/images/m_saijyou_on-trans.png) no-repeat center top;
}

.info_saijyou a:active{
	background : url(../shop/images/m_saijyou_on-trans.png) no-repeat center top;
}

/* info-niihama-------------------------------*/

.info_niihama{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 163px;
	top: 187px;
	z-index:111;
}

.info_niihama a:link {
	background : url(../shop/images/m_niihama-trans.png) no-repeat center top;
}

.info_niihama a:visited{
	background : url(../shop/images/m_niihama-trans.png) no-repeat center top;
}

.info_niihama a:hover{
	background : url(../shop/images/m_niihama_on-trans.png) no-repeat center top;
}

.info_niihama a:active{
	background : url(../shop/images/m_niihama_on-trans.png) no-repeat center top;
}

/* info-iyomishima-------------------------------*/

.info_iyomishima{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 183px;
	top: 187px;
	z-index:111;
}
.info_iyomishima a:link {
	background : url(../shop/images/m_iyomishima-trans.png) no-repeat center top;
}

.info_iyomishima a:visited{
	background : url(../shop/images/m_iyomishima-trans.png) no-repeat center top;
}

.info_iyomishima a:hover{
	background : url(../shop/images/m_iyomishima_on-trans.png) no-repeat center top;
}

.info_iyomishima a:active{
	background : url(../shop/images/m_iyomishima_on-trans.png) no-repeat center top;
}

/* info-oozu-------------------------------*/

.info_oozu{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 59px;
	top: 199px;
	z-index:111;
}

.info_oozu a:link {
	background : url(../shop/images/m_oozu-trans.png) no-repeat center top;
}

.info_oozu a:visited{
	background : url(../shop/images/m_oozu-trans.png) no-repeat center top;
}

.info_oozu a:hover{
	background : url(../shop/images/m_oozu_on-trans.png) no-repeat center top;
}

.info_oozu a:active{
	background : url(../shop/images/m_oozu_on-trans.png) no-repeat center top;
}

/* info-uwajima-------------------------------*/

.info_uwajima{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 29px;
	top: 214px;
	z-index:111;
}

.info_uwajima a:link {
	background : url(../shop/images/m_uwajima-trans.png) no-repeat center top;
}

.info_uwajima a:visited{
	background : url(../shop/images/m_uwajima-trans.png) no-repeat center top;
}

.info_uwajima a:hover{
	background : url(../shop/images/m_uwajima_on-trans.png) no-repeat center top;
}

.info_uwajima a:active{
	background : url(../shop/images/m_uwajima_on-trans.png) no-repeat center top;
}

/* info-ainan-------------------------------*/

.info_ainan{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 38px;
	top: 273px;
	z-index:111;
}

.info_ainan a:link {
	background : url(../shop/images/m_ainan-trans.png) no-repeat center top;
}

.info_ainan a:visited{
	background : url(../shop/images/m_ainan-trans.png) no-repeat center top;
}

.info_ainan a:hover{
	background : url(../shop/images/m_ainan_on-trans.png) no-repeat center top;
}

.info_ainan a:active{
	background : url(../shop/images/m_ainan_on-trans.png) no-repeat center top;
}

/* info-nankoku-------------------------------*/

.info_nankoku {
	height: 54px;
	width: 18px;
	position: absolute;
	left: 149px;
	top: 257px;
	z-index:111;
}

.info_nankoku a:link {
	background : url(../shop/images/m_nankoku-trans.png) no-repeat center top;
}

.info_nankoku a:visited{
	background : url(../shop/images/m_nankoku-trans.png) no-repeat center top;
}

.info_nankoku a:hover{
	background : url(../shop/images/m_nankoku_on-trans.png) no-repeat center top;
}

.info_nankoku a:active{
	background : url(../shop/images/m_nankoku_on-trans.png) no-repeat center top;
}


/* info-shimanto-------------------------------*/

.info_shimanto {
	height: 54px;
	width: 18px;
	position: absolute;
	left: 80px;
	top: 263px;
	z-index:111;
}

.info_shimanto a:link {
	background : url(../shop/images/m_shimanto-trans.png) no-repeat center top;
}

.info_shimanto a:visited{
	background : url(../shop/images/m_shimanto-trans.png) no-repeat center top;
}

.info_shimanto a:hover{
	background : url(../shop/images/m_shimanto_on-trans.png) no-repeat center top;
}

.info_shimanto a:active{
	background : url(../shop/images/m_shimanto_on-trans.png) no-repeat center top;
}


/* info-hiroshima-------------------------------*/

.info_hiroshima{
	height: 54px;
	width: 18px;
	position: absolute;
	left: 63px;
	top: 50px;
	z-index:111;
}

.info_hiroshima a:link {
	background : url(../shop/images/m_hiroshima-trans.png) no-repeat center top;
}

.info_hiroshima a:visited{
	background : url(../shop/images/m_hiroshima-trans.png) no-repeat center top;
}

.info_hiroshima a:hover{
	background : url(../shop/images/m_hiroshima_on-trans.png) no-repeat center top;
}

.info_hiroshima a:active{
	background : url(../shop/images/m_hiroshima_on-trans.png) no-repeat center top;
}


#load_other_div_hidden{
display:none;
}

/*　リンクバナー---------------------------------*/
.link_banner{
margin: 25px auto 0 auto;
text-align:center;
}

.link_banner li{
margin-bottom: 8px;
}