/* =========================================================

	MEDICUS SHUPPAN,Publishers Co., Ltd.

============================================================ */


/* ---------------------------------------------------------
#main_column
------------------------------------------------------------ */



/* タイトル一覧
-----------------------------------------------*/
#main_column dl.list,
#main_column ul.list{
	clear:both;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	line-height:1.5;
}
	#main_column dl.list dt,
	#main_column ul.list li{
		padding:9px 0 0px 15px;
		background:url(../images/arrow_other.gif) 0px 12px no-repeat;
		text-align:left;
	}
	#main_column dl.list dd{
		margin:-1.5em 0px 0 9.5em;
		padding:0 0 0 0;
		text-align:left;
	}
    #main_column dl.list dd.new{
		margin:-1.5em 0px 0 12em;
	}
		#main_column dl.list dd img{ margin-left:3px; vertical-align:middle; }

	#main_column ul.list li .new_mark,	
	#main_column dl.list dd .new_mark {	
		padding-right:35px;
		background:url(../images/icon_new.gif) no-repeat right 0px;
	}
	#main_column ul.list li .mark,
	#main_column dl.list dd .mark {
		padding-right:15px;
		background:url(../images/link_blank.gif) no-repeat right 3px;
	}

	#main_column ul.list li .pdf,
	#main_column dl.list dd .pdf {
		padding:1px 18px 2px 0;
		background:url(../images/link_pdf.gif) no-repeat right 0px;
	}
	#main_column dl.list dd.seminar { margin-left:8.7em; padding-left:57px; background:url(../images/news_icon_seminar.gif) no-repeat left 3px; }
	#main_column dl.list dd.important { margin-left:8.7em; padding-left:57px; background:url(../images/news_icon_important.gif) no-repeat left 3px; }
	#main_column dl.list dd.info { margin-left:8.7em; padding-left:57px; background:url(../images/news_icon_info.gif) no-repeat left 3px; }




/* オススメ商品一覧
-----------------------------------------------*/
#main_column ul.recom_itemList {margin-top:10px;}
#main_column ul.recom_itemList li {
	float:left;
	font-size:1px;
}
#main_column ul.recom_itemList .banner_hover {
	width:139px;
	border:1px #e1e1e1 solid;
	padding:0;
	display:block;
}

.slide a,
.recom_item ul a{
	text-decoration: none;
	color:#333333;
}

.productItem {
	display:block;
	padding:10px 0;
	text-align:center;
}
.productIcon {
	display:block;
	padding:0 10px 2px 10px;
}
	.productIcon  img { margin:0 3px 3px 0;}
.productName {
	display:block;
	padding:0 10px; 
	line-height:1.2; 
	font-size:12px;
	font-weight:bold;
}
.productPrice {
	display:block;
	padding:0 10px 10px 10px;
	line-height:1.2; 
	font-size:12px;
}
.productStock {
	display:block;
	margin-top:-10px;
	padding:0 10px 10px 10px;
	line-height:1.2; 
	font-size:10px;
}
.productBody {
	display: block;
	width: 176px;
	padding: 5px 0 20px 0;
	font-size: 12px;
	line-height: 1.5;
}



#main_column ul.recom_itemList li .img {display:block;}
#main_column ul.recom_itemList li .img img {
	display:block;
	margin:0 auto;
}
#main_column ul.recom_itemList li .icon {
	margin-top:3px; 
	display:block;
}
#main_column ul.recom_itemList li .icon img {margin:2px 2px 0 0;}
#main_column ul.recom_itemList li p {
	margin-top:5px;
	line-height:120%;
	font-size:12px;
}
#main_column ul.recom_itemList li a {
	color:#333; 
	text-decoration:none;
}



/* おすすめセミナー一覧
-----------------------------------------------*/
.sectSeminar .seminarColor dl {
	margin:10px 0; 
	float:right;
}
	.sectSeminar .seminarColor  dt {
		float:left;
		padding:4px 0; 
		color:#999999;
	}
	.sectSeminar .seminarColor  dd {
		float:left;
		text-align:center; 
		padding:4px 7px; 
		margin-left:3px;
	}


