@charset "UTF-8";
/***********************************************************************
*
*  index.html
*
***********************************************************************/

/* arrangeTop */
#arrangeTop {
	font-family: 'ヒラギノ角ゴ Pro W7','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding: 15px 10px;
}

/* radius */
.radius {
	padding: 0;
	margin: 0;
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	behavior: url(ie-css3.htc); /* IE */
}


.dibP { /* dibの親に設定 */
	letter-spacing: -0.4em; /* 隙間をなくすためのハック */
}

.dib { /* 横並びに置きたい要素に設定 */
	letter-spacing: normal; /* 隙間をなくすためのハック */
	display: inline-block;
	/display: inline; /* IE用ハック */
	/zoom: 1; /* IE用ハック */
}



/* h3 */
h3 {
	margin: 0;
	padding: 0;
}

/* headline */
.headline {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	margin: 15px 0;
}

/* selectTitle */
.selectTitle {
	color: #0085b2;
	font-size: 13px;
	font-weight: bold;
}

ul.arrangeList {
	margin: 0 0 20px;
}

ul.arrangeList li {
	margin: 10px 5px;
	padding: 0;
	border: #0085b2 2px solid;
	background: #ffffff;
	vertical-align: top;
	position: relative;
	z-index: 1;
}

ul.arrangeList li:hover {
	background: #f0fdff;
}

ul.arrangeList li a {
	color: #000000;
	width: 274px;
	/width: 294px;
	padding: 144px 10px 10px;
	display: block;
}

ul.arrangeList li a:hover {
	text-decoration: none;
}

ul.arrangeList li .arrangeImage {
	position: absolute;
	top: -10px;
	right: 6px;
}

ul.arrangeList li .arrangeSubtitle {
	width: 130px;
	color: #0085b2;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 16px;
	left: 15px;
}

ul.arrangeList li .arrangeSubtitleTight {
	width: 130px;
	color: #0085b2;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
	position: absolute;
	top: 16px;
	left: 15px;
}

ul.arrangeList li .arrangeTitle {
	width: 130px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 48px;
	left: 15px;
}

ul.arrangeList li .arrangeTitleTight {
	width: 130px;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	position: absolute;
	top: 48px;
	left: 15px;
}

ul.arrangeList li .arrangeHeadline {
	font-size: 12px;
}



/***********************************************************************
*
*  Monthly Arrange
*
***********************************************************************/

/* common
----------------------------------------*/
.ls-1 {
	letter-spacing: -1px;
}

.ls-2 {
	letter-spacing: -2px;
}



/* maintitle
----------------------------------------*/
#maintitle{
	width:952px;
	height:243px;
	padding-bottom:17px;
}

/* らくらく旅行見積り
----------------------------------------*/
.estimate {
	width: 100%;
	margin: 20px 0 10px;
	text-align: center;
}

.estimate a {
	width: 100%;
	font-family: 'ヒラギノ角ゴ Pro W7','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 50px;
	display: block;
}

.estimate a:hover {
	text-decoration: none;
	opacity: 0.85;
}

.estimate_short {
	width: 49%;
	margin: 20px 0 10px;
	padding: 0 0 10px;
	text-align: center;
	display: inline-block;
}

.estimate_short a {
	width: 100%;
	height: 50px;
	padding: 10px 0 0;
	font-family: 'ヒラギノ角ゴ Pro W7','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	display: block;
}

.estimate_short a:hover {
	text-decoration: none;
	opacity: 0.85;
}


/* プラン例
----------------------------------------*/
.example {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0 20px 20px;
}

.example .head {
	background: #ffffff;
	margin: 0 0 10px;
	display: table;
}

.example .headImage {
	display: table-cell;
	vertical-align: middle;
}

