@charset "shift_jis";
/* by JOINTCREATE */


/* ------------------------------------------------------
	for all body
------------------------------------------------------ */
body {
	/* コンテンツ余白設定 */
	margin: 0;
	padding: 0;
	/* 文字基本設定（文字サイズ・行間・色） */
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
	/* IE 5*対策 */
	text-align: center; /* IE 5* でコンテナが中央揃えに。そして、テキストは、#container セレクタの初期設定である左揃えに設定 */	/* background: url(images/common/sideline.gif) repeat-x; */
}

/* 画像のボーダーをリセット */
img {
	border: none;
}

/* フロートの解除 */
.fltrt { /* ページ上でフローティングエレメントを右側に配置。ページ上でその横に配置されるエレメントの前に配置。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* ページ上でフローティングエレメントを左側に配置 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}


/* ------------------------------------------------------
　共通基本スタイルシート レイアウト 
------------------------------------------------------ */
/* メインコンテナ */
#Matsuo #container {
	width: 900px;
	background: #FFFFFF;/* コンテンツ背景色*/
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページを中央揃えに */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
	background: url(images/common/saideline.gif) repeat-y;
	/*border: 1px solid #000000;  コンテナ境界線　最後に非表示に */
} 
#Matsuo #container #Conts {
	width: 860px;
	margin: 0 20px; /* 天地0px　左右20px 開ける */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
} 

#Matsuo #container #Cont2 {
	width: 860px;
	margin: 0 20px; /* 天地0px　左右20px 開ける */
	background: url(images/common/header.jpg) no-repeat 30px 0px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
}

/* ヘッダー：設定 */
#Theader {
	width: 800px;
	height: 345px;
	border-bottom: 3px solid #F18D00;
	margin: 0 30px 5px 30px;
	background: url(images/common/mainBack.jpg) no-repeat;
}
#Theader h1 {
	margin: 0;
	padding: 5px 5px;
	font-size: 11px;
	font-weight: normal;	
}
#header {
	width: 800px;
	margin: 0 30px 0 30px;
}
#header h1 {
	margin: 0;
	padding: 5px 5px;
	font-size: 11px;
	font-weight: normal;
}

/* バナーー：設定 */
#bnr {
	width: 800px;
	margin: 10px 30px 0 30px; 
	padding: 15px 0 0 0;
	text-align: left;
	font-size: 11px;
	background: url(images/top/line.gif) no-repeat;
}
#bnr img {
	margin: 0 10px 10px 0;
	text-align: left;
	font-size: 11px;
}

/* フッター：設定 */
#footer {
	width: 830px;
	margin: 0 30px; /* 天地0px　左右20px 開ける */
	text-align: center;
	font-size: 11px;
	line-height: 1.4em;
	padding: 10px 5px 15px 5px;
	border-top: 3px solid #F18D00;
}

/* メニュー：設定 */
#Matsuo #container #Conts #menu {
	width: 180px;
	margin: 0 0 0 10px;
}
#Matsuo #container #Conts #eshop {
	height: 70px;
	margin: 0;
	padding: 5px 20px 0 580px;
}
#Matsuo #container #Cont2 #menu {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
	background: #FFFFFF;
}
#Matsuo #container #Cont2 #eshop {
	height: 70px;
	margin: 0;
	padding: 5px 20px 0 580px;
}
#menu p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 13px;
}
#menu p.sub {
	margin: 0;
}
#menu div {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 10px;
	line-height: 1.4em;
}

/* メインコンテンツエリア：設定 */
/* TOPページ用 */
#Matsuo #MainConts {
	width: 800px;
	margin: 0 30px 10px 30px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
}
#Matsuo .TMesBox {
	margin: 0 0 10px 0;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: center; /* この設定は body エレメントの text-align: center より優先 */
}


/* 下層ページ用 */
#Matsuo #MainCnts {
	width: 800px;
	margin: 0 30px 0 30px;
	background: url(images/common/menu_back.gif) repeat-y;
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
}
#Pankuzu {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	font-size: 11px;
}
#Titl {
	margin: 0 0 20px 0;
}
#KasoBox {
	width: 600px;
	margin: 0 20px;
}
#KasoBox .MesBox {
	margin: 0 5px 10px 5px;
	color: #7E3F03;
}
#KasoBox .MesBox2 {
	margin: 0 5px 5px 5px;
	font-size: 0.8em;
	line-height: 1.4em;
}
#KasoBox .MesBox2r {
	margin: 0 5px 15px 5px;
	font-size: 1em;
	line-height: 1.6em;
}
#KasoBox .ImgBox {
	margin: 0 0 10px 0;
	text-align: center;
}
.PegeTop {
	margin: 0 5px 10px 5px;
	text-align: right;
	font-size: 10px
}

