@charset "utf-8";
/* ===================================================================
CSS information

 file name  :outline.css
 author	 :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */


#header .con_header h2 img {
	margin:261px auto 0 auto;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/

#main .con_outline_pdf,
#main .con_outline {
	margin:0 10px;
}

/* ページタイトル */
#contents #main .con_st {
	background: url(../images/bg_titleline.gif) left bottom no-repeat;
	margin:0 10px 25px 10px;
	padding:20px 0 0 0;
	width:650px;
	overflow:hidden;
}
#contents #main .con_st h3 {
	padding:0 0 14px 16px;
}

/* 項目タイトル */
#main .con_outline_pdf h4.st,
#main .con_outline h4.st {
    background: url("../images/ic_h3.gif") no-repeat left top;
    border: 1px solid #C7D79E;
    color: #412800;
    font-size: 110%;
    margin: 20px 0 13px;
    padding: 7px 7px 7px 25px;
}
#main .con_outline_pdf p.read,
#main .con_outline p.read {
	padding: 0 25px 15px 0;
}

/* .box_download */
#contents #main .con_outline .box_download {
	width:590px;
	padding:10px;
	overflow:hidden;
	background:#f4eedc;
	margin:0 20px 10px 20px;
}
#contents #main .con_outline .box_download h5 {
	color:#502c27;
	margin:0;
}
#contents #main .con_outline .box_download p {
	padding:0 0 5px 0;
}
#contents #main .con_outline .box_download .box_environs {
	background:#fff;
	padding:8px 12px;
	overflow:hidden;
	width:566px;
}
#contents #main .con_outline .box_download .box_environs p.txt {
	float:left;
	color:#502c27;
	width:423px;
	padding:0 15px 0 0;
	font-size:85%;
}
#contents #main .con_outline .box_download .box_environs ul {
	float:left;
	width:115px;
	padding:0;
}
#contents #main .con_outline .box_download .box_environs ul li {
	font-size:85%;
}

/* PDF一覧 */
#guide #page #contents .contents_inner #main .con_outline_pdf .pdf {
	padding-left: 25px;
}

#main .con_outline_pdf .outline_list_pdf,
#main .con_outline ul.outline_list {
	width:600px;
	padding: 10px 0 25px 0;
}
#main .con_outline_pdf ul.outline_list_pdf li,
#main .con_outline ul.outline_list li {
	padding:0 0 5px 2em;
	text-indent:-2em;
}
#main .con_outline_pdf .outline_list_pdf li a,
#main .con_outline ul.outline_list li a {
    background: url("../images/ic_pdf.gif") no-repeat right top;
	padding:0 15px 0 0;
}

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

	休暇村概要
	index.asp
----------------------------------------------------*/
#main .con_outline .t1 {
	border-collapse: separate;
    border-spacing: 5px;
	margin: 0 20px 10px;
    overflow: hidden;
    padding: 10px;
    width: 610px;
}

#main .con_outline .t1 th {
	background-color: #ECE8E1;
    font-weight: normal;
    margin: 5px;
    padding: 0 5px;
    width: 128px;
}

#main .con_outline .t1 td {
	padding: 3px;
}

#main .con_outline .t1 tr td .arrow01 {
	background: url("../../images/ic_boxlink.gif") no-repeat scroll left center transparent;
    padding: 0 0 0 12px;
	margin: 0 0 0 10px;
}
	
#main .con_outline .t1 tr td ol .iroha {
	margin: 0 0 0 20px;
}

#main .con_outline .t1 tr td ol {
	margin: 0 0 0 30px;
}

#main .con_outline .t1 tr td ol li {
	list-style-type: decimal;
}
	
#main .con_outline .t1 tr td ol .iroha li {
	list-style-type: none;
}
#main .con_outline .t1 tr td .list_1 {
	margin: 0 25px;
}
#main .con_outline .t1 tr td .list_1 li .pdf {
	background: url("../images/ic_pdf.gif") no-repeat scroll right top transparent;
    padding: 0 15px 0 5px;
}


/* GOOGLEMAP  map.html*/
#main .con_map #tokyomap {
	border: 1px solid #CCCCCC;
    height: 400px;
    margin: 0 50px;
    width: 570px;
}

#main .con_map .txt {
	margin:20px 0 20px 50px;
}
#main .con_map .st {
	background: url("../images/ic_h3.gif") no-repeat scroll left top transparent;
    border: 1px solid #C7D79E;
    color: #412800;
    font-size: 110%;
    margin: 30px 10px 0 10px;
    padding: 7px 7px 7px 25px;
	width: 615px;
}
#main .con_map .bef {
	padding: 20px 0;
    text-align: right;
    width: 625px;
}
/*----------------------------------------------------

	基本理念と取組方針
	philosophy.asp
----------------------------------------------------*/

/* 一覧タブメニュー */
#main .listmenu {
	width:650px;
	height:47px;
	background: url(../images/cause/img_menu.gif) left bottom no-repeat;
}
#main .listmenu li {
	float:left;
	width:325px;
	height:47px;
}
#main .listmenu li a {
	display:block;
	width:325px;
	height:47px;
	text-indent:-9999em;
	font-size:1px;
	line-height:0;
	overflow:hidden;
}
#main .listmenu li.phil a:hover,
#phil #main .listmenu li.phil a {
	background: url(../images/cause/img_menu.gif) left top no-repeat;
}
#main .listmenu li.app a:hover,
#app #main .listmenu li.app a {
	background: url(../images/cause/img_menu.gif) right top no-repeat;
}


