@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#235a8b;		/*文字色*/
	
} 
body {
	background-color:#ffffff;	/*ページ全体の背景色*/
}
div#pagebody {
	position: absolute; /* 以下４行、iOSでもセンター合わせになるように */
	left: 50%;
	width:  800px;        /* 横幅 */
	margin-left: -400px;  /* マイナス「横幅÷2」 */
	
	/*width:800px; margin:0 auto;	内容全体をセンタリング*/
	background-color:#ffffff;		/*内容全体の背景色*/
}

div#caption {
	font-size:80%;
	text-align:right;
}
div#price {
	font-size:100%;
	text-align:right;
	font-family:"arial black";
}

/* header */
div#header {
	color:#ffffff;
}


/*============================================
メインメニュー
============================================*/
ul#menu {
	height:20px; background-color:#ffffff;
}
li#menu01,li#menu02,li#menu03 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-color:#ffffff;
	font-size:14px;
	color:#83add3;
}
li#menu01 {
	width:25%; height:20px;	/*サイズ指定*/
/*	padding-left:12px;	*/
}
li#menu02 {
	width:50%; height:20px;	/*サイズ指定*/
	text-align:center;
}
li#menu03 {
	width:25%; height:20px;	/*サイズ指定*/
	text-align:right;
}

/* 左寄せイメージ */
div#leftImage {
	float:left;	
	height:350; 	/*曲リストと合うサイズ*/
	width:300px;
}
/* 本や音楽のカバーイメージ */
div#coverImage {
	margin-top:0.2em;
	float:left;	
	width:35%; /*高さのみ指定*/
}
/* 右寄せ文字、明朝 */
div#rightTex {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	float:right;
	height:350; 	/*画像と合うサイズ*/
	color:#ffffff;
}

/*見出し・段落・水平線のスタイル指定*/

h2 {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:100%; margin-bottom:2px; padding-left:2em;
	font-size:95%; border-bottom:solid 1px #235a8b;
}

h2 a {
	padding-left:0.5em;
	padding-right:0.5em;

	text-decoration: none; /* 下線を消す */
}

h2 a:hover {
	background-color: #729cc2; /* 背景色 マウスオーバー*/
	color: #ccffff;          /* 文字色 */
}
h3 {font-size:0.9rem;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
p {font-size:90%; margin:10px 0px 10px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #235a8b; margin-bottom:1rem;}

div#booktitle {
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:140%; margin-bottom:10px; padding-left:25px;
	font-size:140%; border-bottom:solid 1px #235a8b;
}

/* 曲などのリスト表示 */
div#worksList {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	width:300px; padding-top:2px; 		/*幅の指定と位置調整*/
	float:right;				/*カラムを右寄せにする*/
	list-style-type:none;		/*リストマーカー無しにする*/

}
div#worksListLong {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	width:450px; padding-top:2px; 		/*幅の指定と位置調整*/
	float:right;				/*カラムを右寄せにする*/
	list-style-type:none;		/*リストマーカー無しにする*/

}
div#worksList ul {
	margin-left:10px; 		/*左マージンを10px空ける*/
	font-size:95%;			/*フォントサイズを90%にする*/
}
div#worksList li {
	list-style-type:none; 		/*リストマーカー無しにする*/
	line-height:1.2;		/*行の高さを1.8倍にする*/
}
/* 本などの補足情報のタイトル行 */
div#descriptionTitle {
	margin-top:1em;
	padding-left:1em;
	width:63%;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:80%;
	float:left;				/*カラムを左寄せにする*/
	background-color:#83add3;
		color:#ffffff;
}
/* 本などの補足情報表示 */
div#description {
	margin-top:1em;
	width:63%;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size:80%;
		float:left;				/*カラムを左寄せにする*/
	}
/* 本などの補足情報のタイトル行 横幅100% */
div#descriptionTitle100 {
	margin-top:1em;
	padding-left:1em;
	width:98%;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size:80%;
		float:left;				/*カラムを左寄せにする*/
		background-color:#83add3;
		color:#ffffff;
	}
/* 本などの補足情報表示 横幅100%*/
div#description100 {
	margin-top:1em;
	width:98%;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size:80%;
		float:left;				/*カラムを左寄せにする*/
	}
div#summery {
	background-color:#ffffff;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:80%;
	padding:2px;
	padding-left:6px;
	float:left;				/*カラムを左寄せにする*/
}


/* 購入ボタンなど右寄せ */
div#buttons {
	float:right;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:0.9rem;
}

div#buttons a {
	color:#ffffff;
	padding-left:0.5em;
	padding-right:0.5em;
	background-color: #83add3; 
	display: block;        /* ブロック化 リンク設定*/
	text-decoration: none; /* 下線を消す */
}

div#buttons a:hover {
	text-align: center;
	background-color: #729cc2; /* 背景色 マウスオーバー*/
	color: #ccffff;          /* 文字色 */
}

/* 補足用画像サムネール等左 */
div#thumbL {
	float:left;
}
/* 補足用画像サムネール等右 */
div#thumbR {
	float:right;
}
/* 小説トップタイトル並び */
div#thumbnails {  /*作品タイトル二行用 */
	margin-top: 0em ;
	float:left;
	width:5em;
	height:5em;
	font-size:3em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:bold;
	text-align: center;
	background-color:#83add3;
	border:6px solid;
	border-color:#ffffff;
}