/* 会社概要：本文設定 */
#Camp {
	margin: 0 0 0 45px;
	text-align: left;
}
#Camp dl { 
	margin: 0 0 20px 0;
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0 0 0 5px;
}
#Camp dt {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:6em;
	border-right: 2px solid #9FD000;
	font-weight: 800;
}
#Camp dd {
	margin: 0 0 8px 0;
	padding: 0 0 0 8em;
}

#Camp h3 {
	margin: 0 0 10px 0;
	padding: 3px;
	background-color:#E5F5AF;
	font-size: 0.85em;
	line-height: 1.4em;
	font-weight: 800;
}
#Camp table {
	width: 500px;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 0 20px 0;
}
#Camp td img {
	margin: 0 0 5px 0;
}
/* 会社概要：本文設定 */
#Busi {
	margin: 0 0 0 5px;
	text-align: left;
}
#Busi .ImgBox {
	margin: 0 0 10px 0;
	text-align: center;
}
#Busi .MesBox {
	margin: 0 5px 20px 5px;
	font-size: 0.8em;
	line-height: 1.4em;
}
#Busi dl { 
	margin: 0 0 20px 0;
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0 0 0 5px;
}
#Busi dt {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 7em;
	padding: 0 0 0 20px;
	font-weight: 800;
	background: url(images/common/icon04.gif) no-repeat 0px 0px;
}
#Busi dd {
	margin: 0 0 8px 0;
	padding: 0 0 0 8em;
}
#Busi dl.item { 
	margin: 0 0 20px 0;
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #A0CF03;
}
#Busi dl.item dt {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 7em;
	padding: 0 0 0 20px;
	font-weight: 800;
	background: url(images/common/icon04.gif) no-repeat 0px 0px;
}
#Busi dl.item dt.ic1 {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 7em;
	height: 18px;
	background: url(images/common/icon01.gif) no-repeat 0px 0px;
}
#Busi dl.item dt.ic2 {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 7em;
	height: 18px;
	background: url(images/common/icon02.gif) no-repeat 0px 0px;
}
#Busi dl.item dt.ic3 {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 7em;
	height: 18px;
	background: url(images/common/icon03.gif) no-repeat 0px 0px;
}
#Busi dl.item dd {
	margin: 0 0 8px 0;
	padding: 0 0 0 8em;
}
#Busi h3 {
	margin: 0 0 10px 0;
	padding: 3px;
	background-color:#E5F5AF;
	font-size: 0.85em;
	line-height: 1.4em;
	font-weight: 800;
}

/* その他のページ：本文設定 */
#Other {
	margin: 0 0 0 5px;
	text-align: left;
}
#Other .ImgBox {
	margin: 0 0 10px 0;
	text-align: center;
}
#Other .MesBox {
	margin: 0 5px 20px 5px;
	font-size: 0.8em;
	line-height: 1.4em;
}
#Other .MesBox #mess {
	padding: 20px 0 300px 0;
}
#Other h2 {
	margin: 0 0 10px 0;
	font-size: 0.85em;
	line-height: 1.4em;
	font-weight: bold;
	color: #FF6600;
	padding: 3px 0 3px 7px;
	border-left: 5px solid #FF6600;
	border-bottom: 1px solid #FF6600;
}
#Other h3 {
	margin: 0 0 10px 0;
	padding: 3px;
	background-color:#E5F5AF;
	font-size: 0.85em;
	line-height: 1.4em;
	font-weight: 800;
}
/* ------------------------------------------------------
　TOPページ基本スタイルシート レイアウト 
------------------------------------------------------ */
/* 左サイドのレイアウト */
#TopLeft {
	float: left;
	width: 380px;
	margin: 0 0 0 0;
}

#TopLeft .MesBox {
	margin: 0 5px 10px 5px;
	font-size: 0.8em;
	line-height: 1.4em;
}

/* 右サイドのレイアウト */
#TopRight2 {
	float: right;
	width: 380px;
	margin: 0 20px 0 20px;
	padding: 0;
}

