/* Site Symbol */
#siteheader h1 {
	float:left;
	position:relative;
	width:220px;
}

#siteheader h1 {
	z-index: 3;
	zoom: 1;
}

#siteheader h1 a {
	text-decoration:none;
	font-size:0.8em;
	height:80px;
	width:220px;
	display:block;
	background:url(../images/icon/logo-fc.jpg) no-repeat bottom left;
	overflow:hidden;
}

#siteheader h1 a i,
#siteheader h1 a b {
	position: relative;
	z-index: -1;
}
/* 中央寄せpageとmainbodyは背景のため指定しない */


#topimage,
#genre,#MainDisplay,
#mainvisual { 
width: 940px; margin: 0 auto; overflow: visible; }
#attain .Powered p{
margin:0 0 0 30px;
line-height:1.5;
	}

#attain h2.lead{
	font-size:17px;
padding-top:15px;
color:#960;}
.jshowoff p,.Powered h2.lead,.Guide h2.lead{
	padding: 15px 22px 0px;
	line-height:1.5;
	margin: 0;
	}
.rightimage{
float:right;
	background:#fff;
	padding: 2px;
margin-right:10px;
	border: 1px #ccc solid;}
.jshowoff .rightimage{
float:right;
padding:0 10px 0 0;
margin-right:0px;
background: inherit;
border:0;}
#mainbody,
#MainDisplay .panel{
	clear: both;
	position: relative;
	/* [disabled]background-image: url(images/common/bg-all.jpg); */
}
/* index */

.c49{
	width: 48%;
	border-bottom: 0;
float:left;
}

/* line   list */

#footer dd li,#footer dd dd{
	white-space: nowrap;
	padding: 2px 2px 2px 15px;
	background: url(../images/icon/arrow02.jpg) no-repeat 3px center;
	border-bottom: 1px solid #b6c4c5;
}
dl.topics dt span{
	padding: 2px 2px 2px 15px;
	margin: 0 0 0 107px;
	background:  url(../images/icon/arrow02.jpg) no-repeat left center;
}
/* いらないライン消す */
dl.topics dt:first-child {border-top:0;}

.note ul li,
.note dt{
	border-bottom: 2px solid #e0e5e6;
}
dl.topics dt{
border-top:1px #ccc solid;
height:20px;
	clear: both;
	padding: 0;
	margin: 0;
}
dl.topics dd {
	clear: right;
	padding: 3px 3px 1px;
	margin: 0 0 0 110px;
	border-top: #d7d7d7 1px dashed;
	line-height: 1.2;
height:3.8em;
}
span.postal-code{
border-bottom: 1px dashed #8fa4a5;
	display: block;
	margin-bottom: 2px;
}

/* border */
.list dt,.nolist dt{
	border-bottom: 3px solid #b6c4c5;
	margin: 10px 0 0 0;
	padding:4px 2px;
}

#footer dt,#footer dd.adr,
#footer .fax{
padding: 3px;
border-bottom: 2px solid #8fa4a5; }
.itemlist0 dt {
	border-bottom: #3f6769 solid 2px;
	font-size: 1.3em;
	margin-bottom: 10px;
}
.list li,
.list dd,
.col li,
.c49 li,
.nolist dd{
	border-bottom: 1px solid #b6c4c5;
	display: block;
	line-height: 20px;
	height: 20px;
}
.list li,
.list dd,
.listp li,.list300 li,
.col li,
.c49 li{
	background: url(../images/icon/arrow02.jpg) no-repeat 3px center;padding-left: 17px;}

.listp li,.list300 li,.itemlist0 dd {
	border-bottom: #f3f3f3 1px solid;
	margin-left: 10px;
	line-height: 20px;
}
.note ul li p{
	display: inline;
	border-bottom: 1px dashed #e0e5e6;
}


#footer{ 
border: 2px solid #fff;
clear:both; }

#footer .tel{
	border-top: 1px solid #8fa4a5;
	border-bottom: 1px solid #8fa4a5;
}
#index .col_7 dl.topics{
padding:3px;
	border-top: 1px solid #8fa4a5;
	border-bottom: 3px solid #8fa4a5;}


dd.entrybook { width: 190px; }
.sidemenu { width: 200px; }
.itemlist dd.entry { width: 320px; }
.itemlist3 { width: 600px; }