.sectSeminar .seminarItem{
	clear:both;
	padding:13px 10px 13px 30px;
	border-top: 1px solid #E1E1E1;
	line-height:1.4;
	background:#F2F2F2 url(../images/arrow_other.gif) 13px 16px no-repeat;
}
.sectSeminar .odd{ background-color:#FFFFFF; }
.sectSeminar .seminarItem a { color:#333; text-decoration:none; }

.sectSeminar .area1,
.seminarListBox table .area1 { padding:2px 5px; background-color:#FFDFDF; }
.sectSeminar .area2,
.seminarListBox table .area2 { padding:2px 5px; background-color:#D1F6FF; }
.sectSeminar .area3,
.seminarListBox table .area3 { padding:2px 5px; background-color:#FFECA1; }
.sectSeminar .area4,
.seminarListBox table .area4 { padding:2px 5px; background-color:#D6F5CC; }
.sectSeminar .area5,
.seminarListBox table .area5 { padding:2px 5px; background-color:#E0D6EB; }

	.sectSeminar .seminarItem .seminarName{
		width:440px;
		float:left;
	}
	.sectSeminar .seminarItem .seminarName .new_icon {
			padding-right:32px;
			background:url(../images/icon_new.gif) no-repeat right top;
	}
	.sectSeminar .seminarItem .seminarName .recommend_icon {
			padding-right:32px;
			background:url(../images/icon_iciosi.gif) no-repeat right top;
	}

	.sectSeminar .seminarItem .seminarArea{
		width:250px;
		float:right;
		padding:5px 0 0 0;
	}
		.sectSeminar .seminarItem .seminarArea li {
			float:left;
			margin:0 4px 4px 0;
			padding:2px 7px; 
			text-align:center; 
		}



/* ライブラリtable
-----------------------------------------------*/
table.libraryTbl {
	margin:1em 0 0 0;
	border-top:1px #CCC solid;
	border-right:1px #CCC solid;
	line-height:1.4;
}
table.libraryTbl th {
	padding:4px 0;
	background-color:#EBEBEB;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
}
	table.libraryTbl .book { width:95px; }
	table.libraryTbl .thumb { width:140px; }
	table.libraryTbl .title { width:auto; }
	table.libraryTbl .offer { width:150px; }
	table.libraryTbl .keybtn { width:110px; }


table.libraryTbl td {
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
	text-align:left;
}
	table.libraryTbl td.book { padding:10px 0; text-align:center; }
	table.libraryTbl td.thumb { padding:10px 0; text-align:center; }
	table.libraryTbl td.title { padding:10px; }
	table.libraryTbl td.offer { padding:10px; }
	table.libraryTbl td.keybtn { padding:10px 0; text-align:center; }

/*検索フォーム*/
table.libSearchTbl{
	width:745px;
	margin:5px 0 0 0;
	line-height:1.6;
}
	table.libSearchTbl th{
		width:90px;
		padding:8px 0 0 0;
		text-align:right;
		vertical-align:top;
		font-weight:normal;
	}
	table.libSearchTbl td{
		width:655px;
		padding:8px 0 0 0;
		text-align:left;
		color:#999;
	}
table.libSearchTbl .libSearchInput{
    height: 20px;
    width: 300px;
	border: 1px solid #999999;
}

/*検索結果*/
.libSearchResult {
    margin: 15px 0 0 0;
	padding:10px;
	border: 5px solid #E5E5E5;
}
	.libSearchResult table { line-height:1.4; }
	.libSearchResult table th,
	.libSearchResult table td {
		text-align:left;
		vertical-align:top;
	}
	.libSearchResult table th { font-weight:bold; }
	.libSearchResult table td.btn {
		text-align:right;
	}



/* ページ送り
-----------------------------------------------*/
#main_column .pager {
	float:right;
	clear:both;
	margin-bottom:10px;
	padding-top:15px;
	vertical-align:middle;
}
#main_column .pager span {
/*	float:left;*/
	padding:5px 5px;
	color:#999999;
}
#main_column .pager a,
#main_column .pager .in {
/*	float:left;*/
	padding:3px 5px;
	margin:0 2px 0 0;
	border:1px #999 solid;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	text-align:center;
}
	#main_column .pager a:hover { background-color:#999; color:#FFFFFF; }

#main_column .pager .in {
	border:1px #333333 solid;
	background-color:#333333;
	color:#fff;
}






/* 商品リストtable
-----------------------------------------------*/
table.itemListTbl {
	margin:10px 0 0 0;
	border-top:1px #CCC solid;
	border-right:1px #CCC solid;
	line-height:1.4;
}
table.itemListTbl th {
	padding:4px 10px;
	background-color:#EBEBEB;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
}
table.itemListTbl td {
	word-break: break-all;
	word-wrap: break-word;
}
	table.itemListTbl .pct { width:65px; }
	table.itemListTbl .ttl { width:auto; }
	table.itemListTbl th.price { width:80px; }
	table.itemListTbl th.tax { width:40px; }
	table.itemListTbl th.num { width:80px; }
	table.itemListTbl th.taxInc { width:80px; }
	table.itemListTbl th.del,
	table.itemListTbl th.num2 { width:40px; }


table.itemListTbl td {
	padding:10px;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
	text-align:right;
}
	table.itemListTbl td.pct,
	table.itemListTbl td.num,
	table.itemListTbl td.del,
	table.itemListTbl td.num2 { padding:10px 0; text-align:center; }
	table.itemListTbl td.ttl { text-align:left; }
	
table.itemListTbl .numInput{
    height: 20px;
    width: 30px;
	border: 1px solid #999999;
	text-align:center;
}






/* 商品合計table
-----------------------------------------------*/
.itemTotalWrap { padding-top:10px; }
.itemTotalWrap .itemTotal {
	float:right;
	width:325px;
}
.itemTotalWrap .itemTotalInfo{
	float:left;
	width:420px;
	padding:5px 0 0 0;
	color:#999;
	line-height:1.4;
}

table.itemTotalTbl {
	margin:0;
	border-top:1px #CCC solid;
	border-right:1px #CCC solid;
	line-height:1.4;
}
table.itemTotalTbl th {
	width:141px;
	padding:10px;
	background-color:#EBEBEB;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
	text-align:right;
	font-weight:normal;
}
	table.itemTotalTbl tr.price th,
	table.itemTotalTbl tr.price2 th {
	    border-right: 1px solid #F0E08E;
		background-color: #FFFFCC;
	    font-size: 1.2em;
	    font-weight: bold;
	}
	table.itemTotalTbl tr.price2 th {
		background-color: #FFD940;
		border-right: 1px solid #F0C62D;
	}
	
table.itemTotalTbl td {
	padding:10px;
	border-left:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
	text-align:right;
}
	table.itemTotalTbl tr.price td,
	table.itemTotalTbl tr.price2 td {
	    font-size: 1.2em;
	    font-weight: bold;
		line-height:1.2;
	}
		table.itemTotalTbl tr.price td span,
		table.itemTotalTbl tr.price2 td span {
			font-size:0.8em;
			font-weight:normal;
			color:#999999;
		}





/* submitボタンエリア
-----------------------------------------------*/
/*グレー*/
.btn_confirm,
.btn_submit,
.btn_serect {
	margin:30px 0 0 0;
	padding:10px;
	background-color:#F2F2F2;
	text-align:center;
}

/*赤*/
.btn_submit {
	background-color:#FFEBEB;
}

/*黄*/
.btn_serect {
	background-color:#FEFACC;
}

.btnNext{ float:right; }
.btnBack{ float:left; }



/* 注目旗
-----------------------------------------------*/
dl.flagLead{ 
	clear:both;
	padding:25px 0 0 0;
	line-height:1.6;
}
	dl.flagLead dt{} 
	dl.flagLead dd{ padding-top:5px; } 



/* アラート
-----------------------------------------------*/
.attentionAlert{
	clear:both;
	margin:25px 0 0 0;
	padding:10px 15px;
    border: 1px solid #FF0101;
	background-color: #FEF0EF;
	line-height:1.6;
	font-weight:bold;
}
.attentionAlert h3{ padding-bottom:5px; }



/* 入力table
-----------------------------------------------*/
table.inputTbl,
table.inputTbl2,
table.inputTbl2w {
	margin:10px 0 0 0;
	border:1px #CCC solid;
	line-height:1.6;
}
table.inputTbl th,
table.inputTbl2 th,
table.inputTbl2w th {
	width:120px;
	padding:10px;
	background-color:#DFF2FF;
	border-right:1px #B3D6F4 solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
}
	table.inputTbl2 th { text-align:left; }
	table.inputTbl2w th { width:150px; text-align:left; }

table.inputTbl th.ttl,
table.inputTbl2 th.ttl,
table.inputTbl2w th.ttl {
	border-right: 1px solid #F0E08E;
	background-color: #FFFFCC;
}
table.inputTbl th.gray,
table.inputTbl2 th.gray,
table.inputTbl2w th.gray {
	border-right: 1px solid #CCC;
	background-color: #F3F3F3;
}



table.inputTbl td,
table.inputTbl2 td,
table.inputTbl2w td {
	padding:10px;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
}
	table.inputTbl td .caption {
		color: #FF6600;
	    font-size: 1.2em;
	    font-weight: bold;
	}
	table.inputTbl td .caption_caution {
		color: red;
		font-weight: bold;
		margin-left: 5px;
	}
	table.inputTbl td .btn { padding-top:5px; }
	
table.inputTblInner{
	width:602px;
	margin:8px -10px -8px -10px;
}
	table.inputTblInner th {
		width:120px;
		padding:0 10px 8px 10px;
		background-color:transparent;
		border:none;
		vertical-align:middle;
		text-align:left;
		font-weight:bold;
	}
	table.inputTblInner td {
		padding:0 10px 8px 10px;
		border:none;
		vertical-align:middle;
	}
		table.inputTbl th .required {
			background:url(../images/icon_required2.gif) no-repeat right 3px;
			display:block;
		}

	table.inputTblInner tr.border th,
	table.inputTblInner tr.border td{
		padding-top:8px;
		border-top:1px dotted #999999;
	}
	
	
table.inputTbl select,
table.inputTbl input[type="text"],
table.inputTbl input[type="password"],
table.inputTbl textarea,
table.inputTbl2 select,
table.inputTbl2 input[type="text"],
table.inputTbl2 input[type="password"],
table.inputTbl2 textarea,
table.inputTbl2w select,
table.inputTbl2w input[type="text"],
table.inputTbl2w input[type="password"],
table.inputTbl2w textarea{
	margin:1px 0;
	padding:4px 5px;
	border:1px #999 solid;
	font-size:13px;
	line-height:1.2;
}
table.inputTbl td .inputText,
table.inputTbl2 td .inputText {
	height: 75px;
	width: 550px;
	resize: none;
}
table.inputTblInner .inputTel { width:65px; }




/* 確認table
-----------------------------------------------*/
table.confirmTbl,
table.confirmTblB {
	margin:10px 0 0 0;
	border:1px #CCC solid;
	line-height:1.6;
}
table.confirmTbl th,
table.confirmTblB th {
	width:120px;
	padding:10px;
	background-color:#EBEBEB;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
	text-align:left;
	font-weight:normal;
}
	table.confirmTblB th {
		background-color:#DFF2FF;
		border-right:1px #B3D6F4 solid;
	}

table.confirmTbl td,
table.confirmTblB td{
	padding:10px;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
}
table.confirmTbl th.txC,
table.confirmTblB th.txC,
table.confirmTbl td.txC,
table.confirmTblB td.txC{ text-align:center; }

	/*修正ボタン*/
	table.confirmTbl td.btn ,
	table.confirmTblB td.btn{ width:90px; padding:10px 0; text-align:center; }

/*セミナー名*/
table.confirmTbl th.ttl,
table.confirmTblB th.ttl {
	border-right: 1px solid #F0E08E;
	background-color: #FFFFCC;
}

/*セミナーお支払い総額*/
table.confirmTbl tr.pay th,
table.confirmTblB tr.pay th {
	font-weight:bold;
	background-color: #FFD940;
    border-right: 1px solid #F0C62D;
}
table.confirmTbl tr.pay td,
table.confirmTblB tr.pay td {
	font-weight:bold;
	font-size: 1.2em;
	color:#FF0000;
}






/* 問い合わせtable
-----------------------------------------------*/
table.inquiryTbl {
	margin:20px 0 0 0;
	border:1px #CCC solid;
	line-height:1.6;
}
table.inquiryTbl th {
	width:27%;
	padding:13px 10px 13px 15px;
	background-color:#DFF2FF;
	border-bottom:1px #CCC solid;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}
	table.inquiryTbl th .required {
		background:url(../images/icon_required.gif) no-repeat right top;
		display:block;
	}
table.inquiryTbl td {
	width:73%;
	padding:10px;
	border-left:1px #B3D6F4 solid;
	border-bottom:1px #CCC solid;
	vertical-align:middle;
}
/*
table.inquiryTbl td .red {
	font-size:0.8em;
	color:#FF0000;
}
*/

table.inquiryTbl td select,
table.inquiryTbl td input[type="text"],
table.inquiryTbl td textarea{
	margin:1px 0;
	padding:5px;
	border:1px #999 solid;
	font-size:13px;
	line-height:1.2;
}
table.inquiryTbl td textarea{
	line-height:1.25;
}
table.inquiryTbl td .inquiryText{
	height: 100px;
	width: 500px;
	resize: none;
}


.inquiryList{ line-height:1.6; }
.inquiryList dt{
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	background:url(../images/arrow_other.gif) no-repeat 0 8px;
	font-size:1.2em;
}
.inquiryList dd{
	padding:0 0 0 15px;
	color:#666666;
}