#TopRight {
	float: right;
	width: 550px;
	margin: 0 20px 0 20px;
	padding: 0;
}
#TopRight #topics {
	padding: 5px;
	border-bottom: 2px solid #B39B5E;
	margin: 0 0 10px 0;
}


/* ------------------------------------------------------
　サンプル　スタイルシート レイアウト 
------------------------------------------------------ */
/* サブタイトル */
#Syoumei h2{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(images/common/subtl_p.gif) no-repeat;
	width: 600px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	vertical-align: middle;
}
#Syoumei h3 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #F9596F;
	padding: 3px 0 3px 7px;
	border-left: 5px solid #F9596F;
	border-bottom: 1px solid #F9596F;
}

/* テーブル */
.DecoT {
	margin: 0 0 10px 0;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.DecoT th {
	font-size: 0.8em;
	color: #643317;
	font-weight: bold;
	background-color: #F4ECCB;
	padding: 3px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.DecoT td {
	font-size: 0.8em;
	padding: 3px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.TPrice {
	margin: 0 0 0 10px;
}
.TPrice td {
	font-size: 0.8em;
	padding: 0;
}

.SubPoint {
	border: 1px solid #FFAB33;
  background-color: #FFE7B4;
	padding: 2px;
	margin: 0 5px 0 0;
  color: #FF6000;
  font-weight: 800;
}



/* ------------------------------------------------------
　お問い合わせ　スタイルシート レイアウト 
------------------------------------------------------ */
/* フォーム設定 */
#cont th{
	font-size: 0.8em;
	letter-spacing: 1px;
	color: #FFFFFF;
	width: 7em;
	text-align: left;
	font-weight: normal;
	padding: 5px;
	background: #339966;
}
#cont td{
	font-size: 0.8em;
	letter-spacing: 1px;
	text-align: left;
	padding: 5px;
}
#cont #thkMes{
	padding: 20px 0 300px 0;
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1.6em;
	text-align: center;
}


/* ------------------------------------------------------
　共通パーツ スタイルシート
------------------------------------------------------ */
/* リンク：設定 */
a:link {
	text-decoration: underline;
	color: #3376C7;
}
a:visited {
  text-decoration: none;
	color: #FF6000;
}
a:active {
  text-decoration: none;
	color: #3376C7;
}
a:hover{
	text-decoration: none;
	color: #74ABF4;
}

#menu p a:link {
  text-decoration: none;
	color: #7E3F03;
}
#menu p a:visited {
  text-decoration: none;
	color: #7E3F03;
}
#menu p a:active {
  text-decoration: none;
	color: #FF6000;
}
#menu p a:hover {
  text-decoration: underline;
  color: #FF6000;
}

a.pic:link {
  text-decoration: none;
	color: #FF6000;
}
a.pic:visited {
  text-decoration: none;
	color: #FF6000;
}
a.pic:active {
  text-decoration: none;
	color: #FF6000;
}
a.pic:hover {
  text-decoration: underline;
	color: #7E3F03;
}

/* マージン設定 */
.MarginB05 {
	margin: 0 0 5px 0;
}
.MarginB10 {
	margin: 0 0 10px 0;
}
.MarginB15 {
	margin: 0 0 15px 0;
}
.MarginB20 {
	margin: 0 0 20px 0;
}
.MarginLR10 {
	margin: 0 10px;
}
.MarginL10 {
	margin: 0 0 0 10px;
}

/* ヘアーライン */
hr {
	display: none;
}

div.line {
	margin: 5px 0;
	border-bottom: 1px solid #B39B5E;
}


/* ---------------------------
		layout
-------------------------- *
/* 画像の回り込み */
#i01{
  float: right;
	margin-left: 4px;
	margin-bottom: 4px;
}

#i02{
  float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}


/* ---------------------------
		text
-------------------------- */

.normal {
  font-size: 75%;
  line-height: 140%;
}
.normal-b {
  font-size: 80%;
  line-height: 140%;
  font-weight: 800;
}
.normal-s {
  font-size: 70%;
  line-height: 120%;
		color: #333333;
}
.normal-ss {
  font-size:65%;
  line-height: 140%;
}

.contens-tl {
  font-size: 85%;
  line-height: 140%;
  color: #25546e;
  font-weight: 800;
}