@charset "UTF-8";
/*
 * style.css
 *
 *  version --- 3.4
 *  updated --- 2011/10/31
 */


/* !mainArea
---------------------------------------------------------- */
#mainArea {
	position: relative;
	width: 320px;
}
	#mainArea li {
		padding: 0 10px 0 10px;
	}
		#mainArea .numL {
			position: absolute;
			top: 10px;
		}
		#mainArea .numR {
			position: absolute;
			right: 0;
			top: 10px;
		}

/* !mangaArea
---------------------------------------------------------- */
#mangaArea {
	margin-top: 5px;
	position: relative;
	width: 320px;
}
	#mangaArea li {
		text-align: center;
		padding: 0 30px 0 30px;
	}
		#mangaArea li span {
			display: block;
			margin: 10px;
		}
		#mangaArea li img {
			border: 1px solid #cccccc;
		}
		#mangaArea .numL {
			position: absolute;
			top: 10px;
		}
		#mangaArea .numR {
			position: absolute;
			right: 0;
			top: 10px;
		}

/* !kabegamiArea
---------------------------------------------------------- */
#kabegamiArea {
	margin-top: 5px;
	position: relative;
	width: 320px;
}
	#kabegamiArea li {
		margin: 0 auto 0 auto;
		text-align: center;
		width: 160px;
	}
		#kabegamiArea li span {
			display: block;
			margin: 10px 0 0 0;
		}
		#kabegamiArea .numL {
			position: absolute;
			top: 0px;
		}
		#kabegamiArea .numR {
			position: absolute;
			right: 0;
			top: 0px;
		}

/* !alertArea
---------------------------------------------------------- */
.alertArea {
	width: 270px;
	margin: 20px 0 0 10px;
	padding: 15px;
	background-color: #f4f4f4;
}
	.ul_alert {
		margin-top: 15px;
	}
		.ul_alert li {
			background: url("/sp/common/img/icn_cmn02.gif") left 50% no-repeat;
			-webkit-background-size: 7px 5px;
			background-size: 7px 5px;
			padding-left: 10px;
		}
		.ul_alert li a {
			color: #ee691f;
			text-decoration: none;
		}
/* !newalertArea
---------------------------------------------------------- */
.newalertArea {
	width: 270px;
	margin: 10px 0 0 10px;
	padding: 15px;
	background-color: #f4f4f4;
}
.newalertArea .ul_alert {
			margin:0;
			padding:0;
			border-top:1px dotted #333333;
	}
.newalertArea .ul_alert li {
			background:none;
			padding:5px;
			border-bottom:1px dotted #333333;
		}

/* !twitterArea
---------------------------------------------------------- */
.ttl_twitter {
	padding: 20px 10px 1px 10px;
}
	.ttl_twitter .flR {
		margin-top: 10px;
	}
.twitterArea {
	margin: 0 10px 0 10px;
	background: url("/sp/img/bg_twitter.gif") left bottom no-repeat;
	-webkit-background-size: 300px 165px;
	background-size: 300px 165px;
}
	.box_twitterIn {
		padding: 10px;
		width: 280px;
		height: 145px;
		overflow: auto;
	}
		.twitStream {
			font-size: 10px;
			height: auto;
		}
			.tweet {
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid #cccccc;
			}
				.tweet-left {
					float: left;
					width: 48px;
					margin-right: 10px;
				}
				.tweet-right {
					overflow: hidden;
				}
					.tweet-right a {
						color: #ee691f;
					}

/* !moriArea
---------------------------------------------------------- */
.moriArea {
	width: 300px;
	padding: 15px 10px 0 10px;
	background: url("/sp/common/img/border_x01.gif") left top repeat-x;
	-webkit-background-size: 320px 1px;
	background-size: 320px 1px;
}

/* !tabCon(slideUpDown)
---------------------------------------------------------- */
.tabCon {
	width: 320px;
	overflow: hidden;
	padding-top: 5px;
	background: url("/sp/common/img/border_x01.gif") left top repeat-x;
	-webkit-background-size: 320px 1px;
	background-size: 320px 1px;
}
.tabContents {
	position: relative;
}
	.tabConHeader {
		margin: 15px 0 0 15px;
		padding: 0 0 15px 0;
	}
		.tabConHeaderL {
			float: left;
		}
		.tabConHeaderR {
			float: right;
			test-align: left;
			width: 230px;
			line-height: 1.0em;
			background: url("/sp/common/img/icn_cmn01.gif") 205px 50% no-repeat;
			-webkit-background-size: 15px 15px;
			background-size: 15px 15px;
		}
		.tabOpen .tabConHeaderR {
			background: url("/sp/common/img/icn_cmn01_open.gif") 205px 50% no-repeat;
			-webkit-background-size: 15px 15px;
			background-size: 15px 15px;
		}
			.tabConHeaderR_ttl {
				margin: 0 35px 7px 0;
				font-size: 15px;
				color: #ee691f;
			}
			.tabConHeaderR_txt {
				line-height: 1.4em;
				margin: 0 35px 24px 0;
			}
			.ajust01 {
				margin: 0 35px 6px 0;
			}
			.tabConHeaderR_date {
				float: right;
				height: 18px;
				background: url("/sp/common/img/bg_box01.gif") left top no-repeat;
				-webkit-background-size: 6px 18px;
				background-size: 6px 18px;
				padding: 0 0 0 6px;
				margin-right: 30px;
			}
				.tabConHeaderR_date_inner {
					height: 18px;
					background: url("/sp/common/img/bg_box01_inner.gif") right top no-repeat;
					-webkit-background-size: auto 18px;
					background-size: auto 18px;
					padding: 4px 6px 0 0;
				}

