@charset "utf-8";

/*基本設定*/

h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, input, textarea, table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	color: #000000;
}

html, body {
	height: 100%;
}

body {
	text-align: center;
	/*text-align:center;*/
	font-size: 12px;
	/*文字サイズ*/
	color: #000000;
	/*文字色*/
	line-height: normal;
	/*文字の行間*/
	font-family: "メイリオ", Meiryo, Osaka,;
	/*フォントタイプ*/
	/*background-image:url(../img//headbg.gif);*/
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 0px;
}

a img {
	border-style: none;
	text-decoration: none;
}

.pagebody {
	width: 960px;
	/*ページ幅*/
	text-align: left;
	/*ページ位置*/
	margin-right: auto;
	margin-left: auto;
	/*padding-bottom:100px;*/
}

#examp {
	width: 100%;
	position: relative;
	height: 100%;
	min-height: 100%;
}

body > #examp {
	height: auto;
}


/*IEバージョンバグ回避*/

[if lte IE 8] > <link rel="stylesheet" href="lte-ie-8.css" > <![endif] [if lte IE 7] > <link rel="stylesheet" href="lte-ie-7.css" > <![endif] [if lte IE 6] > <link rel="stylesheet" href="lte-ie-6.css" > <![endif]
/* リンク(色・線）
---------------------------------------------------- */
a {
	color: #000;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}

a appear {
	color: #003399;
	text-decoration: none;
}


/*位置
--------------------------------------------------------------------*/

.position_r {
	text-align: right;
}

.position_l {
	text-align: left;
}

.position_c {
	text-align: center;
}

div.float_r {
	float: right;
}

div.float_l {
	float: left;
}

.sp_15t {
	margin-top: 15px;
}

.sp_30t {
	margin-top: 30px;
}

table.sp_30t {
	margin-top: 30px;
}

.sp_15b {
	margin-bottom: 15px;
}

.sp_30b {
	margin-bottom: 30px;
}


/*クリア
--------------------------------------------*/

div.clear {
	clear: both;
}


/*文字色
---------------------------------------------------------------------*/

.fontc_red {
	color: #F00;
}

.fontc_orange {
	color: #F60;
}

.font_blue {
	color: #00F;
}

.fontc_gray {
	color: #999999;
}


/* ヘッダー
---------------------------------------------------- */

.header {
	background-image: url(../img//topborder.gif);
	background-repeat: repeat-x;
	height: 110px;
}

.head_body {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

img.logo {
	float: left;
	margin-top: 30px;
}

img.logo_j {
	float: left;
	margin-top: 55px;
	margin-left: 15px;
}

.lnavi {
	text-align: right;
	float: right;
}

.headname {
	font-size: 14px;
	color: #003399;
	float: right;
	margin-top: 10px;
}

.seminar_buttom {
	position: absolute;
	top: 165px;
	left: 615px;
}

img.buttom_sem {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

.seminar_buttom a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 100.100;
	opacity: 100.100;
}


/*h1*/

.main_top {
	position: relative;
}

	.main_top h1 {
		position: absolute;
		top: 21px;
		left: 61px;
		font-size: 14px;
	}

.box_1 {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

	.box_1 h1 {
		position: absolute;
		top: 2px;
		left: 25px;
		font-size: 14px;
	}


/*グローバルナビ*/

.g_navi {
	width: 960px;
	margin-top: -20px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: center;
}


/*top_new*/

.topnew {
	width: 720px;
	float: left;
}

.new_titlebar {
	position: relative;
}

.new_icon {
	position: absolute;
	top: 10px;
	left: 650px;
}

.topicsflow {
	width: 720px;
	height: 250px;
	overflow: auto;
}

table.top_topics {
	width: 695px;
	text-align: left;
	margin-left: 10px;
	margin-top: 15px;
}

	table.top_topics tr td {
		border-bottom: 1px dotted #ccc;
		padding: 5px;
		font-size: 12px;
	}

	table.top_topics td.dayry {
		color: #003399;
		width: 80px;
	}


/*topバナー*/

.top_bannar {
	width: 225px;
	float: right;
	text-align: left;
}

.p_mark {
	width: 225px;
	border: 1px solid #ccc;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 95px;
}

img.p_markimg {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.p_markmozi {
	float: right;
	font-size: 10px;
	width: 130px;
	margin-right: 5px;
}


/* パンクズ
---------------------------------------------------- */

div.pankuzu {
	width: 960px;
	/*ページ幅*/
	text-align: left;
	/*ページ位置*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}

.pankuzu .link {
	float: left;
}

.pankuzu h1 {
	float: left;
	font-size: 12px;
	font-weight: normal;
}


/*フッター*/

.pagetop {
	width: 960px;
	/*ページ幅*/
	text-align: right;
	/*ページ位置*/
	margin-right: auto;
	margin-left: auto;
}

div.footer {
	clear: both;
	background-color: #14408D;
	height: 240px;
	/* height:100px;  */
	font-size: 12px;
	color: #fff;
	background: -moz-linear-gradient(top, #2372b7, #134397);
	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#2372b7), to(#134397));
	/* Safari,Google Chrome用 */
	background: #fff;
	/* for non-css3 browsers */
	background: linear-gradient(#2372b7, #134397);
	/* CSS3草案 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2372b7, endColorstr=#134397);
	/* IE6,7用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#2372b7, EndColorStr=#134397)";
	/* IE8,9用 */
	/* */
	min-height: 100%;
	/* */
}

div.foot_position {
	/*margin-left:65px;*/
	padding-top: 15px;
}


/*共通化用*/

.foot_notuse {
	clear: both;
	background-color: #14408D;
	height: 240px;
	background: -moz-linear-gradient(top, #2372b7, #134397);
	/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#2372b7), to(#134397));
	/* Safari,Google Chrome用 */
	background: #fff;
	/* for non-css3 browsers */
	background: linear-gradient(#2372b7, #134397);
	/* CSS3草案 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2372b7, endColorstr=#134397);
	/* IE6,7用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#2372b7, EndColorStr=#134397)";
	/* IE8,9用 */
}

.foot_p {
	color: #FFF;
	text-align: left;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}

	.foot_p ul {
		float: left;
		list-style-type: none;
		color: #fff;
		margin-right: 15px;
		margin-left: 15px;
	}

		.foot_p ul li a {
			color: #fff;
			text-decoration: none;
			font-size: 12px;
		}

		.foot_p ul li {
			margin-bottom: 5px;
		}

	.foot_p p {
		float: left;
		font-size: 12px;
		margin-top: 60px;
	}

		.foot_p p a {
			color: #fff;
			font-size: 12px;
		}


.foot_ttl {
	margin-bottom: 10px;
}


body > #footer {
	height: auto;
}


/* */


/*********************************************
div.footer{
	height:100px;
	width:100%;
	position:absolute;
	bottom:0;
}

.foot_bg{
	height:100px;
	background-color:#14408D;
	width:100%;
	color:#fff;

************************************************/


/*	background: -moz-linear-gradient(top, #3366cc, #003399); */


/* Firefox用 */


/*  	background: -webkit-gradient(linear, left top, left bottom, from(#3366cc), to(#003399)); */


/* Safari,Google Chrome用 */


/* 	background:#fff; */


/* for non-css3 browsers */


/*  	background:linear-gradient(#3366cc, #003399); */


/* CSS3草案 */


/* 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3366cc, endColorstr=#003399); */


/* IE6,7用 */


/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#3366cc, EndColorStr=#003399)"; */


/* IE8,9用 */


/*background: -moz-linear-gradient(top, #2372b7, #134397);*/


/* Firefox用 */


/*background: -webkit-gradient(linear, left top, left bottom, from(#2372b7), to(#134397));*/


/* Safari,Google Chrome用 */


/*background:#fff;*/


/* for non-css3 browsers */


/*background:linear-gradient(#2372b7, #134397);*/


/* CSS3草案 */


/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2372b7, endColorstr=#134397);*/


/* IE6,7用 */


/*-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#2372b7, EndColorStr=#134397)";*/


/* IE8,9用 */


/****************************************

}
.footermenu{
	float:left;
	margin-top:80px;
}

.fotterlogo{
	float:right;
	text-align:right;
	margin-top:30px;
	font-size:10px;
}
****************************************/

a.white {
	color: #fff;
}

.foot_body {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


/*各画像のアイコンやタイトルバーのマージン*/

img.titlebar {
	margin-top: 15px;
	margin-bottom: 15px;
}

img.titlebar_bot {
	margin-bottom: 15px;
}

img.space5 {
	margin-left: 5px;
	margin-right: 5px;
}

	img.space5.second {
		padding-left: 20px;
	}

	img.space5.third {
		padding-left: 30px;
	}

.space15 {
	margin-bottom: 15px;
}


/*サブタイトル*/

.subtitle {
	font-size: 18px;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 15px;
}

.subtitle_m {
	font-size: 14px;
	text-align: left;
	margin-bottom: 15px;
}

.subtitle_tops {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 10px;
	padding-left: 10px;
	text-align: left;
}

.title_border {
	border-left: 5px solid #8FB2F7;
	border-bottom: #999 solid 1px;
	padding-left: 10px;
	width: 945px;
	font-size: 16px;
}

.title_border_l {
	border-left: 5px solid #8FB2F7;
	border-bottom: #999 solid 1px;
	padding-left: 10px;
	width: 945px;
	font-size: 16px;
	margin-bottom: 15px;
}

.title_border_m {
	border-left: 5px solid #8FB2F7;
	border-bottom: #999 solid 1px;
	padding-left: 10px;
	width: 715px;
	font-size: 16px;
	margin-bottom: 15px;
}

	.title_border_m h2 {
		font-size: 16px;
	}


/*事業案内*/
.business_com {
	width: 900px;
	float: left;
	margin-bottom: 30px;
	margin-left: 30px;
	text-align: left;
}

.business_com2 {
	width: 450px;
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	text-align: left;
	line-height: 20px;
}

ul.bus {
	padding-left: 10px;
}

.maintext_list {
	margin-top: 10px;
	margin-left: 20px;
	line-height: 30px;
	font-size: 18px;
}

	.maintext_list ul li {
		list-style-image: url(../img//icon_2.gif);
		margin-left: 15px;
	}

a.point_c :hover, a.point_c :a:active {
	color: #0C4891;
	text-decoration: underline;
}

.maintext_list img {
	margin-bottom: 15px;
}

.maintext_list a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.bus_mozi {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/*会社概要*/

table.com_tab {
	width: 960px;
	font-size: 12px;
	margin-bottom: 15px;
}

	table.com_tab td {
		padding: 5px;
	}

		table.com_tab td.line2c {
			background-color: #999;
			width: 145px;
			height: 50px;
			color: #174891;
			border-bottom: #fff 3px solid;
			text-align: center;
			margin-bottom: 1px;
			/* グラデーション */
			background: -moz-linear-gradient(top, #feffff, #e8eef3);
			/* Firefox用 */
			background: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#e8eef3));
			/* Safari,Google Chrome用 */
			background: #fff;
			/* for non-css3 browsers */
			background: linear-gradient(#feffff, #e8eef3);
			/* CSS3草案 */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#feffff endColorstr=#e8eef3);
			/* IE6,7用 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#feffff, EndColorStr=#e8eef3)";
			/* IE8,9用 */
			/*background:linear-gradient(#eff3f4, #e0e8ea, #c1d1d6, #e0e8ea); */
		}

		table.com_tab td.textleft {
			text-align: left;
			padding-left: 20px;
			/*border-bottom:#ccc 1px solid;*/
		}

	table.com_tab tr.line3c th, table.com_tab tr.line3c td, table.com_tab tr th.line3c, table.com_tab tr td.line3c {
		border-bottom: #ccc 1px solid;
	}

	table.com_tab tr.line4c th, table.com_tab tr.line4c td, table.com_tab th.line4c, table.com_tab tr td.line4c {
		border-bottom: #ccc 1px solid;
		border-top: #ccc 1px solid;
	}


/* MAP ICON */

img.map_icon {
	float: right;
	margin-right: 210px;
	margin-top: 5px;
}


/**/

.pri_word {
	margin-top: 10px;
	margin-bottom: 30px;
	width: 900px;
	margin-left: 30px;
}


/*製品情報サブメニュー*/

.pro_sub {
	width: 215px;
	float: left;
	margin-top: 15px;
}

	.pro_sub a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity: 0.70;
		opacity: 0.70;
	}

.sub_bg {
	background-image: url(../img//pro_bg.gif);
	background-repeat: no-repeat;
	width: 215;
	height: 40px;
}

.sub_bg2 {
	background-image: url(../img//pro_bg1.gif);
	background-repeat: no-repeat;
	width: 215;
	height: 40px;
}

.sub_bg_p {
	width: 215;
	height: 40px;
}

.sub_bg2_p {
	width: 215;
	height: 40px;
}

img.sub_mar {
	margin-left: 20px;
	margin-top: 7px;
}

img.sub_mar_n {
	margin-left: 20px;
	margin-top: 13px;
}


/**/

.wins_nextcom_l {
	width: 305px;
	float: left;
	margin-top: 15px;
	margin-right: 30px;
}

.wins_nextcom_r {
	width: 305px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}

img.wn_img {
	margin-right: 15px;
	float: left;
}

img.wn_space {
	margin-bottom: 15px;
}

.imgbig {
	text-align: center;
	margin-bottom: 15px;
}

.seminar_buttom_nx {
	text-align: center;
	margin-top: 15px;
}

	.seminar_buttom_nx a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity: 0.70;
		opacity: 0.70;
	}


/*製品ページ基本レイアウト*/

.pro_con {
	width: 700px;
	float: left;
	margin-left: 15px;
}

.pro_com {
	margin-bottom: 15px;
	float: left;
	text-align: left;
	line-height: 20px;
}

.full {
	width: 730px;
}

.full_e {
	width: 500px;
}

.pro_com.travelwins {
	width: 415px;
}

.pro_com.travelwinsnet {
	width: 475px;
}

.pro_com.travelanswer {
	width: 390px;
}

.pro_com.travelka {
	width: 450px;
}

.pro_com.travelanswerstay {
	width: 370px;
}


/*リストデコレーション*/

ul.no_deco {
	list-style: none;
}

img.icon_2 {
	margin-bottom: -1px;
	margin-right: 5px;
	padding-left: 20px;
}


/*what's new*/

table.new_tab {
	margin-top: 30px;
}

	table.new_tab td {
		padding: 10px;
	}

.new_com {
	width: 960px;
	margin-bottom: 15px;
}


/*お問い合わせ*/

input.error, select.error, textarea.error {
	background-color: #ffb6c1;
}

textarea.info02 {
	resize: both;
	overflow: scroll;
}

div.purpose {
	width: 860px;
	height: 200px;
	border: solid 2px #999999;
	overflow: scroll;
	padding: 5px;
	margin-left: 50px;
	padding-bottom: 10px;
}

	div.purpose p {
		padding-bottom: 10px;
	}

	div.purpose dl {
		padding: 10px;
	}

	div.purpose dd {
		padding: 5px 20px;
	}

	div.purpose table {
		padding: 0 40px;
	}

	div.purpose td.left {
		text-align: left;
		width: 160px;
	}

	div.purpose td.cen {
		text-align: center;
		width: 10px;
	}

div.purpose {
	width: 860px;
	height: 200px;
	border: solid 2px #999999;
	overflow: scroll;
	padding: 5px;
	margin-left: 50px;
	padding-bottom: 10px;
}

	div.purpose p {
		padding-bottom: 10px;
	}

	div.purpose dl {
		padding: 10px;
	}

	div.purpose dd {
		padding: 5px 20px;
	}

	div.purpose table {
		padding: 0 40px;
	}

	div.purpose td.left {
		text-align: left;
		width: 160px;
	}

	div.purpose td.cen {
		text-align: center;
		width: 10px;
	}

table.table_purpose td {
	vertical-align: top;
	line-height: 15px;
	padding: 3px;
}

div.message {
	width: 960px;
	float: left;
	margin-bottom: 30px;
	margin-right: 10px;
	margin-left: 30px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
}


/*セミナー
------------------------------------------------------*/

table.sem {
	margin-top: 15px;
	margin-bottom: 15px;
}

	table.sem tr td {
		padding: 5px;
		border: 1px solid #ccc;
		font-size: 12px;
	}

		table.sem tr td.bg_b {
			background-color: #CCFFFF;
			font-size: 14px;
		}


/**/

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}


/*七つの特徴*/

.contents {
	width: 730px;
	float: right;
}

	.contents p {
		font-size: 14px;
		line-height: 1.7em;
	}

.point_sub {
	width: 215px;
	float: left;
}

	.point_sub a {
		color: #666;
		text-decoration: none;
	}

		.point_sub a:visited {
			color: #666;
			text-decoration: none;
		}

		.point_sub a:hover, .point_sub a:active {
			color: #039;
			text-decoration: none;
		}

.sub_top {
	background-image: url(../img//pro_bg.gif);
	background-repeat: no-repeat;
	width: 215px;
	height: 40px;
	position: relative;
}

.sub_top_4 {
	background-color: #EDEDED;
	width: 193px;
	height: 25px;
	position: relative;
	border-bottom: 1px solid #666;
	margin-left: 22px;
}

.sub_bot_4 {
	background-color: #EDEDED;
	width: 193px;
	height: 25px;
	position: relative;
	margin-left: 22px;
}

.sub_bottom {
	background-image: url(../img//pro_bg1.gif);
	background-repeat: no-repeat;
	width: 215px;
	height: 40px;
	position: relative;
}

.sub_ft {
	font-size: 14px;
	position: absolute;
	top: 10px;
	left: 15px;
}

.sub_ft_4 {
	font-size: 11px;
	position: absolute;
	top: 5px;
	left: 20px;
}

.sub_ft_4_on {
	font-size: 11px;
	position: absolute;
	top: 5px;
	left: 20px;
	color: #039;
}

.sub_ft_on {
	font-size: 14px;
	position: absolute;
	top: 10px;
	left: 15px;
	color: #039;
}

.point_ttl {
	background-image: url(../img//point_bg2.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 61px;
	padding-left: 30px;
	color: #0C4891;
	font-size: 22px;
	padding-top: 13px;
	margin-top: 30px;
	text-align: left;
}

	.point_ttl h2 {
		font-size: 22px;
		color: #0C4891;
	}

.option {
	font-size: 14px;
}

	.option tr td {
		text-align: left;
		padding-bottom: 15px;
	}

	.option tr th {
		text-align: left;
		padding-bottom: 15px;
		color: #16489B;
	}

.ft_16 {
	font-size: 16px;
}

.line_sub {
	border-bottom: 1px solid #8EB6EA;
	font-size: 16px;
	margin-top: 30px;
}

	.line_sub h2 {
		font-size: 16px;
	}

.line_sub2 {
	border-bottom: 1px solid #8EB6EA;
	font-size: 15px;
	margin-top: 30px;
	color: #333;
}

.sitemap {
	line-height: 30px;
	font-size: 14px;
}

	.sitemap p {
		margin-left: 45px;
		color: #666;
	}

	.sitemap ul li {
		margin-left: 60px;
		line-height: 1.7em;
		font-size: 12px;
	}

.facebook {
	position: relative;
	top: 130px;
	left: 15px;
}

.facebook2 {
	position: relative;
	top: 15px;
	width: 110px;
	height: 21px;
}

.facebook3 {
	width: 110px;
	height: 21px;
}

.nw {
	position: absolute;
}