@charset "utf-8";
/*
=============================================================================
page.css
=============================================================================
Structure:
	[Page Layout]
		01. Main Content
		02. Menu
		03. Product Content
		04. Privacy Policy Content
	[Print]
		01. Print Button Styling
	[Menu]
		01. Headline
		02. Menu List
	[Content]
		01. Headline
		02. Element Styling
	[Navigation]
		01. ←→
		02. ←1[2]3→
	[Lightpop Prugin]
		01. Content
*/

/*
-----------------------------------------------------------------------------
[Page Layout]
=============================================================================
Structure:
  .content				: 950px
	.main-content		  : 690px
	.menu				  : 230px
  .product-content		: 956px;
*/

/*	01. Main Content
-----------------------------------------------------------------------------*/
div.main-content {
	position: relative;
	float: right;
	width: 690px;
/*
	min-height: 450px;
	height: auto !important;
	height: 450px;
*/
	overflow: hidden;
	zoom: 1;
	}

/*	02. Menu
-----------------------------------------------------------------------------*/
div.menu {
	position: relative;
	float: left;
	width: 230px;
	padding-bottom: 5px;
	background: url(../images/bg-dots.gif) repeat 0 0;
	}

/*	03. Product Content
-----------------------------------------------------------------------------*/
div.product-content {
	position: relative;
	width: 956px;
	margin: 20px auto 0;
	overflow: hidden;
	zoom: 1;
	}

/*	04. Privacy Policy Content
-----------------------------------------------------------------------------*/
div#privacy div.post {
	width: 640px;
	padding-bottom: 30px;
	}


/*
-----------------------------------------------------------------------------
[Print]
=============================================================================
/*	01. Print Button Styling
-----------------------------------------------------------------------------*/
#print {
	position: absolute;
	top: 1px;
	right: 5px;
	width: 80px;
	height: 21px;
	}

	#print a {
		display: block;
		width: 80px;
		height: 21px;
		border: none;
		font-size: 1px;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
		}

		div.lang-en #print a { background-image: url(../images/btn-print.png); }
		div.lang-jp #print a { background-image: url(../images/ja/btn-print.png); }

		#print a:link,
		#print a:visited { background-position: 0 0; }
		#print a:hover,
		#print a:active { background-position: 0 -21px; }


/*
-----------------------------------------------------------------------------
[Menu]
=============================================================================
/*	01. Headline
-----------------------------------------------------------------------------*/
div.menu h4#menu-head {
	width: 220px;
	height: 60px;
	margin: 5px auto 0;
	padding: 0;
	background: #fff;
	}


/*	02. Menu List
-----------------------------------------------------------------------------*/
/* 親リスト */
div.menu ul#menu-list {
	width: 220px;
	margin: 0 auto;
	padding-bottom: 10px;
	background-color: #fff;
	}

	div.menu ul#menu-list li {
		margin: 0 10px 1px;
		line-height: 1.0;
		border: solid 1px #d9d9d9;
		background: #fcfcfc url(../images/bg-menu.gif) no-repeat 0 100%;
		}
		div.menu ul#menu-list li.selected { border: none; }

		/* 子リスト（子リスト表示されるときは親リストが選択されている） */
		div.menu ul#menu-list li ul.menu-list-child {
			padding: 15px 0 6px;
			border-bottom: solid 1px #d9d9d9;
			background: #f3f8f7 url(../images/bg-menu-triangle.gif) no-repeat 50% 0;
			}

			div.menu ul#menu-list li ul.menu-list-child li {
				margin: 0;
				border: none;
				background: none;
				}

				/* 子リストで選択中 */
				div.menu ul#menu-list li ul.menu-list-child li.selected { background: url(../images/bg-menu-arrow.png) no-repeat -1032px 50%; }

	/* 親リストのリンク要素 */
	div.menu ul#menu-list li a {
		display: block;
		padding: 8px 14px 8px 28px;
		background: url(../images/bg-menu-arrow.png) no-repeat -1200px 50%;
		color: #424242;
		text-decoration: none;
		line-height: 1.0;
		outline: 0;
		}

		/* 子リストのリンク要素 */
		div.menu ul#menu-list ul.menu-list-child li a {
			padding: 6px 28px;
			background: none;
			color: #232323;
			font-size: 93%;
			font-weight: bold;
			}

		div.menu ul#menu-list li a:hover,
		div.menu ul#menu-list ul.menu-list-child li a:hover { color: #68d6c6; }

		/* 選択中のリンク要素 */
		div.menu ul#menu-list li.selected a {
			padding: 9px 14px 9px 28px;
			background-color: #68d6c6;
			background-image: none;
			color: #fff;
			}

			/* 子リストで選択中 */
			div.menu ul#menu-list li ul.menu-list-child li.selected a { color: #68d6c6; }


