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

アイティサービス デフォルトスタイル用スタイルシート
IT-Service default css

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


/* ---------------------------------------------------------
clearfix（float解除用）
--------------------------------------------------------- */

#sidebar #news ul li:after,
.parts-in:after,
.post .i-t-box:after,
.post .event-table td ul li:after,
.list #page-link ul:after,
.list ul li .i-t-box:after,
.list ul li.list-box:after {
	content: url(../img/common/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}

#sidebar #news ul li,
.parts-in,
.post .i-t-box,
.post .event-table td ul li,
.list #page-link ul,
.list ul li .i-t-box,
.list ul li.list-box {
	display: inline-block;
}

#sidebar #news ul li,
.parts-in,
.post .i-t-box,
.post .event-table td ul li,
.list #page-link ul,
.list ul li .i-t-box,
.list ul li.list-box {
	display: block;
} 


/* ---------------------------------------------------------
共通部分
--------------------------------------------------------- */

#shopname {
	margin: 0 0 10px 0;
	border: solid 1px #cacbba;
	padding: 15px 10px;
}

	#shopname h1 {
		margin: 0;
		border-left: solid 5px #ff69a5;
		padding: 0 0 0 15px;
		font-size: 2.4em;
		line-height: 1.4;
	}
	
	#shopname p {
		margin: 0;
		border-left: solid 5px #ccc;
		padding: 5px 0 0 15px;
		font-size: 1.2em;
	}

.post,
.list {
	margin: 0 0 10px 0;
	border: solid 1px #ccc;
	padding: 10px 10px 0 10px;
}

	.post .list {
		margin: 0;
		border: 0;
		padding: 0;
	}

	.post #update,
	.list #total {
		margin: 0 0 10px 0;
		background: #f7fbe7;
		text-align: right;
	}
	
		.list #total strong {
			font-size: 1.4em;
		}

.box {
	margin: 0 0 10px 0;
	border: solid 1px #ccc;
}
	
	.box h3 {
		margin: 0;
		height: 30px;
		padding: 0;
		text-indent: -2000px;
		border-bottom: solid 1px #ccc;
	}
	