/* !flickable
---------------------------------------------------------- */
#flickable00 { height: 160px; }
#flickable21 { height: 215px; }
#flickable22 { height: 155px; }
#flickable23 { height: 155px; }

.flickBox01 {
	position: relative;
	width: 320px;
	overflow: auto;
}
	.flickBox01 ul {
		list-style: none;
		width:960px;
		margin: 0;
		padding: 0;
	}

	.flickCount01 .flickBox01 ul { width: 320px; }
	.flickCount02 .flickBox01 ul { width: 640px; }
	.flickCount03 .flickBox01 ul { width: 960px; }
	.flickCount04 .flickBox01 ul { width:1280px; }
	.flickCount05 .flickBox01 ul { width:1600px; }
	.flickCount06 .flickBox01 ul { width:1920px; }

		.flickBox01 ul li {
			margin: 0;
			float: left;
		}
		.flickBox01#flickable22 ul li img {
			border: 1px solid #cccccc;
		}
		.flickBox01#flickable23 ul li img {
			border: 1px solid #cccccc;
		}
			.block {
				width: 300px;
				margin: 0 10px 0 10px;
				padding-top: 15px;
				background: url("/sp/common/img/bg_box02.gif") left top no-repeat;
				-webkit-background-size: 300px 15px;
				background-size: 300px 15px;
				float:left;
			}
				.block_inner {
					width: 260px;
					height: 185px;
					padding: 0 20px 20px 20px;
					background: url("/sp/common/img/bg_box02_inner.gif") left bottom no-repeat;
					-webkit-background-size: 300px 205px;
					background-size: 300px 205px;
					float:left;
				}
					.block_ttl {
						font-size: 16px;
					}
						.block_date {
							margin-top: 13px;
						}
							.block_dateL {
								float: left;
								padding-top: 6px;
							}
							.block_dateR {
								float: right;
							}
	.numL {
		float: left;
		top: 30px;
		left: 0;
		position: absolute;
	}
	.numR {
		float: right;
		top: 30px;
		left: 290px;
		position: absolute;
	}

.indicator {
	margin: 10px 10px 0 10px;
}
	.indicator p {
		display: block;
		width: 54px;
		margin: 0 auto;
		background: url("/sp/common/img/bg_indicater.gif") left top no-repeat;
		-webkit-background-size: 120px 10px;
		background-size: 120px 10px;
	}
	.flickCount01 .indicator p { width: 10px; }
	.flickCount02 .indicator p { width: 32px; }
	.flickCount03 .indicator p { width: 54px; }
	.flickCount04 .indicator p { width: 76px; }
	.flickCount05 .indicator p { width: 98px; }
	.flickCount06 .indicator p { width: 120px; }
		.indicator p img {
			position: relative;
		}

/* !contents_map
---------------------------------------------------------- */
.contentsBox {
	margin: 25px 25px 0 25px;
}
	.contentsBox ul {
		margin: 10px 0 25px 15px;
	}
		.contentsBox ul li {
			padding-left: 10px;
			margin-bottom: 7px;
			background: url("/sp/img/footlistimg.gif") left 6px no-repeat;
			-webkit-background-size: 2px 8px;
			background-size: 2px 8px;
		}
			.contentsBox ul li a.icon_pc {
				padding: 3px 23px 0 0;
				background: url("/sp/img/icon_pc.gif") right top no-repeat;
				-webkit-background-size: 18px 18px;
				background-size: 18px 18px;
			}
			.contentsBox ul li a.icon_sp {
				padding: 3px 23px 0 0;
				background: url("/sp/img/icon_sp.gif") right top no-repeat;
				-webkit-background-size: 18px 18px;
				background-size: 18px 18px;
			}

