@charset "utf-8";


/*ベースデザイン情報の読込*/
@import url("import.css");


/*-------------------------------------------------------------------
	Header
-------------------------------------------------------------------*/
#header { height:76px; padding-top: 23px; background: url("../image/index/header_backimg.gif") repeat-x 0 23px; }

/* タイトル */
#header #contentstitle a { display:block; width:400px; height:76px;	float: left;
						   background: url("../image/index/title.gif") no-repeat; }

/* サイト内検索 */
#header .serach_box { width:299px; height:60px; float:right; padding: 18px 0 0 18px; font-size:12px;
					  background: url("../image/header/search_box.gif") no-repeat 8px 8px; }
	* html #header .serach_box { width: 317px; height: 75px; }

#header .serach_box input.search_txt { width:110px; }
#header .serach_box input.search_btn { width: 80px; _padding-top:2px; }
#header .serach_box .qr { margin-top:-5px; margin-left:3px; _margin-top:-3px; }



/*-------------------------------------------------------------------
	個別のデザイン情報
-------------------------------------------------------------------*/
#column1st .wrap { margin: 0 0 30px; }
#column1st .unit { margin: 0 0 20px; }
#column1st .box  { margin: 0 5px; }

#base .onmarker_orange { padding:0 0 0 15px; background: url(../image/marker_orange.gif) no-repeat 0 0.3em; color: #FF6600; }
#base .onmarker_orange a { font-style: none; color: #ff6600; }



/*-------------------------------------------------------------------
	コンテンツの一覧（トップ）
-------------------------------------------------------------------*/
#index {}

/* FLASH */
#index .topVisual { margin:0 0 10px 0; }

/* you tube */
#index .youtube { width:170px; padding:0 20px 0 0; }
#index .youtube h2 { margin:0 0 5px; }
#index .youtube .message-t { margin:0 0 13px 3px; text-align: center; }


/* トピックス */
#index .topics { vertical-align:top; }
#index .topics h2 { background:url("../image/contents/index/title_topics_back.gif") repeat-x left bottom;
					padding-bottom:10px; margin:0 0 5px 0; }
#index .topics ul { list-style-type:none; margin:0 0 0 5px; }
#index .topics li { padding:3px 0 3px 15px; background:url("../image/contents/index/list_topics_blue.gif") no-repeat left center; }

/* TJO blog */
#index #top_banner { width:578px; margin:0 0 20px 3px; border:1px solid #999999; }
#index #top_banner ul { margin:10px; }
#index #top_banner li { float:left; width:270px; height:auto; margin:0; padding:0 9px 15px 0; list-style: none; }
#index #top_banner li.no_entry { height:70px; }
	* html #index #top_banner li { width: 278px;}
#index  #top_banner li div { float: right; width: 160px; }
#index #top_banner li h3,
#index #top_banner li p { margin:0; padding:0; }

#index #top_banner p.new_entry { background:#f0f0f0; padding:5px; height:36px; }
#index #top_banner p.new_entry span { color:#666666; font-size:10px; }
#index #top_banner p.new_entry img { float:left; margin-right:5px; }

/* 問屋町大元ブログ blog */
#index #top_banner #top_lover { padding:5px 0; }
#index #top_banner #top_lover li { float:none; width:auto; padding:0 0 15px 0; }
#index #top_banner #top_lover li div { float: right; width:450px; }

/* LLIO blog */
#index #top_banner #top_llio { border-top: 1px dashed #999999; padding:10px 0; }
#index #top_banner #top_llio li { float:none; width:auto; padding:0 0 15px 0; }
#index #top_banner #top_llio li div { float: right; width:450px; }

/* グルメ 小バナー */
#top_gourmet { padding-left:25px; }
#top_gourmet li { float:none; width:auto; padding:0 0 5px 0; list-style-type:none;}
#top_gourmet li div { float: right; width:290px; }


#contentsList { margin-left: 3px; }
#contentsList h2 { margin: 0 0 5px 0; padding: 0; }

/* 2件を並列表示 */
#contentsList h3 { width: 288px; margin: 0; padding: 45px 0 0 35px; font-size: 1.0em; font-weight: bold;
				  color: #ffffff; text-decoration: underline; }
#contentsList h4 { margin: 0; padding: 0; }
#contentsList .dis2 .unit {
	width: 288px;
	display: block;
	margin: 0;
	padding: 3px 0 0 15px;
	overflow: visible;
}
#contentsList .dis2 .text {
	width: 170px;
	display: inline;
	margin: 0 10px 0 5px;
	padding: 0 15px 0 0;
	float: right;
}
#contentsList .dis2 p {
	margin: 0;
	padding: 0;
}