#subcol #shopmenu {
	border-bottom: none;
}

	#subcol #shopmenu h3 {
		background: url("../img/style-default/title-sub-menu.gif") no-repeat center center;
	}
	
	#subcol #shopmenu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		#subcol #shopmenu ul li {
			margin: 0;
			padding: 0;
		}
		
			#subcol #shopmenu ul li a {
				display: block;
				padding: 5px 10px 5px 25px;
				border-bottom: solid 1px #ccc;
				font-size: 1.2em;
				background: url(../img/common/icon-ya.gif) no-repeat 10px center;
				color: #333;
				font-weight: bold;
				text-decoration: none;
			}
			
			#subcol #shopmenu ul li a:hover,
			#subcol #shopmenu ul li a.visited {
				background-color: #e7f7ff;
			}
			
				#subcol #shopmenu ul li li a {
					background: url(../img/common/icon-ya2.gif) no-repeat 15px center;
					font-weight: 100;
				}
				
				#subcol #shopmenu ul li a span {
					color:#ff69a5;
					font-size: 0.8em;
				}
	
	#subcol #qrcode h3 {
		background: url("../img/style-default/title-sub-mobile.gif") no-repeat center center;
	}
	
	#subcol #qrcode #qr {
		text-align: center;
		margin: 5px;
	}
	
	#subcol #qrcode form {
		margin: 0 10px 10px 10px;
	}
	
		#subcol #qrcode form h4 {
			background: #f7fbe7;
			margin: 0 0 5px 0;
			text-align: center;
		}
	
		#subcol #qrcode form p {
			margin: 10px 0;
			font-size: 1em;
		}
		
		#subcol #qrcode form input {
			margin: 0;
			padding: 0;
			font-size: 1.1em;
		}
	
	#subcol #bookmark h3 {
		background: url("../img/common/title-sub-bookmark.gif") no-repeat center center;
	}
	
	#sidebar #shopinfo h3 {
		background: url("../img/style-default/title-side-info.gif") no-repeat center center;
	}
	
	#sidebar #shopinfo ul {
		list-style-type: none;
		margin: 10px;
		padding: 0;
		font-size: 1.2em;
	}
	
		#sidebar #shopinfo ul strong {
			background: #f7fbe7;
			font-size: 1.4em;
		}
		
	#sidebar #shopinfo iframe {
		margin: 0px 10px 5px 10px;
		width: 212px;
		height: 200px;
	}
	
	#sidebar #shopinfo #mapzoom {
		margin: 0 10px 10px 10px;
		font-size: 1.2em;
	}
	
	#sidebar #review h3.keiji {
		background: url("../img/style-default/title-side-review2.gif") no-repeat center center;
	}
	
	#sidebar #review h3.kuchiko {
		background: url("../img/style-default/title-side-review.gif") no-repeat center center;
	}
	
	#sidebar #point h3 {
		background: url("../img/style-default/title-side-point.gif") no-repeat center center;
	}
	
	#sidebar #review p,
	#sidebar #point p {
		margin: 10px;
		padding: 5px;
		background: #f7fbe7;
		font-size: 1.2em;
		line-height: 1.5;
	}
	
		#sidebar #review ul {
			list-style-type:none;
			margin: 0 10px;
			padding: 0;
		}
		
			#sidebar #review ul li {
				margin: 0 0 10px 0;
				font-size: 1.2em;
			}
			
				#sidebar #review ul #review-view a {
					padding-left: 15px;
					background: url(../img/common/icon-ya.gif) no-repeat left center;
				}
				
				#sidebar #review ul #review-add a {
					display: block;
					width: 150px;
					height: 0;
					padding: 40px 0 0 0;
					background: url("../img/style-default/button-addreview.gif") no-repeat 0 0;
					overflow: hidden;
				}
				
				#sidebar #review ul #review-add a:hover {
					background-position: 0 -40px;
				}
	
	#sidebar #news h3 {
		background: url("../img/style-default/title-side-news.gif") no-repeat center center;
	}
	
	#sidebar #news ul {
		list-style-type: none;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
		#sidebar #news ul li {
			margin: 0 10px 10px 10px;
			border-bottom: solid 1px #ccc;
			padding: 0 0 10px 0;
		}
		
			#sidebar #news ul li img {
				float: right;
				padding: 2px;
				border: solid 1px #ccc;
				margin: 0 0 0 10px;
				background: #fff;
				max-width:60px;
				max-height:60px;
			}
			
			#sidebar #news ul li h4 {
				margin: 0;
				font-size: 1.2em;
			}
			
				#sidebar #news ul li h4 a {
					background-position: 0 2px;
				}
			
			#sidebar #news ul li p {
				margin: 0;
			}
			
	#sidebar ul#shopbanner {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		#sidebar ul#shopbanner li {
			text-align: center;
			margin: 0 0 10px 0;
		}
		
			#sidebar ul#shopbanner li img {
				max-width:234px;
			}
	
	#subcol #bookmark ul {
		list-style-type: none;
		margin: 10px;
		padding: 0;
	}

/* ---------------------------------------------------------
詳細ページ
--------------------------------------------------------- */

.post .parts {
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: solid 1px #eee;
}

.post .i-box {
	border: solid 1px #ccc;
	padding: 5px;
	margin: 0 0 15px 0;
	text-align: center;
}

	.post .i-box img,
	.post .i-box object,
	.post .i-box embed {
		max-width:434px;
		max-height:434px;
	}
	
	.post .i-box p {
		text-align: center;
		font-size: 1.2em;
		margin: 5px 0 0 0;
	}

	
	.post .t-box .p-subtitle {
		border-left: solid 5px #ff69a5;
		padding-left: 10px;
		margin: 0;
		font-size: 1.4em;
	}
	
	.post .t-box h3 {
		font-size: 2.1em;
		line-height: 1.2;
		border-left: solid 5px #ff69a5;
		padding-left: 10px;
		margin: 0 0 15px 0;
	}
	
	.post .t-box .p-text {
		font-size: 1.4em;
		margin: 0 0 15px 0;
		word-wrap: break-word;
	}
	
	.post .t-box .information {
		font-size: 1.4em;
		margin: 0 0 15px 0;
		padding: 50px 0;
		text-align: center;
		background: #eee;
	}
	
	.post .type102 table,
	.post .type103 table {
		font-size: 1.4em;
		border-collapse: collapse;
		border: solid 1px #ccc;
		margin: 0 0 15px 0;
		width: 100%;
	}
	
		.post .type102 table td,
		.post .type102 table th,
		.post .type103 table td,
		.post .type103 table th {
			border: solid 1px #ccc;
			padding: 5px;
			word-wrap: break-word;
		}
		
		.post .type102 table th.leftcell,
		.post .type103 table th.leftcell {
			width: 120px;
		}
		
		.post .type102 table th,
		.post .type103 table th {
			background: #f7fbe7;
		}
	
