@charset "utf-8";

/*///////////////////////////////

	Body Style4

///////////////////////////////*/

/*------------------------------
	背景 色情報
------------------------------*/
.BodyStyle4 {
	background-image: url('images/body/bg.png');
	background-repeat: repeat;
	background-color: #fffbeb;
}
.BodyStyle4 .border-left {
	background: url("images/body/pwaku2x1.gif") repeat-y;
}
.BodyStyle4 .border-right {
	background: url("images/body/pwaku2x3.gif") repeat-y top right;
}
.BodyStyle4 .top .contents {
	padding-left: 5px;
	padding-right: 10px;
}
.BodyStyle4 .viewer .contents {
	padding-left: 0;
	padding-right: 5px;
}
.BodyStyle4 .center {
	padding: 0;
}
.BodyStyle4 a:hover {
	color: #ff1493;
}

/*------------------------------
	トップページ
------------------------------*/
/* header */
.BodyStyle4 .top .header {
	position: relative;
	height: 224px;
	margin-bottom: 10px;
}
.BodyStyle4 .viewer .header {
	position: relative;
	height: 104px;
	margin-bottom: 10px;
}
.BodyStyle4 .header .header-link {
	position: absolute;
	top: 0px;
	right: 10px;
}
.BodyStyle4 .header .color-changer {
	position: absolute;
	top: 34px;
	right: 10px;
	z-index: 1;
}
.BodyStyle4 .header .header-image {
	position: absolute;
	top: 24px;
	left: 0px;
	z-index: 0;
}
/* side */
.BodyStyle4 .side {
	padding-left: 5px;
}
/* menu-button */
.BodyStyle4 .side .menu-button .frame-top-left {
	margin-bottom: 5px;
	padding: 5px 0;
	background-color: #fb0;
}
.BodyStyle4 .side .menu-button .title {
	font-size: 100%;
	color: white;
	text-align: center;
}
.BodyStyle4 .side .menu-button ul li {
	margin-bottom: 5px;
}

/* footer */
.BodyStyle4 .footer-sentence .footer-info {
	background-color: #ff9900;
}

/*------------------------------
	メッセージボード
------------------------------*/
/* side */
.BodyStyle4 .side .msg-board1 {
}
.BodyStyle4 .side .msg-board1 .frame-title-left {
	margin-bottom: 5px;
	background-color: #ffbb00;
}

/* center */
.BodyStyle4 .center .msg-board {
	margin-bottom: 8px;
}
.BodyStyle4 .center .msg-board .frame-top-left,
.BodyStyle4 .center .msg-board .frame-top-right,
.BodyStyle4 .center .msg-board .frame-top,
.BodyStyle4 .center .msg-board .frame-bottom-left,
.BodyStyle4 .center .msg-board .frame-bottom-right,
.BodyStyle4 .center .msg-board .frame-bottom {
	display: none;
}
.BodyStyle4 .center .msg-board .frame-middle-left {
	background: none;
	background-color: #fff;
}
.BodyStyle4 .center .msg-board .frame-middle-right {
	background: none;
}
.BodyStyle4 .center .msg-board .frame-title-left {
	background: url("images/frame/style04/title-middle.png") repeat-x;
	border: none;
}
.BodyStyle4 .center .msg-board .frame-title-right {
	background: url("images/frame/style04/title-right.png") no-repeat top right;
}
.BodyStyle4 .center .msg-board .frame-title {
	background: none;
	background: url("images/frame/style04/title-left.png") no-repeat;
	height: 30px;
	border: none;
}
.BodyStyle4 .center .msg-board .title {
	padding: 3px 30px 0 120px;
	color: #fa0;
	font-weight: bold;
}
/* message-board1 twitter用 */
.BodyStyle4 .center .msg-board1 .title {
	display: inline-block;
	/* for ie6,7 */
	*display: inline;
	*zoom: 1;
	background: url("images/icon/index-chara-icon.png") no-repeat center right ;
}

/*------------------------------
	twitter
------------------------------*/
.BodyStyle4 .center .msg-board iframe#twitter-widget-0,
.BodyStyle4 .center .msg-board iframe#twitter-widget-1,
.BodyStyle4 .center .msg-board iframe#twitter-widget-2 {
	width: 600px !important;
	height: 350px;
}

