@charset "Shift_JIS";

body {
	/*background: #FFF url(../images2/bg.jpg) center top;*/
	background-image: none;
}

body, th, td {
	color: #FFF;
}



#mbImage {
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.75em;
}
	#mbImage .content {
		padding: 20px;
	}
		#mbImage .content h3 {
			margin-bottom: 0.75em;
			font-size: 15px;
			line-height: 1.5em;
			font-weight: bold;
			color: #FFFF66;
		}
		#mbImage .content p {
			margin-bottom: 1em;
		}
	
/*--------------------------------------------------------------------

   header

 --------------------------------------------------------------------*/
#header {
	background: url("/store/techo/2013/images/bg_dashedline_h.gif") repeat-x scroll center bottom transparent;
    padding: 20px 0;
	height:auto;
}
#headerNav {
	float: right;
}
#headerNav li {
    float: left;
    margin-right: 25px;
}
#headerNav a:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}
 
/*--------------------------------------------------------------------

   contents

 --------------------------------------------------------------------*/
 #contents {
	margin-top: 365px; /* 75 + 420 - 150(offset) */
 }
	h1#title {
		position: absolute;
		width: 650px;
		left: 155px; /* (960 - 650) / 2 */
	}
	div#yodogawa {
		font-size: 16px;
		line-height: 1.75em;
		font-weight: bold;
		text-align: center;
	}
		div#yodogawa .mid {
			padding-top: 20px;
			padding-bottom: 20px;
		}
	
	
	div.column {
		width: 500px;
		margin: 0 auto 50px;
	}
		div.column .top {
			background: url(../images/bg_col_top.png) no-repeat center top;
			height: 20px;
			font-size: 1px;
			line-height: 0;
		}
		div.column .mid {
			background: url(../images/bg_col_mid.png) repeat-y center top;
			padding: 0 20px;
		}
		div.column .btm {
			background: url(../images/bg_col_btm.png) no-repeat center top;
			height: 20px;
			font-size: 1px;
			line-height: 0;
		}
		div.column .midashi {
			background-image: none;
			height: 45px;
		}
		div.column .mid p {
			margin-bottom: 1em;
		}

	div.article {
		width: 940px;
		margin: 0 auto 50px;
	}
		div.article .top {
			background: url(../images/bg_article_top.png) no-repeat center top;
			height: 20px;
			font-size: 1px;
			line-height: 0;
		}
		div.article .mid {
			background: url(../images/bg_article_mid.png) repeat-y center top;
			padding: 0 20px;
			position: relative;
		}
		div.article .btm {
			background: url(../images/bg_article_btm.png) no-repeat center top;
			height: 20px;
			font-size: 1px;
			line-height: 0;
		}
		
		div.dl .midashi {
			background-image: none;
			height: 80px;
		}
		div.dl .mid {
			padding-top: 20px;
		}
		div.dl .lead {
			text-align: center;
			margin-bottom: 20px;
		}
	
	
	div#news {
	}
		div#news h2 {
			position: absolute;
			top: -30px;
			left: 25px;
		}
		div#news .new {
			left: -25px;
			top: -15px;
		}
		div#news p {
			padding-left: 150px;
		}
		div.article .mid .new {
			position: absolute;
			width: 76px;
			height: 76px;
			background: url(../images/icon_new.png) no-repeat left top;
			left: -20px;
			top: -35px;
			z-index:1;
		}
	
	div.request p {
		text-align: center;
		padding-bottom: 10px;
	}
	
	ul.items {
		word-spacing: -1em;
		display: table;
		
		/* ------ setting ----- */
		width: 880px;
		margin: 0 auto;
	}
	ul.items li {
			word-spacing: normal;
			vertical-align: top;
			display:-moz-inline-box; /* firefox2 */
			display:inline-block;
			
			/* ------ setting ----- */
			width: 200px;
			padding: 0 10px 30px;
			margin-bottom: 40px;
			/*border-bottom: 1px solid #85858C;*/
			position: relative;
		}
	ul.items li.col2 {
		width: 420px;
	}
		#ltie8 ul.items li {
			/* IE6, IE7 */
			letter-spacing:normal;
			display:inline;
			zoom: 1;
		}
		
		
	
	ul.items li .thumb {
		margin-bottom: 10px;
	}
	ul.items li .left {
		width: 200px;
		padding-right: 10px;
	}
	ul.items li .right {
		width: 210px;
	}
	ul.items li h3 {
		margin-bottom: 0.75em;
		font-size: 15px;
		line-height: 1.5em;
		font-weight: bold;
		color: #FFFF66;
	}	
	ul.items li p {
		margin-bottom: 1em;
		font-size: 13px;
		line-height: 1.75em;
		letter-spacing: 0;
	}
	
	ul.items li div.buttons {
	}
		ul.items li div.buttons ul {
			margin-bottom: 10px;
		}
			ul.items li div.buttons ul li {
				float: left;
				width: 200px;
				margin-bottom: 0;
				padding: 0 5px 0 0;
				/*border-bottom: 0 none transparent;*/
			}
			ul.items li div.small ul li {
				width: 130px;
			}
				ul.items li div.buttons h4,
				ul.items li div.buttons ul li h5 {
					font-size: 13px;
					line-height: 1.5em;
					font-weight: bold;
					color: #FFFF66;
				}
				ul.items li div.buttons ul li h5 {
					padding-top: 5px;
					color: #FFFFB2;
				}

/*--------------------------------------------------------------------

   footer

 --------------------------------------------------------------------*/
#footer {
}
#footerNav {
    background: url("/store/techo/2013/images/bg_dashedline_h.gif") repeat-x scroll 0 0 transparent;
    clear: both;
    padding: 20px 24px;
}
#footerNav a:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}
#footerNav li {
    float: left;
    margin-right: 22px;
}
#footerNav li.fblike {
    margin-top: -2px;
}
.clrmr {
    margin-right: 0 !important;
}
	#footer #copyright {
		color: #FFF;
	}

#date {
	color: #FFF;
}



.hr1 {
	border-top: 1px solid #E6E6E6;
	height: 1px;
	font-size: 0.1px;
	line-height: 0.1px;
	margin: 10px 0 9px;
}


.big {
	font-size:18px;
	color: #FFFFB2;
}



a {
	color:#66CCFF;
	text-decoration: none;
}
a:link {
	color:#66CCFF;
	text-decoration: none;
}
a:visited {
	color:#66CCFF;
	text-decoration: none;
}
a:hover {
	color:#F39700;
	text-decoration: none;
}
a:active {
	color:#F39700;