@charset "utf-8";
/* ----------------------

　トップページCSS

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

/* キービジュアル */
div#index_keyvis {
	background: url(../images/index/keyvis.jpg)	0 0 no-repeat;
	height:245px;
}

/* タイプ別おすすめ */

div#index_type {
	margin:0 0 18px 0;
}

div#index_type_body {
	background: url(../images/index/index_type_body.jpg) center top repeat-y;
}

div#index_type_footer {
	background: url(../images/index/index_type_footer.jpg) center bottom no-repeat;
}

div#index_type_header {
	background: url(../images/index/index_type_header.jpg) center top no-repeat;
	padding: 62px 20px 18px 16px;
}

html * div#index_type_body  {
	height: 1%;	
}


div#index_type table {
	
}

div#index_type td {
	padding:0 2px;
}

div#index_type td a{
	height: 261px;
	display:block;
}

div#index_type td#type1 a{
	background: url(../images/index/type1_off.jpg) 0 0 no-repeat;
}
div#index_type td#type1 a:hover {
	background: url(../images/index/type1_on.jpg) 0 0 no-repeat;
}
div#index_type td#type2 a{
	background: url(../images/index/type2_off.jpg) 0 0 no-repeat;
}
div#index_type td#type2 a:hover {
	background: url(../images/index/type2_on.jpg) 0 0 no-repeat;
}
div#index_type td#type3 a{
	background: url(../images/index/type3_off.jpg) 0 0 no-repeat;
}
div#index_type td#type3 a:hover{
	background: url(../images/index/type3_on.jpg) 0 0 no-repeat;
}
div#index_type td#type4 a{
	background: url(../images/index/type4_off.jpg) 0 0 no-repeat;
}
div#index_type td#type4 a:hover {
	background: url(../images/index/type4_on.jpg) 0 0 no-repeat;
}



div#index_type a {
	color:#000;
	text-decoration:none;
	font-size:60%;
	letter-spacing:1px;
}

div#index_type p {
	line-height:1.5;
	color:#000;
	padding: 164px 14px 0;
}






/* この疑問からスタート */
div#index_start {
	background:url(../images/index/bg_start.jpg) 0 0 no-repeat;
	height: 234px;
}

div#index_start p#startTxt {
	padding:102px 40px 0 130px;
	font-size:80%;
	line-height:1.8;
}

div#index_start p#startLink {
	font-size:90%;
	padding:29px 0 0 318px;
}
div#index_start p#startLink a {
	font-weight: bold;	
	text-decoration:underline;
}


/* コンテンツ一覧 */
div#index_archive {
	margin:12px 0 0 0;	
}

div#index_archive div#cont_index_archive_header {
	background: url(../images/index/index_archive_header.jpg) center top no-repeat;
	padding:65px 18px 20px 18px;
	text-align:center;
	min-height:1px;
}

* html div#cont_index_archive_header {
height:1px;	
}

div#index_archive div#cont_index_archive_header table {
	width: 600px;
	margin:0 auto;
	text-align:left;
}

div#index_archive div#cont_index_archive_header table td {
	padding:0 20px 26px 12px;
	vertical-align:top;
}

div#index_archive div#cont_index_archive_header table td#archive_01 {
	background: url(../images/index/archive_ttl_01.jpg) left top no-repeat;
}
div#index_archive div#cont_index_archive_header table td#archive_02 {
	background: url(../images/index/archive_ttl_02.jpg) left top no-repeat;
}
div#index_archive div#cont_index_archive_header table td#archive_03 {
	background: url(../images/index/archive_ttl_03.jpg) left top no-repeat;
}
div#index_archive div#cont_index_archive_header table td#archive_04 {
	background: url(../images/index/archive_ttl_04.jpg) left top no-repeat;
}
div#index_archive div#cont_index_archive_header table td#archive_05 {
	background: url(../images/index/archive_ttl_05.jpg) left top no-repeat;
	padding:0 20px 9px 12px;	
}
div#index_archive div#cont_index_archive_header table td#archive_06 {
	background: url(../images/index/archive_ttl_06.jpg) left top no-repeat;
	padding:0 20px 9px 12px;	
}

div#index_archive div#cont_index_archive_header table td ul {
	width:270px;
	margin-top:43px;
}

div#index_archive div#cont_index_archive_header table td ul li {
	background: url(../images/common/icon_arrow.jpg) left 4px no-repeat;
	padding-left:18px;
	font-size:80%;
	line-height:1.6;
}

div#index_archive div#cont_index_archive_header table td ul li a:link,
div#index_archive div#cont_index_archive_header table td ul li a:visited{
	text-decoration:underline;
}