/*
Media Channel,Inc,.
2006/03/07
--------------------
LastUpdate:2006/03/07
*/

/*
Tags
*/
body {
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:333333;
	background-color:#F2F2F2;
	background-image:url(../images/common/mainBackground.gif);
	background-position:center;
	background-repeat:repeat-y;
	text-align:center;
	margin:0px;
}

img {
	border:0px;
	margin:0px;
	padding:0px;	
}

a {
	color:#4573B3;
	text-decoration:underline;
}

a:hover {
	color:#A43085;
	text-decoration:underline;
}

blockquote {
	background-color:#F2F2F2;
	margin:0px;
	padding:5px;
	border:1px solid #CCCCCC;
}

td {
	font-size:12px;
}

br {
	letter-spacing:0;
}

/*
Common Class
*/
.text {
	font-size:12px;
	color:#333333;
	line-height:150%;
	letter-spacing:1px;
}

.text10 {
	font-size:10px;
	color:#333333;
	line-height:150%;
	letter-spacing:1px;
	font-weight:normal;
}

.text14 {
	font-size:14px;
	color:#333333;
	line-height:150%;
	letter-spacing:1px;
	font-weight:normal;
}

.text10normal {
	font-size:10px;
	line-height:150%;
	letter-spacing:1px;	
}

.clear {
	clear:both;
}

.mp0 {
	margin:0px;
	padding:0px;
}

.mp0t5 {
	margin:0px;
	margin-top:10px;
	padding:0px;
}

.mp0di {
	margin:0px;
	padding:0px;
	display:inline;
}

.text_underbar_red {
	border-bottom:1px dotted #CC0000;
	}

.grayBackground {
	background-color:#F2F2F2;
	padding:10px;
	border:1px solid #CCCCCC;
}

.even {
	font-size:12px;
}

.odd {
	font-size:12px;
}

.head {
	background-color:#F2F2F2;
	font-size:12px;
}

.outer {
	font-size:12px;
	color:#333333;
	line-height:150%;
	letter-spacing:1px;
	border:1px solid #CCCCCC;
}

.error-message {
    color:#ff0000;
    font-weight:bold;
}

th {
	padding:5px;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#666699;
}

/*
Structure
*/
/* Globalhead */
div#globalHead {
	width:100%;
	background:#ABABAB;
	border-bottom:1px solid #999999;
}

	div#headMenu{
		width:780px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
	}
	
		dl#headMenuList {
		}

		dl#headMenuList dt{
			float:left;
		}

/* headerLogoSearch */
div#headerLogoSearch{
	width:100%;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

	div#mainHeader {
		width:780px;
		height:50px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
	}
	
		h1#headerLogo{
			width:150px;
			height:50px;
			margin:0px;
			float:left;
		}
		
		div#headerSearch {
			text-align:right;
			float:right;
		}
			
			h3#searchTitle {
				width:100px;
				vertical-align:middle;
				margin:0px;
				float:left;
			}

			input#searchText {
				width:100px;
				height:18px;
				color:#333333;
				background-color:#F2F2F2;
				border:1px solid #CCCCCC;
				vertical-align:top;
				margin-right:5px;
				margin-left:5px;
				float:left;
			}
			
			input#searchSubmit {
				vertical-align:middle;
				margin:1px;
				float:left;
			}

/* headerMenu */
div#mainMenu {
	width:100%;
	text-align:left;
	background-image:url(../images/common/menuBackground.gif);
	background-repeat:repeat-x;
}

		div#headerMenu {
			width:780px;
			height:30px;
			margin-left:auto;
			margin-right:auto;
		}

			dl#menuList {				
				margin:0px;
			}
			
				dl#menuList dt {
					float:left;
					padding:0px;
					margin:0px;
					position:relative;  /* 2009/04 mmj add */	
				}	

					dl#menuList a {
						text-decoration:none;
					}	

					dl#menuList a:hover {
						text-decoration:underline;
					}	


					dl#menuList dt img{
						vertical-align:bottom;
						margin:0px;
					}
	
/* 2009/04 mmj add start ============ */	
#headerMenu ul , #headerMenu li {
	margin: 0;
	padding: 0;
}

#headerMenu ul {
	list-style: none;
}

	#headerMenu dl dt ul {
		display: none;
		position: absolute;
		top: 30px;
		left: 7px;
		z-index: 0;
	}
		#headerMenu dl dt ul li {
			background: #70adcc;
			position: relative;
      padding:5px 5px 5px 9px;
			width:137px;
		}
		#headerMenu dl dt ul li a{
			font-size:10px;
			color:#ffffff;
		}
		#headerMenu dl dt ul li a:hover{
			text-decoration:none;
			}		
/* 2009/04 mmj add end ============ */	


					
/* MainContent */
div#main {
	width:100%;
	text-align:left;
}

	h2#mainVisual {
		width:760px;
		margin-top:0px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:5px;
		padding-top:1px;
		clear:both;
	}
	
	a#top {
	}
		
	div#mainContent{
		width:780px;
		margin-left:auto;
		margin-right:auto;
	}
	
		div#contentHeader {
			width:760px;
			background-image:url(../images/common/menuBottomBackground.gif);
			margin-left:auto;
			margin-right:auto;
			margin-top:5px;
			margin-bottom:5px;
		}

/* PageTop */
div#pageTop {
	margin-top:10px;
	width:750px;
}

