@charset "utf-8";
/* CSS Document */

#header { position: relative; height: 150px; }
#header ul { position: absolute; }
#header ul.nav { left: 150px; top:50px; width: 600px; height:100px; background: url(../images/navi_line.gif) repeat-x left bottom; }

#header ul li { position: absolute; width: 133px; height: 50px; overflow: hidden;}
#header ul a { display: block; width: 133px; padding-top: 50px; height: 0px; background: url(../images/gnavi.gif) no-repeat; }

#header ul li.nav05,
#header ul li.nav06,
#header ul li.nav05 a,
#header ul li.nav06 a { width: 134px;}

#header ul li.nav01 { left: 0px; top: 0px; }
#header ul li.nav02 { left: 133px; top: 0px; }
#header ul li.nav03 { left: 266px; top: 0px; }
#header ul li.nav04 { left: 399px; top: 0px; }
#header ul li.nav05 { left: 532px; top: 0px; }
#header ul li.nav06 { left: 666px; top: 0px; }

#header ul li.nav01 a { background-position: 0px 0px; }
#header ul li.nav02 a { background-position: -133px 0px; }
#header ul li.nav03 a { background-position: -266px 0px; }
#header ul li.nav04 a { background-position: -399px 0px; }
#header ul li.nav05 a { background-position: -532px 0px; }
#header ul li.nav06 a { background-position: -666px 0px; }

#header ul li.nav01 a:hover { background-position: 0 -50px; }
#header ul li.nav02 a:hover { background-position: -133px -50px; }
#header ul li.nav03 a:hover { background-position: -266px -50px; }
#header ul li.nav04 a:hover { background-position: -399px -50px; }
#header ul li.nav05 a:hover { background-position: -532px -50px; }
#header ul li.nav06 a:hover { background-position: -666px -50px; }


/* snavi */

#header ul.snav { left: 150px; top:125px; }
#header ul.snav li { position: absolute; width: 150px; height: 19px; overflow: hidden;}
#header ul.snav li a { display: block; width: 150px; padding-top: 19px; height: 0px;}

#header ul.snav01 a { background: url(../images/snavi_joken.gif) no-repeat; }
#header ul.snav02 a { background: url(../images/snavi_work.gif) no-repeat;}

#header ul li.sn01 { left: 0px; top: 0px; }
#header ul li.sn02 { left: 150px; top: 0px; }
#header ul li.sn03 { left: 300px; top: 0px; }

#header ul li.sn01 a { background-position: 0px 0px; }
#header ul li.sn02 a { background-position: -150px 0px; }
#header ul li.sn03 a { background-position: -300px 0px; }

#header ul li.sn01 a:hover { background-position: 0 -19px; }
#header ul li.sn02 a:hover { background-position: -150px -19px; }
#header ul li.sn03 a:hover { background-position: -300px -19px; }

/**  set id */
/** body_base */
#base #header ul.nav { background: none; }

/** news **/
#news #header ul li.nav01 a { background-position: 0 -50px; }
/** iionna **/
#iionna #header ul li.nav04 a { background-position: -399px -50px; }
/** karada **/
#karada #header ul li.nav05 a { background-position: -532px -50px; }

body.n01 #header ul.snav li.sn01 a { background-position: 0 -19px; }
body.n02 #header ul.snav li.sn02 a { background-position: -150px -19px; }
body.n03 #header ul.snav li.sn03 a { background-position: -300px -19px; }

/** product **/
#product #header ul li.nav02 a { background-position: -133px -50px; }
/** cassico **/
#cassico #header ul li.nav03 a { background-position: -266px -50px; }
/** shop**/
#shop #header ul li.nav06 a { background-position: -666px -50px; }

/* border */

