@charset "utf-8";

/******************************************************************************************************************/
/* main column with header setting */
/******************************************************************************************************************/
#mainColumn .header-column {
	width: 100%;
	height: 32px;
	margin-bottom: 18px;
	overflow: none;
	float: none;
	clear: both;
}

.header-column ul {
	list-style-type: none;
	width: auto;
	height: 32px;
	margin: 0;
	padding: 0;
}
.header-column ul li {
	width: auto;
	height: 32px;
	float: left;
	font-size: 0.82em;
	color: #bababa;
	background: url(../images/main_header_column_blank.png) left top repeat-x #fff;
}
.header-column ul li.header-item-search {
	width: 8px !important;
	background: url(../images/main_header_column_search.png) left top no-repeat #fff !important;
}
.header-column ul li.header-item-blank {
	width: 52px;
	background: url(../images/main_header_column_blank.png) left top repeat-x #fff;
}
.header-column ul li.header-item-end {
	width: 10px !important;	
	background: url(../images/main_header_column_end.png) left top no-repeat #fff;
}
.header-column ul li input#searchkeyword {
	width: 384px;
	height: 14px;
	color: #666;
	border: 1px solid #dedede;
	margin-top: 7px;
	padding-left: 12px;
	background: url(../images/main_header_column_search_input.png) 2px 3px no-repeat #fff !important;
}
.header-column ul li button#searchbutton {
	height: 20px;
	color: #666;
	border: 1px solid #dedede;
	background-color: #efefef;
	margin-top: 6px;
	margin-left: 8px;
	cursor: pointer;
	line-height: 1.0em !important;
}
.header-column ul li dfn {
	line-height: 2.8em;
	margin: 0 2px 0 2px;
}
.header-column ul li dfn .feed {
	width: 60px;
	height: 16px;
	margin-top: 8px;
}
.header-column ul li a, .header-column ul li a:visited, .header-column ul li a:link {
	color: #666;
	text-decoration: none;
}
.header-column ul li a:hover {
	color: #6699ff;
}
/******************************************************************************************************************/
/* ! IMPORTANT ! */
/******************************************************************************************************************/
/* special box height setting */
/******************************************************************************************************************/
li.button-box ul li.button-box-body {
	width: 340px;
}
.today-top-news .box-body ul li {
	height: 140px !important;
	padding-top: 5px;
}
.special-traveling-info .tab-body ul li.tab-body-left,
.special-traveling-info .tab-body ul li.tab-body-center,
.special-traveling-info .tab-body ul li.tab-body-right {
	height: 200px !important;
}
.tab-body-content.on {
	display: block;
}
.tab-body-content.off {
	display: none;
}
/******************************************************************************************************************/
/* main column with center column setting */
/******************************************************************************************************************/
#mainColumn .center-column {
	width: 420px;
	height: auto;
	overflow: none;
	float: left;
}

/******************************************************************************************************************/
/* main column with right column setting */
/******************************************************************************************************************/
#mainColumn .right-column {
	width: 350px;
	height: auto;
	overflow: none;
	float: right;
}

/******************************************************************************************************************/
/* right column with login box */
/******************************************************************************************************************/
.right-column .login-box {
	width: auto;
	height: 62px;
	font-size: 0.82em;
	color: #bababa;
	text-align: center;
}
.login-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.login-box ul li {
	float: left;
	margin: 0;
	padding: 0;
}
.login-logo {
	width: 70px;
	height: 62px;
	margin:0;
	padding:0;
	border:0;
	background: url(../images/loggin_box_suntravel_logo.png) left top no-repeat #fff;
}
.login-form {
	width: 275px;
	height: 62px;
	background: url(../images/loggin_box_background.png) left top repeat-x #fff;
}
.login-form input {
	width: 90px;
	height: 13px;
	font-size: 0.85em;
	color: #bababa;
	border: 1px solid #dedede;
	margin-left: 0.85em;
}
.login-form input[type=text] {
	margin-top: 1.0em;
	background: url(../images/loggin_input_username.png) left top no-repeat #fff;
}
.login-form input[type=password] {
	background: url(../images/loggin_input_password.png) left top no-repeat #fff;
}
.login-form td {
	background-color: transparent !important;
}
.login-form td.loggin-button {
	padding-top: 1.2em;
	cursor: pointer;
}
.login-form .login-tool ul {
	list-style-type: none;
	margin: 1.0em 0 0 0;
	padding: 0;
}
.login-form .login-tool ul li {
	float: none;
	background: url(../images/bullet_itemUl.gif) left top no-repeat #fff;
	padding-left: 14px;
}
.login-bound {
	width: 5px;
	height: 62px;
	background: url(../images/loggin_box_right_bound.png) right top no-repeat #fff;
}

