/* CSS Document */

/* ---------------------★基本設定----------------------------- */
body { 
	margin : 0px ; 
	padding : 0px  ; 
	font-family : "ＭＳ Ｐゴシック,OSAKA,sans-serif" ;	
	text-align : center ; }

p { margin : 0px }
img { border:0 }
h1,h2,h3,h5 { margin:0 ; padding: 0px ; }



/* ---------------------★影用ボックス--------------------- */
#shadow {
	width:816px ;
	margin:0 auto ;
}

* html #shadow {
	behavior: expression(IEPNGFIX.fix(this));}



/* ---------------------★コンテナー大枠--------------------- */
#container {
	width:800px ;
	margin:0 auto ;
	padding : 0px 0px 0px 0px ;
	text-align : left ;
	}

/* ---------------------★ヘッダー--------------------------- */
#header {
	margin : 0px ;
	padding : 0px 0px 0px 0px ;
	width : 800px ;
	height : 140px ;/* border:1px solid #000 ; */}


/* タイトル/サブタイトルの位置はここで */

#header-body {
	padding: 0px;
	margin: 0 auto ;
	width:760px;}

#header h1 {
	padding-top : 13px ;
	font-size:115% ;
	font-size:18px ;
	padding:5px 0px 0px 0px ;
	line-height:2em ;}

#header h2 { 
	margin:0px 0px 10px 0px ;
	font-weight:normal;
	line-height:1.3em ;
	font-size:80% ;}

/* オリジナルヘッダ画像使用時　テキストを表示しない */
#header-body.disp-non h1 span,
#header-body.disp-non h2 span{ display:none; }
#header-body.disp-non a { display:block; height:60px ;}




/* ---------------------★左メニューエリア------------------------------- */
#left {
	margin : 0px ;
	float : left ;
	width : 180px ;}

/* ---------------------メニュー------------------------------------- */

/* メニュー */
#left #menu {
	margin : 20px 0px 0px 0px ;
	text-align:left ;
	height:auto }

#left #menu ul {
	list-style : none;
	text-align:center;
	padding : 0px;
	margin : 0px; }

#left #menu li {
	margin : 0px;
	padding : 0px;
	text-align:left ;
	font-size:14px ;
	font-weight:600 ;}

#left #menu li a { text-decoration:none ;display:block }



/* バナー */
#left .banner p {
	width:auto ;
	margin:10px 0px ;/* 画像用マージ無し */
	text-align:center ;}

#left .banner p span {
	width:auto ;
	font-size:80% ;
	display:block;
	margin:10px 5px 10px 5px ;/* テキスト用左右マージン */
	text-align:left ;
	}


/* ---------------------★コンテンツエリア---------------------------- */
#content {
	width:620px;
	margin:0px 0px 0px 0px ;
	padding:0px ;
	float:right;
}


/* ---------------------★メインヴィジュアル　2008.02.08更新---------------------------- */

#content #visual{ text-align : center }



/* font-size定義 --------------------- */

#content-body {
	margin : 0px 0px 0px 28px ;
	width : 560px ;
	font-size:85% }
	
#content-body h3 {
	margin : 0px 0px 20px 0px ;
	clear:both ;
	font-size:117% ;}
	
#content-body h4 {
	margin : 0px 0px 20px 0px ;
	padding : 0px 0px 0px 5px ;
	line-height : 30px ;
	clear:both ;
	font-size:100% ;	
	/*font-size:85% */}

#content-body h5 {
	clear:both ;
	font-size:100% ;
	/*font-size:85% */}
	
#content-body h6 {
 	font-size:100% ;
	/*font-size:85% */}

#content-body p {
	margin : 0px 0px 20px 0px ;
	line-height : 1.6em ;
/*	font-size : 85% ;*/}

#content-body ul,
#content-body ol {
	line-height : 1.6em ;
	margin: 0 0 20px 0 ;
/*	font-size : 85% ;*/}

