@charset "utf-8";

/* common
-------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}
body {
	background: #EAEEFB;
	text-align: center;
	font: 90%/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
}
img {
	border:none;
}
li {
	list-style:none;
	line-height:120%;
}
a:link {
	color:#096BDF;
	text-decoration:none;
}
a:visited {
	color:#804099;
	text-decoration:none;
}
a:hover {
	color:#ff3300;
	text-decoration:underline;
}
.BrClr{
	clear:both;
	display: block;
	font-size:1px;
	line-height:0px;
}
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clr{
	display:inline-block;
}
/*\*/
*html .clr{
	height:1%;
}
.clr{
	display:block;
}
/**/

/* layout
-------------------------------------------------------*/

#wrapping {
	text-align: left;
	width: 968px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
#contents {
	padding-bottom: 20px;
}
#search #contents {
	background: url(../../image/WMAI/bg.png) no-repeat 412px 105px;
}
#header {
	margin-bottom: 15px;
	background: url(../../image/WMAI/bg_header.png) no-repeat 0px 4px;
	height: 69px;
	position:relative;
}
#mainBody {
	background-color: #FFFFFF;
	margin-left: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius:  6px;
	-o-border-radius:  6px;
	-ms-border-radius:  6px;
	-moz-box-shadow:2px 3px 3px #A0B7EB;
	-webkit-box-shadow:2px 3px 3px #A0B7EB;
	-o-box-shadow:2px 3px 3px #A0B7EB;
	-ms-box-shadow:2px 3px 3px #A0B7EB;
	opacity:.8;
	filter:Alpha(opacity=80);
	width: 930px;
	padding: 15px;
}
#leftPane {
	float: left;
	width: 78px;
	opacity:1;
	filter:Alpha(opacity=100);
}
#rightPane {
	margin-left: 90px;
	padding-top: 5px;
}

/* header
-------------------------------------------------------*/

#header .logo {
	margin-left: 20px;
}
#header .menu {
	position: absolute;
	top: 18px;
	left: 150px;
	width: 194px;
	line-height: 35px;
	height: 35px;
}
#header .menu:hover {
	background: url(../../image/WMAI/bg_navall.png) no-repeat left top;
}
#header .guide {
	line-height: 34px;
	height: 34px;
	position: absolute;
	top: 17px;
	right: 20px;
}
#header .guide .help {
	line-height: 34px;
	height: 34px;
	background: url(../../image/WMAI/bg_sepalator.png) no-repeat right center;
	padding-right: 1em;
	padding-left: 1em;
	float: right;
}
#header .guide .close {
	line-height: 34px;
	height: 34px;
	padding-left: 1em;
	float: right;
}
#header .guide .help a:link {
	color:#FFF;
	text-decoration:none;
}
#header .guide .help a:visited {
	color:#FFF;
	text-decoration:none;
}
#header .guide .help a:hover {
	color:#ff3300;
	text-decoration:underline;
}
#header #nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	width: 194px;
	height: 35px;
	font-size: 14px;
}
#header #nav li {
	display: block;
	list-style: none;
	float: left;
	position: relative;
}
#header #nav li.first {
	text-align: center;
}
#header #nav li.first a.toplevel {
	display: block;
	color: white;
	background: url(../../image/WMAI/bg_nav.png) no-repeat 1px 1px;
	height: 35px;
	width: 194px;
	line-height: 35px;
}
#header #nav li.first a.toplevel:hover {
	background-image:none;
	text-decoration: none;
}
#header #nav ul.sub {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	width: 194px;
	top: 35px;
	background: url(../../image/WMAI/bg_navall.png) no-repeat left bottom;
}
#header #nav ul.sub li {
	float: none;
	text-align: left;
}
#header #nav ul.sub li a {
	display: block;
	color: white;
	height: 29px;
	width: 187px;
	line-height: 29px;
	background: url(none);
	text-indent: 17px;
	margin-top: 1px;
	margin-left: 1px;
	/*opacity: 0.95;
	filter: alpha(opacity=95);*/
	zoom: 1; /* IE6/7 fix */
}
#header #nav ul.sub li a:hover {
	background-color: #096BDF;
	background-image:none;
	text-decoration: none;
}
#header #nav ul.sub li.last {
	height: 35px;
}
#header #nav ul.sub li.last a:hover {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
	background: url(../../image/WMAI/bg_sublasthover.png) no-repeat left bottom\9;
}
*html #header #nav li.first a.toplevel:hover {
	background: url(../../image/WMAI/bg_navall.png) no-repeat left top;
}

/* rightPane
-------------------------------------------------------*/

