/* CSS Document */

/*King of Shizuoka Omurice*/

/* --------------------------------------------------------
	default
-------------------------------------------------------- */

/* Base ===================================== */

#omurice {
	width:990px;
	margin:0 auto;
	padding:0;
    text-align:left;
}
#omurice p,h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
}


/* Title ===================================== */

#omurice #titleBase {
	width:990px;
	max-height:560px;
	background:url(../images/titleBase.jpg) 0 0 no-repeat;
}
#omurice #titleBaseS {
	width:990px;
	max-height:420px;
	background:url(../images/titleBase.jpg) 0 -50px no-repeat;
}
#omurice h1#title {
	height:375px;
	text-align:center;
}
#omurice #titleBaseS h1#title {
	height:290px;
}
#omurice h1#title img {
	margin-top:45px;
}
#omurice .read {
	padding:15px 20px;
	color:#400;
	text-align:center;
	background-color: #fff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	background-color: rgba(255,255,255,0.7);
}
#omurice .credit {
	color:#fff;
	text-align:center;
	background-color: #400;
	font-size: 85%;
	height: 25px;
	line-height: 25px;
}

/* Navi ----------------*/

#omurice #navi-list {
	width:960px;
	padding:5px 15px;
	background:#900;
}
#omurice #navi-list:after {
	content: "";
	display: block;
	clear: both;
}
#omurice h2#sub-list {
	width:300px;
	height:60px;
	background:url(../images/subList.png) 110px center no-repeat;
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
	float:left;
}

#omurice #navi-list ul {
	width:650px;
	height:50px;
	margin-top:5px;
	float:right;
}
#omurice #navi-list ul li {
	height:50px;
	list-style:none;
	float:left;
}
#omurice #navi-list ul li a {
	height:50px;
	display:block;
	text-decoration:none;
	background:url(../images/naviList.png) no-repeat;
	text-indent:-9000px;
}

#omurice #navi-list ul li.listW { width:180px; margin-right:5px; }
#omurice #navi-list ul li.listC { width:180px; margin-right:5px; }
#omurice #navi-list ul li.listE { width:180px; }

#omurice #navi-list ul li.listW a { background-position:0px 0; }
#omurice #navi-list ul li.listC a { background-position:-180px 0; }
#omurice #navi-list ul li.listE a { background-position:-360px 0; }

#omurice #navi-list ul li.listW a:hover,
#omurice #navi-list ul li.listW .curt { background-position:0px 100%; }
#omurice #navi-list ul li.listC a:hover,
#omurice #navi-list ul li.listC .curt { background-position:-180px 100%; }
#omurice #navi-list ul li.listE a:hover,
#omurice #navi-list ul li.listE .curt { background-position:-360px 100%; }


/* Contents ===================================== */

#omurice #shop {
	padding:0 30px 10px 30px;
	background:url(../images/dotline.gif) 0 bottom repeat-x;
}
#omurice #shop:after {
	content: "";
	display: block;
	clear: both;
}
#omurice h2#sub-shop {
	width:350px;
	height:90px;
	background:url(../images/subShop.gif) 0 bottom no-repeat;
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
	float:left;
}
#omurice #shop p {
	width:560px;
	margin:50px 0 0 0;
	float:right;
}

#omurice .shop-date {
	margin:15px 0 30px 0;
}
#omurice .shop-date:after {
	content: "";
	display: block;
	clear: both;
}
#omurice .shop-date img {
	float:right;
}
#omurice .shop-limit {
	font-size:138.5%;
	line-height:1.2;
	font-weight:bold;
	color:#900;
}
#omurice .shop-tv {
	font-size:108%;
	line-height:1.3;
	font-weight:bold;
	margin:5px 0;
	color:#000;
}

/* Lineup ----------------*/

