@charset "UTF-8";
/* ****************************************************
contents.css
Define main contents' basic layout.
***************************************************** */
#contents-container{
	background-image:url(../../contents/images/contents_bg001.jpg);
	min-height:848px;
	height:848px;
}

/* スペシャルコンテンツ扉
------------------------------------ */
#contents div.three-colum{
	width:960x;
	clear:both;
	margin-right:-2px;
	margin-bottom:0px;
}

* html #contents div.four-colum{
	margin-right:-2px;
}

#contents li.ilust{
	float:left;
	padding-right:2px;
}


/* ブログパーツ
------------------------------------ */
#contents div.two-colum{
	clear:both;
	width:886px;
}
#contents div.img-left{
	float:left;
	width:168px;
	padding:0 26px 0 0;
}
#contents div.img-left span{
	display:none;
}
#contents div.img-left span.selected,
#contents div.img-left span.selected02,
#contents div.img-left span.selected03,
#contents div.img-left span.selected04,
#contents div.img-left span.selected05,
#contents div.img-left span.selected06,
#contents div.img-left span.selected07,
#contents div.img-left span.selected-n,
#contents div.img-left span.selected02-n,
#contents div.img-left span.selected03-n,
#contents div.img-left span.selected04-n,
#contents div.img-left span.selected05-n,
#contents div.img-left span.selected06-n,
#contents div.img-left span.selected07-n  {
	display:block;
}

#contents div.color {
	float:left;
	width:686px;
}

#contents ul.blog {
	width:686px;
	margin-right:-20px;
}

#contents ul.blog li{
	float:left;
	margin-right:15px;
}

#contents ul.blog li img{
	padding-right:10px;
}

#contents ul.blog li .ch {
	margin-bottom:18px;
}

#contents h2 {
	margin-bottom:10px;
	margin-top:15px;
}

#contents p.txt {
	margin-bottom:10px;
}

#contents dd.list01 {
	line-height:2 !important;
}
/* ブログパーツnew
------------------------------------ */
#contents div.step {
	background:url(../../contents/images/blogparts_bg001.gif) no-repeat 0 100%;
	width:960px;
	height:1%;
	padding:0 0 27px;
	
}
#contents div.step div.inner02 {
	background:url(../../contents/images/decomail_bg003.gif) no-repeat 0 0;
	width:960px;
	height:1%;
	min-height:314px;
	padding:0px;
}
#contents div.step02 {
	background:url(../../contents/images/decomail_bg004.gif) no-repeat 0 100%;
	width:960px;
	height:1%;
	margin-top:0px;
	padding:0 0 18px;
	
}
#contents div.step02 div.inner02 {
	background-image:url(../../contents/images/blogparts_bg002.gif);
	width:960px;
	height:1%;
	min-height:158px;
	padding:0px;
}


#contents div.step1{
	width:886px;
	padding:20px 23px 0 23px; 
}

#contents div.step2{
	width:886px;
	padding:20px 23px 0 34px;
}

* html #contents div.step2{
	width:886px;
	padding:37px 23px 0 34px;
}

*:first-child+html #contents div.step2{
	padding:37px 23px 0 34px;
}

#contents p.ftc{
color:#FF0000;
width:600px;
}

/* デコレーションメール
------------------------------------ */
#contents div.wrap {
	background:url(../../contents/images/decomail_bg004.gif) no-repeat 0 100%;
	width:960px;
	height:1%;
	padding:0 0 18px;
	
}
#contents div.wrap div.inner02 {
	background-image:url(../../contents/images/decomail_bg003.gif);
	width:960px;
	height:1%;
	min-height:319px;
}
#contents div.wrap02 {
	background:url(../../contents/images/decomail_bg002.gif) no-repeat 0 100%;
	width:960px;
	height:1%;
	padding:0 0 18px;
	
}
#contents div.wrap02 div.inner02 {
	background-image:url(../../contents/images/decomail_bg001.gif);
	width:960px;
	height:1%;
	min-height:318px;
	padding:0px;
}

#contents div.two-colum02{
	width:960px;
	clear:both;
}

#contents div.column-l{
	float:left;
	width:430px;
	margin-right:4px;
	padding:21px 24px 0; 
}

#contents div.column-r{
	float:left;
	width:430px;
	padding:21px 24px 0; 
}

#contents div.column-l h2,
#contents div.column-r h2,
#contents div.password h2{
	padding-bottom:9px;
	border-bottom:1px solid #cccccc;
	margin-bottom:14px;
}
#contents div.column-l h2 img,
#contents div.column-r h2 img,
#contents div.password h2 img {
	padding-left:11px;
}

#contents div.password{
	width:927px;
	padding:21px 9px 0 16px; 
}

#contents div.password table.access{
	width:911px;
	margin-bottom:18px;
}
#contents div.password table.access img.qr{
	padding-left:22px;
}

#contents div.password table.access img.pr15{
	padding-left:11px;
	padding-right:11px;
}

#contents div.password table.access td.form1 {
	padding-top:10px;
}

#contents table.access .send{
	margin-left:5px;
}

#contents div.password table.mobile{
background-color:#cccccc;
margin-top:10px;
}

#contents div.password table.mobile td {
background-color:#cccccc;
padding:10px 9px 10px 16px;
}


#contents div.password ul {
	border-top:1px solid #cccccc;
	padding-top:15px;
	padding-left:22px;
}
#contents div.password ul li {
	text-indent:-1em;
	padding-left:1em;

}
#contents p.career03 {
	margin:10px 0 0 0;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
}

#contents p.career04 {
	margin:10px 0 0 0;
	padding-top:10px;
	border-top:1px solid #cccccc;
}
#contents p.career {
	font-weight:bold;
	margin-top:5px;
	margin-bottom:11px;

}

#contents table.career02 {
	width:960px;
	border-left:1px solid #cccccc;

}
#contents table.career02 th{
	font-weight:bold;
	vertical-align:top;
	padding:7px 7px;
}
#contents table.career02 td{
	padding:10px 20px;
}
#contents table.career02 th,
#contents table.career02 td {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	
}
#contents table.career02 th.bgc{
	background-color:#666666;
	color:#ffffff;

}
#contents table.access02{
	margin-bottom:10px;
}

#contents table.access02 .input-career{
	width:180px;
	margin-right:5px;

}
#contents table.access02 .input-s{
	width:180px;
	height:17px;
	margin-right:5px;

}

#contents table.access02 .input-career{
	width:180px;
	margin-right:5px;

}

#contents table.access02 .send{
	margin-bottom:-5px;
}

* html #contents table.access02 .send{
	margin-bottom:-2px;
}

*:first-child+html #contents table.access02 .send{
	margin-bottom:-1px;
}
/* 99:clearfix
------------------------------------ */
#footer .inner:after,
#contents div.three-colum:after,
#contents div.two-colum:after,
#contents div.two-colum02:after, 
#contents p.ftc:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footer .inner,
#contents div.three-colum,
#contents div.two-colum,
#contents div.two-colum02,
#contents p.ftc {
	min-height: 1px;
}
/* for IE6 */
* html #footer .inner,
* html #contents div.three-colum,
* html #contents div.two-colum,
* html #contents div.two-colum02,
* html #contents p.ftc {
	height: 1px;
}
/* for IE7 */
*:first-child+html #footer .inner,
*:first-child+html #contents div.three-colum,
*:first-child+html #contents div.two-colum,
*:first-child+html #contents div.two-colum02,
*:first-child+html #contents p.ftc {
	zoom: 1;
}