#content-body table {
	margin : 0px 0px 30px 0px ;
	line-height:1.6em ;
}

/* table p margin del */
#content-body table p { margin:0 }


/* text-align */
#content-body .txt-c { text-align:center }
#content-body .txt-r { text-align:right }


/* ---------------------★フッター（変更無し）------------------------ */
#footer {
	padding:5px 0 5px 0 ;
	clear:both;
	width:100% ;
	text-align:right;}

#footer p {
	padding:5px 10px 0.2em 10px ;
	font-size:80%;}

#footer p.copyright {
	padding:0px 10px ;
	font-size : 80% }
	
	
/* ---------------------★このページトップへ--------------------- */

.pagetop { 
	margin : 0 auto ;
	padding:2em 0 ;
	width:95%;
	clear : both ;
	text-align : right ;
	font-size : 70% ;}



/* ---------------------★.article フリーコンテンツ--------------------- */

/* #content-body.article h3 {
	margin : 30px 0px 0px 0px ;}
	
#content-body.article h4 {
	margin : 30px 0px -15px 0px ;
	}

#content-body.article p {
	margin : 30px 0px -15px 0px ;
	}
*/
	 

/* ---------------------その他　トップページ--------------------- */

/* 新着情報、ブログ一覧などtable */

#content-body table.table01 {
	margin:0px 0px 30px 0px ;	
	width : 100% ;
	border-width : 0px ;
	}

#content-body table.table01 td {
	padding : 1em 0 1em 1em ;
	border-width : 0px ;
	text-align : left ;
	vertical-align : top ;
	border-width : 0px }
	
#content-body table.table01 td span { margin : 0px 1em 0px 0px ; color:#FF6600 }

#content-body table.table01 td span.td-ico {
	padding : 0px 0px 0px 1em ;
	color : #555 ;}

#content-body table.table01 td.border-2px { 
	text-align : left ;}	

	
/* ---------------------★#product 商品紹介--------------------- */

/* ---------商品紹介　基本設定---------- */

/* 見出し */
#content-body .product-box h5 {
	line-height:2em ;
	margin:0px 0px 12px 0px ;
	padding : 0px 0px 0px 0px ;
	text-align : center ;}
	
#content-body .product-box h6 {	
	margin:0px 0px 0.8em 0px ;
	text-align : left ;}

#content-body .product-box p {
	line-height:1.5em ;
	text-align : left ;
	}

#content-body .product-box img {
	border:solid 1px #ccc ;}

#content-body .product-box span {
	margin:0px 0px 0.3em 0px ;
	text-align:right ;
	display : block ;
	font-weight : 600 ;}

#content-body .product-box { /* 商品ボックス */
	margin : 0px ;
	padding:0 ;
	clear : both }
#content-body .product-box:after {
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


/* 商品　キャッチコピー　色 */	
#content-body .product-box h6.c01 { color:#F00; }
#content-body .product-box h6.c02 { color:#F90; }
#content-body .product-box h6.c03 { color:#FF0; }
#content-body .product-box h6.c04 { color:#9CFF00; }
#content-body .product-box h6.c05 { color:#009C5A; }
#content-body .product-box h6.c06 { color:#0CF; }
#content-body .product-box h6.c07 { color:#0039BD; }
#content-body .product-box h6.c08 { color:#63C; }
#content-body .product-box h6.c09 { color:#933; }
#content-body .product-box h6.c10 { color:#999; }
#content-body .product-box h6.c11 { color:#FFF; }
#content-body .product-box h6.c12 { color:#000; }

/* リンク */
#content-body .product-box .goods-link {
	}


/* 商品紹介：詳細リンク */
#content-body .product-box p.shousai {
	margin : 0px 0px 20px 0px ;}
#content-body .product-box p.shousai a { /* 詳細リンク　リストアイコン変更･マージン調整は "style.css" にて */
	padding:0px 0px 0px 10px ;
	font-weight:600 ;
	background :url(img_common/ico_link.gif) no-repeat 0px 2px ;}