/*
-----------------------------------------------------------------------------
[Content]
=============================================================================
/*	01. Headline
-----------------------------------------------------------------------------*/
div.content h2 { margin-bottom: 50px; }

div.content h3 {
	clear: both;
	width: 100%;
	margin-bottom: 1.0em;
	padding-bottom: 0.4em;
	background: url(../images/bg-dotline2.gif) repeat-x 0 100%;
	font-size: 139%;
	font-weight: bold;
	line-height: 1.6;
	}

div.content div.post h3 { margin-top: 30px; }

div.content div.post h4,
div.content div.post h5,
div.content div.post h6 { margin-top: 20px; }


/*	02. Element Styling
-----------------------------------------------------------------------------*/
/* Paragraph
-----------------------------------------------------------------------------*/
div.content p {
	margin: 0;
	padding: 0 0 1.0em;
	line-height: 1.6;
	}

	/* キャプション */
	div.content p.wp-caption-text {
		padding: 5px 3px;
		color: #767676;
		font-size: 85%;
		}

/* Lists Styling
-----------------------------------------------------------------------------*/
div.content div.post ul,
div.content div.post ol { margin: 1.0em 20px; }

	div.content div.post li { line-height: 1.4; }

	div.content div.post ul li {
		padding: 0.2em 0 0.2em 20px;
		background: url(../images/li-head2.png) no-repeat 0 0.3em;
		vertical-align: middle;
		}

	div.content div.post ul.big li {
		padding: 0.25em 0 0.25em 34px;
		background: url(../images/li-head.png) no-repeat 0 0.1em;
		line-height: 1.6;
		vertical-align: middle;
		}

	div.content div.post ol li {
		margin-left: 1.8em;
		padding: 0.2em 0;
		list-style: decimal;
		vertical-align: middle;
		}

		div.content div.post li strong {
			display: inline-table;
			padding: 0 0 0.25em;
			}

		div.content div.post li h1,
		div.content div.post li h2,
		div.content div.post li h3,
		div.content div.post li h4,
		div.content div.post li h5,
		div.content div.post li h6 {
			margin: 0;
			padding: 0;
			background: none;
			}

		div.content div.post li p { font-size: 93%; }

