@charset "UTF-8";

	* { margin: 0;padding: 0;}
	html,body{width: 100%;height: 100%;}

	#main_contents{max-width: 1024px;min-height: 100%;margin: 0 auto;position: relative;}
	body > #main_contents {min-height: auto;}
	.contents{padding-bottom: 100px;}

@media screen and (min-width: 1024px){
		#pc_menu{width: 350px;float:left;}
		.lst{border-radius:10px;}
		#info{margin-left: 360px;margin-top:0px;}
	#sp_menu{display: none;}
	}
	
@media screen and (max-width: 1023px){
		#pc_menu{display: none}
		#sp_menu{margin-top: 0px;}
	}

#pc_menu img{width: 100%;max-width: 350px;margin-top: 1em;}
#sp_menu img{width: 100%;}

a{text-decoration: none;}

.slide{margin: auto;padding-right: 1em;}
.slide img{width: 60px;margin: 0 auto;float: left;margin-right: 10px;margin-bottom: 10px;}
#dl {position: absolute;bottom: 0;right: 0;}
.slide p{font-weight: normal;color: #000;}
/*--ページ、ヘッダー、コンテンツ--*/
.ui-page{
	background:#ffffff;
}
.ui-header{
	background: linear-gradient(#a9a9a9, #c0c0c0);
	background: -moz-linear-gradient(#a9a9a9, #c0c0c0);
	background: -webkit-linear-gradient(#a9a9a9, #c0c0c0);
	border:0px;
}

.title{
	background: linear-gradient(#a9a9a9, #c0c0c0);
	background: -moz-linear-gradient(#a9a9a9, #c0c0c0);
	background: -webkit-linear-gradient(#a9a9a9, #c0c0c0);
	border:1px solid #c0c0c0;}

.ui-header .ui-title{
	color:#000000;
	text-align:left;
	margin:0.5em 5% 0.5em;
}
.ui-content{
	background:#ffffff;
}

/*--トップページ 画像--*/

#title_img{position:relative;}

#title_img img{
width: 100%;
}

#pr{
position:absolute;
margin-left: 10px;
top:10px;
right:10px;
padding:5px;
line-height:1.4;
z-index:100;
background:url(../images/pr_wall.png);
}

#pr h1{
line-height: 1em;
padding-bottom:5px;
color:#fff;
font-size:1.2em;
}

#pr h3{
font-size:0.75em;
color:#fff;
}

/*---下層ページの画像---*/
.img_w{
	width:100%;
}

/*--フッター--*/
.footer{bottom: 0;position: absolute;width: 100%;height: 70px;background-color: red;
	text-align:center;
	background-color: #000;
	background: -moz-linear-gradient(top, white, black);
	background: -webkit-linear-gradient(top, white, black);
	background: linear-gradient(white, black);
	position: relative;	}
.copyright{bottom:0;color: #ffffff;font-weight: bold;position: absolute;width: 100%;margin: 0 auto;}	
/*------------リスト・ボタン系-----------------*/
/*--文字省略なし(ヘッダー・フッター含む)---*/
.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc
{
	overflow: visible;
	white-space: normal;
}

/*-ボタンコーナー部分-*/
.ui-btn-corner-all{
	border-radius:5px;
}
/*-ボタンサイズ-*/
.ui-btn-inner{
	padding:5px 20px;
}
/*-ヘッダー ボタンコーナー部分-*/
.ui-header .ui-btn-corner-all{
	border-radius:15px;
}
/*-リストビュー リスト名部分-*/
.ui-li .ui-btn-text a.ui-link-inherit{
	font-size:1em;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
	/*min-height: 20px;*/
	padding-left:60px;
}
/*-リストビュー サムネイル部分-*/
.ui-listview .ui-li-thumb {
	max-height: 36px;
	max-width: 36px;
	left: 8px;
	top:  12px; 
}

/* 新着情報 */

/*--トップ　リストビュー(ニュース)--*/
li.toplist_news{
	background:#ffffff;
	font-size:0.75em;
	line-height:1em;
}
li.toplist_news:hover{
	font-weight:normal;
}
li.toplist_news.ui-btn-active{
	border-color:#c0c0c0;
}
li.toplist_news.ui-btn-active:visited,
li.toplist_news.ui-btn-active:hover,
li.toplist_news.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_news p{
	font-size:1ex;
	font-weight:bold;
	padding-bottom: 0;
}
li.toplist_news.ui-btn-up-c{
	font-weight:100;
}

/*--トップ　リストビュー(メニュー)の背景色、タップ時--*/
li.toplist_menu1{
	background:#dcdcdc;
}
li.toplist_menu2{
	background:#dcdcdc;
}

.toplist_menu1.ui-btn-active{
	border-color:#c0c0c0;
}
li.toplist_menu1.ui-btn-active:visited,
li.toplist_menu1.ui-btn-active:hover,
li.toplist_menu1.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_menu2.ui-btn-active{
	border-color:#c0c0c0;
}
li.toplist_menu2.ui-btn-active:visited,
li.toplist_menu2.ui-btn-active:hover,
li.toplist_menu2.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}


/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/* P要素は1行空ける */
p {padding-bottom: 1em;	font-size: 0.75em;}

/* small は赤＋改行 */
small {display: block;color: #ff0000;}

/* 項目 */
h5 {
	background-color: #d8d8d8;
	margin-bottom: 0.5em;
	margin-top: 1em;
	padding-left: 1ex;
	font-size: 1em;
	}

.h5 {padding: 0 0 0 1ex;}

h4 {
    background-color: #999999;
	font-size:1em;
	color: #ffffff;
	font-weight: normal;
	border-radius: 1ex;
	margin-top: 1.5em;
	padding: 1ex;
		}

/* 文字色：赤 */	.red {color: #ff0000;}
/* 文字色：青 */	.blue {color: #0000ff;}

/* フォーム確認事項 */
.kakunin ul{
	padding-bottom: 1em;
	padding-left: 2em;
	}
	
	.kakunin li{
	font-size: 0.75em;
	margin-bottom: 1ex;
	list-style-type: upper-roman;
	}

/* 回り込み解除 */
.clear { clear:both; }  
.clear hr { display:none; }  
/*-------------------------------------------------------------------------------------------*/

/* アクセス */

/* 新聞休止 */
	
/* 古紙回収 */
#page3 p.koshikosuu1{
	float: left;
	font-size: 1.5em;
	}
	
#page3 p.koshikosuu2{
	padding-left: 8em;
	}

/* チケットサービス */
#page4 p.kiboumaisuu1{
	padding-right: 3em;
	}
	
#page4 p.kiboumaisuu2{
	float: right;
	font-size: 1.5em;
	}

/* 会社概要 */
#page5 table {
	padding-top:  5px;
	}

#page5 table tr th,table tr td {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
	}

#page5 table tr th {
	white-space: nowrap;
	}

