@charset "utf-8";

/* ＜詳細設定＞
----------------------------------------------------------------------------*/
/* 全体
----------------------------------------------------------------------------*/
body{
	background:#fafdea;
	font-size:12px;
}
#container{
	background:#fafdea url(../../_images/common/container_bg.gif) repeat-y;
	height:100%;
	margin:0 auto 0px auto;
	width:780px;
}
/* ヘッダー
----------------------------------------------------------------------------*/
#header{
	background:#FFFFFF url(../../_images/common/header_bg.jpg) no-repeat;
	font-size:12px;
	margin:0 auto 0 auto;
	width:760px;
	height:149px;
}
#header h1{
	color:#FFFFFF;
	font-weight:normal;
	padding:6px 0px 6px 10px;
}
/*ヘッダー・ロゴ*/
#logo{
	margin: 20px 0px 0px 16px;
	height:79px;
	width:490px;
}
/* サイドバー
----------------------------------------------------------------------------*/
#side-bar{
	float: left;
	font-size:12px;
	padding:0px 15px 0px 10px;
	margin-bottom:0px;
	width: 180px;
}
#side-bar p{
	line-height:1.4;
}
#side-bar p, #side-bar address{
	margin-bottom: 10px;
}
/*サイドバー・ナビゲーション*/
#navi{
	margin:0px 0px 20px 0px;
}
#navi01, #navi02, #navi03, #navi04{
	display:inline;
	list-style-type:none;
}
#navi01 a, #navi02 a, #navi03 a, #navi04 a{
	display:block;
	height:39px;
	margin:0px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	width:180px;
}
/*サイドバー・サブカテゴリ*/
.snavi1{
	background:url(../../_images/common/snavi_bg.jpg) no-repeat;
	height:12px;
	list-style-type:none;
	padding:6px 0px 6px 10px;
	width:170px;
}
.snavi2{
	height:12px;
	list-style-type:none;
	padding:6px 0px 5px 10px;
	width:170px;
}
/*\*//*/  
 overflow:auto;  
/**/
/*サイドバー・ロールオーバー画像*/

#navi01 a{
	background:url(../../_images/common/navi_01.gif) no-repeat;
}
#navi01 a:hover{
	background:url(../../_images/common/navi_01ov.gif) no-repeat;
}
#navi02 a{
	background:url(../../_images/common/navi_02.gif) no-repeat;
}
#navi02 a:hover{
	background:url(../../_images/common/navi_02ov.gif) no-repeat;
}
#navi03 a{
	background:url(../../_images/common/navi_03.gif) no-repeat;
}
#navi03 a:hover{
	background:url(../../_images/common/navi_03ov.gif) no-repeat;
}
#navi04 a{
	background:url(../../_images/common/navi_04.gif) no-repeat;
}
#navi04 a:hover{
	background:url(../../_images/common/navi_04ov.gif) no-repeat;
}
/*サイドバー・info*/
#info{
	text-align: left;
	padding: 0px 7px 0px 7px;
	margin-bottom:10px;
	line-height:1.4;
}
#info address{
}
#hinmoku{
}
#hinmoku-title{
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
	border-bottom:1px #999999 solid;
	margin-bottom:7px;
}


/* コンテンツ
----------------------------------------------------------------------------*/
#contents{
	float:right;
	font-size:12px;
	width:550px;
	padding-right:25px;
	margin-top:10px;
	margin-bottom: 150px;
}
/*アーティクル*/
#contents .article{
	margin-bottom: 20px;
}
/*タイトル１*/
#contents .article h2{
	background:#74400d url(../../_images/common/title_01.gif) no-repeat;
	color:#591300;
	font-size:14px;
	font-weight:bold;
	padding:7px 0px 5px 22px;
	height:16px;
	margin-bottom: 10px;
}
/*タイトル２*/
#contents .article h3{
	background:#f9f7d7 url(../../_images/common/title_02.gif) no-repeat;
	border:#ded8c3 1px solid;
	color:#5a2414;
	font-size:14px;
	font-weight:bold;
	padding:7px 0px 5px 22px;
	height:14px;
	margin-bottom: 10px;
}
/*段落*/
#contents .article p{
	line-height:1.4;
	margin-bottom: 10px;
}


/* フッター
----------------------------------------------------------------------------*/
#footer{
	font-size:12px;
	line-height:1.4;
}
#footer-navi{
	float:right;
	width:755px;
	margin-bottom:10px;
	padding-right:25px;
	text-align:right;
}
#footer-snavi{
	background:url(../../_images/common/dot_line.gif) no-repeat right top;
	margin-top:3px;
	padding-top:10px;
}
/* コピーライト*/
#footer-copyright{
	clear:both;
	height:110px;
	width:780px;
	background:#FFFFFF url(../../_images/common/footer_bg.gif) no-repeat;
}
#copyright-inner{
	width:760px;
	margin:0 auto 0 auto;
}
#copyright-inner address{
	color:#FFFFFF;
	padding:10px 0px 10px;
	text-align:center;
}



/* ＜各種ページ設定＞　index.htm
----------------------------------------------------------------------------*/
/* インデックス・メイン
----------------------------------------------------------------------------*/
#main-caption{
	line-height:1.4;
	text-align:center;
	margin-bottom: 10px;
}

