/* yjTmplCommon.css 1.1.0 */

/*
1. reset
2. layout
layout common
yj950 common
pagestyle
clearfix
*/

/* reset
-------------------------------------*/
body{
	margin: 0;
	padding: 0;
	text-align: center;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
ul li, ol li{
	list-style: none;
}
table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption{
	text-align: left;
}
table,pre,code,select,input,textarea,kbd,var,ins,del,samp{
	font-size: 100%;
}
address,cite,dfn,em,strong,var,th,ins,del,samp{
	font-weight: normal;
	font-style: normal;
}
a img{
	border: 0;
}
hr.yjSeparation{
	display: none;
}
fieldset{
	border: none;
}


/* layout
-------------------------------------*/

/* === layout common === */
body{
	background-color: #efefef;
}
#wrapper{
	text-align: left;
	font-size: medium;
	line-height: 1.56;
}
#yjContentsBody{
	position: relative;
}
.yjGuid{
	display: block;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.yjSkip{
	display: block;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}


/* === yj950 common === */
.yj950-1 #wrapper{
	width: 950px;
	margin: 0 auto;
	border-top: 5px solid #000;
	background-color: #fff;
}
.yj950-1 #contents{
	text-align: left;
}

/* === pagestyle === */
.hackday a,
#footer a{
	text-decoration: none;
}
.hackday a:hover,
#footer a:hover{
	text-decoration: underline;
}
#bg{
	margin: 0 auto;
	background: url(http://i.yimg.jp/images/search/labs/yubiken/v1/img/promo_bg.png) repeat-y center 0 #efefef;
}
.hackday{
	clear: both;
	margin: 10px 20px 15px;
	padding: 10px;
	background-color: #efefef;
}
.hackday h2{
	padding: 10px 0 0 10px;
}
.hackday .dtl{
	border: 1px solid #ccc;
	background-color: #fff;
}
.hackday .photo{
	margin: 0 0 13px 20px;
}
.hackday .photo img{
	margin-right: 19px;
}
.note_1,
.note_2{
	_display: inline; /* for IE6 */
	float: left;
	margin-bottom: 13px;
	padding-top: 2px;
	background-image: url(http://i.yimg.jp/images/search/labs/yubiken/v1/img/hr.png);
	background-repeat: repeat-y;
	line-height: 1.64em;
}
.note_1 p,
.note_2 p{
	width: 407px;
	margin: 0 0 10px;	
}
.note_1{
	float: left;
	margin-left: 22px;
}
.note_2{
	float: right;
	margin-right: 22px;
}
.logo{
	position: absolute;
	top: 4px;
	right: 23px;
}
.bmk{
	position: absolute;
	top: 120px;
	right: 22px;
	text-align: right;
}
.bmk p{
	float: left;
	margin-left: 10px;
	background-color: #fff;
}
.bmk .bmk_t{
	margin-right: -10px;
}
.step{
	margin-top: 10px;
}
.use{
	margin-top: 10px;
	font-size: 88%;
	text-align: center;
}
.point,
.demo{
	_display: inline; /* for IE6 */
	float: left;
}
.point{
	margin: 20px;
}
.demo{
	margin: 20px 0 20px 32px;
}
#footer{
	padding-bottom: 15px;
	text-align: center;
}
#footer span{
	color: #6d7582;
	margin: 0 10px;
}
#footer address{
	color: #6d7582;
	font-size: 88%;
}


/* === clearfix === */
/* for FF,Safari,Opera */
#yjContentsBody:after,
.cf:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}
/* for Win IE5.5-7 */
#yjContentsBody,
.cf{
	zoom: 1;
}