/* tabunabi */
li#tab01.selected,
li#tab02.selected,
li#tab03.selected,
li#tab04.selected,
li#tab05.selected,
li#tab06.selected {
	color: #3e3e3e;
	background: url(../images/common/bg01.png) repeat-x left -15px;
}


.copyright{
	clear: both;
	margin: 0;
	padding: 0 0 5px;
}

.cost {
display:block;
	word-wrap: normal;
	color: #3f6769;
	text-align: right;
	padding: 0;
margin:0;
}
.cost a{
	display:block;
	position:absolute;
	bottom:10px;
	right:30px;
	line-height:30px;
padding:0 15px;
	height:30px;
	text-align:center;
}


.itemlist b {
	margin: 1px 2px;
	font-size: 1.2em;
	position: relative;
	display: block;
	padding-left: 4em;
	background: white;
}

.itemlist dd.entry {
	background: url(../images/common/bg-news.jpg);

}

.itemlist i {
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	text-align: center;
	background-color:#fff;
}

table th,table td,
.itemlist td,
.itemlist0 td{padding: 2px 5px; }

.itemlist th
.itemlist0 th{ padding: 1px 2px; text-align: left; }

/* sidebar */ 

.itemlist0 td,
.itemlist0 th{
	vertical-align: middle;
	border-right: 1px dashed #f3f3f3;
}


.itemlist3 dd { width: 120px; height: 110px; }

.c530 dl dt,
.c530 dl dd {	padding: 0 3px 0 0;}
#category-nav li a,
#TopicPath li { padding: 0 20px; }
.itemlist3 dt { padding: 5px; }

#sidebar-r .list dt,
#sidebar-r .nolist dt{
	padding:4px 0
}
#sidebar-r .list,#sidebar-r .nolist{padding-left:5px;}

#MainDisplay .panel li,#MainDisplay .panel dt,
{ padding: 0; }

.itemlist0 { margin: 10px; }
#sidebar-r ul,#sidebar-r dl{
	margin: 0 5px 10px 5px;
}
#sidebar-r dl{
position:static;
overflow:visible;}
.c530 dl dd .p-white { margin: 0px 5px 5px 220px; }
.detail dl dd{
	margin:0 5px 0 0;
	padding:3px 0 0 5px;
}
.list dd,.nolist dd{ margin-left: 10px;
padding:1px 0; position: relative;}

.list dd,.list li{
padding-left:17px;
}
/* プレート */
.ktbn {
	width: 20px;
	text-align: center;
	margin-right: 3px;
	background-color: #3e3e3e;
	color: #f9f9f9;
}