#page5 table tr td {
	width: 100%;
	}

#page5 table tr th .bar{
	background-color: #ff0000;
	color: #ff0000;
	margin-right: 5px;
	}
	
/* プライバシーポリシー */
#page8 ul{
	padding-bottom: 1em;
	padding-left: 2em;
	}
	
	#page8 li{
	font-size: 0.75em;
	list-style-type: upper-roman;
	}
	

#jumpbutton{
	bottom: 10px;
	right: 10px;
	position: fixed;
	}

#rollup {z-index: 999;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: fixed;bottom: 55px;right:10px;font-size: 1em;
	/*filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;*/
	padding-top: 1ex;
}
#rollup::before,
#rollup::after {
	position: absolute;
	/*z-index: -1;*/
	display: block;
	content: '';
}
#rollup,
#rollup::before,
#rollup::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#rollup {
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	color: #999;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
}
#rollup:hover {
	background-color: rgba(255, 255, 255, .3);
}

#rolldown {z-index: 999;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: fixed;bottom: 10px;right:10px;font-size: 1em;
	/*+filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;*/
	padding-top: 1ex;
}
#rolldown::before,
#rolldown::after {
	position: absolute;
	/*z-index: -1;*/
	display: block;
	content: '';
}
#rolldown,
#rolldown::before,
#rolldown::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#rolldown {
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	color: #999;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
}
#rolldown:hover {
	background-color: rgba(255, 255, 255, .3);
}

#twitter_header {
	margin-top: 1em;
	text-align: center;
	background-color: #5ea9dd;
	border: solid 1px #00f;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	}