.post .type104 .i-box {
	width: 208px;
}
	
	.post .type104 .i-box img {
		max-width:208px;
		max-height:208px;
	}
	
	.post .type104 .image-l {
		float: left;
	}
	
	.post .type104 .image-r {
		float: right;
	}

/* ---------------------------------------------------------
複数ファイル（詳細ページ）
--------------------------------------------------------- */

.post .tamoku-file-color {
	background-color: #f7fbe7;
}

/* ---------------------------------------------------------
映画・イベント共用（詳細ページ）
--------------------------------------------------------- */

.post .chinema,
.post .event {
	border: solid 1px #ccc;
	margin: 0 0 10px 0;
	padding: 10px;
}

	.post .chinema h3,
	.post .event h3 {
		font-size: 2.1em;
		line-height: 1.2;
		border-left: solid 5px #ff69a5;
		padding-left: 10px;
		margin: 0 0 15px 0;
	}
	
	.post .chinema .i-box,
	.post .event .i-box {
		width: 140px;
		float: left;
	}
		
		.post .chinema .i-box img,
		.post .event .i-box img {
			max-width:140px;
			max-height:140px;
		}
		
	.post .chinema .t-box,
	.post .event .t-box {
		margin-left: 160px;
	}
		
		.post .chinema .t-box p,
		.post .event .t-box p {
			font-size: 1.2em;
			line-height: 1.6;
		}
		
	.post .chinema table,
	.post .event table {
		width: 100%;
		margin: 0 0 2px 0;
		border-collapse: collapse;
		font-size: 1.2em;
	}
	
		.post .chinema table td,
		.post .chinema table th,
		.post .event table td,
		.post .event table th {
			border: solid 1px #ccc;
			padding: 2px;
			text-align: center;
		}
			
		.post .chinema table th,
		.post .event table th {
			background: #f7fbe7;
		}
			
		.post .chinema .t-box table,
		.post .event .t-box table {
			margin: 0 0 10px 0;
		}
				
			.post .chinema .t-box table th,
			.post .event .t-box table th {
				text-align: left;
				width: 80px;
				font-weight: 100;
			}
			
			.post .chinema .t-box table th {
				background: #eee;
			}
			
			.post .chinema .t-box table td,
			.post .event .t-box table td {
				text-align: left;
			}

/* ---------------------------------------------------------
イベント（詳細ページ）
--------------------------------------------------------- */

		.post .event-head h3 {
			text-align: center;
			font-size: 2.1em;
			color: #fff;
			line-height: 1;
			margin: 0;
			padding: 5px 0;
			background: #ff69a5;
		}
		
			.post .event-head ul {
				list-style-type: none;
				margin: 0 0 10px 0;
				border-top: solid 1px #ccc;
				border-bottom: solid 1px #ccc;
				background: #eee;
				padding: 0;
				text-align: center;
			}
			
				.post .event-head ul li {
					display: inline;
					font-size: 1.2em;
				}
				
				.post .event-head ul li.visited strong {
					font-size: 1.8em;
					font-weight: bold;
					color: #ff69a5;
				}

	.post .event .p-subtitle {
		border-left: solid 5px #ff69a5;
		padding-left: 10px;
		margin: 0;
		font-size: 1.4em;
		font-weight: bold;
	}