#category-nav {
	background-color: #9ebbc0;
	border-bottom: #3e3e3e solid 5px;
}
.note .no,
.note0 .no,
.list .no,.nolist .no,
.to-register,.to-serving,.to-wares,.to-attitude,.to-stepup,
.to-salute{
	color: #fff;
	padding:0 3px;
	margin: 0 4px 0 0;
	border-bottom:#fff 1px solid;
}
.note .no,.note0 .no,
.list .no,.nolist .no{
	background-color: #a7d3d3;
	border-bottom:3px solid #92b2b8;}
.to-register{background-color:#F90;
border-bottom:3px solid #C63;}
.to-serving{
background-color:#9C3;
border-bottom:3px solid #D1E798;}/* 接客 */
.to-attitude{
background-color: #09C;
border-bottom:3px solid #3CF;}/* 姿勢 */

.newstopics dt,.to-salute{
color:#45636c;
	background-color:#d1e638;
	border-bottom:3px solid #B3C918;
}


/* 挨拶 */
.to-wares{
background-color:#3CF;
	border-bottom:3px solid #39C;}/* 商品 */
.to-stepup{
background-color:#99C;
	border-bottom:3px solid #B8B7EC;}/* ステップアップ */
.note .note-f,
.note0 .note-f{
	margin: 0;
	padding: 0 15px 15px;
	text-align: right;
	clear: both;
	display: block;
	background: url(../images/common/bg-note-f.gif) no-repeat left bottom;
}

.listp{
width:360px;
overflow:visible;
margin:0 auto 0 20px;}
.list300{
width:300px;
overflow:visible;
margin:0 auto 0 210px;}

.note .note-l dd,
.note .note-r dd{
	font-size: 0.88em;
	margin:2px 0 2px 10px;
	padding-left: 13px;
	border-bottom: 1px dashed #b6c4c5;
	background: url(../images/icon/arrow02.jpg) no-repeat 0 2px;
}
#gallery li{
padding:2px;}

.note h3 .no,.note0 h3 .no,
h3 .to-register,
h3 .to-serving,h3 .to-wares,
h3 .to-attitude,h3 .to-stepup,
h3 .to-salute{
float: left; position: relative;
margin-top: 3px;
padding-right:3px;}

.note ul li{
	/* [disabled]color: #61989e; */
	padding-bottom: 2px;
}


.note ul li.p-text{ margin: 0; padding: 0; text-indent: 0; border: 0; }

.note0,.note{
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/common/bg-note-m.gif) repeat-y left top;
	width: 530px;
	float: left;
}

.note0{
	background: url(../images/common/bg-note-m0.gif) repeat-y left top;
	clear: left;
	width: 530px;
}

.note0 .note-f{
	background: url(../images/common/bg-note0-f.gif) no-repeat left bottom;
width:500px;
}


.note-l,.note-r,.noteyoutube{
	display: block;
	padding: 0;
	font-size: 0.85em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

.pricelist,
.productimg,
.youtube-player {
	clear:left;
	background:#fff;
	padding: 2px;
	border: 1px #ccc solid;
	margin: 5px 10px 5px 5px;
	float: left;
	display:inline;
}

.p-text,
#main .p-white p{
	margin: 5px 5px 5px 10px;
	padding: 7px 10px;
}
.pricelist {
margin:10px 0px 10px 20px;}


.pricelist td,
.pricelist tbody th{
border:1px solid #ccc;}

.pricelist td{
border-left:0;
border-top:0;}


.pricelist thead th{
	background-color: #6ca1a7;
border:0;
border-right:1px solid #eee;
border-bottom: 3px solid #9ebbc0;
color:#fff;
padding:3px 5px;}

.pricelist tbody th{
border-top:0;
background:#e2eced;
font-weight:600;
}
.pricelist tbody th.bggr{
background-color:#ebf1f5;}

/* sidebar */

.target-audience { margin-top: 8px; text-align: center; }

#category-nav{ height: 30px; line-height: 30px; }


#category-nav a { text-decoration: none; overflow: hidden; }

#topmenu .tminfo i{ font-size: 1.2em;
display:block;}
#category-nav,
#TopicPath { left: 0; overflow: hidden; width: 100%; }

#footer{
	background-color: #E2ECED;
	width: 920px;
	margin: 15px auto 0;
position:relative;
}


.newstopics dt,
#footer .vcard dt{
	padding: 2px;
	margin: 0;
}

#footer .vcard dt span{
	padding: 2px;
	margin: 3px 0;
	text-align: center;
	font-size: 0.4em;
	display: block;
background-color: #9ebbc0;
color: #3f6769;
}

#footer dd{
	padding: 2px 0 2px 2px;
	overflow:visible;
}

#footer dl dd .box,
#footer dl dd .box2{
	/* [disabled]width: 100px; */
	padding-left:0;
}

#footer dl.ffirst{
	/* [disabled]width: 225px; */
	padding: 0;
	margin-left: 0px;
}
#footer #contact{
float:right;
margin-right:10px;}


/* Tab Panel */

#genre-nav li.news,
li:hover#tab01,
li:hover#tab02,
li:hover#tab03,
li:hover#tab04,
li:hover#tab05,
li:hover#tab06{ color: #fff; background: #e9e9e9; }

#genre-nav li.selected { color: #3f6769; }

#genre-nav li.selected small { background-color: #e9e9e9; color:#000; }

#genre-nav small { display: block; font-size: 0.7em; }
.gotolink,
#genre-nav small,#topmenu .tminfo span{
	padding:1px 5px 0;
	margin:5px 0 0;
	height:26px;
	line-height:26px;
	font-weight:400;
	background:#45636c url(../images/icon/arrow03-r2yg.gif) no-repeat right center;
	color:#066;
} 
#genre-nav li.selected {
color:#5f989e;
background: url(../images/common/bg01.png) repeat-x left -15px;
}

#genre-nav li:hover small,.jshowoff-controls a:hover small{
text-shadow:1px 1px #033;
	color:#D1E638;	background:#45636c url(../images/icon/arrow03-rg.gif) no-repeat right center;
}

#genre-nav li.selected small {
	background:#D1E638 url(../images/icon/arrow03-ryg.gif) no-repeat right center;
	color:#066;