/*------------------------------
	新着
------------------------------*/
/* 枠 */
.BodyStyle4 .center .notice .frame-top-left,
.BodyStyle4 .center .notice .frame-top-right,
.BodyStyle4 .center .notice .frame-middle-left,
.BodyStyle4 .center .notice .frame-middle-right,
.BodyStyle4 .center .notice .frame-bottom-left,
.BodyStyle4 .center .notice .frame-bottom-right {
	background: none;
}
.BodyStyle4 .center .notice .frame-top,
.BodyStyle4 .center .notice .frame-bottom {
	background: none;
	height: 0;
}

/* タイトル */
.BodyStyle4 .center .notice .frame-header-left {
	background: url("images/frame/style04/title-middle.png") repeat-x;
	border: none;
}
.BodyStyle4 .center .notice .frame-header-right {
	background: url("images/frame/style04/title-right.png") no-repeat top right;
}
.BodyStyle4 .center .notice .frame-header {
	background: url("images/frame/style04/title-left.png") no-repeat;
	height: 30px;
}
.BodyStyle4 .center .notice .frame-header-left .title {
	padding: 3px 0 0 120px;
	color: #fa0;
	font-weight: bold;
}

/* 一覧 */
.BodyStyle4 .center .notice .list-anchor a {
	display: block;
	width: 74px;
	height: 25px;
	background: url("images/button/more.png") no-repeat;
}
.BodyStyle4 .center .notice .list-anchor a span {
	display: none;
}

/* アイコン */
.BodyStyle4 .center .notice .notice-box .opt1-0 {
	background: url("images/icon/common_point02.gif") no-repeat left center;
}
.BodyStyle4 .center .notice .notice-box .opt1-1 {
	background: url("images/icon/common_point03.gif") no-repeat left center;
}
.BodyStyle4 .center .notice .explanatory .opt {
	background: url("images/icon/common_point03.gif") no-repeat left center;
}
.BodyStyle4 .viewer .notice-box .unit .opt1-0 {
	background: url("images/icon/common_point02.gif") no-repeat left center;
}
.BodyStyle4 .viewer .notice-box .unit .opt1-1 {
	background: url("images/icon/common_point03.gif") no-repeat left center;
}
.BodyStyle4 .viewer .notice-box .explanatory .opt {
	background: url("images/icon/common_point03.gif") no-repeat left center;
}

/*------------------------------
	カテゴリー
------------------------------*/
.BodyStyle4 .viewer .genre-low-unit {
	margin: 0 0 25px 0;
	overflow: hidden;
}
.BodyStyle4 .viewer .genre-low-unit .holder {
	display: block;
	float: right;
	margin: 40px 0 0 0;
	padding: 0;
	width: 290px;
	background: none;
}
.BodyStyle4 .viewer .genre-low-unit .holder:hover {
	background: none;
}
.BodyStyle4 .viewer .genre-low-unit .genre-low-note {
	display: block;
	float: left;
	width: 320px;
	height: 110px;
	text-align: center;
}
/* 顧客仕様 */
.BodyStyle4 .viewer .genre-note {
	display: none;
}

/*------------------------------
	ページ
------------------------------*/
/* ページタイトル　*/
.BodyStyle4 .page-title-left {
	background: url("images/frame/style04/title-middle.png") repeat-x;
}
.BodyStyle4 .page-title-right {
	background: url("images/frame/style04/title-left.png") no-repeat;
}
.BodyStyle4 .page-title {
	background: url("images/frame/style04/title-right.png") no-repeat top right;
	height: 30px;
}
.BodyStyle4 .page-title h1 {
	padding: 0 0 0 120px;
	color: #fa0;
	font-weight: bold;
	line-height: 30px;
}
.BodyStyle4 .info-sentence img,
.BodyStyle4 .info-image {
	max-width: 629px !important;
}
.BodyStyle4 .info-box .bookmark-top-info {
	margin-right: 10px;
}

/* H2-H6 */
.BodyStyle4 .genre-note h2,
.BodyStyle4 .info-sentence h2 {
	margin-bottom: 10px;
	padding-left: 8px;
	border-left: none;
	border-bottom: 2px solid #ffaa00;
	font-size: 110%;
	color: #ffaa00;
}
.BodyStyle4 .genre-note h3,
.BodyStyle4 .info-sentence h3 {
	background-color: #b0e0ff;
	color: #003498;
}