@import url("shared.css");
@charset "utf-8";


/*ナビゲーション*/

div.mainavi ul{
	width:210px;
	margin-left:auto;
	margin-right:0;
}

div.mainavi ul li{
	/*padding-top:10px;*/
	line-height:0;
}

ul.cat,
ul.catLong{
	background-image:url(../img/navi_shikiri.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:5px;
	padding-left:8px;
}

ul.cat li a{
	/*margin-top: 10px;*/
	display: block;
	width: 202px;
	height: 35px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height:normal;
}

ul.cat#search{
	background-image:none;
	text-align:center;
}

ul.cat#search table{
	width:200px;
	margin:0;
	background-color:#09C
}


ul.cat#search li{
	padding-bottom:20px;
}

ul.cat#search li input#mado{
	width:140px;
	border:1px solid #ccc;
}

ul.cat#search li input#btn{
	border:1px solid #999;
}

/*
ul.cat#search li input#btn{
	padding-left:0;
	margin-left:0;
	width:40px;
	
}

*/
ul.cat#shikiri li{
	text-indent: -9999px;
}

ul.catLong li a{
	/*margin-top: 10px;*/
	display: block;
	width: 202px;
	height: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

ul.cat li a:hover {
	background-position: 0 -35px;
}

ul.catLong li a:hover {
	background-position: 0 -50px;
}

* html ul.cat li a:hover {
	margin-top: 1px;
	margin-bottom: -1px;
	background-position: 0 -35px;
}

* html ul.catLong li a:hover {
	margin-top:0;
	margin-bottom:-1;
	background-position: 0 -50px;
}

/*レイヤーごとに追加*/
div.mainavi #layer_1,
div.mainavi #layer_2,
div.mainavi #layer_3,
div.mainavi #layer_4,
div.mainavi #layer_5,
div.mainavi #layer_6{
	display:none;
	padding-bottom:15px;
}

div.mainavi #layer_1 li,
div.mainavi #layer_2 li,
div.mainavi #layer_3 li,
div.mainavi #layer_4 li,
div.mainavi #layer_5 li,
div.mainavi #layer_6 li{
	list-style-type:none;
}

div.mainavi ul#layer_1 li,
div.mainavi ul#layer_2 li,
div.mainavi ul#layer_3 li,
div.mainavi ul#layer_4 li,
div.mainavi ul#layer_5 li,
div.mainavi ul#layer_6 li{
	width: 202px;
	padding: 0;
}

#layer_1 li a,
#layer_2 li a,
#layer_3 li a,
#layer_4 li a,
#layer_5 li a,
#layer_6 li a{
	margin-top: 10px;
	display: block;
	width: 202px;
	height: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#layer_3 li.about_navi a,
#layer_4 li.about_navi a,
#layer_5 li.about_navi a,
#layer_6 li.about_navi a{
	margin-top: 10px;
	display: block;
	width: 202px;
	height: 17px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#layer_1 li a:hover,
#layer_2 li a:hover,
#layer_3 li a:hover,
#layer_4 li a:hover,
#layer_5 li a:hover,
#layer_6 li a:hover{
	background-position: 0 -11px;
}

#layer_3 li.about_navi a:hover,
#layer_4 li.about_navi a:hover,
#layer_5 li.about_navi a:hover,
#layer_6 li.about_navi a:hover{
	background-position: 0 -17px;
}

* html #layer_1 li a:hover{
	margin-top: 11px;
	margin-bottom: -1px;
	background-position: 0 -11px;
}

* html #layer_2 li a:hover{
	margin-top: 11px;
	margin-bottom: -1px;
	background-position: 0 -11px;
}

* html #layer_3 li a:hover{
	margin-top: 11px;
	margin-bottom: -1px;
	background-position: 0 -11px;
}

* html #layer_4 li a:hover{
	margin-top: 11px;
	margin-bottom: -1px;
	background-position: 0 -11px;
}

* html #layer_5 li a:hover{
	margin-top: 11px;
	margin-bottom: -1px;
	background-position: 0 -11px;
}

* html #layer_6 li a:hover{
	margin-top: 11px;
	margin-bottom: -1px;
	background-position: 0 -11px;
}





/*NEWS*/
ul.cat li a.news {
	background-image:url(../img/mm_news.png);
}

/*BOOKS*/
ul.cat li a.book {
	background-image:url(../img/mm_book.png);
}

/*SHOP*/
ul.cat li a.shop {
	background-image:url(../img/mm_shop.png);
}


/*LINKS*/
ul.cat li a.link {
	background-image:url(../img/mm_link.png);
}


/*SHIRT ARCHIVE*/

ul.cat li a.shirt {
	background-image:url(../img/mm_shirt.png);
}

#layer_1 li a.history {
	background-image: url(../img/sm_history.png);
}

#layer_1 li a.pattern {
	background-image: url(../img/sm_pattern.png);
}

#layer_1 li a.detail {
	background-image: url(../img/sm_detail.png);
}

#layer_1 li a.button {
	background-image: url(../img/sm_button.png);
}

#layer_1 li a.print {
	background-image: url(../img/sm_print.png);
}

#layer_1 li a.material {
	background-image: url(../img/sm_mat.png);
}

#layer_1 li a.vintagealoha {
	background-image: url(../img/sm_vintagealoha.png);
}