text-shadow:1px 1px #f1f1f1;
}

/* index */
.item_1{
height:300px;
background: url(../show/convenience-store/images/mainimage-con.jpg) no-repeat top left;}

.item_1 .lead{padding:20px 0 0 75px;}
.detail{
	font-size:0.8em;
	color:#666;
width: 440px;
    background:url(../images/pict/bg-mainimage.jpg) no-repeat left top;
    position:absolute;
    right:10px;
    top:0;
height:300px;
}
.detail .youtube-player{
float:left;
margin:2px 3px 5px 2px;
border:1px #eee solid;}
.detail dl{
margin:0 5px 0 210px;
position:relative;}

.detail h2{
	margin:75px 0 0 18px;
	line-height:33px;
	height:33px;
}
.detail h3{
padding:2px 5px;
margin:0 8px 0 0px;}

.detail dl dt{
line-height:18px;
height:18px;
	margin:2px 0 0 0;
	background-color:#9C0;
}

.detail a.more{
margin:15px 0 0;
	padding:0 5px;
}

#index #maincontents {
	padding: 0;
	background: url(../images/common/waku-l.jpg) repeat-y top right;
}

#index #maincontents {
float:left;}

#index #maincontents div{
	background: url(../images/common/waku-r.jpg) repeat-y left top;
	font-size: 1em;
	background-color: white;
	margin: 15px 3px 15px 15px;
	padding: 5px 10px;
	line-height: 1.5;
}

#index #sidebar-r { 
margin: 0 10px 0 0; float: right;
background:url(../images/common/bg-01left.jpg) repeat-y top 5px;
overflow:visible;}

#introduceLeft ul.tab { height: 60px; }

#introduceLeft ul.tab li {
	cursor: pointer;
	top: 1px;
	float: left;
	position: relative;
}

#main .p-white{ margin: 0 35px 15px 0; }

/* ヘッダー */
#main .p-white h4{
	margin: 0 0 10px;
	padding: 3px 5px;
	border: 0;
	line-height: 1.5;
	font-size: 1.2em;
	background: url(../images/common/bg-str.gif) repeat top left;
	border-top: 5px solid #E8ECED;
	border-bottom: 5px solid #E8ECED;
}

#mainbody {
clear: both;
	background: url(../images/common/bg01bottom.gif) repeat-x fixed bottom left;
	padding-bottom: 15px;
}

#mainbody h4 {
	clear: both;
font-weight:600;
	border-bottom: #c9c9c9 1px dashed;
	margin: 0 20px;
	margin-bottom: 5px;
	color: #3f6769;
	font-size: .9em;
	line-height: 2;
}
#mainbody h4.vol{
	border-bottom: 2px solid #e0e5e6;
	line-height: 1.5;}

/* Layout box */

#maincontents .note h3 span,
#maincontents .note0 h3 span{
	padding: 8px 3px 0 10px;
	display: block;
	line-height: 1.5;
}

#maincontents .note h3,
#maincontents .note0 h3{
	height:45px;
	line-height:2;
	margin: 0 0 10px;
	padding: 0 ;
	border: 0;
	color: #666;
	background: url(../images/common/bg-note-h.gif) no-repeat left top;
}

#maincontents .note0 h3{
	background: url(../images/common/bg-note-h0.gif) no-repeat left top;
}

#sidebar-r .list dt b{}
#index #maincontents h3 {
	line-height: 1.8;
float:right;
	color: #8fa4a5;
}


#MainDisplay { padding: 0; overflow: visible; 
	background: url(../images/common/bg-960.png) repeat-y top center;zoom:1;}

/* panel */

#MainDisplay .panel .panelmain { padding: 10px 0 0 0; }

#MainDisplay .panel .panelmenu { 
position: absolute; top: 0; left: 9px; width: 200px; }

#MainDisplay .panel .panelmenu a {
	background: white url(../images/icon/arrow02.jpg) no-repeat 5px center;
	display: block;
	position: relative;
	padding: 0 5px 0 20px;
	line-height: 32px;
	height: 32px;
	border-top: white solid 1px;
	border-right: #f3f3f3 solid 1px;
	border-bottom: #f3f3f3 solid 1px;
	border-left: #f3f3f3 solid 1px;
	color: #8fa4a5;
	text-shadow: 1px 1px #f9f9f9;
}