/* -----商品紹介レイアウト------ */

#content-body .product1 {
	margin : 0px 0px 15px 0px ;
	padding : 10px 10px 0px 10px ;
	border:1px solid #aaa ;
	background:#fff;
}


/* 2列左、右よせ */	
#content-body .product2-l {
	margin : 0px 10px 15px 0px ;
	padding : 10px 10px 0px 10px ;
	float : left ;
	border:1px solid #aaa ;
	width : 252px ;
	background:#fff;
	}
	
#content-body .product2-r {
	margin : 0px 0px 15px 0px ;
	padding : 10px 10px 0px 10px ;
	float : right ;
	border:1px solid #aaa ;
	width : 252px ;
	background:#fff;
	}
	
/* 3列左、右よせ */
#content-body .product3-l {
	margin : 0px 10px 15px 0px ;
	padding : 8px 8px 0px 8px ;
	float : left ;
	border:1px solid #aaa ;
	width : 162px ;
	background:#fff;
	}

#content-body .product3-r {
	margin : 0px 0px 15px 0px ;
	padding : 8px 8px 0px 8px ;
	float : right ;
	border:1px solid #aaa ;
	width : 162px ;
	background:#fff;
	}

/* clearfix */
#content-body .product1:after ,
#content-body .product2-l:after ,
#content-body .product2-r:after ,
#content-body .product3-l:after ,
#content-body .product3-r:after {
	content: "　"; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

	
#content-body img.img-l { /* 商品写真：左 */
	float : left ; margin : 0px 10px 5px 0px ;}
#content-body img.img-r { /* 商品写真：右 */
	float : right ; margin : 0px 0px 5px 10px ; }
#content-body img.img-clear { /* 写真中央 */
	clear : both ;}
	
#content-body .center { /* テキスト中央 */
	text-align : center ;}
	
/* ---------------------★#product 商品詳細--------------------- */
		
#content-body #product-data{
	text-align:center ;
	}
	
/* キャッチコピー */
#content-body #product-data span#copy {
	margin:15px 0px 0.5em 0px ;
	display : block ;
	font-weight : 600 ;}

/* 商品詳細　キャッチコピー　色 */	
#content-body #product-data span.c01 { color:#F00; }
#content-body #product-data span.c02 { color:#F90; }
#content-body #product-data span.c03 { color:#FF0; }
#content-body #product-data span.c04 { color:#9CFF00; }
#content-body #product-data span.c05 { color:#009C5A; }
#content-body #product-data span.c06 { color:#0CF; }
#content-body #product-data span.c07 { color:#0039BD; }
#content-body #product-data span.c08 { color:#63C; }
#content-body #product-data span.c09 { color:#933; }
#content-body #product-data span.c10 { color:#999; }
#content-body #product-data span.c11 { color:#FFF; }
#content-body #product-data span.c12 { color:#000; }

#content-body .c01 { color:#F00; }
#content-body .c02 { color:#F90; }
#content-body .c03 { color:#FF0; }
#content-body .c04 { color:#9CFF00; }
#content-body .c05 { color:#009C5A; }
#content-body .c06 { color:#0CF; }
#content-body .c07 { color:#0039BD; }
#content-body .c08 { color:#63C; }
#content-body .c09 { color:#933; }
#content-body .c10 { color:#999; }
#content-body .c11 { color:#FFF; }
#content-body .c12 { color:#000; }


/* -------商品写真------- */
#content-body #product-data img { /* 商品枠 */
	border:1px solid #999 ;
}

#content-body  #product-data img.img-l { /* 商品写真：左 */
	float : left ; margin : 0px 10px 5px 0px ;}
#content-body  #product-data img.img-r { /* 商品写真：右 */
	float : right ; margin : 0px 0px 5px 10px ; }