#rightPane .item input {
	margin-right: 3px;
}
#rightPane .title {
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	padding-left: 0px;
	margin-bottom: 20px;
}
#rightPane .title h1 {
	font-size: 125%;
	margin-bottom: 5px;
}
#rightPane h2 {
	font-size: 110%;
	background: url(../../image/WMAI/ico_dot.png) no-repeat left 45%;
	padding-left: 18px;
}
#rightPane .item {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 8px;
}
#rightPane .item p {
	margin-bottom: 5px;
}
#rightPane .item .kw {
	margin-bottom: 12px;
	padding-left: 3px;
	width: 500px;
	height: 22px;
}
#rightPane .item .refine {
	margin-bottom: 12px;
}
#rightPane .item .refine .btnRefine {
	margin-right: 3px;
}
#rightPane .item .searchArea {
	float: left;
	width: 500px;
}
#rightPane .item .btnArea {
	margin-left: 515px;
}
#rightPane .item .selectMenu {
	margin-bottom: 15px;
}
#rightPane .item .selectMenu select,
#rightPane .item .selectMenu input,{
	margin-right: 4px;
	padding: 2px;
	/*line-height: 150%;*/
}
#rightPane .item .mark li {
	margin-bottom: 0.5em;
	padding-left:18px;
	background: url(../../image/WMAI/ico_arrow.png) no-repeat left 14%;
	font-size: 95%;
	line-height: 150%;
}
#rightPane .item .notes {
	padding-left:18px;
	background: url(../../image/WMAI/ico_arrow.png) no-repeat left center;
	font-size: 95%;
}
#rightPane .linkIicons {
	margin-top: -15px;
	margin-bottom: 15px;
}
#rightPane .linkIicons dl {
	font-size:90%;
	text-align: right;
}
#rightPane .linkIicons dt {
	line-height: 18px;
	padding-left: 10px;
	vertical-align: middle;
	display: inline;
}
#rightPane .linkIicons dd {
	vertical-align:middle;
	display:inline;
	padding:2px 2px 2px 0px;
}
#rightPane .linkIicons dd img {
	vertical-align:middle;
	margin-bottom:3px;
}
#rightPane .num {
	color: #F00;
}
#rightPane .article {
	margin-right: 10px;
}
#rightPane .article h2 {
	background: url(none);
	padding: 0px;
	margin-bottom: 15px;
}
#rightPane .article p {
	margin-bottom: 1.5em;
	font-size: 110%;
	line-height: 170%;
}
#rightPane .highlight {
	color: #F00;
}
#rightPane .credit {
	text-align: right;
	margin-bottom: 15px;
	font-weight: bold;
}
#rightPane .btnAreaCenter {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#rightPane .selectDate {
	color:#096BDF;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
#rightPane .selectDate:hover {
	color:#ff3300;
	text-decoration:underline;
}
#rightPane .pageNavi {
	margin-bottom:10px;
	margin-top: 10px;
}

/* table Design
-------------------------------------------------------*/

/* -------- table common --------*/

#rightPane table {
	border-collapse:collapse;
	width: 830px;
	margin-bottom: 25px;
	margin-top: 8px;
}
#rightPane table .header {
	text-align: center;
	background: url(../../image/WMAI/ttl_01.jpg) repeat-x left top;
}
.resultList tr:nth-child(odd) td,
.resultShimen tr:nth-child(odd) td,
.shukusatsu tr:nth-child(odd) td,
.yoron tr:nth-child(odd) td {
	background-color: #E7ECFB;
}
.resultList tr:nth-child(even) td,
.resultShimen tr:nth-child(even) td,
.shukusatsu tr:nth-child(even) td,
.yoron tr:nth-child(even) td {
	background-color: #FFF;
}
.resultList tr:hover td,
.resultShimen tr:hover td,
.shukusatsu tr:hover td,
.yoron tr:hover td {
	background-color:#CFDEF8;
}

/* for IE */
.resultList tr.odd td,
.resultShimen tr.odd td,
.shukusatsu tr.odd td,
.yoron tr.odd td {
	background-color: #E7ECFB;
}
.resultList tr.even td {
	background-color: #FFF;
}
.resultList tr.odd:hover td,.resultList tr.even:hover td,
.resultShimen tr.odd:hover td,.resultShimen tr.even:hover td,
.shukusatsu tr.odd:hover td,.shukusatsu tr.even:hover td,
.yoron tr.odd:hover td,.yoron tr.even:hover td {
	background-color:#CFDEF8;
}
/* for IE */

/* -------- editionType --------*/

.editionType td, .editionType th {
	line-height: 170%;
	padding: 3px 2px;
	border: 1px solid #809DB9;
}
.editionType th {
	background: #E7ECFB;
	text-align: left;
}
.editionType td input {
	margin-left: 2px;
}
.editionType label {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	letter-spacing: -1px;
	padding-right: 2px;
	padding-left: 1px;
}

/* -------- resultList,resultShimen --------*/

.resultList td {
	line-height: 170%;
	padding: 3px;
}
.resultList .mediaLink {
	text-align: right;
}
.resultList .checkBtn,
.resultShimen .checkBtn,
.resultShimen .mediaLink {
	text-align: center;
}
.resultShimen td,.resultShimen th {
	line-height: 170%;
	padding: 3px;
	border: 1px solid #809DB9;
}

/* -------- resultShimenThum --------*/