#MainDisplay .panel .panelmenu a .img {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0;
	border: 0;
	border-left: #f3f3f3 dashed 1px;
}


#MainDisplay .panel .series { /* margin-top:35px;*/ margin: 0; padding: 0; }

#MainDisplay .panel dl.CoursTitle { padding: 0 20px 0 10px; }

#MainDisplay .panel h3 { position: relative;color:#45636c; 
padding:3px;  border-bottom: #8fa4a5 3px solid;}
#MainDisplay .panel .news h3 {
	margin:0 10px;
padding-left:10px;

}
#MainDisplay .panel h3 span {
	position: absolute;
	right: 15px;
}

#MainDisplay .panel .c530 h3{
margin-top:10px;} 
#MainDisplay .panelmenu .activ,
#MainDisplay .panelmenu a:hover {
	background: white url(../images/icon/arrow02.jpg) no-repeat 5px center;
	color: #3f6769;
	text-decoration: none;
	text-shadow: -1px -1px #f9f9f9;
}

#MainDisplay .panelmenu dd { border-bottom: #c9c9c9 3px solid; }

#MainDisplay .panelmenu dl {
	margin: 5px;
	padding: 2px;
	background: white;
	border: 1px solid #f3f3f3;
}
#MainDisplay .panelmenu dt {
	border-bottom: #dbe9ec 3px solid;
	background-color: #6ca1a7;
	padding: 3px 0 0;
}


#mainvisual{
	clear:both;
	background: url(../images/common/bg-960.png) repeat-y top center;
}
#mainvisual.pp{
clear:both;background: url(../images/pict/bg-mainimage-sub.gif) no-repeat top left;
}

/* ニュース枠 */
.c390 ,.news{
	width: 395px;
	float: right;
	display: block;
	background: url(../images/common/waku-r.jpg) repeat-y top 4px;
}


.c390 dl,.news dl{ display: block;
background: white;
border-bottom: #8fa4a5 3px solid;}

.c390 dt,.news dt { clear: both; font-size: 1.0em; }

.c390 h3,.news h3,.headline{
	padding: 3px 3px 2px 10px;
	color:#45636c;
	background:#d1e638 url(../images/icon/arrow03-ryg.gif) repeat-x -70px  center;
	border-bottom: 3px solid #8fa4a5;
}

.c390 h3,
.c390 dl,
.news dl {
	margin: 0 10px;
padding:0 3px;
}

.c530 {
width: 540px;
position:relative;
}


#main .c530 dl dt {
	border-bottom: 1px dashed #f3f3f3;
	margin: 0px 5px 0 220px;
}
.note0 h4{ margin: 10px; }
.c530 h3,.c530 dl{
	display: block;
	margin-left: 15px;
}
#making .c530 dl{
margin-top:70px;}
#Panel001{
	clear: both;}

.series dd { width: 108px; }

.series dd p { font-size: 0.85em; padding: 3px; background: white; }

.series dd p,
.series dd img { margin: 5px; }
.series span {
	text-align: center;
	color: white;
	border-bottom: #f3f3f3 3px solid;
	background-color: #e9e9e9;
}
#making  #maincontents,
#sab #maincontents{
	width: 920px;
	margin: 0 auto;
	position: relative;
	clear:both;
	overflow: visible;
	border-top: 10px solid #dbe9ec;
}
#making #maincontents div#gallery,
#sab #maincontents div#main{
	border-top: 3px solid #6c8077;
	background: url(../images/common/waku-l.jpg) repeat-y 565px bottom;
	width: 565px;
	padding: 15px 0 15px 15px;
}
#sab #mainvisual.pp #maincontents,
#sab #mainvisual.pp #maincontents div#main{
border:0;}
#education #sidebar-r,
#making #sidebar-r,
#sab #sidebar-r {
	background: url(../images/common/bg-01left.jpg) repeat-y left top;
	border-top: 3px solid #6c8077;
	width: 340px;
}
.con #tmainimg{ 
background:url(../show/convenience-store/images/mainimage01.gif) no-repeat right bottom;}
.pan #topimager{
background:url(../show/bakery/images/mainimage01.gif) no-repeat right bottom;}
.izakaya #tmainimg{
background:url(../show/izakaya/images/mainimage01.gif) no-repeat right bottom;}

#making #topimager{
background:url(../show/convenience-store/images/photo/bg.gif) no-repeat left bottom;}
#making #topimager.izakaya{
background:url(../show/izakaya/images/photo/bg.jpg) no-repeat left bottom;}