#content-body  #product-data img.img-clear { /* 写真中央 */
	clear : both ;
	margin:0 auto ;}

/* -------商品データテーブル------- */
#content-body  #product-data table {
	margin:10px 0px 15px 0px ;
	border : 1px solid #999;
	border-width :1px 0px 0px 1px ;}
#content-body  #product-data table th {
	padding : 0.5em;
	border : 1px solid #999;
	border-width :0px 1px 1px 0px ;
	text-align : left ;
	vertical-align : top ;
	background:#f5f5f5}	
#content-body  #product-data table td {
	padding : 0.5em ;
	border : 1px solid #999;
	border-width :0px 1px 1px 0px ;
	text-align : left ;
	vertical-align : top ;}



/* ---------------------★ .faq Q＆A--------------------- */

/* 質問解答　カテゴリ見出し */
#content-body.faq h4 {
	margin :30px 0 0 0 ; }

/* 質問一覧　カテゴリ見出し */
#content-body.faq h5 {
	margin:25px auto 15px auto ;
	padding-left:1em ;
	width:526px ;
	text-align : left ;
	line-height:1.8em ;
	border:1px solid #ccc ; 
	color:#555 ;
	font-size:95% ;
	background : #eee ;}

/* font-size */
#content-body.faq table { font-size : 95% ;}

#content-body.faq table td ,
#content-body.faq table td { line-height:1.6em ;}


/* 質問一覧テーブル */
#content-body.faq #qlist table {
	margin:0px 0px 0px 0px ;	
	width : 540px ;
	border:none ;}
	
#content-body.faq #qlist table td {
	padding : 0 2px 7px 2px ;
	text-align : left ;
	vertical-align : top ;
	border : none ;
	}

#content-body.faq #qlist td a { text-decoration:none }
#content-body.faq #qlist td a:hover { text-decoration:underline }

	
/* 回答一覧テーブル */

#content-body.faq #qalist table {
	margin:15px auto 0px auto ;	
	width : 540px;
	border : solid #ccc ;
	border-width : 1px ;
}

#content-body.faq #qalist table th {
	padding : 8px 4px 4px 2px;
	text-align : left ;
	vertical-align : top ;
	background:#eee;
	color:#555 ;
	line-height:1.5em ;
	border-bottom:1px dashed #bbb ;}
	
#content-body.faq #qalist table td {
	padding : 10px 4px 2px 2px ;
	text-align : left ;
	vertical-align : top ;
	border : none ;}


/* Ｑ項目 */
#content-body.faq #qlist table .koumoku {
	width : 30px ;
	padding-left:20px ;}

/* Ｑ、Ａ一覧項目 */
#content-body.faq #qalist table .koumoku { 
	width : 30px ;
	padding-left:10px ;}

/* Ｑ色 */
#content-body.faq #qlist table span.q ,
#content-body.faq #qalist table th span.q { color: #f03 ;font-weight:600 }

/* Ａ色 */
#content-body.faq #qalist table span.a { color: #04C ; font-weight:600 }

/* トップへ戻るリンク */
#content-body.faq #qalist table td div { 
	margin : 6px 1em 3px 0px ;
	text-align : right ;
	font-size:85% } 


/* ---------------------★ 定型ページ（会社情報、採用応募、問合せ）--------------------- */
	
/* font-size */

#content-body .tablepage table { font-size:95% }

#content-body .tablepage table {
	margin:0px 0px 15px 0px ;	
	width : 100% ;
	border : solid #ccc ;
	border-width : 1px 0px 0px 1px;
	}
	
#content-body .tablepage table th {
	width : 120px ;
	padding : 0.5em 0.5em ;
	text-align : center ;
	vertical-align : top ;
	font-weight : normal ;
	border : solid #ccc ;
	border-width : 0px 1px 1px 0px;
	background : #f2f2f2 ;
/*	white-space:nowrap ;*/}

#content-body .tablepage table th span { font-weight:normal }

