@charset "UTF-8";

/*							*
	MUP common.css
	2008.08.11 @koyo
*							*/


/* ----------
		basic settings
----------*/


*{
	min-height: 0;	/* for Win IE 6,7 */
}
body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address {
	margin : 0px;
	padding : 0px;
}
img {
 border: 0px;
}
th, td, form, fieldset {
}

body {
	color: #515151;
	font-size: 60%;
	font-family:'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a {
	text-decoration: underline;
	color: #006699;
}
ul {
	list-style-type: none;
}
h1 {
}
em {
	visibility: hidden;
	font-size: 10px;
	font-style: italic;
}
#container h2,#container dl,#container p,#container li,#container td,#container th {
	color: #4C4C4C;
}
#container dl,#container p,#container td,#container th {
	font-size: 1.4em;
	line-height: 160%;
	text-align: left;
}
#container li {
	font-size: 1.4em;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 3px;
}
*+html #container #bulletin_list li {
	margin-top: 8px;
}
* html #container #bulletin_list li {
	margin-top: 8px;
}
ol {
	padding-left: 1.0em;
	padding-left: 3.0em;
	list-style-position: outside;
	list-style-type: decimal;
}
*+html ol {
	zoom: 1;
}
ol li{
	zoom : normal;
	display: list-item;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 1.0em;
	line-height: normal;
}
li p ,dl dl {
	font-size: 1.0em;
}

noscript {
	visibility: hidden;
	height: 0px;
}
#pagetop {
	height: 0px;
}


/* ----------
		basic rayout
----------*/


#container {
	width: 800px;
	margin: 0px auto;
	background: url(../img/contents_bg.gif) 90px 226px no-repeat;
}
#books #contents {
	background: url(../img/bg_sidebar.gif) 495px 53px no-repeat;
}
#container a {
	text-decoration: none;
	color:#4365AF;
}
#container a:hover {
	text-decoration: none;
	color: #002448;
}
#wrapper { /* テクスチャ画像を背景にする */
	width: 800px;
	margin: 0px auto;
	background: url(../img/container_bg.jpg) left 147px no-repeat;
}
#inner-wrapper {
	width: 800px;
	margin: 0px auto;
	min-height: 521px;
}


/* ----------
		header
----------*/


#header {
	height: 147px;
	position: relative;
}
#header img {
	vertical-align: text-top;
}
#logo {
	width: 231px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
}
#headMenu {
	text-align: right;
	width: 323px;
	height: 25px;
	background: url(../img/header_bg.gif) no-repeat right bottom;
	position: absolute;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
}
#headMenu ul {
	width: auto;
	height: 25px;
	text-align: right;
	padding: 0px 15px;
	overflow: hidden;
}
#headMenu li {
 width: auto;
	height: 25px;
	display: inline;
	padding: 0px;
	margin: 0px;
}



/* ----------
		global Navi
----------*/


#globalNavi {
	width: 717px;
	height: 79px;
	margin: 0px 0px 0px 83px;
	background: url(../img/global_navi_bg.gif) right no-repeat;
}
#globalNavi p {
	margin: 0px;
}


/* ----------
		clearfix
----------*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
 display: inline-block;
}
.clearfix {
 display: block;
}
/* Mac版IEのみに適用 \*//*/
.clearfix {
 overflow: hidden;
}
/* */



/* ----------
		contents
----------*/

#contents {
	width: 714px;
	margin-left: 86px;
	overflow: hidden;
}

#books #contents {
}

#contents h1 {
	margin: 25px 0px 10px 0px;
	height: 47px;
	background: url(../img/h1_bg.gif) repeat-x;
}
#contents h1 img {
	border-right: 3px #FFFFFF solid;
}
#contents h2,#contents h3 {
	margin: 10px 0px;
	font-size: 1.6em;
}
#books #contents h2 {
	font-size: 1.2em;
	margin-top: 0px;
}
#books #contents td h2 {
	width: 240px;
}
#books #contents td.nowrap {
	white-space: nowrap;
}
#contents h2 a {
	color: #FFFFFF;
}
#contents h2 a:hover {
	color: #D9C097;
}
#contents h3 {
}
#contents h4 {
	color: #802041;
	font-size: 1.6em;
	margin: 0px 30px 10px 30px;
}



/* ----------
		visual
----------*/
 



/* ----------
		main
----------*/

#main {
	width: 640px;
	margin: 0px auto;
}
#main p,#main ol,.table {
	margin: 0px 0px 10px;
}

td.books_img {
	width: 170px;
}
td.books_img img {
	margin-right: 10px;
}
* html td.books_img img {
	margin-right: 0px;
}

#books td td {
	font-size: 1.0em;
}

a.jump {
	display: block;
	background: url(../img/listmark_jump.gif) 3px 0.4em no-repeat;
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 20px;
}

#top #main,#books #main {
	width: 450px;
	margin: 0px auto 0px 35px;
	float: left;
}
* html #top #main,* html #books #main {
	width: 415px;
}
#top #main ul {
	margin: 0px 0px 10px 20px;
}
#top #main li {
	text-indent: -1.0em;
	margin-left: 1.0em;
}