/*pickup*/
#pickup_contents .group { margin-bottom:8px; }

/*pickup > 共通設定*/
#pickup_contents .pickup_unit .text { margin: 0 15px 0 3px; }
#pickup_contents .pickup_unit { overflow:hidden; width: 288px; } 
#pickup_contents span {display:block; font-size:1px;}
#pickup_contents .pickup_unit h3 { margin:0; padding:0; }
#pickup_contents .pickup_unit a { text-decoration:underline; }
#pickup_contents .pickup_unit a:hover { text-decoration:none; }
#pickup_contents .pickup_title { width:259px; margin:6px 15px 0; }
#pickup_contents .pickup_title h4 { margin:-1px 0 -2px;  padding:0 10px 0 0px; color:#FFFFFF; text-decoration:underline; font-weight:bold; }
#pickup_contents .pickup_unit h4 a { text-decoration:none; font-weight:normal; }

/*screenとmusicの背景*/
#screen_music_back { background:url(../image/index/pickup_screen_music_back.gif) repeat-y left top ; }
/*pickup > screen
#pickup_screen .pickup_title { background:#1963DD url(../image/index/pickup_screen_title_back.gif) no-repeat center left; }
/*pickup > music
#pickup_music .pickup_title { background:#7DD21F url(../image/index/pickup_music_title_back.gif) no-repeat center left; }
*/

/*eventとtownの背景*/
#event_town_back { background:url(../image/index/pickup_event_town_back.gif) repeat-y left top ; }
/*pickup > event
#pickup_event .pickup_title { background:#22ADDE url(../image/index/pickup_event_title_back.gif) no-repeat center left; }
/*pickup > town
#pickup_town .pickup_title { background:#F50100 url(../image/index/pickup_town_title_back.gif) no-repeat center left; }
*/


/*OkayaM@P*/
#pickup_okayamap {
	width: 578px;
	margin: 0 0 20px 3px;
	border: 1px solid #999999;
	text-align: center;
}
#pickup_okayamap table {
	margin: 0 auto 10px;
	text-align: left;
}
#pickup_okayamap table td { padding-bottom: 5px;}
#pickup_okayamap table table { margin-bottom: 0;}
#pickup_okayamap table table td { padding-bottom: 0;}



/*-------------------------------------------------------------------
	サイド
-------------------------------------------------------------------*/
#column2nd .side_wrap1 {
	margin: 0 0 20px 0;
	border: 1px solid #999999;
	background-color: #f8f8ff;
	text-align: center;
}
#column2nd .side_wrap2 {
	margin: 0 0 20px;
	border: 1px solid #999999;
}
#column2nd .side_wrap3 {
	margin: 0 0 20px;
}
#column2nd .side_wrap4 {
	width: 172px;
	margin: 0 0 20px 13px;
	border: 1px solid #999999;
	line-height: 1.3;
}

/*中身*/
.unit_y {
	padding: 4px 0px 0px 4px;
}


.side_wrap1 h2 {
	margin: 0 0 10px 0;
}
.side_wrap1 dt {
	margin: 8px 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #ff6600;
}
.side_wrap1 dd {
	margin: 0 0 15px 0;
}
.side_wrap3 .unit {
	width: 150px;
	margin: 0 0 0 20px;
	padding: 4px 0px 0px 4px;
}
.side_wrap3 dt {
	margin: 0 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
}
.side_wrap4 dt {
	background: url("../image/index/side-list001.gif") no-repeat 0px 2px;
	margin: 8px 0 8px 5px;
	padding: 0 0 0 18px;
}
.side_wrap4 dd {
	margin: 0 8px 8px 8px;
}

/*お詫びと訂正用*/