#content-body .tablepage table td {
	width:430px; 
	padding : 0.5em 8px 0.5em 0.8em ;
	color:#333 ;/* 文字色 */
	text-align : left ;
	vertical-align : top ;
	border : solid #ccc ;
	border-width : 0px 1px 1px 0px;
	background:#fff ;
	}

/* 画像 */
#content-body .tablepage table td .company-img {
	width : 150px ;
	margin : 0px 0px 8px 0px ;
	float : right ;
	text-align : center ;
	border : 0 ;}

#content-body .tablepage table td .company-img img {border:1px solid #999 ;}


/* Googleマップ表示 */

#content-body .tablepage table td #company-map {
	margin : 3px 0px 8px 0px ;
	clear:both ;
	text-align:center;
}
#content-body .tablepage table td #company-map #map {
	height:280px;
	margin-bottom:4px;
/*	border:1px solid #999 ;*/
	}

#content-body .tablepage table td #company-map a{
	display:block ;
}



/* メールフォーム */
#content-body p.iform-txt { font-size:95% }
#content-body .tablepage table.tb-iform { margin:3px 0px 15px 0px ;	}




/* ---------------------★ link　おすすめリンク--------------------- */

	
#content-body.link table {
	margin:0px 0px 15px 0px ;	
	width : 100% ;
	border : solid #ccc ;
	border-width : 0px 1px 1px 1px;
	font-size:95% }

#content-body.link table th {
	padding:2px 12px ;
	text-align : left ;
	background : #eee ;
	border:1px solid #ccc ;
	border-width:1px 0 ;
	 }
#content-body.link table th a{text-decoration:none}

#content-body.link table td {
	padding : 0.5em 0 0.5em 1em ;
	border-width : 0px ;
	vertical-align : top ; }

#content-body.link table td a { display:block }

/* ---------------------★ ファイルダウンロードlink--------------------- */
#content-body a.file-link {
	padding:0px 0px 0px 10px ;
	font-weight:600 ;
	background :url(img_common/ico_link.gif) no-repeat 0px 2px ;}


/* ---------------------フォーム・ボタン類--------------------- */
	
#form-submit {/* 送信など */
	margin : 10px 0px 20px 0px ;
	clear : both ;
	text-align : center ;}

.submit { width : 110px ; padding : 0.4em 0 ;} /* 決定ボタン類サイズ */	
p.p-hissu { margin-top : 25px ; font-size:90% }/* 入力必須 */

.hissu { color : #F00 ; font-weight:600 ; font-size:90% }/* 必須※ */
table td textarea { width : 400px ; }

/* input */
input.zip { width : 6em ; }
input.long { width : 400px ; }

/* 日本語入力の制限 */
input.ime-mode { ime-mode:disabled }

/* フォーム例文 */
span.exam { color : #666 }

/* 入力エラー文 */
span.err {  display : block ; color : #F00 }


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




/* pan-list --------------------------*/
#content #pan {
	margin : 0px 0px 0px 0px ;
	padding:0px 0 0 28px ;
	height:30px;
	line-height:30px;
	clear:both ;
	font-size:70% ;
	}


/* footer-link --------------------------*/
#content #lpnavi {
	margin : 50px 0px 0px 28px ;
	width : 560px ;
	font-size:80% ;
	line-height:1.6em ;
	text-align:center ;
	clear:both ;
	}

#content #lpnavi a {
	white-space :nowrap ;}


/* ssl --------------------------*/
#content-body #ssl-box {
	width:500px ;
	height:50px ;
	margin:0 auto 20px auto ;
	padding:5px ;
	color:#555 ;
	border:1px solid #ccc ;
	background:#fff;
	}
#content-body #ssl-box a{
	width:100px ;
	display:block;
	float:left;
	}
#content-body #ssl-box p{
	margin:0 ;
	width:380px;
	float:right;
	font-size:12px;
	line-height:1.6em;
	}