div.grbox { border: solid 1px #A0DADB; }


/* index ------------------------------*/

#home h1 { position: absolute; }
#home h2 { padding-top: 50px; }
#home div.left { padding-left: 500px; }
#home #flashcontent { line-height: 1.5; height:611px; }

#home #flashcontent dl { margin: 40px 0; }
#home #flashcontent dl dt { margin-bottom: 10px; }

/* main */
table#contents td.side { vertical-align: top; }
table#contents td.top { vertical-align: top; }

#main { width: 720px; margin: 0 50px 0 30px; }

/** reason **/
#reason #main { width: 760px; margin: 0 30px 0 10px; }

ul.sidebana { text-align: center; height: 100%;}
ul.sidebana li { margin-bottom: 30px; }
table#contents td.rbtm { vertical-align: bottom; height: 150px; }
table#contents td.rbtm p { height: 150px; }

/** footer **/
#footer { position: relative; height: 41px; margin-top: 50px; }
#home #footer { margin-top: 25px; }
#footer ul { color: #80cecf; font-size: 10px; margin-left: 20px; padding-top: 5px; }
#footer ul li { display: inline; }
#footer ul li.t01 { padding: 0 0px 0 10px; }
#footer ul li a { margin: 0 10px; }
#footer ul li.shop a { margin: 0 0 0 10px; }

#footer address { position: absolute; top: 0; right: 0; }
#footer p#rss { position: absolute; top: 28px; right: 0; }


/* ----------------- cassico -------------------------------------- */

#cassico .tab #tab1,
#cassico .tab #tab2,
#cassico .tab #tab3,
#cassico .tab #tab4,
#cassico .tab #tab5 {
 border: 1px solid #80CECF;
 padding: 38px 29px 40px 29px;
 clear: both;
}

#cassico .tablist li { height: 20px; overflow: hidden; float: left;}
#cassico .tablist li a { display: block; padding-top: 21px; height: 0px; }

#cassico .tablist li.t1 { width: 134px; }
#cassico .tablist li.t2 { width: 134px; }
#cassico .tablist li.t3 { width: 144px; }
#cassico .tablist li.t4 { width: 164px; }
#cassico .tablist li.t5 { width: 144px; }

#cassico .tablist li.t1 a { background: url(../cassico/images/tab01.gif) no-repeat 0 0; }
#cassico .tablist li.t2 a { background: url(../cassico/images/tab02.gif) no-repeat 0 0; }
#cassico .tablist li.t3 a { background: url(../cassico/images/tab03.gif) no-repeat 0 0; }
#cassico .tablist li.t4 a { background: url(../cassico/images/tab04.gif) no-repeat 0 0; }
#cassico .tablist li.t5 a { background: url(../cassico/images/tab05.gif) no-repeat 0 0; }

#cassico .tablist li a:hover,
#cassico .tablist li.tabChoosed a { background-position: 0 -21px; }


/* ----------------- shop -------------------------------------- */

#shop .tablist li { margin-bottom: 5px; }
#shop .tablist li a { padding-left: 15px; background:url(../shop/images/icon.gif) no-repeat 0 0; }
#shop .tab div { width: 525px; background:url(../images/img_line01_cont_tate_itoki.gif) repeat-y 0 0; float: left;  }

@media print {
    /* 印刷用スタイル */
		#shop .showroom #header,
    #shop .showroom #footer,
		#shop .showroom .sidebana,
		#shop .showroom .tablist,
		#shop .showroom .linkArea,
		#shop .showroom .place,
		#shop .showroom table#contents td.rbtm p,
		#shop .showroom .shoptit {display:none; }
  }


/* ----------------- pop_pink -------------------------------------- */


#pinkribbon #wrapper {
	width: 540px;
	margin: 30px;
	padding: 0;
	background: #fff;
	line-height:1;
}

#pinkribbon {
	width: 598px;
	text-align: center;
	color: #FF6699;
	height: 100%;
}

/* safari only \*/
html:\66irst-child body #pinkribbon { height:100%; }
/* end */

#pinkribbon a:link { color: #FF6699; text-decoration:none; }
#pinkribbon a:hover { color: #FF6699; text-decoration:none; }
#pinkribbon a:visited { color: #FF6699; text-decoration:none; }

#pinkribbon p {
	margin: 0 auto;
	margin-top: 20px;
	line-height: 1.4;
	font-size: 12px;
}

#pinkribbon p.txt01 {
	margin-top: 40px;
	width: 340px;
	font-size: 10px;
	text-align: left;
}

#pinkribbon h1 {
	padding: 47px 0px 28px 0px;
	margin: 0 auto;
}

#pinkribbon h2 {
	padding: 14px 0px 10px 0px;
	margin: 0 auto;
}

#pinkribbon table{
	margin: 0 auto;
	margin-bottom: 23px;
}

#pinkribbon table.shop {
	margin: 0 auto 68px auto;
	width: 340px;

}

#pinkribbon table.shop td {
	padding-right: 25px;
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
}

#pinkribbon table.shop img {
	margin-right: 3px;
	vertical-align: middle;
}