#twitter_footer {
	/*position: relative;
	margin-top: -1ex;
	/*height:2em;
	background-color: #5ea9dd;
	border: solid 1px #00f;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;*/
	}

	#twitter_footer h1{
	margin-top: -1ex;padding: 1ex 1em 1ex 1em;
	color: #fff;font-size:0.75em;font-weight:normal;
		background-color: #5ea9dd;
	border: solid 1px #00f;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;

	
	
	
	}


	#twitter-widget-0 {width: 100% !important;
	background-image: url(../images/Twitter/background.png);}

	#twitter_header img {height:16px;vertical-align: middle;padding-right: 1ex;}
	#twitter_header p {font-size: 14px;padding: 1ex;}
	#twitter_header a {text-decoration: none;font-weight: normal;color: #ffffff;}

#desktop {
    padding-top: 10px;
    overflow: hidden;
    position: relative;
	}
#desktop ul {
    list-style: none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
	}
#desktop ul li {
	text-align: center;
	display: inline-block; /* 横並び */
	vertical-align: top; /* li要素を上端揃えに */
    margin: 5px;
    position: relative;
    left: -50%;
    white-space: nowrap;
    font-size: 0.7em;
    line-height: 1em
	}
#desktop a {text-decoration: none;color: #000;font-weight: normal;}
#desktop img{width: 80px;height: 80px;display: block;}
/*-------------------------------------------------------------------------------------------*/

#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid white;
}
#lightboxOverallView,
#overlay {
	background-color: #000;
	opacity: 0.5;
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	filter: Alpha(opacity=50);
}

#link h2{padding-top: 1em;}
#link h3{padding-left: 1em;padding-top: 1em;padding-bottom: 1ex;}
#link p {padding-left: 2em;}
#link p a{text-decoration: none;color: #009999;font-weight: normal;}
#link span{color: red;}


#desktop2 {
    padding-top: 2em;
    overflow: hidden;
    position: relative;
	}

#desktop2 table tr td{width: 200px;border: 0;}






/*#desktop2 ul {
    list-style: none;
    float: left;
    margin: 0 0 0 0;
	padding: 0;
    position: relative;
    left: 50%;
	}
#desktop2 ul li {
	text-align: center;
	display: inline-block; /* 横並び 
	vertical-align: top; /* li要素を上端揃えに 
    margin: 5px;
    position: relative;
    left: -50%;
    white-space: nowrap;
    font-size: 0.7em;
    line-height: 1em;
    padding: 10px;
	}*/
#desktop2 ul{width: 100%;overflow-x:scroll;white-space: nowrap;padding: 1em 0 1em 0;}
#desktop2 ul li{display:inline-block;vertical-align:top;padding-right: 1em;font-size:0.75em;}

#desktop2 ul li img{display: inline-block;}
#desktop2 a {text-decoration: none;color: #000;font-weight: normal;}
#desktop2 img{height: 150px;display: block;}
#desktop2 h1.area1{color: red;font-size: 1em;font-weight: bold;padding-top: 5px;}
h1.area2{display: block;font-size: 1em;padding-top: 1em;}
#d- img{float: left;}

#page9 ul{
	padding-bottom: 1em;
	padding-left: 2em;
	}
	
	#page9 li{
	font-size: 0.75em;
	list-style-type: decimal;
	}
.cap {margin-top: 1em;}
.cap a{font-size: 0.75em;color: #000;}
.cap img {
width: 100%;
-moz-box-shadow: 1px 1px 1px #666;
-webkit-box-shadow: 1px 1px 1px #666;

}

#blogrss{margin-top: 1em;position: relative;}
#blogrss ul{list-style: none;display: block;}
#blogrss li {font-size : 0.5em; line-height: 1em;white-space: nowrap;}
@media screen and (min-width : 768px){
#blogrss li {font-size : 0.75em; line-height: 1em;white-space: nowrap;}}
@media screen and (min-width : 1024px) {
#blogrss li {font-size : 1em; line-height: 1em;white-space: nowrap;}}
#blogrss a{font-weight: normal;}
#blogrss img{
-moz-box-shadow: 1px 1px 1px #666;
-webkit-box-shadow: 1px 1px 1px #666;
width: 100%;}
#rss{
position:absolute;
margin-left: 15%;
top:0px;
left:0px;
z-index:101;
}
#comment{}
#com{margin-left:auto;margin-right:auto;width: 100%;"}
#comment p{font-size: 1em;font-weight: normal;background-color: yellow;display: inline;}
#comment a{color: red;}

.shouhin ul li{
font-size: 0.7em;
}