#omurice dl.lineup {
	height:270px;
	background:url(../images/lineupBase.jpg) 0 0 no-repeat;
	position:relative;
}
#omurice dl.lineup dt {
	width:280px;
	position:absolute;
	top:50px;
	left:0;
	z-index:100;
	text-align: center;
}
#omurice dl.lineup dd.lineup01 {
	width:281px;
	height:196px;
	position:absolute;
	top:23px;
	left:280px;
	z-index:110;
}
#omurice dl.lineup dd.lineup01:hover {top:18px;}
#omurice dl.lineup dd.lineup02 {
	width:212px;
	height:214px;
	position:absolute;
	top:13px;
	left:565px;
	z-index:120;
}
#omurice dl.lineup dd.lineup02:hover {top:8px;}
#omurice dl.lineup dd.lineup03 {
	width:176px;
	height:190px;
	position:absolute;
	top:25px;
	left:780px;
	z-index:130;
}
#omurice dl.lineup dd.lineup03:hover {top:20px;}

/* Entry ----------------*/

#omurice dl#present-info {
	margin:0 0 30px 0;
	padding:10px;
	background:#900;
	color:#FFF;
	text-align:center;
}
#omurice dl#present-info dt {
	height:85px;
	margin:0 0 10px 0;
	background:url(../images/presentInfo.jpg) 0 0 no-repeat;
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
}
#omurice dl#present-info dd {
}

#omurice #btn-shop {
	width:398px;
	height:38px;
}
#omurice #btn-shop ul li {
	height:38px;
	list-style:none;
	float:left;
}
#omurice #btn-shop ul li a {
	height:38px;
	display:block;
	text-decoration:none;
	background:url(../images/navishop.gif) no-repeat;
	text-indent:-9000px;
}

#omurice #btn-shop ul li#shopW { width:132px; }
#omurice #btn-shop ul li#shopC { width:134px; }
#omurice #btn-shop ul li#shopE { width:132px; }

#omurice #btn-shop ul li#shopW a { background-position:0px 0 ; }
#omurice #btn-shop ul li#shopC a { background-position:-132px 0; }
#omurice #btn-shop ul li#shopE a { background-position:-266px 0; }

#omurice #btn-shop ul li#shopW a:hover,
#omurice #btn-shop ul li#shopW .curt { background-position:0px  100%; }
#omurice #btn-shop ul li#shopC a:hover,
#omurice #btn-shop ul li#shopC .curt { background-position:-132px  100%; }
#omurice #btn-shop ul li#shopE a:hover,
#omurice #btn-shop ul li#shopE .curt { background-position:-266px  100%; }

/* Form ----------------*/

#omurice #shop-list {
	margin:0 0 20px 0;
	padding:20px 30px;
	background:#FFF;
	border:#D90 solid 10px;
}
#omurice .shop-list-text {
	padding:0 0 15px 0;
	clear:both;
}
#omurice .shop-box {
	padding:0 0 15px 0;
}
#omurice .shop-box:after {
	content: "";
	display: block;
	clear: both;
}
#omurice h3 {
	height:40px;
	margin:0 0 15px 0;
	padding:0 20px;
	font-size:143.9%;
	line-height:40px;
	font-weight:bold;
	color:#fb0;
	background: #400;
	clear:both;
}

#omurice #shop-list dl {
	width:440px;
	margin:0 15px 10px 0;
	float:left;
}
#omurice #shop-list dl img {
	margin-right:10px;
	float:left;
}
#omurice #shop-list dl:after {
	content: "";
	display: block;
	clear: both;
}
#omurice #shop-list dt {
	width:340px;
	font-size:108%;
	line-height:1.2;
	float:right;
}
#omurice #shop-list dt input {
	margin-right:5px;
}
#omurice #shop-list dd {
	width:340px;
	margin-top:5px;
	float:right;
}

#omurice .etc-text {
	width:830px;
	height:15px;
	margin:0;
	padding:4px;
	border:#999 solid 1px;
}
#omurice .point-text {
	width:830px;
	margin:0;
	padding:4px;
	border:#999 solid 1px;
}
#omurice .btn-submit {
	width:162px;
	height:62px;
	margin:0 auto;
}
#omurice .text-area {
	margin:0 0 25px 0;
	padding:0;
}
#omurice .text-area p {
	padding-bottom:0;
}
#omurice .back {
	margin:5px 0;
	padding:0;
	text-align:right;
}
#omurice .back-top {
	margin:0;
	padding:0 0 0 20px;
	background:url(../images/arwback.gif) 0 2px no-repeat;
}

#omurice .form-text {
	margin:5px 0;
	padding:5px;
	border:#999 solid 1px;
	font-size:100%;
}
#omurice .text-area {
	margin:0 0 25px 0;
}
#omurice .text-area p {
	padding-bottom:0;
}

