@charset "Shift_JIS";


/* CSS Document */


*.right { float:right }



/* ---------------------★基本設定----------------------------- */

body { 
	margin : 0px ;
	padding : 0px ;
	font-family : "ＭＳ Ｐゴシック,OSAKA,sans-serif" ;background:#000;
	text-align : center ; }

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



/* ---------------------★影用ボックス--------------------- */

#shadow {
	width:816px ;
	margin:0 auto ;/* background:#ccc; */
}


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


/* ---------------------★コンテナー大枠--------------------- */

#container {
	width:800px ;
	margin:0 auto ;
	padding : 0px ;
	text-align : left ;
	/*for IE 5.5-7*/
	zoom:1;
	}

#container:after{
	/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}


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

#header {
	margin : 0px auto ;
	padding : 0px ;
	width : 800px ;
	height : auto ;
	text-align:left ;
	background-position:bottom ;
	background-repeat:no-repeat ;
}

#header a {text-decoration : underline ;}
#header a:hover { text-decoration:none;}



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

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

#header h1 {
	font-size:115% ;
	line-height:2em ;
	font-size:150% ;
	}

#header h2 { 
	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 ;}



/* ---------------------★フッター------------------------ */

#footer {
	clear:both;
	width:800px ;
	margin:0 auto ;
	text-align:center ;}
#footer.lay-w {
	width:970px ;}

	

#footer p {
	font-size:80%;}

#footer p.copyright {
	font-size : 80% }
	

/* ---------------------★コンテンツエリア---------------------------- */

#content {
	width:620px;
	margin:0px;
	padding:0px ;
	float:right;
}


/* コンテンツ上部の影 */

#content {
	background: url("../img_common/contents_bg.gif") repeat-x;}

#content-body {
	margin : 0px ;
	width : 560px ;
}


/* pan-list --------------------------*/

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


/* ---------------------★左メニューエリア------------------------------- */

#left {
	margin : 0px ;
	float : left ;
	}


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



/* メニュー(縦) */

#left #menu_tate {
	text-align:left ;
	height:auto }


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


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

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



/* メニュー(横) */

#menu_yoko {
	float:none ;
	clear:both ;
	text-align:left ;
}


#menu_yoko ul {
	width :auto ;
	margin : 0px auto ;
	padding : 0px;
	list-style : none;
}



#menu_yoko li {
	margin : 0px;
	padding : 0px;
	text-align:left ;
	float:left ;
	display:block ;
	font-size:14px ;
}



#menu_yoko li a {
	width:auto ;
	padding:0px ;
	margin:0px ;
	display:block ;
	float:left ;
	font-size:15px ;
	white-space:nowrap ;
}





/* サブメニュー よこ */



#submenu_yoko {

	margin:0px ;

	padding:0px ;

	text-align:left ;

}



#submenu_yoko ul {

	width:auto ;

	list-style : none;

	padding : 0px;

	margin : 0px auto ; }



#submenu_yoko li {

	margin : 0px;

	padding : 0px;

	float:left ;

	text-align:left ;

	font-size:90%;

}



#submenu_yoko li a {

	width:auto ;

	float:left ;

	display:block ;

	font-size:90% ;

	white-space:nowrap ;

	}





/* よこメニュー 共通設定（2段表示のため） */



#menu_yoko ,

#submenu_yoko {

	margin:0 auto ;

	clear:both ;

	height:100% ;

}



#menu_yoko:after ,

#submenu_yoko:after {

	/*for modern browser*/

	content:".";

	display: block;

	height:0px;

	clear:both;

	visibility:hidden;

	}





/* メニュー項目を右よせ */

#menu_yoko.m-right ul { float:right ;}

#submenu_yoko.m-right ul { float:right ;}







/* サブメニュー たて */

#submenu_tate {
	margin:0px ;
	padding:0px ;
	text-align:left ;
}



#submenu_tate ul {
	list-style : none;
	padding : 0px;
	margin : 0px; }



#submenu_tate li {
	margin : 0px;
	padding : 0px;
	text-align:left ;
	font-size:90% ;
	list-style : none;
}



#submenu_tate li a {
	display:block ;
	font-size:90% ;
	}
	



/* バナー類ボックス */

#box {
	float:left ;
	margin:0px ;
	}

.banner {
	width:170px ;
	margin:0 auto ;
}



.banner p { 
	text-align:center ;
	}


.banner p a{
	text-decoration:underline ;
	}