/* Table Styling
-----------------------------------------------------------------------------*/
table {
	width: 97%;
	margin: 0 auto 10px;
	border: solid 1px;
	border-color: #e7e7e7 #f7f7f7 #f7f7f7 #e7e7e7;
	border-collapse: separate;
	}

	table th,
	table td {
		padding: 8px 12px;
		border: solid 1px;
		border-color: #fff #dadada #dadada #fff;
		background-color: #fff;
		font-size: 93%;
		line-height: 1.4;
		vertical-align: top;
		}

	table thead th {
		text-align: center;
		font-weight: bold;
		background-color: #e7e7e7;
		border-color: #f7f7f7 #dadada #dadada #f7f7f7;
		}

	table tbody th { font-weight: bold; }

	table tbody th { background-color: #dbeffa; }
	table tbody tr.even-row th { background-color: #d6ebf6; }
	table tbody tr.even-row td { background-color: #f8f8f8; }

	table ul,
	table ol {
		margin: 0.2em 0.25em 0.5em;
		padding: 0;
		}

		table ul li {
			padding: 0.2em 0 0.2em 18px;
			background: url(../images/li-head2.png) no-repeat 0 0.4em;
			font-size: 93%;
			}
		table ol li {
			padding: 0.1em 0;
			list-style: decimal;
			font-size: 93%;
			}

/* Images Styling
-----------------------------------------------------------------------------*/
/* 中央寄せ */
div.content .aligncenter,
div.content img.center,
div.content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
/* 右寄せ */
div.content img.alignright {
	display: inline;
	margin: 0 0 0.5em 20px;
	}
/* 左寄せ */
div.content img.alignleft {
	display: inline;
	margin: 0 20px 0.5em 0;
	}

div.content .alignright { float: right; }
div.content .alignleft { float: left }


div.divider ul,
div.divider ol { margin-bottom: 0.5em; }
div.divider p { line-height: 1.5; }

	div.divider ul li {
		padding: 0.2em 0 0.2em 20px;
		background: url(../images/li-head2.png) no-repeat 0 0.45em;
		vertical-align: middle;
		}

	div.divider ol li {
		margin-left: 1.8em;
		padding: 0.2em 0;
		list-style: decimal;
		vertical-align: middle;
		}

		div.divider li h1,
		div.divider li h2,
		div.divider li h3,
		div.divider li h4,
		div.divider li h5,
		div.divider li h6 {
			margin: 0;
			padding: 0;
			background: none;
			}

		/* 子リスト */
		div.divider li ul,
		div.divider li ol { margin-bottom: 0; }

		div.divider li ol li { list-style: lower-roman; }

/*	03. Common Element Styling
-----------------------------------------------------------------------------*/
div.divider,
div.divider2 {
	margin-top: 17px;
	margin-bottom: 30px;
	font-size: 93%;
	line-height: 1.5;
	overflow: hidden;
	zoom: 1;
	}

div.divider dl,
div.divider2 dl {
	clear: both;
	display: inline-table;
	width: 100%;
	margin-top: -1px;
	background: url(../images/bg-dotline.gif) repeat-x 0 0;
	zoom: 1;
	}
	div.divider dl:after,
	div.divider2 dl:after {
		content: " ";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
		}

	div.divider dl.float-l,
	div.divider dl.float-r {
		clear: none;
		width: 330px;
		}

	div.divider dl#access p { padding-bottom: 0; }

		/* ラベル */
		div.divider dl dt,
		div.divider2 dl dt {
			float: left;
			padding: 0.7em 10px 0.7em 0;
			font-weight: bold;
			vertical-align: middle;
			}

		div.divider2 dl dt {
			float: none;
			padding-top: 1.0em;
			}


		/* 説明 */
		div.divider dl dd,
		div.divider2 dl dd {
			margin-left: 145px;
			padding: 0.7em 0;
			vertical-align: middle;
			}

		div.divider2 dl dd {
			margin-left: 0;
			padding: 0 0 1.0em;
			}

			div.divider dl dd ul li,
			div.divider dl dd ol li,
			div.divider2 dl dd ul li,
			div.divider2 dl dd ol li { padding-top: 0; }
/*
			div.divider dl dd img { vertical-align: middle; }
*/


/*
-----------------------------------------------------------------------------
[Navigation] - ページナビゲーション -
=============================================================================
/*	01. ←→
-----------------------------------------------------------------------------*/
div.navigation {
	clear: both;
	position: relative;
	width: 520px;
	height: 20px;
	margin: 0.5em auto 20px;
	}

	div.navigation a {
		position: absolute;
		top: 0;
		width: 20px;
		height: 20px;
		background-image: url(../images/btn-navigation.png);
		background-repeat: no-repeat;
		font-size: 1px;
		text-indent: -9999px;
		overflow: hidden;
		}
	/* 前のページ移動 */
	div.navigation a.previouspostslink {
		left: 0;
		background-position: -20px 0;
		}
	/* 次のページ移動 */
	div.navigation a.nextpostslink {
		right: 0;
		background-position: -40px 0;
		}

/*	02. ←1[2]3→
-----------------------------------------------------------------------------*/
div.wp-pagenavi {
	position: absolute;
	top: 8px;
	left: 20px;
	width: 350px;
	color: #efefef;
	font-size: 93%;
	}
	div.wp-pagenavi:after {
		content: " ";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
		}

	div.wp-pagenavi a,
	div.wp-pagenavi span {
		display: block;
		float: left;
		position: relative;
		padding: 0 0.5em;
		line-height: 21px;
		vertical-align: middle;
		outline: 0;
		}
	/* 現在のページ */
	div.wp-pagenavi a { color: #aaa; }
	div.wp-pagenavi a:hover {
		color: #efefef;
		text-decoration: none;
		}

	div.wp-pagenavi span.current {
		color: #fff;
		font-size: larger;
		text-decoration: underline;
		}
	div.wp-pagenavi a.first,
	div.wp-pagenavi a.last { display: none; }

	div.wp-pagenavi a.previouspostslink,
	div.wp-pagenavi a.nextpostslink {
		width: 32px;
		height: 21px;
		font-size: 1px;
		background-image: url(../images/btn-navigation.png);
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		}
	div.wp-pagenavi a.nextpostslink { background-position: 0 0; }
	div.wp-pagenavi a.nextpostslink:hover { background-position: -32px 0; }
	div.wp-pagenavi a.nextpostslink:active { background-position: -64px 0; }
	div.wp-pagenavi a.previouspostslink { background-position: 0 -21px; }
	div.wp-pagenavi a.previouspostslink:hover { background-position: -32px -21px; }
	div.wp-pagenavi a.previouspostslink:active { background-position: -64px -21px; }


/*
-----------------------------------------------------------------------------
[Lightpop Prugin]
=============================================================================
/*	01. Content
-----------------------------------------------------------------------------*/
div#overlay { background: #555 url(../images/bg-check.png) repeat 0 0 !important; }

/* キャプションの位置調整 */
div#lightpop-data { padding: 0 !important; }

/* 番号を表示させない */
div#lightpop-details-number {
	visibility: hidden !important;
	height: 0;
	color: #fff;
	}

/* 閉じるボタン */
a#lightpop-data-close {
	margin-bottom: 10px;
	padding: 0 !important;
	outline: 0;
	}