#layer_1 li a.col {
	background-image: url(../img/sm_col.png);
}

#layer_1 li a.vintagecol {
	background-image: url(../img/sm_vintagecol.png);
}


/*what is sunsurf*/

ul.cat li a.sunsurf {
	background-image:url(../img/mm_sunsurf.png);
}

#layer_2 li a.about {
	background-image: url(../img/sm_about.png);
}

#layer_2 li a.special {
	background-image: url(../img/sm_special.png);
}

#layer_2 li a.keoni {
	background-image: url(../img/sm_keoni.png);
}


#layer_2 li a.john {
	background-image: url(../img/sm_john.png);
}



/*sunsurf collect*/

ul.catLong li a.collect {
	background-image:url(../img/mm_collect.png);
}

#layer_3 li a.about1 {
	background-image: url(../img/sm_about_sun.png);
}

#layer_3 li a.duke {
	background-image: url(../img/sm_duke.png);
}

#layer_3 li a.hula {
	background-image: url(../img/sm_hula.png);
}

#layer_3 li a.monster {
	background-image: url(../img/sm_monster.png);
}

#layer_3 li a.anth {
	background-image: url(../img/sm_anth.png);
}

#layer_3 li a.hanabi {
	background-image: url(../img/sm_hanabi.png);
}

#layer_3 li a.bird {
	background-image: url(../img/sm_bird.png);
}

#layer_3 li a.monfruits {
	background-image: url(../img/sm_monfruits.png);
}

#layer_3 li a.leis {
	background-image: url(../img/sm_leis.png);
}

#layer_3 li a.crown {
	background-image: url(../img/sm_crown.png);
}

#layer_3 li a.palms {
	background-image: url(../img/sm_palms.png);
}

#layer_3 li a.seamen {
	background-image: url(../img/sm_seamen.png);
}

#layer_3 li a.kuu {
	background-image: url(../img/sm_kuu.png);
}

#layer_3 li a.propel {
	background-image: url(../img/sm_propel.png);
}

#layer_3 li a.geo {
	background-image: url(../img/sm_geo.png);
}

#layer_3 li a.south {
	background-image: url(../img/sm_south.png);
}

#layer_3 li a.banana {
	background-image: url(../img/sm_banana.png);
}

#layer_3 li a.moon {
	background-image: url(../img/sm_moon.png);
}

#layer_3 li a.gold {
	background-image: url(../img/sm_gold.png);
}

#layer_3 li a.team {
	background-image: url(../img/sm_team.png);
}

#layer_3 li a.maikostage {
	background-image: url(../img/sm_maikostage.png);
}

#layer_3 li a.crane {
	background-image: url(../img/sm_crane.png);
}

#layer_3 li a.cherry {
	background-image: url(../img/sm_cherry.png);
}

#layer_3 li a.eagle {
	background-image: url(../img/sm_eagle.png);
}



/*special edition*/

ul.catLong li a.edition {
	background-image:url(../img/mm_edition.png);
}

#layer_4 li a.about2 {
	background-image: url(../img/sm_about_special.png);
}

#layer_4 li a.torch {
	background-image: url(../img/sm_torch.png);
}

#layer_4 li a.story {
	background-image: url(../img/sm_story.png);
}

#layer_4 li a.island {
	background-image: url(../img/sm_island.png);
}

#layer_4 li a.alohalei {
	background-image: url(../img/sm_alohalei.png);
}

#layer_4 li a.islandmaid {
	background-image: url(../img/sm_islandmaid.png);
}

#layer_4 li a.niwatori {
	background-image: url(../img/sm_niwatori.png);
}

#layer_4 li a.maiko {
	background-image: url(../img/sm_maiko.png);
}

#layer_4 li a.koi {
	background-image: url(../img/sm_koi.png);
}

#layer_4 li a.yoshitsune {
	background-image: url(../img/sm_yoshitsune.png);
}


/*keoni hawaii*/

ul.catLong li a.keoni {
	background-image:url(../img/mm_keoni.png);
}

#layer_5 li a.about3 {
	background-image: url(../img/sm_about_hawaii.png);
}

#layer_5 li a.boys {
	background-image: url(../img/sm_boys.png);
}

#layer_5 li a.ono {
	background-image: url(../img/sm_ono.png);
}

/*john*/

ul.catLong li a.john {
	background-image:url(../img/mm_john.png);
}

#layer_6 li a.about4 {
	background-image: url(../img/sm_about_john.png);
}

#layer_6 li a.vintage {
	background-image: url(../img/sm_vintage.png);
}

#layer_6 li a.tropical {
	background-image: url(../img/sm_tropical.png);
}

#layer_6 li a.big {
	background-image: url(../img/sm_big.png);
}

#layer_6 li a.shave {
	background-image: url(../img/sm_shave.png);
}

#layer_6 li a.sea {
	background-image: url(../img/sm_sea.png);
}

#layer_6 li a.fish {
	background-image: url(../img/sm_fish.png);
}

#layer_6 li a.jacet {
	background-image: url(../img/sm_jacet.png);
}

#layer_6 li a.surf {
	background-image: url(../img/sm_surf.png);
}

#layer_6 li a.vintaget-s {
	background-image: url(../img/sm_vintaget-s.png);
}