#omurice .infoMail {
	text-align:center;
	font-size:93%;
	margin-bottom:20px;
}


/* Result
==================== */

#omurice .result-info {
	width:850px;
	margin:0 auto;
	padding:50px 0 20px 0;
	color:#000;
}
#omurice .result-info p {
	margin-top:5px;
}
#omurice .result-info img {
	padding:0 0 10px 15px;
	float:right;
}
#omurice .result-info:after,
#omurice .rank-area:after {
	content: "";
	display: block;
	clear: both;
}

#omurice #sub-shop-small {
	margin:0 0 5px 0;
	text-align:center;
}
#omurice #sub-shop-small h4 {
}

#omurice #rank-title {
	height:80px;
	background:url(../images/ranktitle.jpg) no-repeat;
}
#omurice #rank-title h2 {
	height:60px;
	background:url(../images/result.png) center 6px no-repeat;
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
}
#omurice .rank-area {
	width:850px;
	padding:15px 0;
	margin:0 auto;
	text-align:center;
	font-size:123.1%;
	font-weight:bold;
	background:url(../images/dotline.gif) 0 bottom repeat-x;
}
#omurice .rank-area a {
	margin:0 20px;
	padding:2px 0 2px 23px;
	background:url(../images/arwLine.png) 0 8px no-repeat;
}
#omurice .note {
	font-size:93%;
	font-weight:normal;
	color:#900;
}

#omurice .rank-text {
	margin:0 0 20px 0;
	text-align:center;
}
#omurice .rank-text p {
	padding:5px 0 0 0;
}

#omurice #present-banner {
	margin-bottom:30px;
	padding-bottom:15px;
	text-align:center;
	background:url(../images/dotline.gif) 0 bottom repeat-x;
}

#omurice .result-navi {
	padding-bottom:15px;
	margin-bottom:15px;
}
#omurice .result-navi a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}
#omurice .result-navi:after {
	content: "";
	display: block;
	clear: both;
}
#omurice .result-navi.pageL {
	background:url(../images/arwblackL.png) 232px bottom no-repeat;
}
#omurice .result-navi.pageR {
	background:url(../images/arwblackL.png) 728px bottom no-repeat;
}

#omurice .rank-sub {
	height:30px;
	margin:0 0 10px 0;
	padding:5px 8px 5px 50px;
	background:url(../images/sub.gif) 0 center no-repeat;
}
#omurice .rank-sub h3 {
	margin:0;
	padding:0;
	font-size:138.5%;
	line-height:30px;
	font-weight:bold;
	color:#000;
}
#omurice .rank-1st,
#omurice .rank-2nd,
#omurice .rank-2ndPresent,
#omurice .rank-3rd,
#omurice .rank {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/dotline.gif) 0 bottom repeat-x;
}
#omurice .rank-1st .rank-left {
	width:650px;
	float:left;
}
#omurice .rank-1st .rank-shop {
	width:650px;
	margin:0 0 10px 0;
	text-align:center;
	float:left;
}
#omurice .rank-1st .rank-title {
	height:35px;
	text-align:center;
	background:url(../images/rank1st.gif) center 0 no-repeat;
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
}
#omurice .rank-1st .rank-photo {
	width:130px;
	float:right;
}
#omurice .rank-1st .rank-comment {
	width:620px;
	padding:38px 15px 10px 15px;
	background:#F7CC33 url(../images/comment.gif) 0 0 no-repeat;
}
#omurice .rank-1st .rank-comment li,
#omurice .rank-2nd .rank-comment li,
#omurice .rank-2ndPresent .rank-comment li,
#omurice .rank-3rd .rank-comment li,
#omurice .rank .rank-comment li {
	padding:2px 0 2px 18px;
	background:url(../images/icnComment.png) 0 6px no-repeat;
	/*background:url(../images/dot.png) 0 9px no-repeat;*/
}

#omurice .rank-1st .rank-right {
	width:320px;
	float:right;
}
#omurice .rank-1st .rank-movie {
	width:320px;
	margin:5px 0 0 0;
}


#omurice .rank-2nd .rank-left,
#omurice .rank-3rd .rank-left {
	width:770px;
	float:left;
}
#omurice .rank-2ndPresent .rank-left {
	width:620px;
	float:left;
}

