@charset "utf-8";


/* ページ全体に関するスタイル
------------------------------------------- */



/* 【全体を囲うボックス】（ヘッダー～フッターの最後まで） */
#container {
	width: 885px; 
	margin: auto; 
	position:relative;
	background-color:#FFF;

}

/* 【全体を囲うボックスindex用】（ヘッダー～フッターの最後まで） */
#container_i {
	width: 885px; 
	margin: auto; 
	position:relative;
	background-color:#FFF;

}


/* 【ヘッダー】*/

#head{
	width:850px;
	background-color:#FFF;
	margin-left:20px;
}

#head a:hover img{ 
opacity:1;
filter: alpha(opacity=100);
}

.head_subphoto{
	width:850px;
	margin-top:3px;
}

.head_subphoto img{
	margin-top:5px;
}




/* 【ヘッダーindex用】*/

#head_i{
	width:850px;
	background-color:#FFF;
	margin-left:20px;
}

#head_i a:hover img{ 
opacity:1;
filter: alpha(opacity=100);
}

.head_subphoto_i{
	width:850px;
	margin-top:3px;
}

.head_subphoto_i img{
	margin-top:5px;
}



/* 【コンテンツ右】*/

/* 事業展開用 */
#content{
	width:650px;
	float:right;
	margin-right:20px;
	margin-top:10px;
}
/* 事業展開用 ここまで */

#content_2{
	width:500px;
	float:right;
	padding-right:240px;
	margin-top:10px;
}


/* 【サイドバー左】*/
#sidebar{
	width:170px;
	float:left;
	text-align:right;
	margin-left:25px;
	margin-top:10px;
}


#sidebar_about_import{
	width:170px;
	height:500px;
	float:left;
	text-align:left;
	margin-left:25px;
	margin-top:10px;
	background-color:#F1E4E4;
	padding-top:10px;
	padding-left:10px;
}

#sidebar_about_zigyou{
	width:170px;
	height:800px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:10px;
	background-color:#eaeff4;
	padding-top:10px;
	padding-left:10px;
}


#sidebar_about_brands{
	width:170px;
	height:1500px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:10px;
	background-color:#eaeff4;
	padding-top:10px;
	padding-left:10px;
}


#sidebar_about_duty{
	width:170px;
	height:1500px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:10px;
	background-color:#eaeff4;
	padding-top:10px;
	padding-left:10px;
}


#sidebar_about_domestic{
	width:170px;
	height:2000px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:10px;
	background-color:#eaeff4;
	padding-top:10px;
	padding-left:10px;
}


#sidebar_about_travel{
	width:170px;
	height:3800px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:10px;
	background-color:#eaeff4;
	padding-top:10px;
	padding-left:10px;
}

/* 【index用（カラム分けなし）】*/

#index_contents{
	width:850px;
	clear: both;
	margin: auto; 
	position:relative;
	background-color:#FFF;
}

#index_contents2{
	width:830px;
	clear: both;
	margin: auto; 
	position:relative;
	text-align:center;
}

#index_contents2 a:hover img{ 
opacity:1;
filter: alpha(opacity=100);
}

/* 【フッター】　*/
#footer{
	width:885px;
	text-align:center;
}

#footer_i{
	width:885px;
	text-align:center;
}

#footer_end{
	margin-top:10px;
	margin-bottom:20px;
	width:885px;
	text-align:center;
	font-size: 12px; line-height: 18px; color:#333333;}



body{
	background:url(../img/template/bgbg_885.jpg);
	background-position: center;
	margin: 0;
	padding: 0;
	text-align:left;
	position:relative;
	background-repeat: repeat-y;
	background-attachment: fixed; 
    font:100%; arial,helvetica,clean,sans-serif; /*←モダンブラウザ用 */
    *font-size:medium; /* ←IE6,7用 */
    *font:small; /*←IE6後方互換対策 */   
    }

}
div#page {
	margin:0 auto;
	width:960px;
}

/* フォントの統一*/
body, textarea { font-family: "ＭＳゴシック", sans-serif; }  

input, select { font-family:  "ＭＳ Ｐゴシック", sans-serif; } 