/* インデックス・カテゴリ
----------------------------------------------------------------------------*/
#contents .article .index-category{
	width:271px;
	padding:0px;
}
/*タイトル０*/
#contents .article .index-category h2{
	background:#fdb45e url(../../_images/index/title_00.gif) no-repeat;
	color:#591300;
	font-size:14px;
	font-weight:bold;
	padding:7px 0px 5px 22px;
	height:16px;
}
/*アーティクル*/
#contents .article .index-category .index-box{
	border:#b1b1b1 1px solid;
	background:#fcf6ed;
	padding:10px 10px 20px 10px;
	margin-top:-9px;
	margin-bottom:20px;
}
/*段落*/
#contents .article .index-category .index-box .pbox p{
	height:110px;
	line-height:1.4;
	margin-bottom: 10px;
}
/*インデックス・インフォメーション
----------------------------------------------------------------------------*/
#contents .article .index-info{
	padding:0px;
	width:271px;
}
/*タイトル*/
#contents .article .index-info h2{
	background:#ffffff url(../../_images/index/index_info_icon.gif) no-repeat left;
	color:#696969;
	font-size:14px;
	font-weight:bold;
	padding:7px 0px 5px 22px;
	height:16px;
	margin-left:10px;
}
#contents .article .index-info .index-box{
	background:url(../../_images/index/index_info_bg.jpg) no-repeat center top;
	height:240px;
	padding:20px 20px 0px 31px;
	margin-top:-9px;
	width:220px;
}
#contents .article .index-info .index-box p{
	color:#696969;
	font-size:14px;	
	font-weight:bold;
	line-height:1.4;
	margin-bottom: 10px;
}
#contents .article .index-info .index-box .index-button{
	padding-left:62px;
}
/* ＜各種ページ設定＞　company.htm
----------------------------------------------------------------------------*/
/* 会社概要
----------------------------------------------------------------------------*/
#company-left{
	float:left;
	width:200px;
	padding-right:10px;
	margin-bottom:20px;
}
#company-right{
	float:right;
	line-height:1.4;
	margin-bottom: 20px;
	width:340px;
}
#campany-button{
	background:url(../../_images/company/company_button.gif) no-repeat;
	font-size:12px;
	height:21px;
	margin-top:20px;
	padding:6px 0px 3px 15px;
	width:195px;
}
#campany-button a{
	color:#FFFFFF;
	font-weight:bold;
}
#map-detail{
	text-align:right;
	margin-top:5px;

}
/* ＜各種ページ設定＞　company2.htm
----------------------------------------------------------------------------*/
/* 社内の様子
----------------------------------------------------------------------------*/
.campany2Box{
	width:530px;
	padding:0px 10px 0px;
}
/* ＜各種ページ設定＞　plate.htm, apron.htm, metaric.htm, gallery.htm, machine.htm, acrylic.htm, sticker.htm, others.htm
----------------------------------------------------------------------------*/
/* 写真・テキスト
----------------------------------------------------------------------------*/
.photoBox{
	width:200px;
	padding:0px 40px 0px;
	text-align:center;
}
/* ＜各種ページ設定＞　contact.htm 
----------------------------------------------------------------------------*/
/* メールフォーム設定
----------------------------------------------------------------------------*/
.mailform{
    border:1px #b14b3a solid;
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	margin:0px auto 20px auto;
}

.mailform th{
    border:1px #b14b3a solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
.mailform td{
    border: 1px #b14b3a solid;
    border-width: 0 0 1px 1px;
    padding: 5px;
    text-align: left;
	vertical-align:middle;
}
.mailform td p{
	color: #333333;
    line-height: 1.4;
}
/*メールフォーム・インデックスカラー*/
.mailform td.mailform-index1{
	background:#ecc0bb;
	text-align:left
}
.mailform td.mailform-index2{
	background:#faedea;
}
/*個人情報のお取り扱いについて*/
#contact-attention{
	text-align:left;
}
#contact-attention h4{
	border:2px #ecc0bb solid;
	color:#ff0000;
	padding:5px;
	width:30%;
	margin-bottom:10px;
}
















/* ＜共通設定＞
----------------------------------------------------------------------------*/
/* 強調
----------------------------------------------------------------------------*/
.strong1{
	font-weight:bold;
}
.strong2{
	font-weight:normal;
	color:#ff0000;
}
/*フロート設定
----------------------------------------------------------------------------*/
.froatL{
	float:left;
	padding-right:10px;
}
.froatR{
	float:right;
	padding-left:10px;
}
/*フロート解除*/
.clr{
	clear:both;
}
/*テーブル設定
----------------------------------------------------------------------------*/
.table{
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	margin:0px auto 20px auto;
}

.table th{
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
.table td{
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
    padding: 5px;
    text-align: left;
	vertical-align:middle;
}
.table td p{
	color: #333333;
    line-height: 1.4;
}
/*テーブル・インデックスカラー*/
.table td.table-index1{
	background:#f2ebe0;
	text-align:left
}
.table td.table-index2{
	background:#eeece1;
}
.table td.table-index3{
	background:#c3d69b;
}
/*キャプション設定（画像＋下テキストなど）
----------------------------------------------------------------------------*/
.caption1{
	margin-top:-10px;
	margin-bottom:10px;
	line-height:1.4;
}
/*キャプション設定（テーブル＋下テキストなど）
----------------------------------------------------------------------------*/
.caption2{
	margin-top:-10px;
	margin-bottom:10px;
	line-height:1.4;
}
/*サブテキスト設定
----------------------------------------------------------------------------*/
.stxt1{
	color:#ce8108;
}
.stxt2{
	color:#666666;
}
.stxt1, .stxt2{
	font-size:10px;
	line-height:1.4;
}
/*▲トップ設定
----------------------------------------------------------------------------*/
.top-arrow{
	text-align: right;
}