/* CSS Document */

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


/*　段落　*/
p { margin : 0px }

/*　見出し　*/
h1 { 
	margin : 0px ;
	padding : 0px ; }
h2 { 
	margin : 0px ;
	padding : 0px ;}



/*　---------------------★コンテナー大枠---------------------　*/
#container {
	padding : 0px 0px 0px 0px ;
	text-align : left ;
	width:800px ;
	margin:0 auto }
	
/*　---------------------★ヘッダー---------------------------　*/
#header {
	margin : 0px ;
	padding : 10px 0px 10px 0px ;
	width : 800px ;
	height : 120px ;/*　border:1px solid #000 ;　*/}


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

#header-body {
	padding: 0px;
	margin: 0 auto ;/*　border:1px solid #ccc ;　*/
	width:760px; }

#header h1 {
	font-size:large ;
	padding:0px ;
	line-height:2em ;}

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


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

/*　SEOテキスト用　*/

/*　#footer h3 { 
	margin:0.5em 10px 0px 0px ;
	font-weight:normal;
	font-size:90%}　*/

#footer p {
	padding:5px 10px 0px 10px ;}

#footer p.copyright {
	padding:0px 10px ;
	font-size : 90% }


/*　---------------------★左サイドエリア-------------------------------　*/
#left {
	margin : 0px ;
	float : left ;
	width : 180px ;}

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

#left #menu { margin : 20px 0px 0px 0px ; text-align:left ; height:500px }

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

#left #menu li {
	margin : 0px;
	padding : 0px;}

#left #menu li a:hover { text-decoration : underline ;} /*　テキストリンク用　*/


/*　contents-body メインコンテンツ設定　*/

#content-body {
	margin : 40px 0px 0px 28px ;
	width : 560px ;
	font-size : 90% ;
	line-height : 140% ; }
	
#content-body h3 {
	margin : 0px 0px 15px 0px ;
	clear:both}
	
#content-body h4 {
	margin : 0px 0px 15px 0px ;
	padding : 0px 0px 0px 5px ;
	line-height : 2.1em ;}

#content-body p {
	margin : 0px 0px 0.7em 0px ;}

#content-body table {
	margin : 0px 0px 20px 0px ;
	width:100%; }

#content-body div {
	margin : 0px 0px 20px 0px ;}


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

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


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

	
/*　---------------------フォーム・ボタン類---------------------　*/

/*　詳細へ　*/

#shousai-link {
	margin : -10px 0px 20px 0px ;
	clear : both ;
	text-align : right ;}

#shousai-link span { padding : 0px 0px 0px 10px ; font-weight : 600 }
	
/*　送信など　*/

#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 { font-size:90% }

/*　textarea　*/
table td textarea { width : 400px ; font-size:90% ; }

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

/*　フォーム例文　*/
span.exam { }

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


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

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

table.table01 {
	margin:0px 0px 0px 0px ;	
	width : 400px ;
	font-size : 90% ;
	border-width : 0px ;}

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

table.table01 td span.td-ico {
	padding : 0px 0px 0px 1em ;}

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

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

#content-body .product-box h5 { 
	margin:0px 0px 12px 0px ;
	padding : 0px 0px 0px 0px ;
	line-height : 2.1em ;
	text-align : center ;}
	
#content-body .product-box h6 {	
	margin:0px 0px 0.3em 0px ;
	font-size : 100% ;
	text-align : left ;}
		
#content-body .product-box img { }
#content-body .product-box span { /*　価格表示　*/
	margin:0px 0px 0.3em 0px ;
	display : block ;
	font-weight : 600 ;
	font-size : 100% ;}

#content-body .product-box { /*　商品枠　*/
	margin : 0px 0px 0px 0px ;
	padding : 0px 0px 0px 0px ;
	clear : both }

/*　1列　*/
#content-body .product1 { 
	margin : 10px 0px 15px 0px ; padding : 0;}