#making #topimager.pan{
background: url(../show/bakery/images/photo/bg.jpg) no-repeat left bottom;}

#making #topimager.cafe{
background: url(../show/restrant/images/photo/bg.jpg) no-repeat left bottom;}

#making #topimager.studio{background: url(../guide/images/bg-studio.jpg) no-repeat left bottom;}
#making #topimager.education{ background:url(../guide/images/mainimage-con4-0_s1.jpg) no-repeat right bottom;}

/* 画像の下に文字 */
#making #topimager h2{
position:absolute;
z-index:-1;}




/* contents */
#making #topimager #studio h2{
position:relative;
z-index:auto;
font-size:2em;
padding:10px;}
#studio dl{
width:480px;}
#studio dt{
margin:0 10px 5px;
padding:3px 10px;
background-color:#F90;
color:#fff;}

#studio .youtube-player{
margin:13px 15px 0 17px;}
#studio dd.tv{
display:block;
background:url(../guide/images/bg-tv.gif) no-repeat 10px 5px;
overflow:visible;
height:200px;}


/* サイドバー */
#sidebar-r h3{
	border-bottom: 3px solid #8fa4a5;
	margin-right:0px;
	padding:5px 3px 0;
}


#sidebar-r div {
	margin: 10px 0px 10px 0;
	/* [disabled]background:#E2ECED; */
	text-align:center;
	/* [disabled]border: #fff 1px solid; */
	/* [disabled]padding: 5px 0; */
}

#sidebar-r strong,
.sidemenu strong {
	float: left;
	width: 15px;
	font-size: 1.2em;
	color:#fff;
}


#gallery .p-text .img{margin:3px;padding:0;
-webkit-box-shadow:#ccc 2px 2px;
-moz-box-shadow:#ccc 2px 2px;
box-shadow:#ccc 2px 2px ;
border-color:#fff;}


#tmainimg .c530 dt{
	background-color: #6897a0;
	padding: 3px;
	margin: 0 8px 8px;
}

#tmainimg h3{ border: 0; margin: 0; }


/* パンくずリスト */
#TopicPath {
	background: url(../images/common/bg-topicp.gif) no-repeat right top;
	line-height: 26px;
	height: 26px;
	color: #3f6769;
}

#TopicPath a,
#TopicPath span{
	display: block;
	float: left;
	padding: 0 20px;
	background: url(../images/common/bg-tp-a.gif) no-repeat left top;
}

#TopicPath span{
	background: url(../images/common/bg-tp-s.gif) no-repeat left top;
}


/* topimage */

#topimage{ 
background:url(../images/pict/bg-mainimage-sub.gif) no-repeat center top;}


#making #topimager,
#sab #topimager{
	width: 780px;
	height: 300px;
	display: block;
	position: absolute;
	left: 150px;
	top: 0px;
}
#sidebar-r h3,
#sab #topimager h2{
	margin: 0px;
	padding: 1px 3px;
}
#sab #topimager h2{
margin-left:20px;}
#topimager .p-text{
margin:6px 15px 0;
background-color:#fff;
color:#693; border: #e3e3e3 1px solid; }

#topimager .selection{
	position:absolute;
	top:185px;
left:5px;
	width:100%;
	overflow: visible;
}

#topimager .selection li{
	outline: 1px solid #fff;
	border: 1px solid #9ebbc0;
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 30px 0 10px;
	margin: 6px 0 10px 10px;
	background: url(../images/icon/arrow03-g.gif) no-repeat right center;
}

.smartphone #topimager .selection li{
	background: url(../images/icon/arrow03-o.gif) no-repeat right center;
	border: 1px solid #FC0;
}
#topleft {
	height: 300px;
	width: 460px;
	background: url(../show/convenience-store/images/mainimage-con.jpg) no-repeat bottom 10px;
}

/* グラデ */

