@charset "utf-8";

/* サイト全体共通スタイル */
@import url("/japan/common/css/style.css");

/* サブページ共通スタイル */
@import url("/japan/common/css/sub/subpage.css");

/* ================================================== */
/*  .NETmigration common style  */
/* ================================================== */

	/* --- contents_left --- */
	#contents_l h3 {
		margin:0 0 10px 0;
		padding:8px 0 8px 10px;
		border-top:1px solid #E6E6E6;
		border-bottom:1px solid #E6E6E6;
		background:#F5F5F5;
		display:none;
	}

	#contents_l h4 {
		margin:10px 0;
		padding:5px 0 5px 10px;
		font-size:100%;
		border-bottom:3px solid #E6E6E6;
	}
	
	#contents_l h5 {
		margin:0 0 10px 0;
		padding:5px 0 5px 10px;
		color:#966428;
		font-size:100%;
		border-bottom:1px solid #DCDCDC;
	}
	
	#contents_l h6 {
		margin:0 0 5px 0;
		color:#464646;
		font-size:100%;
	}
	/* end */
	
	/* --- main_contents --- */
	#dotnetshift {
		width:630px;
	}
	
		#dotnetshift .top {
			margin:15px 0;
		}

		#dotnetshift #lead {
			margin:0 0 20px 0;
			color:#464646;
			font-size:90%;
			line-height:180%;
		}
		
		#dotnetshift .c {
			margin:0 0 10px 0;
			color:#464646;
			font-size:90%;
			line-height:180%;
		}
	
		#dotnetshift #lead:not(\*|*),
		#dotnetshift .c:not(\*|*) {
			font-size:95%;
		}
	/* end */
	
	/* --- navigation --- */
	ul#shiftnavi {
		width:621px;
		height:40px;
		margin:0 0 30px 0;
		padding:0 0 0 9px;
		list-style:none;
		background:url(../images/nav/back.jpg) repeat-x;
	}
		
		ul#shiftnavi li {
			float:left;
		}
			
			ul#shiftnavi li.active {
				height:40px;
				line-height:3000%;
				overflow:hidden;
			}
		
		ul#shiftnavi li a {
			display:block;
			height:40px;
			text-decoration:none;
		}
			
			ul#shiftnavi li a span {
				visibility:hidden;
			}
			
			ul#shiftnavi li#defa a {
				width:110px;
				background:url(../images/nav/defa1.jpg) no-repeat bottom;
			}
			ul#shiftnavi li#defa a:hover {
				background:url(../images/nav/defa1.jpg) no-repeat top;
			}
			ul#shiftnavi li#defa.active {
				width:110px;
				background:url(../images/nav/defa2.jpg) no-repeat;
			}
			
			ul#shiftnavi li#list a {
				width:135px;
				background:url(../images/nav/list1.jpg) no-repeat bottom;
			}
			ul#shiftnavi li#list a:hover {
				background:url(../images/nav/list1.jpg) no-repeat top;
			}
			ul#shiftnavi li#list.active {
				width:135px;
				background:url(../images/nav/list2.jpg) no-repeat;
			}
			
			ul#shiftnavi li#info a {
				width:160px;
				background:url(../images/nav/info1.jpg) no-repeat bottom;
			}
			ul#shiftnavi li#info a:hover {
				background:url(../images/nav/info1.jpg) no-repeat top;
			}
			ul#shiftnavi li#info.active {
				width:160px;
				background:url(../images/nav/info2.jpg) no-repeat;
			}
			
			ul#shiftnavi li#cont a {
				width:122px;
				background:url(../images/nav/cont1.jpg) no-repeat bottom;
			}
			ul#shiftnavi li#cont a:hover {
				background:url(../images/nav/cont1.jpg) no-repeat top;
			}
			ul#shiftnavi li#cont.active {
				width:122px;
				background:url(../images/nav/cont2.jpg) no-repeat;
			}
	/* end */