.p14_margin{font-size: 14px; line-height: 20px; color:#333333; letter-spacing:1pt; padding-left:50px;}
.p14{font-size: 14px; line-height: 21px; color:#333333; letter-spacing:1pt; }
.p13_margin_h{font-size: 13px; line-height: 30px; color:#333333; padding-left:10px;}
.p13_margin{font-size: 13px; line-height: 21px; color:#333333; padding-left:10px;}
.p13{font-size: 13px; line-height: 21px; color:#333333;}
.p13_index{font-size: 12px; line-height: 17px; color:#333333; letter-spacing:1pt;}
.p11_margin{font-size: 12px; line-height: 18px; color:#333333; padding-left:10px; padding-top:5px;}
.p11{font-size: 12px; line-height: 18px; color:#333333;}
.p11_title{font-size: 12px; color:#333333; text-align:right;}
.p10{font-size: 10px; line-height: 18px; color:#333333;}
.p9{font-size: 9px; line-height: 18px; color:#333333;}
.p9_margin{font-size: 9px; line-height: 18px; color:#333333; margin:0px; padding:0px;}
.p9_margin a{font-size:11px;}
.p8{font-size: 8px; line-height: 18px; color:#333333;}
.margin_right{margin-right:5px;}

/* --- 見出しエリア --- */
div.heading {
width: 600px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
div.heading h3 {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #80CEDD solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}



/* --- 表全体 --- */
table.example {
width: 600px; /* 表の幅 */
margin-bottom: 30px; /* 表の下マージン */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
}

/* --- 表タイトル --- */
table.example caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 10px 10px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.example thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- フッタセル --- */
table.example tfoot td {
background-color: #f5f5f5; /* フッタセルの背景色 */
}

/* --- データセル --- */
table.example tbody td {
background-color: #ffffff; /* データセルの背景色 */
}


/* --- 採用情報タイトル --- */
.menuLineDoubleLightW {
	margin:0 0 10px 0;
	padding:5px 8px;
	border-width:5px 0;
	border-color:#80CEDD;
	border-style:solid;
	background:#fff;
	font-size:14px;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

/* --- Dashedスタイル --- */
hr.separator2 {
height: 2px;
border: none;
border-top: 1px #333333 dashed; /* 境界線 */
}


/* 太字 */

.b{text-decoration: bold;
}
 

/* リンク時に画像を白くする */

a:hover img{ 
opacity:0.65;
filter: alpha(opacity=65);
}



/* リセット
------------------------------------------------------ */

body{
	position:relative;
}


/* 要素のmargin、paddingをゼロに */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, ht, td
{margin:0; padding:0;}




/* 太字 */

.b{text-decoration: bold;
}


/* 画像とリンクの線なし指定 */
img { border-style:none; } 

a img { border-style:none; } 



/* ヘッダーに関するスタイル
----------------------------------------------------------- */


/* 左カラムに関するスタイル
--------------------------------------------------------------- */


/* index.htmlに関するスタイル
------------------------------------------------------ */


/* 2016-09-09 */
.txt-01{
	margin:5px 0 25px 20px;
	font-size:14px;
}
.txt-01 img{
	vertical-align: sub;
}

#footer_i table{
	margin:auto;
}



/* 右カラムに関するスタイル
-------------------------------------------------------------- */


/* フッターに関するスタイル
----------------------------------------------------------- */

/* info.htmlに関するスタイル
------------------------------------------------------ */



/* 2016-03-09 
------------------------------------------------------

.hdg-sub-01{
	margin: 0 40px;
	font-size:18px;
	font-weight:bold;
	padding-bottom:4px;
	border-bottom: 1px solid #8fa8c8;
}


.table-01,
.table-01 th, .table-01 td{
	border:1px solid #ccc;
}


.table-01{
	width:630px;
	border-collapse:collapse;
	font-family:meiryo;
}
.table-01 ul{
	margin-left:20px;
}


.table-01 tbody th{
	width:120px;
	background-color:#e3f5ff;
}
.table-01 tbody td{
	padding:10px;
}
 */