#omurice .rank-2nd .rank-title,
#omurice .rank-2ndPresent .rank-title {
	margin:0 0 5px 0;
	padding:3px 0 3px 40px;
	background:url(../images/rank2nd.gif) 0 4px no-repeat;
}

#omurice .rank-3rd .rank-title {
	margin:0 0 5px 0;
	padding:3px 0 3px 40px;
	background:url(../images/rank3rd.gif) 0 4px no-repeat;
}
#omurice .rank-2nd .rank-right,
#omurice .rank-2ndPresent .rank-right,
#omurice .rank-3rd .rank-right {
	width:200px;
	float:right;
}

#omurice .rank-2ndPresent .rank-photo {
	width:130px;
	margin:0 0 0 20px;
	float:left;
}

#omurice .rank-left {
	width:840px;
	float:left;
}
#meat .rank-title {
	margin:0 0 5px 0;
	padding:3px 0 3px 30px;
	background:url(../images/rankicon.gif) 0 2px no-repeat;
}
#omurice .rank-shop p {
	padding:0 0 5px 0;
}
#omurice .rank-title p {
	padding:0 0 5px 0;
	/*text-align:right;*/
}
#omurice .rank-comment {
	padding:8px 10px 8px 120px;
	background:#FFF7BB url(../images/commentsmall.gif) 8px 8px no-repeat;
	clear:both;
}
#omurice .rank-right {
	width:130px;
	float:right;
}

#omurice .rank-1st:after,
#omurice .rank-2nd:after,
#omurice .rank-2ndPresent:after,
#omurice .rank-3rd:after,
#omurice .rank:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Osusume ----------------*/

#omurice .osusume-base {
	height:50px;
	margin:30px 0 10px 0;
	background:#f7d4b3;
}
#omurice h4#osusume-title {
	width:500px;
	height:50px;
	background:url(../images/osusume.png) 15px 7px no-repeat;
	text-indent:-9000px;
	font-size:0px;
	line-height:0px;
	float:left;
	/*margin-top:-5px;*/
}
#omurice .osusume-info {
	width:450px;
	padding:25px 10px 0 0;
	color:#700;
	font-size:93%;
	text-align:right;
	float:right;
}
#omurice .osusume-base:after {
	content: "";
	display: block;
	clear: both;
}
#omurice dl.osusume {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/dotline.gif) 0 bottom repeat-x;
}
#omurice dl.osusume dt {
	margin:0 0 3px 5px;
}
#omurice dl.osusume dd {
	padding:1px 0 1px 18px;
	background:url(../images/dotS.png) 10px 7px no-repeat;
	font-size:85%;
}


/* Style ===================================== */

#omurice .text-red {
	font-size:108%;
	font-weight:bold;
	color:#900;
}
#omurice .text-brown {
	font-size:123.1%;
	font-weight:bold;
	color:#710;
}
#omurice .text-red-center {
	font-size:108%;
	font-weight:bold;
	color:#900;
	text-align:center;
}
#omurice .text-center {
	font-size:108%;
	font-weight:bold;
	text-align:center;
}
#omurice .text-redXS {
	font-size:85%;
	color:#900;
}
#omurice .text-gray {
	font-size:93%;
	color:#555;
}
#omurice .dotline {
	height:1px;
	padding:10px 0;
	background:url(../images/dotline.gif) 0 center repeat-x;
}


/* SNS ===================================== */

/*#omurice #main { float: none; width: auto; }*/
#omurice .sns { margin: 10px 0; text-align: right; }
#omurice .sns #___plusone_0 { width: 70px!important; }
#omurice .sns .twitter-tweet-button { width: 100px!important; }




/* !Base Fonts -------------------------------------------------------------- */

#omurice .fwN { font-weight: normal;}
#omurice .fwB { font-weight: bold;}
#omurice .fzSS  { font-size:  77%;}/* base 13px -> 10px */
#omurice .fzS   { font-size:  85%;}/* base 13px -> 11px */
#omurice .fzMS   { font-size: 93%;}/* base 13px -> 12px */
#omurice .fzM   { font-size: 100%;}
#omurice .fzML   { font-size:108%;}/* base 13px -> 14px */
#omurice .fzL   { font-size: 116%;}/* base 13px -> 15px */
#omurice .fzLL  { font-size: 123.1%;}/* base 13px -> 16px */
#omurice .fzLLL { font-size: 138.5%;}/* base 13px -> 18px */
#omurice sup   { font-size: 77%; vertical-align: top;}
#omurice sub   { font-size: 77%; vertical-align: baseline;}