.message {
	margin: 0 13px 10px 13px; padding: 5px;
	background: #ffc000;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
.message a { color: #000000;}

/*youtube*/
.side_wrap5{
	width: 169px;
	margin: 8px 0 8px 0;
	padding: 0 0 0 13px;
	border-top: 1px solid #ffffff;
}

/*トップページバナー　ヨコ180px*/
.side_wrap6{
	width: 172px;
	margin: 8px 0 10px 0;
	padding: 0 0 0 13px;
}


#base .side_wrap4 ul { margin: 3px 0 0; padding: 0;}
#base .side_wrap4 li {
	background: url("../image/index/side-list001.gif") no-repeat 5px 2px;
	margin: 0 0 0.5em 0;
	padding: 0 5px 3px 20px;
	border-bottom: 1px solid #eeeeee;
	list-style: none;
}


/*並列表示*/
.side_wrap4 .unit {
	width: 169px;
	margin: 0;
	padding: 4px 0px 0px 4px;
}
.side_wrap4 .unit2 {
	width: 169px;
	margin: 0;
	padding: 4px 0px 0px 4px;
	border-top: 1px solid #999999;
}
.side_wrap4 .text {
	display: inline;
	float: right;
	width: 95px;
	margin: 0 5px 5px 0;
	padding: 0;
}
.side_wrap4 p {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

/*-------------------------------------------------------------------
	一覧表示
-------------------------------------------------------------------*/
#fullList .unit {
	margin: 0 0 0.8em;
	border-bottom: 1px solid #999999;
}


/*-------------------------------------------------------------------
	サイトマップ
-------------------------------------------------------------------*/
#sitemap .unit {
	margin: 0 0 20px; padding: 3px;
	border: 1px solid #cccccc;
}

#sitemap .unit h2 {
	margin: 0 0 0.5em; padding: 3px;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
}

#sitemap .unit h3 {
	padding: 3px;
	background: #eeeeee;
	/*border-left: 5px solid #cccccc;*/
	border: 1px dotted #cccccc;
	font-weight: bold;
}
#sitemap .unit h4 {
	padding: 0 3px 3px;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}

#sitemap .unit ul {
	margin: 0 0 0.8em 25px;
	list-style-type: square;
}

/*TJO*/
#sm_tjo {
	border: 5px solid #f29400;
}

#sm_tjo h2 {
	background: #f29400;
}

/*SCREEN*/
#sm_screen {
	/*border: 5px solid #0066ff;*/
}

#sm_screen h2 {
	background: #0066ff;
}
#sitemap #sm_screen h3 {
	border: 1px dotted #0066ff;
	color: #0066ff;
}
#sitemap #sm_screen h3 a { color: #0066ff;}


/*MUSIC*/
#sm_music {
	/*border: 5px solid #66b821;*/
}
#sm_music h2 {
	background: #66b821;
}
#sitemap #sm_music h3 {
	border: 1px dotted #66b821;
	color: #66b821;
}
#sitemap #sm_music h3 a { color: #66b821;}

/*EVENT*/
#sm_event {
	/*border: 5px solid #00a0e9;*/
}
#sm_event h2 {
	background: #00a0e9;
}
#sitemap #sm_event h3 {
	border: 1px dotted #00a0e9;
	color: #00a0e9;
}
#sitemap #sm_event h3 a { color: #00a0e9;}

/*TOWN*/
#sm_town {
	/*border: 5px solid #e60012;*/
}
#sm_town h2 {
	background: #e60012;
}
#sitemap #sm_town h3 {
	border: 1px dotted #e60012;
	color: #e60012;
}
#sitemap #sm_town h3 a {color: #e60012;}


/*-------------------------------------------------------------------
	書籍の一覧表示
-------------------------------------------------------------------*/
#bookList .group {
	padding: 10px 0;
}
#bookList .unit {
	width: 190px;
	float: left;
	text-align: center;
}

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

/*
	自動生成フォーム
*/
.h_style_1 { border-left:22px solid #FF6600; }
.auto_form table th { background:#FF6600; border:1px solid #CC5200; }
.auto_form dt span { color:#FF6600; }



/*
	サムネイル付きの一覧表示
*/
#thumbnailList .group {
	margin: 10px 0 20px; padding: 0 0 20px;
	border-bottom: 1px solid #999999;
}
#thumbnailList .group .unit1 {
	width: 465px;
	float: right;
}
	#thumbnailList .group .unit1 h3 {
		margin: 0; padding:  0 0 0 15px;
		font-weight: bold;
	}
	#thumbnailList .group .unit1 p {
		margin: 0 0 0.5em;
	}
	#thumbnailList .group .unit1 p:first-letter {
		padding-left: 1em;
	}
	#thumbnailList .icon_trailer { /*アイコン表示*/
		margin-top:10px;
		text-align: right;
	}
	#thumbnailList .icon_trailer img { margin-left: 5px;}
	
	#thumbnailList .group .unit2 {
		padding-left: 5px;
	}