.example .headText {
	line-height: 175%;
	border: #ffffff 3px solid;
	box-sizing: border-box;
	margin: 0;
	padding: 0 20px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.example .exList {
	width: 100%;
	box-sizing: border-box;
	background: #ffffff;
	margin: 15px 0 0;
}

.example .exList .exCategory {
	font-size: 12px;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W7','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding: 3px 5px;
	display: inline;
}

.example .exList .exTitle {
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W7','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding: 10px 0;
	text-align: left;
}


.example .exList .photoLeft {
	width: 320px;
	box-sizing: border-box;
	padding: 10px 0;
	display: table-cell;
	vertical-align: top;
}

.example .exList .exRight {
	width: 320px;
	color: #333333;
	font-size: 14px;
	line-height: 150%;
	box-sizing: border-box;
	padding: 10px 0 10px 10px;
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

.example .exList .photoLeft_float {
	box-sizing: border-box;
	padding: 10px 10px 10px 0;
	float: left;
	vertical-align: top;
}

.example .exList .exRight_float {
	color: #333333;
	font-size: 14px;
	line-height: 150%;
	box-sizing: border-box;
	padding: 10px 0;
	text-align: left;
	vertical-align: top;
}

.example .exList .photoCopy {
	color: #999999;
	font-size: 12px;
	text-align: right;
}


/* レポート
----------------------------------------*/
.report {
	width: 682px;
	position: relative;
}

.report_articles {
	padding: 0 10px;
	text-align: left;
	position: relative;
}

.report_photo {
	padding: 5px 0 0 20px;
	position: absolute;
	top: -30px;
	right: 20px;
}

.report_header {
	width: 500px;
	height: 120px;
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.report_name {
	position: absolute;
	bottom: 10px;
	right: 0;
}

.report_name a {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.date {
	color: #2DA962;
	font-weight: bold;
}

.fkds {
	position:absolute;
	left:190px;
}

.fkds_tour {
	position: absolute;
	left: 188px;
}

.report_list {
	width:650px;
	margin-left:23px;
	padding-top:10px;
	position:relative;
}

.index {
	margin-left:0;
}

.report_list .l {
	width:188px;
	text-align:left;
	float:left;
}

.report_list .r {
	float:right;
	width:429px;
	border:1px solid #c8e0ec;
	background:#f5fbfe;
	padding:8px;
	text-align:left;
}

.report_list .r_tour {
	float: right;
	width: 449px;
	background: #ccebfb;
	border: 3px solid #a3c9de;
	box-sizing: border-box;
	padding: 8px;
	text-align: left;
}

.report_list .title {
	font-size:14px;
	font-weight:bold;
	letter-spacing: 1px;
	margin:5px 0 5px 0;
	padding:5px 0;
	border-bottom:1px dotted #999999;
}

.report_list .title a {
	color: #00376b;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 1px;
}

.reportArchive .rightPage {
	float: right;
	padding: 5px 0 25px;
}

.reportArchive .leftPage {
	float: left;
	padding: 5px 0 25px;
}



/* topleft_らくらく旅行見積り
----------------------------------------*/
#flow{
	width:673px;
	padding:5px 7px 0 7px;
	background-color:#FFFFFF;
	border: #aaaaaa 1px solid;
}
	
.flow_tit{
	height:38px;
}

.flow_mds{
	border-bottom: #00376b 1px solid;
	padding: 0 20px 3px 0;
	float:left;
	left:0;
	text-align:left;
}

.flow_bt a {
	float:right;
	width:201px;
	height:32px;
	display:block;
}

.flow_step{
	background-image:url(/images/top/new_flow_back.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:10px;
	padding: 0 0 10px;
	top:0;
}

.step1{
	height: 92px;
	margin: 0 0 2px 115px;
	text-align:left;
	background-image:url(/images/top/new_flow_copy_01.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}

.step2{
	height: 92px;
	margin: 0 0 2px 115px;
	text-align:left;
	background-image:url(/images/top/new_flow_copy_02.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}

.step3{
	height: 92px;
	margin: 0 0 0 115px;
	text-align:left;
	background-image:url(/images/top/new_flow_copy_03.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}

.step_txt{
	font-size:12px;
	padding-top:25px;
}



/* トラベルコンシェルジュ
----------------------------------------*/
.ccrg_banner {
	width: 243px;
	margin: auto 0;
	margin-bottom: 8px;
	text-align: center;
	position: relative;
}

.ccrg_banner_2 {
	width:200px;
	margin:auto 0;
	margin-bottom:8px;
	text-align:center;
	position: relative;
}

.ccrg_count {
	color: #666666;
	position: absolute;
	top: 181px;
	left: 162px;
}

.ccrg_count_2 {
	color: #666666;
	position: absolute;
	top: 181px;
	left: 119px;
}



/* ページ遷移
----------------------------------------*/
.disabled_cmmt {
	color:#333333;
	font-size:100%;
	text-align:right;
	padding:4px 0;
	clear:both;
}

.pageLink {
	margin: 0 0 1em;
}

.imgL0 {
	float: left;
	margin: 0 10px 0 0;
}
.imgR0 {
	float: right;
	margin: 0 0 0 10px;
}


/* お便り
----------------------------------------*/
/* lt_header */
.lt_header {
	width:100%;
	height:20px;
	border-top: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	margin: 10px 0 0;
}

/* lt_voice */
.voice {
	color: #666659;
	top:0;
	width:100%;
	padding: 0;
	border-left: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	overflow:auto;
}

/* lt_footer */
.lt_footer {
	width:100%;
	height:20px;
	border-left: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
}

.f_r {
	float:right;
	padding-right:2px;
}

.date {
	color: #2da962;
	font-weight:bold;
}

.ccrg {
	font-size:10px;
}

.comment {
	padding:10px 48px 0 15px;
	line-height:135%;
}

.prof_ph {
	border:1px solid #d9d9d9;
	display:block;
	padding:2px;
}