/* ================================================== */
/*  default_page style  */
/* ================================================== */

			#dotnetshift .c .imgbox {
				width:400px;
				margin:0 auto;
				font-size:95%;
			}
			
				#dotnetshift .c .imgbox img {
					margin:0 0 3px 0;
				}

	
/* ================================================== */
/*  productlist_page style  */
/* ================================================== */

		/* checkbox */
		#dotnetshift #insidelink {
			padding:0 0 25px 0;
			color:#787878;
			font-size:11px;
			line-height:1.8;
		}
			
			#dotnetshift #insidelink span {
				display:inline-block;
				white-space:nowrap;
			}
			
			#dotnetshift #insidelink a {
				margin:0 10px;
				padding:0 0 0 12px;
				background:url(/japan/common/images/arrowbottom.gif) no-repeat left center;
			}
		
		/* checkbox */
		#dotnetshift #check {
			color:#464646;
			font-size:11px;
			line-height:11px;
			text-align:right;
		}
			
			#dotnetshift #check input {
				margin:0 3px 0 0;
				vertical-align:middle;
			}
			
			#dotnetshift #check label {
				vertical-align:middle;
			}
			
			* html #dotnetshift #check input,
			* html #dotnetshift #check label {
				vertical-align:bottom;
			}
			
			*:first-child+html #dotnetshift #check input {
				vertical-align:text-bottom;
			}
		
		/* list */
		#dotnetshift #productList {
			margin:-20px 0 0 0;
		}
			
			#dotnetshift #productList h4 {
				margin:30px 0 10px 0;
			}
			
			#dotnetshift #productList h5 {
				cursor:pointer;
			}
			
			#dotnetshift #productList h5.open {
				padding-left:25px;
				background:url(/japan/common/images/minus1.png) no-repeat 3px 7px;
			}
				
				#dotnetshift #productList h5.open:hover {
					background:url(/japan/common/images/minus2.png) no-repeat 3px 7px;
				}
			
			#dotnetshift #productList h5.close {
				padding-left:25px;
				background:url(/japan/common/images/plus1.png) no-repeat 3px 7px;
			}
				
				#dotnetshift #productList h5.close:hover {
					background:url(/japan/common/images/plus2.png) no-repeat 3px 7px;
				}
			
			#dotnetshift #productList .box {
				margin:0 0 0 20px;
				color:#464646;
				display:none;
			}
			
			#dotnetshift #productList p,
			#dotnetshift #productList ul {
				margin:0 0 20px 15px;
			}
				
				#dotnetshift #productList ul.pname li {
					margin:0 0 5px 0;
					list-style:none;
				}
				
				#dotnetshift #productList ul.faq li {
					margin:0 0 5px 15px;
				}
		
	
/* ================================================== */
/*  information_page style  */
/* ================================================== */


			#dotnetshift .c ol {
				margin:0 0 0 20px;
				color:#787878;
				list-style:disc;
			}
			
				#dotnetshift .c ol li {
					margin:0 0 15px 0;
					padding:0 0 0 5px;
				}
			
				#dotnetshift .c ol li span {
					color:#464646;
				}
			
			#dotnetshift .c .coolcatimg {
				float:right;
				margin:0 0 10px 20px;
				text-align:right;
			}
				
				#dotnetshift .c .coolcatimg img {
					padding:4px;
					border:1px solid #dcdcdc;
				}
			
			#dotnetshift .c .bookinfo {
				overflow:hidden;
			}
			
				#dotnetshift .c .bookinfo img {
					float:left;
					margin:0 25px 0 10px;
					border:1px solid #dcdcdc;
				}
				
				#dotnetshift .c .bookinfo p.book1 {
					margin:112px 0 0 0;
	
				}
				
				#dotnetshift .c .bookinfo p.book2 {
					margin:68px 0 0 0;
	
				}
			
			#dotnetshift .c p.column {
				margin:0 0 0 13px;
			}