div#thumbnails_3 {  /*作品タイトル３行用 */
	margin-top: 0em ;
	float:left;
	width:6.25em;
	height:6.25em;
	font-size:2.4em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
		text-align: center;
		background-color:#83add3;
		border:6px solid;
		border-color:#ffffff;
	}

div#thumbnails_s {  /*作品タイトル４〜５行用 */
	margin-top: 0em ;
	float:left;
	width:10em;
	height:10em;
	font-size:1.5em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
		text-align: center;
		background-color:#83add3;
		border:6px solid;
		border-color:#ffffff;
	}

div#thumbnails a{  /*作品タイトル二行用 */
	text-align: center;
	display: block;        /* ブロック化 リンク設定*/
	text-decoration: none; /* 下線を消す */
	color:#ffffff;
}

div#thumbnails_3 a{  /*作品タイトル三行用 */
	text-align: center;
	display: block;        /* ブロック化 リンク設定*/
	text-decoration: none; /* 下線を消す */
	color:#ffffff;
}

div#thumbnails_s a{  /*作品タイトル四〜五行用 */
	text-align: center;
	display: block;        /* ブロック化 リンク設定*/
	text-decoration: none; /* 下線を消す */
	color:#ffffff;
}

div#thumbnails a:hover {  /*作品タイトル二行用 */
	text-align: center;
	background-color: #729cc2; /* 背景色 マウスオーバー*/
	color: #ccffff;          /* 文字色 */
}

div#thumbnails_3 a:hover {   /*作品タイトル三行用 */
	text-align: center;
	background-color: #729cc2; /* 背景色 マウスオーバー*/
	color: #ccffff;          /* 文字色 */
}

div#thumbnails_s a:hover {  /*作品タイトル四〜五行用 */
	text-align: center;
	background-color: #729cc2; /* 背景色 マウスオーバー*/
	color: #ccffff;          /* 文字色 */
}

/* ギャラリー画像サムネール */
div#ImageThumbnails {
	float:left;
	padding:2px;
	color:#ffffff;
	background-color:#83add3;
}
/* ページサブタイトル */
div#subtitles {
	float:right;
	text-align:right;
	width:99%;
	height:2em;
	font-size:2em;
	padding-top:0.3em;
	padding-right:1%;
	margin-top:0.1em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:bold;
	background-color:#83add3;
	}

/* 作品キャッチコピー */
div#catch {
	float:left;
	text-align:left;
	width:99%;
	height:3em;
	font-size:2em;
	padding-top:0.3em;
	padding-right:1%;
	margin-top:0.1em;
	color:#235a8b;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
	background-color:#ffffff;
	}


/* ページサブタイトル Long*/
div#subtitlesLong {
	float:right;
	text-align:right;
	width:99%;
	height:2em;
	font-size:1.6em;
	padding-top:0.3em;
	padding-right:1%;
	margin-top:0.1em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
		background-color:#83add3;
	}

/* ページサブタイトル リンクあり*/
div#subtitlesLink a {
	float:right;
	text-align:right;
	width:99%;
	height:2em;
	font-size:2em;
	padding-top:0.3em;
	padding-right:1%;
	margin-top:-0.2em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
		background-color:#83add3;
		display: block;        /* ブロック化 リンク設定*/
		text-decoration: none; /* 下線を消す */
	}
div#subtitlesLink a:hover {
	text-align: right;
	background-color: 729cc2; /* 背景色 マウスオーバー*/
	color: #ccffff;          /* 文字色 */
}
/* 追加情報の枠 1段用 */
div#otherWorksBox1 {
	text-align:left;
	padding:3px;
	padding-left:0.5rem;
	width:800px;
	height:352px;
	font-size:2em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
		background-color:#8fadd3;
	}
/* 追加情報の枠 2段用 */
div#otherWorksBox2 {
	text-align:left;
	padding:3px;
	padding-left:0.5rem;
	width:800px;
	height:662px;
	font-size:2em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
		background-color:#8fadd3;
	}

/* 追加情報の枠 2段用低い版 */
div#otherWorksBox3 {
	text-align:left;
	padding:3px;
	padding-left:0.5rem;
	width:785px;
	height:550px;
	font-size:2em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
		background-color:#8fadd3;
	}

/* 追加情報の枠 148pix画像３段用 */
div#otherWorksBox4 {
	text-align:left;
	padding:3px;
	padding-left:0.5rem;
	width:785px;
	height:473px;
	font-size:2em;
	color:#ffffff;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight:bold;
		background-color:#8fadd3;
	}

/* 追加情報 画像がずれるのでpadding-leftは入れない */
div#otherWorks {
	float:left;
	margin:0.5px;
	top:0px;
	text-align:left;
	padding:2px;
	border:2px solid #456789;
	width:256px;
	font-size:1rem;
	color:#8fadd3;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		background-color:#ffffff;
	}

/* 追加情報 一段に５つ入れる（画像がずれるのでpadding-leftは入れない） */
div#otherWorks_S {
	float:left;
	margin:0.5px;
	top:0px;
	text-align:left;
	padding:2px;
	border:2px solid #456789;
	width:148px;
	font-size:1rem;
	color:#8fadd3;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		background-color:#ffffff;
	}

/*  ordered list  */
div#orderedList ol {
	margin-right:2rem;
}

/* 段組み表示 */
.multicolumnbox {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}