/* CSS top */

/*------------CSS INDEX--------
4.コンテンツ

-----------------CSS INDEX----*/

/*--------------------4.コンテンツ--*/
#contents{
	position:relative;
	width:731px;
	padding-left:8px;/*本来20px → バッチのため*/
}

#contents h2{
	width:720px;
	height:232px;
	padding-left:12px;
}
#topCatch{
	position:absolute;
	width:530px;
	height:60px;
	left:40px;
	top:132px;
	z-index:1;
	font-size:12px;
	line-height:1.5em;
}

.cntFlow{
	margin-bottom:7px;
	padding-left:12px;
}

.cntFlow h3{
	margin-bottom:10px;
}


.dblColumn{
	float:left;
	width:732px;
	margin-bottom:20px;
}

.cntOpen{
	float:left;
	width:354px;
	height:502px;
	background:url(../img/imgBase/startBox-bg.jpg) top left no-repeat;
}
.cntOpen h3{
	padding:20px 0 0 100px;
}
.openBox{
	width:270px;
	margin-top:22px;
	padding:0 20px 0 60px;
}
.startExp{
	margin:0 0 17px 20px;
	line-height:1.5em;
}

.cntFeature{
	float:right;
	width:360px;
	padding-top:9px;
}
.cntFeature2{
	float:right;
	width:360px;
	padding-top:12px;
}

.chkBox{
	height:340px;
	background:url(../img/imgBase/feature-box.jpg) top left no-repeat;
}

.chkList{
	list-style:none;
}
.chkList li{
	height:50px;
	padding-left:55px;
	font-size:14px;
	font-weight:bold;
	line-height:3.2em;
}
*html .chkList li{
	line-height:50px;
}
.totalBox{
	width:360px;
	height:103px;
	margin:0;
	background:url(../img/imgBase/feature-box2.gif) no-repeat;
	float:left;

}
.totalBox .txtBox{
	height:33px;
	margin:12px 20px 12px 11px;
	clear:both;
}
.totalBox .txtBox p{
	padding:3px 0 0 0;
	color:#ff3300;
	font-weight:bold;
	font-size:large;
	float:right;
}
.totalBox .txtBox img{
	margin:0 13px 0 0;
	float:left;
}


.linkList{
	width:360px;
	padding-top:12px;
	text-align:right;
	list-style:none;
}
.linkList li{
	display:inline;
	margin-right:20px;
}
#lnkLook{ height:12em;}
#lnkFaq{ height:3em;}


.cntLook{
	clear:both;
	margin-left:12px;
	margin-bottom:15px;
	background:url(../img/imgBase/look-title_long.jpg) top left no-repeat;
}

.cntLook table{
	width:716px;
	margin-left:2px;
	border-collapse:collapse;
}
.tableBox{
	width:720px;
	background:url(../img/imgBase/look-bd.jpg) top left repeat-y;
}
.tableBox-inn{
	background:url(../img/imgBase/look-btm.jpg) left bottom no-repeat;
}
.lookTr th{
	height:37px;
}
.lookTr th a{
	color:#3998C8;
	font-weight:normal;
}
.lookTr th a:hover{
	text-decoration:underline;
}
.tableBox table tr td{
	height:50px;
	text-align:center;
}