a.bt-gray{
	border: 2px solid #9db0bc;
	background: url(../images/common/bg-graygld.jpg) repeat-x top left;
	background: -moz-linear-gradient(
		top,
		#ebf1f5 0%,
		#d8e1e7 50%,
		#b5c6d0 50%,
		#d4e8f4);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ebf1f5),
		color-stop(0.50, #d8e1e7),
		color-stop(0.50, #b5c6d0),
		to(#f1f4f6));
	text-shadow:
		1px -1px 0px #e5ebee,
		0px 1px 0px #f1f4f6;
	color: #333;
	padding: 5px;
margin:3px;
}


a:hover.bt-gray{
	border: 2px solid #adb9c2;
	background: url(../images/common/bg-graygld02.jpg) repeat-x -10px left;
	background: -moz-linear-gradient(
		top,
		#f8f9fa 0%,
		#e5ebee 50%,
		#d7dee3 50%,
		#f1f4f6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f8f9fa),
		color-stop(0.50, #e5ebee),
		color-stop(0.50, #d7dee3),
		to(#f1f4f6));
	text-shadow:
		1px -1px 0px #e5ebee,
		0px 1px 0px #f1f4f6;
	color: #666;
}
/* リボン */

.post-timestamp{
	position:relative;
	color:#fff;
	background:#9cc;
	font-size:1.2em;
	clear:both;
	padding:5px 5px 5px 15px;
	margin:10px 0 0 -10px;
	margin-bottom:10px;
	text-shadow:1px 1px #5f989e;
	-moz-box-shadow:5px 0 0 rgba(0,0,0,0);
	-webkit-box-shadow:5px 0 0 rgba(0,0,0,0);
	-o-box-shadow:5px 0 0 rgba(0,0,0,0);
	box-shadow:5px 0 0 rgba(0,0,0,0);
}
.post-timestamp:before{
display:block;
	content:" ";
	position:absolute;
	bottom:-10px;
	left:0;
	border:5px solid #8fa4a5;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.post-timestamp:after{
display:block;
position:absolute;
right:-5px;
top:0;
	content:" ";
	border:5px solid transparent;
	border-top: 12px solid #9cc;
	border-left: 12px solid #9cc;
	border-bottom: 12px solid #9cc;}

/* ねぎリボン */

.post-titlestamp{
	position:relative;
	color:#fff;
	background:#5f989e;
	font-size:1.6em;
	clear:both;

	padding:5px 5px 5px 15px;
	margin:20px 0 0 -15px;
	margin-bottom:10px;
	text-shadow:1px 1px #3f6769;

border-bottom:#ccc 3px solid;
}


.post-titlestamp:after{
display:block;
	position:absolute;
right:-5px;
top:0;
	content:" ";
	border:5px solid transparent;
	border-top: 14px solid #5f989e;
	border-left: 15px solid #5f989e;
	border-bottom: 15px solid #5f989e;}
/* アローオレンジリボン */

a.gotoribbon{
	position:relative;
	color:#45636c;
	background:#a7d3d3;
	clear:both;
white-space:nowrap;

	padding:3px 3px 3px 10px;
	margin:15px 0 0 -15px;
	text-shadow:1px 1px #e2eced;
}


.gotoribbon:before{
display:block;
	content:" ";
	position:absolute;
	left:-10px;
	top:0;
	border:5px solid transparent;
	border-top: 1.1em solid #a7d3d3;
	border-right: 1.1em solid #a7d3d3;
	border-bottom: 1.1em solid #a7d3d3;
}

.gotoribbon:after{
display:block;
	position:absolute;
right:-22px;
top:0;
	content:" ";
	border:10px solid #a7d3d3;
	border-top: 1.1em solid  transparent;
	border-right: 1.1em solid  transparent;
	border-bottom: 1.1em solid  transparent;}
a:hover.gotoribbon{
color:#fff;
	text-shadow:1px 1px #5f989e;}


a.gotoribbono{
font-size:.9em;
	position:relative;
	color:#F60;
	background:#FC0;
	clear:both;
white-space:nowrap;

	padding:3px 3px 3px 10px;
	margin:15px 0 0 -15px;
	text-shadow:1px 1px #fc0;
}


.gotoribbono:before{
display:block;
	content:" ";
	position:absolute;
	left:-8px;
	top:0;
	border:5px solid transparent;
	border-top: 1.1em solid #fc0;
	border-right: 1.1em solid #fc0;
	border-bottom: 1.1em solid #fc0;
}

.gotoribbono:after{
display:block;
	position:absolute;
right:-20px;
top:0;
	content:" ";
	border:10px solid #fc0;
	border-top: 1.1em solid  transparent;
	border-right: 1.1em solid  transparent;
	border-bottom: 1.1em solid  transparent;}
a:hover.gotoribbono{
color:#fff;
	text-shadow:1px 1px #5f989e;}