.books_list {
	clear: both;
}
#container .books_list h2,#container .books_list p {
	margin-left: 80px;
}
#container #contents .books_list h2 {
	color: #235F9A;
	font-size: 1.6em;
}
#container #contents .books_list h2 a {
	color: #235F9A;
}
#container #contents .books_list h2 a:hover {
	text-decoration: underline;
}
.books_list_thumb {
	float: left;
	width: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul.gakubu {
	float: left;
	margin-right: 15px;
}
.gakubu a {
	display: block;
	width: 300px;
	height: 50px;
	color: #999999;
	font-weight: bold;
	background: url(../../bulletin/img/year.gif) no-repeat;
	margin-bottom: 10px;
	text-align: center;
	line-height: 50px;
	overflow: hidden;
}

/* --  -- */

/* -- 画像 -- */
.contentsImgLeft,.contentsImgLeft120 {
	float: left;
	margin: 0px 10px 5px 0px;
}
.contentsImgLeft,.contentsImgRight {
	width: 200px;
	height: auto;
	overflow: visible;
}
.contentsImgLeft120 {
	width: 120px;
}
.contentsImgLeft img,.contentsImgRight img {
	margin-bottom: 10px;
	float: left;
}
.contentsImgLeft em,.contentsImgLeft120 em,.contentsImgRight em {
	visibility: visible;
	display: block;
	clear: both;
	font-style: normal;
	text-align: center;
	line-height: 140%;
	font-size: 1.0em;
}
.contentsImgRight {
	float: right;
	margin: 0px 0px 5px 10px;
}

.table {
	background: #CCCCCC;
}
#container .table {
	margin-bottom: 10px;
}
#container .table th,.table td {
	padding: 5px;
	vertical-align: top;
}
#container table.table th {
	text-align: justify;
	background: #EFF2D7;
}
#container table.table td {
	background: #FFFFFF;
}
.tdCenter {
	text-align: center;
}


#container p#goPageTop {
	margin: 10px 0px 0px auto;
	text-align: right;
	clear: both;
}

#top h3.top_order {
	background: url(../../img/i_bg_order.gif) repeat-x;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	line-height: 23px;
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 1.3em;
	overflow: hidden;
}
#top #container .order_fax,#top #container .order_mail,#top #container .order_tel {
	font-size: 1.4em;
}



/* ----------
		news
----------*/

#top #main .news li {
	background: url(../img/listmark.gif) no-repeat left 0.3em;
	padding-left: 20px;
	text-indent: 0em;
}
#top #main .news ul {
	margin-left: 0px;
}

/* ----------
		sub
----------*/

#top #sub {
	width: 192px;
	margin-left: 500px;
	margin-top: 20px;
}
#books #sub {
	width: 196px;
	margin-left: 500px;
	margin-top: 53px;
}
#infobuybook {
	width: 185px;
	margin: 0px auto 10px;
	background: url(../img/bg_infobuybook.gif) repeat-x left 23px;
	overflow: hidden;
}
#infobuybook p {
	margin: 5px;
}
#howto_order {
	width: 166px;
	margin: 10px auto;
}
#top #howto_order {
	width: 432px;
}
#container .order_fax,#container .order_mail,#container .order_tel {
	font-size: 1.3em;
	font-weight: bold;
}
#container .order_fax {
	color: #748F12;
}
#container .order_mail {
	color: #006FC8;
}
#container .order_tel {
	color: #FF8500;
}
#container .order_mail_required {
	background: #EDF5F8;
	border: 1px solid #BEE1ED;
	padding: 2px 4px;
	margin-bottom: 10px;
}


/* ----------
		footer
----------*/


#footer {
	clear: both;
	min-height: 29px;
	height: auto !important;
	height: 29px;
	font-size: 0.9em;
	background: url(../img/footer_bg.gif) bottom repeat-x #FFFFFF;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
}
*+html #footer {
	overflow: visible;
}
* html #footer {
	overflow: visible;
}

#footmenu {
 width: 340px;
	min-height: 29px;
	height: auto !important;
	height: 29px;
/*	margin: 0px auto;
	float: left;*/
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#footmenu li {
	min-height: 29px;
	height: auto !important;
	height: 29px;
	margin-left: 10px;
	float: left;
	line-height: 29px;
}
#footmenu .listFirst {
	margin-left: 5px;
}
#footmenu a {
	color: #525151;
	min-height: 29px;
	height: auto !important;
	height: 29px;
	background: url(../img/footer_listmark.gif) left bottom no-repeat;
	display: block;
	float: left;
	padding-left: 20px;
}
#footmenu a:hover {
 text-decoration: underline;
}

p#address {
	width: 450px;
	margin-left: 340px;
	margin-right: 10px;
	line-height: 29px;
	text-align: right;
}

p#copyright {
	height: 100%;
	margin: 5px auto;
	text-align: center;
	font-size: 1.1em;
}


/*
ロールオーバー用画像先読み
*/
.pre {
	visibility: hidden;
	height: 0px;
	/* 以下に先読みする画像を指定。 */
	background-image: url(../img/global_navi01_o.jpg);
	background-image: url(../img/global_navi02_o.jpg);
	background-image: url(../img/global_navi03_o.jpg);
	background-image: url(../img/global_navi04_o.jpg);
	background-image: url(../img/global_navi05_o.jpg);
	background-image: url(../img/global_navi06_o.jpg);
}



/* 2010.01.29 edited by koba */

/* 書籍のご案内 */
img.img-border {
	border:#CCC 1px solid;
}

/* 2010.05.10 edited by koba */
h2 span.small {
font-size: 0.8em;
}