/*　2列左、右よせ　*/	
#content-body .product2-l {
	margin : 10px 10px 15px 0px ; padding : 0;
	float : left ;
	width : 270px ;}
#content-body .product2-r {
	margin : 10px 0px 15px 0px ; padding : 0;
	float : right ;
	width : 270px ;}
	
/*　3列左、右よせ　*/
#content-body .product3-l {
	margin : 10px 10px 15px 0px ; padding : 0;
	float : left ;
	width : 180px ;}
#content-body .product3-r {
	margin : 10px 0px 15px 0px ; padding : 0;
	float : right ;
	width : 180px ;}	

/*　フォントサイズ　*/
.product3-l p , 
.product3-r p , 
.product2-l p , 
.product2-r p ,
.product1 p {
	text-align : left ; font-size : 90% ; line-height : 150% }

#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 { text-align : center ;margin-bottom : 0 ; }
#content-body.faq h5 { 
	margin:0px 0px 0px 0px ;
	padding : 0px 0px 0px 1em ;
	line-height : 2.1em ;
	text-align : left ;}

/*　質問一覧　*/
#content-body.faq #qlist table {
	margin:0px 0px 15px 0px ;	
	width : 100% ;
	font-size : 100% ;}

#content-body.faq #qlist table td {
	padding : 0.5em 0 0.5em 1em ;
	border-width : 0px ;
	text-align : left ;
	vertical-align : top ;
	border-width : 0px ;
	font-weight : 600 ; }

/*　アイコンつきＱ番号　*/
#content-body.faq #qlist table td span {
	padding : 0.5em 0 0.5em 1em ; }

	
/*　回答一覧　*/

#content-body.faq #qalist table {
	margin:15px 0px 0px 0px ;	
	width : 100% ;
	font-size : 100% ;}

#content-body.faq #qalist table th {
	padding : 0.5em 0 0.5em 1em ;
	text-align : left ;
	vertical-align : top ;
	font-weight : 600 ; }
	
#content-body.faq #qalist table td {
	padding : 0.5em 0 0.5em 1em ;
	text-align : left ;
	vertical-align : top ;}

/*　アイコン無しＱ番号のth,td文字頭そろえ（アイコン分左に余白）　*/
#content-body.faq #qalist table td span , #qalist table th span {
	padding : 0.5em 0 0.5em 1em ;}

/*　その他　Ｑ番号横幅、Ａ色、回答欄文字サイズ、質問トップへリンク　*/
#content-body.faq table .koumoku { width : 60px ; }

#content-body.faq table span.a { font-size:100%;font-weight : 600 ; }

#content-body.faq table td.td-a { font-size:90%;}

#content-body.faq #qalist table td div { 
	margin : 6px 1em 3px 0px ;
	text-align : right ;
	font-size : 90% } 


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

#content-body.tablepage h4 { text-align : center ;margin-bottom : 0 ; }
#content-body.tablepage h5 { 
	margin:0px 0px 0px 0px ;
	padding : 0px 0px 0px 0 ;
	line-height : 2.1em ;
	text-align : center ;}
	
#content-body.tablepage table {
	margin:10px 0px 15px 0px ;	
	width : 100% ;
	font-size : 90% ;}
	
#content-body.tablepage table th {
	width : 100px ;
	padding : 0.5em 0 0.5em 0em ;
	text-align : center ;
	vertical-align : top ;
	font-weight : bold }	

#content-body.tablepage table td {
	padding : 0.5em 0 0.5em 0.8em ;
	text-align : left ;
	vertical-align : top ;}

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


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

#content-body.link h5 { 
	margin:0px 0px 0px 0px ;
	padding : 0px 0px 0px 1em ;
	line-height : 2.1em ;
	text-align : left ;}
	
#content-body.link table {
	margin:0px 0px 15px 0px ;	
	width : 100% ;
	font-size : 100% ;}

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