.post .event-table {
	border-collapse: collapse;
	width: 100%;
	border: solid 1px #ccc;
	margin: 0 0 10px 0;
	font-size: 1.2em;
}

	.post .event-table th {
		border: solid 1px #ccc;
		background: #f7fbe7;
		padding: 10px;
		text-align: right;
		width: 12%;
	}
	
	.post .event-table td {
		border: solid 1px #ccc;
		padding: 10px 10px 0 10px;
	}
	
		.post .event-table td ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
			.post .event-table td ul li {
				/* clearfix */
				margin: 0 0 10px 0;
			}
			
				.post .event-table td ul li p.date {
					width: 20%;
					float: left;
					margin: 0;
					font-weight: bold;
				}
				
				.post .event-table td ul li .t-box {
					margin-left: 22%;
				}
				
					.post .event-table td ul li .t-box h4,
					.post .event-table td ul li .t-box p {
						margin: 0;
						line-height: 1.6;
					}

/* ---------------------------------------------------------
一覧ページ
--------------------------------------------------------- */

.list h2 {
	font-size: 2.1em;
	line-height: 1.2;
	border-left: solid 5px #ff69a5;
	padding-left: 10px;
	margin: 0 0 15px 0;
}

.list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

	.list ul li.list-box {
		margin: 0;
		padding: 10px;
		border-bottom: solid 1px #ccc;
	}
	
.list .i-box {
	width: 140px;
	float: left;
}

	.list .i-box a {
		display: block;
		border: solid 1px #ccc;
		text-align: center;
		padding: 5px;
	}

		.list .i-box img,
		.list .i-box object,
		.list .i-box embed {
			max-height:90px;
			max-width:120px;
			
		}
		
		.list .i-box a:hover img {
			opacity: 0.8;
			filter: alpha(opacity=80);
		}

.list .t-box {
	margin-left: 150px;
}

	.list .t-box h3 {
		font-size: 1.6em;
		margin: 0;
	}

		.list .t-box h3 a {
			padding-left: 15px;
			background: url(../img/common/icon-ya.gif) no-repeat 0 3px;
		}
		
		.list .t-box h3 img {
			vertical-align: middle;
		}

	.list .t-box p {
		font-size: 1.2em;
		margin: 0;
	}

	.list .t-box p.date {
		color: #ff69a5;
	}
	
	.list .newmark {
		color: #ff69a5;
		font-weight: bold;
	}

.list .o-box {
}

	.list .o-box p {
		font-size: 1.2em;
		margin: 10px 0 0 0;
		border-top: solid #eee 1px;
		padding: 10px 0 0 0;
	}
	
.list .moredetail {
	text-align: right;
	font-size: 1.2em;
	margin: 5px 0 0 0;
}

.list .recruit {
	
}

	.list table.recruit {
		border-collapse: collapse;
		border: solid 1px #ccc;
		margin: 10px 0 0 0;
		width: 100%;
	}
	
		.list table.recruit td {
			border: solid 1px #ccc;
			padding: 5px;
			font-size: 1.2em;
			width: 35%;
		}
		
		.list table.recruit th {
			border: solid 1px #ccc;
			padding: 5px;
			font-size: 1.2em;
			font-weight: 100;
			background: #eee;
			width: 15%;
		}

/* ----- ページ移動リンク ----- */

#page-link {
	margin: 10px 0;
}

	#page-link ul {
		border: none;
		list-style-type: none;
		padding: 0;
	}

		#page-link ul li {
			float: left;
			border: 1px solid #ccc;
			padding: 5px;
			margin: 0 5px 0 0;
			font-size: 1.2em;
		}
		
#category-box {
	border: solid 1px #ccc;
	background: #eee;
	padding: 5px;
	margin: 0 0 10px 0;
}

/* ----- 地域・分類検索ボックス ----- */