/* !icon.html
---------------------------------------------------------- */
.iconBox_head {
	margin: 20px 10px 0 10px;
	background: url("/sp/img/bg_icon_head.jpg") left top no-repeat;
	-webkit-background-size: 300px auto;
	background-size: 300px auto;
	padding-top: 5px;
}
	.iconBox_foot {
		background: url("/sp/img/bg_icon_foot.jpg") left bottom no-repeat;
		-webkit-background-size: 300px auto;
		background-size: 300px auto;
		padding-bottom: 5px;
	}
		.iconBox_inner {
			background: url("/sp/img/bg_icon_inner.jpg") left top repeat-y;
			-webkit-background-size: 300px auto;
			background-size: 300px auto;
			padding: 10px 20px 15px 20px;
		}
			.iconBox_foot h3 {
				font-size: 18px;
				margin-bottom: 5px;
			}
				.iconBox_foot h3 span {
					font-size: 12px;
					font-weight: normal;
				}
/* !company.html
---------------------------------------------------------- */
.box_company {
	margin: 20px 30px 30px 30px;
}
	.box_company h3 {
		margin-bottom: 15px;
	}
	.box_company_ac {
		padding-bottom: 1px;
		background: url("/sp/img/border_company.gif") left bottom repeat-x;
		-webkit-background-size: 260px 1px;
		background-size: 260px 1px;
	}
		.box_company_ac div {
			padding: 10px 0 10px 0;
		}
/* !about.html
---------------------------------------------------------- */
.box_about {
	margin: 20px 10px 30px 10px;
}
.box_about01_head {
	background: url("/sp/img/bg_about01_head.gif") left top no-repeat;
	-webkit-background-size: 290px 19px;
	background-size: 290px 19px;
	padding-top: 19px;
	margin: 0 0 15px 5px;
}
	.box_about01_foot {
		background: url("/sp/img/bg_about01_foot.gif") left bottom no-repeat;
		-webkit-background-size: 290px 19px;
		background-size: 290px 19px;
		padding-bottom: 19px;
	}
		.box_about01_inner {
			background: url("/sp/img/bg_about01_inner.gif") left top repeat-y;
			-webkit-background-size: 290px auto;
			background-size: 290px auto;
			padding-bottom: 19px;
		}
			.box_aboutIn {
				margin-left: 60px;
				min-height: 120px;
				margin-bottom: 10px;
				background: url("/sp/img/bg_about_child.gif") center top no-repeat;
				-webkit-background-size: 175px 120px;
				background-size: 175px 120px;
				width: 155px;
				padding: 0 10px 0 10px;
			}
.box_about02_head {
	background: url("/sp/img/bg_about02_head.gif") left top no-repeat;
	-webkit-background-size: 290px 19px;
	background-size: 290px 19px;
	padding-top: 19px;
	margin: 0 0 15px 5px;
}
	.box_about02_foot {
		background: url("/sp/img/bg_about02_foot.gif") left bottom no-repeat;
		-webkit-background-size: 290px 19px;
		background-size: 290px 19px;
		padding-bottom: 19px;
	}
		.box_about02_inner {
			background: url("/sp/img/bg_about02_inner.gif") left top repeat-y;
			-webkit-background-size: 290px auto;
			background-size: 290px auto;
			padding-bottom: 19px;
		}
.box_about03_head {
	background: url("/sp/img/bg_about03_head.gif") left top no-repeat;
	-webkit-background-size: 290px 19px;
	background-size: 290px 19px;
	padding-top: 19px;
	margin: 0 0 15px 5px;
}
	.box_about03_foot {
		background: url("/sp/img/bg_about03_foot.gif") left bottom no-repeat;
		-webkit-background-size: 290px 19px;
		background-size: 290px 19px;
		padding-bottom: 19px;
	}
		.box_about03_inner {
			background: url("/sp/img/bg_about03_inner.gif") left top repeat-y;
			-webkit-background-size: 290px auto;
			background-size: 290px auto;
			padding-bottom: 19px;
		}
.box_about04_head {
	background: url("/sp/img/bg_about04_head.gif") left top no-repeat;
	-webkit-background-size: 290px 19px;
	background-size: 290px 19px;
	padding-top: 19px;
	margin: 0 0 15px 5px;
}
	.box_about04_foot {
		background: url("/sp/img/bg_about04_foot.gif") left bottom no-repeat;
		-webkit-background-size: 290px 19px;
		background-size: 290px 19px;
		padding-bottom: 19px;
	}
		.box_about04_inner {
			background: url("/sp/img/bg_about04_inner.gif") left top repeat-y;
			-webkit-background-size: 290px auto;
			background-size: 290px auto;
			padding-bottom: 19px;
		}


.contbox {
	width: 320px;
	padding-top: 5px;
	background: url("/sp/common/img/border_x01.gif") left top repeat-x;
	-webkit-background-size: 320px 1px;
	background-size: 320px 1px;
}
	.conttabConHeader {
		margin: 15px 0 0 15px;
		padding: 0 0 15px 0;
	}
		.conttabConHeaderL {
			float: left;
		}