.banner p a:hover {
	text-decoration:none ;
	}


/* アフィリエイトバナー */
.banner table.bn-seminar01,
.banner table.bn-seminar02{
	line-height:120% ;
	background:#fff;
	border:1px solid #aaa ;
	}
.banner table.bn-seminar01 th,
.banner table.bn-seminar02 th{
	padding:5px;
	font-weight:normal;
	text-align:center;
	background:#D1EE5A;
	font-size:14px;
	}
	
.banner table.bn-seminar01 td,
.banner table.bn-seminar02 td{
	padding:5px;
	font-size:12px;
	line-height:120%;
	color:#666;
	vertical-align:top;
	}

.banner table.bn-seminar01 td.ti,
.banner table.bn-seminar02 td.ti{
	color:#660;
	width:60px;
	}	
.banner table.bn-seminar01 td a,
.banner table.bn-seminar02 td a{
	font-weight:600;
	display:block;
	background:#F60;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:4px 0 ;
	}

	
/* テキスト */

.banner p span {
	width:auto;
	margin:0px 7px ;/* テキスト用マージン */
	padding:0px 0px 8px 0px ;/* テキスト用余白 */
	font-size:80% ;
	display:block;
	line-height:1.2em ;
	text-align:left ;
	}



/* 画像用マージン */

.banner p img.img { margin-bottom:10px ; }



/* QRコード */

.banner img.qr{ margin:19px auto 19px auto }







/* ---------------------★このページトップへ--------------------- */


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


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


#content #visual{
	text-align : center }



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

#content-body {
	font-size:85% }
	
#content-body h3 {
	clear:both ;
}


#content-body h4 {
	clear:both ;
	}

#content-body h5 {
	clear:both ;
	font-size:100% ;
	}


#content-body h6 {
 	font-size:100% ;
	}

#content-body p {
	margin : 0px 0px 20px 0px ;
	line-height : 1.6em ;
	}


#content-body ul,
#content-body ol {
	margin:0 0 20px 0 ;
	padding:0 0 0 24px ;
	line-height : 1.6em ; 
	}

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


/* th text-align */

#content-body table th {
	text-align:center ;
	}

/* 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 }



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

/* 新着情報、ブログ一覧など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 ;}	



/* ---------------------★ ファイルダウンロードlink--------------------- */

#content-body a.file-link {
	padding:0px 0px 0px 10px ;
	font-weight:600 ;
	background :url(img_common/ico_01.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 }



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



/* 下部ナビ --------------------------*/

#content #lpnavi {
	margin-top:20px;
	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;

	}





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

/* font-size */

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

#content-body .tablepage table {
	margin:0px 0px 30px 0px ;	
	width : 98% ;
	border : solid #ccc ;
	border-width : 1px 0px 0px 1px;
	}


#content-body .tablepage table th {
	width : 120px ;
	padding : 0.5em 0.5em ;
	text-align : center ;
	color:#555 ;/* 文字色 */
	vertical-align : top ;
	font-weight : normal ;
	border : solid #ccc ;
	border-width : 0px 1px 1px 0px;
	background : #f2f2f2 ;
}


#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 ;	}

/* メールフォームSSL */
#content iframe#iframec { background-color:transparent;/* iframe背景透過 */ }



/* ---------------------★ 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 ;
	border:1px solid #ccc ;
	background : #eee ;
	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 }



/* ---------------------★#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 ;
	color:#333 ;/* 文字色 */
	}


#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 .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 : 45% ;
	background:#fff;
	}


#content-body .product2-r {
	margin : 0px 0px 15px 0px ;
	padding : 10px 10px 0px 10px ;
	float : right ;
	border:1px solid #aaa ;
	width : 45% ;
	background:#fff;
	}


/* 3列左、右よせ */

#content-body .product3-l {
	margin : 0px 10px 15px 0px ;
	padding : 8px 8px 0px 8px ;
	float : left ;
	border:1px solid #aaa ;
	width : 29% ;
	background:#fff;
	}


#content-body .product3-r {
	margin : 0px 0px 15px 0px ;
	padding : 8px 8px 0px 8px ;
	float : right ;
	border:1px solid #aaa ;
	width : 28% ;
	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 ;}
	



/* ---------------------★ .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:97% ;
	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 : 100% ;
	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 : 100%;
	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 ;
	background : #fff ;
	}



/* Ｑ項目 */
#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% ;
	}