div#pageTopWide { 
    margin-top:10px;
    width:760px; 
}

div#topBtn {
	text-align:right;
}

/* MainFooter */
div#mainFooter {
	clear:both;
    width:760px;
	border-top:1px solid #CCCCCC;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}

	div#footerCopyright {
		text-align:right;
	}


	dl#footerMenuList {
		width:320px;
		float:left;
		margin:5px;
	}

		dl#footerMenuList dt{
			float:left;
            margin:0px;
		}

/* MainFooter2(MMJ-Matsumoto add) */
div#mainFooter2 {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}
/*
Content
*/

/* Common */
p#breadCrumb {
	margin:5px;
	font-size:10px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}

div#Contents {
	padding-left:10px;
	padding-right:10px;
}

div#Contents .BtnContact {
    float:right;

}
div#Contents .BtnbookAdd {
    float:right;
    margin-top:10px;
    margin-bottom:10px;
}
div#Contents td.BookSort {
    width:20px;
    vartical-align:middle;
    text-align:center;
}
div#Contents td.BookSort a {
    margin-top:5px;
    margin-bottom:5px;
}

	div#leftContent{
		width:200px;
		float:right;
		background-color:#DDEBF2;
	}
	
		div.lContContent{
			margin:5px;
		}
		
		div.lblockContent {
			background-color:#FFFFFF;
			border:1px solid #CCCCCC;
		}

	div#rightContent{
		width:750px;
		text-align:left;
		float:left;
	}

h3.blockTitle {
	background-color:#006699;
	padding:5px;
	margin:0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

/* UserMenu */
dl.userMenu {
	margin:0px;
}

	dt.userMenuArray {
		padding:5px;
		padding-top:10px;
		padding-bottom:10px;
		border-top:1px solid #CCCCCC;
	}
	
	dt.userMenutop {
		padding:5px;
		padding-top:10px;
		padding-bottom:10px;
	}


/* topMenu */
dl.topMenu {
	margin:0px;
}

	dt.topMenuArray {
		padding:0px;
		padding-top:10px;
		padding-bottom:10px;
		border-top:1px solid #CCCCCC;
	}
	
	dt.topMenutop {
		padding:0px;
		padding-top:10px;
		padding-bottom:10px;
	}

/* Login */
dl.loginMenu {
	margin:0px;
}

	dt.loginMenuArray {
		padding:5px;
		padding-top:10px;
		padding-bottom:10px;
		border-top:1px solid #CCCCCC;
	}
	
	dt.loginMenutop {
		padding:5px;
		padding-top:10px;
		padding-bottom:10px;
	}

	input.loginText {
		width:150px;
		height:18px;
		color:#333333;
		background-color:#F2F2F2;
		border:1px solid #CCCCCC;
		vertical-align:top;
	}

	input.loginSubmit {
		width:75px;
		height:18px;
		color:#333333;
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		vertical-align:top;
		margin:0px;
		margin-top:5px;
	}
	
/* StaffMenu */
dl.staffMenu {
	margin:0px;
}

	dt.staffMenuArray {
		padding:5px;
		padding-top:10px;
		padding-bottom:10px;
		border-top:1px solid #CCCCCC;
	}
	
	dt.staffMenuSubArray {
		padding:5px;
		padding-left:20px;
		background-color:#F2F2F2;
		border-top:1px solid #CCCCCC;
	}

/* StaffList */
div.staffList{
	width:740px;
	border:1px solid #CCCCCC;
	padding:5px;
}

div.staffListParent {
	width:550px;
	text-align:left;
}

	div.staffListParent img {
		margin-right:5px;
	}

div.staffRootList {
	width:550px;
	text-align:left;
}

	div.staffRootList img {
		margin-right:5px;
	}

	div.staffRootSubList {
		width:390px;
		border-top:1px solid #CCCCCC;
		font:left;
	}
	
		.staffRootSubList dl {
			margin:10px;
			padding:0px;
		}
		
		.staffRootSubList dt {
			padding:0px;
			line-height:150%;
			display:inline;
		}

div#listcolumnLeft {
	width:100px;
	float:left;
	margin-right:5px;
}

	div#listPhoto {
		width:90px;
		height:120px;
		padding:5px;
		border:1px solid #F2F2F2;
	}

div#listcolumnRight {
	width:620px;
	text-align:left;
	float:right;
	margin-right:5px;
}

	h3#listTitle {
		color:#006699;
		font-size:14px;
		margin-bottom:10px;
		margin-top:10px;
	}

p.listPagetop {
	width:740px;
	font-size:10px;
	text-align:right;
	margin:5px;
	margin-bottom:15px;
}
	
/* Single */
div#singleMain {
	width:750px;
	padding:5px;
}

div#columnLeft {
	width:130px;
	float:left;
	margin-right:5px;
}

	div#singlePhoto {
		width:120px;
		height:160px;
		padding:5px;
		border:1px solid #CCCCCC;
	}

		div#singlePhoto img {
			vertical-align:bottom;
		}

div#columnRight {
	width:600px;
	text-align:left;
	float:right;
	margin-right:5px;
}
	h4#singlealpTitle {
		color: #006699;
		font-size:12px;
		margin:0px;
		font-weight:normal;
		margin-bottom:5px;
	}

	h3#singleTitle {
		color:#006699;
		font-size:14px;
		border-bottom:1px solid #CCCCCC;
		padding-bottom:5px;
		margin-bottom:5px;
	}