td .lookCnt{ line-height:1.5em !important;}
.lookCnt{ padding:0 10px; text-align:left !important;}
.w60{ width:60px;}
.w80{ width:80px;}
.w90{ width:90px;}
.grayTr td{background-color:#F5F5F5;}

#thNew{background:url(../img/imgBase/thNew.jpg) -2px top no-repeat;}
#thCnt{background:url(../img/imgBase/thCnt.jpg) left top no-repeat;}
#thCty{background:url(../img/imgBase/thCty.jpg) left top no-repeat;}
#thDat{background:url(../img/imgBase/thDat.jpg) left top no-repeat;}
#thMon{background:url(../img/imgBase/thMon.jpg) left top no-repeat;}
#thSta{background:url(../img/imgBase/thSta.jpg) left top no-repeat;}
#thAmo{background:url(../img/imgBase/thAmo.jpg) 1px top no-repeat;}

.lcPage{
	margin-left:12px;
}
.lcPage a,.lcPage a:hover{
	color:#3998C8;
}
.lcPage a:hover{
	text-decoration:underline;
}
.lcPage span{
	padding:2px 4px;
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
	margin-right:5px;
}


.label_b{
	display:block;
	width:280px;
	margin-bottom:7px;
}
.control_b{
	display:block;
	width:268px;
	vertical-align:middle;
	margin-bottom:13px;
}
.control_c{
	display:block;
	width:268px;
	vertical-align:top;
	margin-bottom:17px;
}

.stfSet{
	margin-bottom:45px;
}
#lgMail,#lgPass,#lcName,#lcTag{
	line-height:1.5em;
	vertical-align:middle;
	padding:0 0.2em;
}
#lcName{
	width:268px;
	height:20px;
}
#lcTag{
	width:268px;
	height:20px;
}
#lcExp{
	width:268px;
	height:55px;
  overflow-y:scroll;
  resize:none;
  text-align:left;
	vertical-align:top;
	line-height:1.5em;
	padding:0 0.2em;
}
#stBtn{
	border:none;
	margin-left:95px;
}
.priExp{
	font-size:11px;
	margin:15px 0 0 95px;
}
textarea{
	width:268px;
	height:100px;
}
.pointTxt{
	text-indent:-1.0em;
	margin-left:1.0em;
	padding:5px 0 5px 0;
}
#sideMenu .banner li{
	margin:5px 0 0 10px;
	list-style:none;
}
#sideMenu .banner li img{
	margin:0 0 5px 0;

}
#sideMenu .banner li p{
	line-height:1.4em;
}

/* add 2009.10.14 koumura */
h3.look-title {
	width:720px;
	height:36px;
	font-size:10px;
	color: #696969;
	background:url(../img/imgBase/look-title.jpg) top left no-repeat;
	padding-top: 12px;
	padding-left: 340px;
}
h3.look-title .notes {
	font-size:8px;
}

.look-title {
	width:720px;
	height:36px;
}
.look-title h3 {
	width: 330px;
	float: left;
	text-indent:-9999px;
	background:url(../img/imgBase/look-title.jpg) top left no-repeat;
}
.look-title div {
	padding-top: 12px;
	padding-left: 340px;
	font-size:10px;
	color: #696969;
}
.look-title div .notes {
	font-size:8px;
}

/* add 2009.11.02 Ito */
#sideMenu .sideBottom{
	margin:0 0 20px 2px;	
}

#sideMenu .sideBottom img{
	margin:18px 0 10px 0;	
}

#sideMenu .sideBottom p{
	line-height:1.4em;
	margin:0 10px;
}

/********** news topics **********/
#newsBox {
	padding-left:12px;
	margin:0 0 15px 0;
	width:409px;
	float:left;
}
#newsBox #contBox{
	width:409px;
	height:93px;
	background:url(../img/imgBase/news_box.gif) no-repeat;
}

#newsBox #contBox .contList{
	padding:5px 5px 0 10px;
	list-style:none;
}
#newsBox #contBox .contList li{
	margin:2px 5px 0 0;
	height:25px;
	font-size:12px;
	clear:both;
}
#newsBox #contBox .contList li p{
	margin:2px 30px 0 0;
	float:left;
}
#newsBox #contBox .contList li a{
	width:280px;
	margin:2px 0 0 0;
	float:left;
}

/********** direct Box **********/
#directBox {
	margin:0 0 0 20px;
	padding:12px;
	width:266px;
	height:110px;
	background:url(../img/imgBase/directBg.gif) no-repeat;
	float:left;
}
#directBox p{
	margin:10px 0 8px 0;
}