/* !Width ------------------------------------------------------------------- */
#omurice .w640	{ width: 640px;}
#omurice .w530	{ width: 530px;}
#omurice .w480	{ width: 480px;}
#omurice .w320	{ width: 320px;}
#omurice .w160	{ width: 160px;}
#omurice .w80	{ width: 80px;}
#omurice .w60	{ width: 60px;}


/* !height ------------------------------------------------------------------- */
#omurice .h640	{ height: 640px;}
#omurice .h480	{ height: 480px;}
#omurice .h320	{ height: 320px;}
#omurice .h220	{ height: 220px;}

/* !margin-top ---------------------------------------------------------------- */
#omurice .mt00 { margin-top: 0   !important;}
#omurice .mt03 { margin-top: 3px !important;}
#omurice .mt05 { margin-top: 5px !important;}
#omurice .mt10 { margin-top:10px !important;}
#omurice .mt12 { margin-top:12px !important;}
#omurice .mt15 { margin-top:15px !important;}
#omurice .mt20 { margin-top:20px !important;}


/* !margin-bottom ---------------------------------------------------------------- */
#omurice .mb00 { margin-bottom: 0   !important;}
#omurice .mb03 { margin-bottom: 3px !important;}
#omurice .mb05 { margin-bottom: 5px !important;}
#omurice .mb10 { margin-bottom:10px !important;}
#omurice .mb12 { margin-bottom:12px !important;}
#omurice .mb15 { margin-bottom:15px !important;}
#omurice .mb20 { margin-bottom:20px !important;}
#omurice .mb25 { margin-bottom:25px !important;}
#omurice .mb30 { margin-bottom:30px !important;}
#omurice .mb35 { margin-bottom:35px !important;}
#omurice .mb40 { margin-bottom:40px !important;}
#omurice .mb45 { margin-bottom:45px !important;}
#omurice .mb50 { margin-bottom:50px !important;}

/* !padding-top ---------------------------------------------------------------- */
#omurice .pt00 { padding-top: 0   !important;}
#omurice .pt03 { padding-top: 3px !important;}
#omurice .pt05 { padding-top: 5px !important;}
#omurice .pt10 { padding-top:10px !important;}
#omurice .pt12 { padding-top:12px !important;}
#omurice .pt15 { padding-top:15px !important;}
#omurice .pt20 { padding-top:20px !important;}

/* !padding-bottom ---------------------------------------------------------------- */
#omurice .pb00 { padding-bottom: 0   !important;}
#omurice .pb03 { padding-bottom: 3px !important;}
#omurice .pb05 { padding-bottom: 5px !important;}
#omurice .pb10 { padding-bottom:10px !important;}
#omurice .pb12 { padding-bottom:12px !important;}
#omurice .pb15 { padding-bottom:15px !important;}
#omurice .pb20 { padding-bottom:20px !important;}
#omurice .pb25 { padding-bottom:25px !important;}
#omurice .pb30 { padding-bottom:30px !important;}
#omurice .pb35 { padding-bottom:35px !important;}
#omurice .pb40 { padding-bottom:40px !important;}
#omurice .pb45 { padding-bottom:45px !important;}
#omurice .pb50 { padding-bottom:50px !important;}

#omurice .pb100 { padding-bottom:100px !important;}
#omurice .pb200 { padding-bottom:200px !important;}
#omurice .pb300 { padding-bottom:300px !important;}


/* !padding-left---------------------------------------------------------------- */
#omurice .pl00 { padding-left: 0   !important;}
#omurice .pl10 { padding-left:10px !important;}
#omurice .pl20 { padding-left:20px !important;}
#omurice .pl30 { padding-left:30px !important;}
#omurice .pl40 { padding-left:40px !important;}

/*** clear for float area ***/

#omurice .clear {
	clear:both;
	/*height:1px;
	font-size:1px;*/
}