/******************************************************************************************************************/
/* main column with footer column setting */
/******************************************************************************************************************/
#mainColumn .footer-column {
	width: 790px;
	height: auto;
	overflow: none;
	float: none;
	clear: both;
}

/******************************************************************************************************************/
/* sidebar column with logo setting */
/******************************************************************************************************************/
#sidebarColumn .logo {
	width: 170px;
	height: 70px;
	border: 0;
	margin: 0;
	padding: 0;
}

/******************************************************************************************************************/
/* sidebar column with button list */
/******************************************************************************************************************/
#sidebarColumn .button-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
.button-list ul  li {
	width: 170px;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 5px 0 10px 0;
	color: #666;
	font-size: 0.82em;
	cursor: pointer;
}
.button-list ul  li a, .button-list ul  li a:visited, .button-list ul  li a:link {
	color: #666;
	text-decoration: none;
}
.button-list ul  li a:hover {
	color: #6699ff;
}
.button-list ul  li.blank-button,
.button-list ul  li.button,
.button-list ul  li.edm-subscribe {
	background: url(../images/bullet_buttonUl.png) left bottom no-repeat transparent !important;
}
.button-list ul  li.button {
	height: 2.5em;
}
.button-list ul  li.edm-subscribe {
	text-align: left;
	padding-top: 5px;
}
.edm-subscribe form {
	text-align: center;
	margin:0;
	padding:0;
}
.edm-subscribe dfn {
	line-height: 2.2em;
}
.edm-subscribe input[type=text] {
	text-align: left;
	border: 1px solid #bababa;
	color: #bababa;
}
.edm-subscribe button {
	width: 45px;
	height: 20px;
	background: url(../images/btn_2words_button_bg.png) left top no-repeat transparent;
	border: 0;
	color: #666;
	line-height: 20px;
}

.button-list ul  li.square-button ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.square-button ul li {
	width: 70px;
	height: 72px;
	border: 4px solid #efefef;
	float: left;
	padding: 0;
	margin: 1px;
	cursor: pointer;
	background-image: none;
}
.square-button ul li img {
	border: 0;
	margin: 0;
	padding: 0;
	width: 70px;
	height: 72px;
}
.button-list ul  li.travel-album {
	width: 152px;
	padding: 0;
	border: 4px solid #efefef;
}
.travel-album .album-title {
	width: auto;
	height: auto;
	padding: 3px;
	margin: 3px;
	text-align: center;
	background-color: #efefef;
	font-size: 0.92em;
	color: #333;
}
.travel-album .album-contnet {
	width: auto;
	height: auto;
	margin-bottom: 20px;
}


/******************************************************************************************************************/
/* homepage header news setting */
/******************************************************************************************************************/
.box-body-content {
	margin: 0;
	padding; 0;
}
.box-body-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.box-body-content ul li {
	margin: 0;
	padding: 0;
}
.box-body-content ul li.header-news-photo {
	float: left;
	width: 166px !important;
	height: 125px !important;
	text-align: center;
}
.box-body-content ul li.header-news-photo img {
	border: 3px solid #efefef;
}
.box-body-content ul li.header-news-content-box {
	float: right;
	width: 230px;
}
.box-body-content div.header-news-title {
	font-size: 1.12em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 2px auto;
	padding: 2px auto;
	color: #069;
}
.box-body-content div.header-news-title a {
	color: #069;
}
.box-body-content div.header-news-content {
	margin: 2px auto;
	padding: 5px 2px auto;
	font-size: 0.85em;
	line-height: 1.4em !important;
	text-align: justify;
}

.news-list-item li.photo {
	width: 160px;
	height: 120px;
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	vertical-align: middle;
}
.news-list-item li.title {
	float: none;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0.5em 0 0 0;
}
.news-list-item li.title a {
	color: #069;
}
.news-list-item li.shortcut {
	float: none;
	clear: both;
	font-size: 0.85em;
	line-height: 1.2em;
	padding-left: 0px;
	text-align: justify;
	margin: 0.2em 0 0 2.5em;
	list-style-type: circle;
}
.news-list-item li.first-shortcut {
	float: none;
	font-size: 0.85em;
	line-height: 1.5em;
	padding-left: 0px;
	text-align: justify;
	margin: 0.5em 0 1.0em 0;
}
.news-list-item li.more {
	width: 100%;
	text-align: right;
	font-size: 0.85em;
	color: #bababa;
}
.news-list-item li.more a {
	color: #bababa;
	text-decoration: underline;
}

.footer-column ul.cooperation-customer {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
ul.cooperation-customer li {
	font-size: 0.85em;
	padding: 2px 5px 2px 5px;
	float: left;
	white-space: nowrap;
}