@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 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 : 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 ;

	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 0 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 div {

	width : 150px ;

	margin : 0px 8px 8px 0px ;

	float : right ;

	text-align : center ;

	border : 0 ;}



/* 画像枠 */

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



/* 地図表示 */

#content-body #map {

	margin:50px auto 10px auto ;

	clear:both;

	width:500px; height:500px ;

	border:1px solid #aaa ;}





/* メールフォーム */



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

	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% ;

	}