#category-box-in {
	padding: 5px;
	background: #fff;
}

	#category-box #search-selectbox {
		font-size: 1.4em;
		margin: 5px 5px 10px 5px;
	}
	
		#category-box #search-selectbox input.submit {
			width: 100px;
			height: 22px;
			background: url(../img/style-default/button-searchselectbox.gif) no-repeat center center;
			color: #fff;
		}

	#category-box table {
		width: 100%;
	}
	
		#category-box table td {
			width: 33%;
			font-size: 1.2em;
			vertical-align: top;
		}
		
		#category-box table td a {
			padding-left: 15px;
			background: url(../img/common/icon-ya.gif) no-repeat 0 3px;
		}
		


/* ---------------------------------------------------------
問い合わせボタン
--------------------------------------------------------- */

#info-button {
	background: #f7fbe7;
	padding-top: 10px;
	border: solid 1px #f7fbe7;
	margin: 0 0 10px 0;
}

	#info-button p {
		text-align: center;
		padding:0;
		margin: 0 0 10px 0;
		font-size: 1.2em;
	}
		
		#info-button p a {
			display: block;
			width: 150px;
			height: 40px;
			margin: 0 auto;
			text-align: left;
			text-indent: -2000px;
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		
		#info-button p a:hover {
			background-position: 0 -40px;
		}
		
		#info-button p.button-info a {
			background-image: url(../img/style-default/button-info.gif);
		}
		
		#info-button p.button-reserve a { /* 予約 */
			background-image: url(../img/style-default/button-reserve.gif);
		}
		
		#info-button p.button-cancel a { /* キャンセル */
			background-image: url(../img/style-default/button-cancel.gif);
		}
		
		#info-button p.button-appli a { /* 申し込み */
			background-image: url(../img/style-default/button-appli.gif);
		}
		
		#info-button p.button-receipt a { /* 受付 */
			background-image: url(../img/style-default/button-receipt.gif);
		}
		
		#info-button p.button-buy a { /* 購入 */
			background-image: url(../img/style-default/button-buy.gif);
		}
		
		#info-button p.button-kuchikomi a { /* 投稿 */
			background-image: url(../img/style-default/button-kuchikomi.gif);
		}

/* ---------------------------------------------------------
バックナンバー（多目的・スタッフ）
--------------------------------------------------------- */

#backnumber {
	margin: 0 0 10px 0;
	border: solid 1px #ccc;
	padding: 10px 10px 0 10px;
	max-height:300px;
	overflow: auto;
}

	#backnumber h3 {
		margin: 0 0 10px 0;
		padding: 5px;
		color: #fff;
		background: #39bede;
		font-size: 1.4em;
		line-height: 1;
	}

	#backnumber ul {
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
		#backnumber ul li {
			font-size: 1.4em;
			padding-left: 15px;
			background: url(../img/common/icon-ya2.gif) no-repeat left center;
		}


/* ---------------------------------------------------------
イレギュラーな箇所（パーツ直接指定）
--------------------------------------------------------- */

.list #rightmenu02 .t-box p.date {
		margin-top: 5px;
		border-top: solid 1px #eee;
		padding-top: 5px;
		color: #999;
	}

#rightmenu02 #Right20 .i-box {
	float: left;
	width: 120px;
}

	#rightmenu02 #Right20 .i-box img {
		max-width:120px;
		max-height:138px;
	}
	
#rightmenu02 #Right20 .t-box {
	margin-left: 150px;
}

	#rightmenu02 #Right20 .t-box h3 {
		font-size: 1.6em;
	}

.list ul#rightmenu36 li .t-box,
.list ul#rightmenu35 li .t-box,
.list ul#rightmenu34 li .t-box {
	margin: 0;
}

	.list ul#rightmenu34 li .t-box img {
		float: right;
		padding: 5px;
		border: solid 1px #ccc;
		margin: 0 0 10px 10px;
		max-width:120px;
		max-height:120px;
	}

/* ---------------------------------------------------------
旧タイプの箇所
--------------------------------------------------------- */

.oldcol {
	margin:0 95px;
}

.border-table-1 {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
.border-table-1 td,
.border-table-1 th {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.border-table-0 {
	border: 0;
}
.border-table-0 td,
.border-table-0 th {
	border: 0;
}

.hosoku1 {
	font-size: 12px;
}

.midashi {
	font-size: 18px;
}

.kihon{
	font-size:15px;
}