.resultShimenThum .bibliographic {
	font-size: 80%;
	line-height: 125%;
	margin-top: 3px;
}
.resultShimenThum td {
	line-height: 170%;
	padding: 5px;
	text-align: center;
	border: 1px solid #809DB9;
}
.resultShimenThum td:hover {
	background-color:#CFDEF8;
}
.resultShimenThum a.thum {
	display: block;
	text-align: left;
	margin-left: 13px;
}
.resultShimenThum img{
	width: 168px;
	height: 238px;
}
.resultShimenThum a.thum img{
	position: absolute;
	border: 1px solid #CCC;
}
.resultShimenThum a.thum,.resultShimenThum a.thum img{
	width: 168px;
	height: 238px;
}
.resultShimenThum a.thum:hover {
	cursor: default;
}
.resultShimenThum a.thum:hover img {
	width: auto;
	height: auto;
	z-index: 9999;
	-moz-box-shadow:4px 4px 4px #999;
	-webkit-box-shadow:4px 4px 4px #999;
	-o-box-shadow:4px 4px 4px #999;
	-ms-box-shadow:4px 4px 4px #999;
}
.resultShimenThum .tdBlank {
	width: 185px;
	height: 238px;
	line-height: 170%;
	padding: 5px;
	text-align: center;
	border: 1px solid #809DB9;
}
.resultShimenThum .tdBlank2 {
	width: 370px;
	height: 238px;
	line-height: 170%;
	padding: 5px;
	text-align: center;
	border: 1px solid #809DB9;
}
.resultShimenThum .tdBlank3 {
	width: 555px;
	height: 238px;
	line-height: 170%;
	padding: 5px;
	text-align: center;
	border: 1px solid #809DB9;
}


/* -------- shukusatsu --------*/

.shukusatsu td {
	line-height: 170%;
	padding: 3px;
	border: 1px solid #809DB9;
	text-align: center;
	width: 48px;
}
.shukusatsu th {
	line-height: 170%;
	padding: 3px;
	border: 1px solid #809DB9;
	text-align: left;
	background: url(../../image/WMAI/ttl_01.jpg) repeat-x left top;
}

/* -------- yoron --------*/

.yoron td,.yoron th {
	line-height: 170%;
	padding: 3px;
	border: 1px solid #809DB9;
}

/* yoron search
-------------------------------------------------------*/

#rightPane .subMenu {
	margin-bottom: 15px;
	background: url(../../image/WMAI/bg_submenu.png) repeat-x left top;
	height: 28px;
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	-o-border-radius:  5px;
	-ms-border-radius:  5px;
	-moz-box-shadow:2px 2px 4px #999;
	-webkit-box-shadow:2px 2px 4px #999;
	-o-box-shadow:2px 2px 4px #999;
	-ms-box-shadow:2px 2px 4px #999;
}
#rightPane .subMenu ul {
	vertical-align: bottom;
	padding-top: 5px;
}
#rightPane .subMenu li {
	border-right: 1px solid #999;
	padding-right: 0.5em;
	padding-left: 0.5em;
	float: left;
}
#rightPane .subMenu ul .end {
	border-right-style: none;
}
#rightPane .subMenu ul .on {
	font-weight: bold;
}
.link a {
	background: url(../../image/WMAI/ico_arrow.png) no-repeat left center;
	padding-left: 18px;
}
.survey {
	width: 700px;
}
.survey td,.survey th {
	line-height: 170%;
	padding: 3px;
	border: 1px solid #809DB9;
}
.survey td {
	width:50px;
	text-align: center;
}
.survey .end {
	width:70px;
}
.survey th.options {
	text-align: left;
	font-weight:normal;
}
.yoronList {
	margin-top: 15px;
}
.yoronList h3 {
	font-size: 110%;
	line-height: 125%;
	margin-bottom: 5px;
	background: url(../../image/WMAI/ico_dot.png) no-repeat left 45%;
	padding-left: 14px;
}
.yoron .surveyTitle {
	width: 220px;
}
.yoron .mediaLink {
	width: 214px;
}
.yoron .mediaLink a {
	background: url(../../image/WMAI/ico_arrow.png) no-repeat left 45%;
	padding-left: 14px;
	display: block;
}
.yoron .checkBtn {
	text-align: center;
}
#rightPane .shashiIndex dl {
	margin-left: 5px;
}
#rightPane .shashiIndex dt {
	font-weight: bold;
	margin-bottom: 1em;
}
#rightPane .shashiIndex dd {
	padding-left: 2em;
	margin-bottom: 1em;
}
#nextBtn {
	border: 0px;
	width: 120px;
	height: 28px;
	background: url(../../image/WMAI/btn_bg_next.png) left top no-repeat;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	line-height: 28px;
}
#beforeBtn {
    border: 0px;
    width: 120px;
    height: 28px;
    background: url(../../image/WMAI/btn_bg_previous.png) left top no-repeat;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	line-height: 28px;
}
.researchBtn{
	margin-left:10px;
	padding-top:10px;
	line-height:28px;
	height:28px;
}