/* */
.contents_inner p.right {
	text-align:right;
	padding:20px 0 0 0;
}
.contents_inner h5 {
	padding: 0px;
	font-weight: bold;
	color: #660000;
	margin: 20px 11px 5px 11px;
}
.contents_inner p.link {
    margin: 10px 10px 20px 20px;
	text-align:right;
}
.contents_inner p.link a {
    background: url("../../images/ic_boxlink.gif") no-repeat scroll left center transparent;
    padding: 0 0 0 12px;
}

.contents_inner p.txt_info ,
.contents_inner ul.phil {
	padding:0 10px;
}
.contents_inner ul.phil li {
	text-indent:-1em;
	padding:0 0 0 1em;
}


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

	休暇村の取り組みとお客様へのお願い
	cause.asp
----------------------------------------------------*/

/*----------------------------------------------------
	.con_approach_info
----------------------------------------------------*/
#contents #main .con_approach_info {
	width:650px;
}

#contents #main .con_approach_info .box_logoarea {
	background: url(../images/cause/bg_support_middle.gif) left top repeat-y;
	padding:0;
	width:650px;
	margin:20px 0 0 0;
}
#contents #main .con_approach_info .box_logoarea .catch {
	width:650px;
	overflow:hidden;
	font-size:1px;
	line-height:0;
}
#contents #main .con_approach_info .box_logoarea h4.pls ,
#contents #main .con_approach_info .box_logoarea p.reaf {
	float:left;
}
/* logoset */
#contents #main .con_approach_info .box_logoarea .logoset {
	background: url(../images/cause/bg_support_bottom.gif) left bottom no-repeat;
	padding:0 0 11px 0;
	width:650px;
}
#contents #main .con_approach_info .box_logoarea .logoset .logo_info {
	background: url(../images/cause/bg_support.jpg) left top no-repeat;
	position:relative;
	z-index:5;
	width:650px;
}
#contents #main .con_approach_info .box_logoarea .logoset .logo_info h5 {
	padding:44px 0 9px 29px;
	margin:0;
}
#contents #main .con_approach_info .box_logoarea .logoset .logo_info p.atten {
	position:absolute;
	left:411px;
	top:19px;
	width:132px;
	height:102px;
	z-index:7;
}
/* box_logo */
#contents #main .con_approach_info .box_logoarea .logoset .logo_info .box_logo {
	margin:0 36px 0 48px;
	background: url(../images/cause/bg_dottline.gif) left top repeat-x;
	width:566px;
	padding:32px 0 0 0;
	overflow:hidden;
}
#contents #main .con_approach_info .box_logoarea .logoset .logo_info .box_logo p.image {
	float:left;
	padding:0 0 0 40px;
	width:171px;
}
#contents #main .con_approach_info .box_logoarea .logoset .logo_info .box_logo dl {
	float:left;
	width:345px;
}
#contents #main .con_approach_info .box_logoarea .logoset .logo_info .box_logo dl dt,
#contents #main .con_approach_info .box_logoarea .logoset .logo_info .box_logo dl dd {
	float:none;
	height:auto;
	font-size:1px;
	line-height:0;
}
#contents #main .con_approach_info .box_logoarea .logoset .logo_info .box_logo dl dt {
	padding:0 0 10px 0;
}
#contents #main .con_approach_info .box_logoarea .logoset .logo_info .box_logo dl dd {
	padding:0;
}
/* .earth */
#contents #main .con_approach_info .box_logoarea .logoset p.earth {
	padding:5px 0 20px 70px;
}


/*----------------------------------------------------
	.con_app
----------------------------------------------------*/
#contents #main .con_app {
	width:650px;
}
#contents #main .con_app .box_approach {
	width:632px;
	overflow:hidden;
	padding:0 0 0 18px;
}
#contents #main .con_app .box_approach ul.image {
	float:left;
	width:145px;
	padding:0 0 0 0;
}
#contents #main .con_app .box_approach ul.image li {
	font-size:1px;
	line-height:0;
}
#contents #main .con_app .box_approach ul.image li img {
	vertical-align:bottom;
}
#contents #main .con_app .box_approach .app_detail {
	float:left;
	width:450px;
	padding:19px 0 0 0;
}
#contents #main .con_app .box_approach .app_detail h5 {
	padding:0 0 10px 0;
	margin:0;
}
#contents #main .con_app .box_approach .app_detail p {
	padding:0 0 37px 0;
}


/*----------------------------------------------------
	.con_userinfo
----------------------------------------------------*/
#contents #main .con_userinfo {
	width:650px;
}
#contents #main .con_userinfo h4 {
	margin-top:0;
}
#contents #main .con_userinfo .box_user {
	width:650px;
	padding:0 0 0 17px;
	overflow:hidden;
}
#contents #main .con_userinfo .box_user .detail {
	float:left;
	width:482px;
	padding:10px 10px 25px 0;
}
#contents #main .con_userinfo .box_user .detail h5 {
	padding:0 0 8px 0;
}
#contents #main .con_userinfo .box_user .detail p {
	padding:0 0 0 8px;
}
#contents #main .con_userinfo .box_user .detail p.txt {
	padding:0 0 25px 8px;
}
#contents #main .con_userinfo .box_user p.image {
	float:left;
	width:130px;
	padding:0;
}
#contents #main .con_userinfo h5 {
	margin:0;
	padding:0 0 8px 17px;
}
#contents #main .con_userinfo p {
	padding:0 10px 0 25px;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}

*:first-child+html .contents_inner ul.phil li {
	text-indent:-0.5em;
	padding:0 0 0 0.5em;
}
/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

* html .contents_inner ul.phil li {
	text-indent:-0.5em;
	padding:0 0 0 0.5em;
}