@charset "UTF-8";

/*--------------------------------------------------------------
初期設定
--------------------------------------------------------------*/

body {
	font: 75%/1 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
	
  background:transparent url(/common/img/header_bk.jpg) no-repeat center top;
}

ul ol,
ol ul {
	font-size: 100% !important;
}

sup {
	vertical-align: top;
}

sub {
	vertical-align: baseline;
	font-size: 0.77em;
}

img {
	vertical-align: bottom;
	text-align: center;
}

label {
	cursor: pointer;
}

a {
	color: #007400;
}

a:visited {
	color: #909;
}

a:hover {
	color: #C00;
}

ul li {
	list-style: none;
}

div#buy-bt {
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	background-color: #FEFDFA;
	border: 1px solid #ccc;
	text-align:center;
}
div#buy-bt span {
	display: block;
	margin-bottom:0.5em;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
main-image 
--------------------------------------------------------------*/

div#main-image-area {
	width: 960px;
	margin: 0 auto !important;
	padding-bottom: 17px;
}

div#main-image {
	background-repeat: no-repeat;
	background-position: center top;
}

div#main-image p {
	width: 960px;
	padding:30px 0;
	margin: 0 auto;
}

div#main-image p.cate-name {
  font-size:28px;
  letter-spacing:0.05em;
  font-weight:bold;
  line-height:120%;
}
div#main-image p.cate-name span{
  display:block;
  width:50%;
  margin-top:3px;
  font-size:18px;
  border-top:1px solid #77474a;
  font-family:serif;
  letter-spacing:0em;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
content 
--------------------------------------------------------------*/
div#content {
	width: 960px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div#main-content a {
	text-decoration: underline;
}

div#main-content a:hover {
	text-decoration: none;
}
/*--------------------------------------------------------------
段落 
--------------------------------------------------------------*/

div#main-content p{
	margin-bottom: 5px;
}

div#main-content p.lead {
	margin-bottom: 22px;
	color: #060;
	font-size: 117%;
	font-weight: bold;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/


/* 会社概要メインコンテンツここから */
#company .company-box{
  width:750px;
	display:block;
	border:1px solid #d2d2d2;
	border-bottom:none;
	background:#fff !important;
	margin-bottom:8px;
}
#company .company-box dl{
	display:block;
	width:750px;
	border-bottom:1px solid #d2d2d2;
}
#company .company-box dt{
	float:left;
	font-weight:bold;
	display:block;
	width:750px;
	padding:20px 0 0 40px;
	color:#000 !important;
	box-sizing:border-box;
}
#company .company-box dd{
	float:left;
	display:block;
	width:500px;
	padding:20px;
	border-left:1px solid #d2d2d2;
	box-sizing:border-box;
  font-size:14px;
}

#company .company-box h4,
#company .company-box .comments{
  margin:0 2em;
}


/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
ページ内リンク 
--------------------------------------------------------------*/

div#main-content div#anchor-list {
	width:750px;
	margin-bottom: 30px;
	padding: 4px 0 0 4px;
}

div#main-content div#anchor-list ul li {
	display: block;
	float: left;
	width: 337px;
	margin: 0 4px 4px 0;
	list-style:none;
}

div#main-content div#anchor-list ul li a {
	display: block;
	text-decoration: none;
	background: #F2F2C5 url(../images/anchor_list.gif) 9px 11px no-repeat;
	padding: 7px 0 4px 28px;
	color: #F9F3E3;
	border: none
}

div#main-content div#anchor-list ul li a:hover {
	background: #F9F3E3 url(../images/anchor_list.gif) 9px 11px no-repeat;
	padding: 7px 0 4px 28px;
	color: #007200;
	border: none
}
/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
レイアウトパターン 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
インデックスパターン 
--------------------------------------------------------------*/

div#main-content div.index-pattern {
	margin: 0 -20px 17px 0;
	
}
div#main-content div.index-pattern div.index_bg01{
	float: left;
	margin-right: 20px;
	padding-top:17px;
	background: url(../images/index_title_he01.gif) 0 0 no-repeat;
	}
div#main-content div.index-pattern div.index_bg02{
	float: left;
	margin-right: 20px;
	padding-top:17px;
	background: url(../images/index_title_he02.gif) 0 0 no-repeat;
	}
div#main-content div.index-pattern div.col {
	width:333px;
	border: 1px solid #E6E6E6;
	background-color: #FFF;
	cursor: pointer;
}

div#main-content div.index-pattern div.linkHover {
	border: 1px solid #CC2727;
}

div#main-content div.index-pattern div.col h2,
div#main-content div.index-pattern div.col h3 {
	margin: -1px -1px 12px -1px;
	padding: 0;
	background: none;
	border-bottom: none;
}

div#main-content div.index-pattern div.col p {
	margin: 0 18px 10px 18px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
パターン1-1＆1-1-1 
--------------------------------------------------------------*/

div#main-content div.pattern1-1 {
}
div#main-content div.pattern1-1 div.col {
	float: left;
	width: 335px;
	margin-right: 20px;
}

div#main-content div.col h4 {
	clear: both;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
パターン2-1 
--------------------------------------------------------------*/

div#main-content div.pattern2-1 div.left-col {
	float: left;
	width: 454px;
}

div#main-content div.pattern2-1 div.right-col {
	float: right;
	width: 217px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
パターン1-2 
--------------------------------------------------------------*/

div#main-content div.pattern1-2{
	margin-bottom:20px;
}
div#main-content div.pattern1-2 div.left-col {
	float: left;
	width: 345px;
}

div#main-content div.pattern1-2 div.right-col {
	float: right;
	width: 345px;
}

ex)
div#main-content div.pattern1-2 div.left-col a:hover * {
filter: alpha(style=0; opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}


ex)
div#main-content div.pattern1-2 div.right-col a:hover * {
filter: alpha(style=0; opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
パターン1-3
--------------------------------------------------------------*/

div#main-content div.pattern1-3 {
	margin-bottom:20px;
}
div#main-content div.pattern1-3 div.col {
	float: left;
	width: 230px;
	margin-right: 27px;
}
div#main-content div.pattern1-3 div.col.last{
	margin-right: 0 !important;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
パターン1-2 
--------------------------------------------------------------*/

div#main-content div.col .img-col {
	float: left;
	width: 110px;
}

div#main-content div.col .text-col {
	float: right;
	width: 204px;
}

div#main-content div.col .text-col ul {
	margin-left: 0 !important;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
流し込み 
--------------------------------------------------------------*/

div#main-content div.patter-r-img .img-col {
	float: right;
	margin: 0 0 13px 20px;
}

div#main-content div.patter-l-img .img-col {
	float: left;
	margin: 0 20px 13px 0;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/* キャプション 
--------------------------------------------------------------*/
div#main-content p.caption_teks {
	position: relative;
	margin: -10px 0 1em 0;
	line-height: 1.3 !important;
}

/*--------------------------------------------------------------
zoom 
--------------------------------------------------------------*/

div#main-content img.zoom {
	position: relative;
	display: block;
	margin: -8px 0 -17px 647px;
}

div#main-content div.pattern1-1 img.zoom { margin-left: 292px;}
div#main-content div.left-col img.zoom,
div#main-content div.right-col img.zoom,
div#main-content div.pattern1-1-1 img.zoom { margin-left: 174px;}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
見出し 
--------------------------------------------------------------*/

div#main-content h2,
div#main-content h3,
div#main-content h4,
div#main-content h5 {
	font-weight: bold;
	line-height: 1.2;
}

div#main-content h1 {
	margin-bottom: 10px;
	background: url(../images/h1_back.gif) no-repeat left top;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', serif;
	color: #000;
	font-size: 200%;
	line-height: 1.2;
}

div#main-content h2 {
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 14px 0;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border: 1px solid #F1F1CB;
	border-bottom: 1px solid #5F4A38;
	text-align:center;
}

div#main-content h2 span {
	display: inline-block;
	color: #333;
	font-size: 180%;
	letter-spacing:5%;
	background-color: #FFF;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 39px;
}

div#main-content h2 span.fontsize-normal{
		display: inline;
		padding: 0px;
		background: none !important;
		border: none !important;
		font-weight: normal;
		font-size: 66.7% !important;
}

div#main-content h3 {
	margin-bottom: 20px;
	padding: 6px 10px 5px 13px;
	background-color: #F9F3E3;
	border-bottom: 1px solid #D4D4AE;
	color: #5A4531;
	font-size: 134%;
}

div#main-content h4 {
	margin-bottom: 15px;
	padding-bottom: 2px;
	background: url(../images/head4_border.gif) left bottom repeat-x;
}

div#main-content h4 span {
	display: block;
	padding: 0 0 6px 13px;
	background: url(../images/head4_icon.gif) 1px 0 no-repeat;
	color: #5A4531;
	font-size: 117%;
}

div#main-content h5 {
	margin-bottom: 15px;
	padding-left: 14px;
	background: url(../images/head5_icon.gif) 1px 0 no-repeat;
	color: #333;
	font-size: 117%;
}


/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
注意書き 
--------------------------------------------------------------*/

div#main-content p.caution {
	padding-left: 19px;
	background: url(../images/icon_caution.gif) 3px 5px no-repeat;
	color: #C03;
}

div#main-content span.caution {
	padding-left: 19px;
	background: url(../images/icon_caution.gif) 3px 2px no-repeat;
	color: #C03;
}

div#main-content ul.caution {
	margin: 0 0 25px 18px;
}

div#main-content ul.caution li {
	list-style: none;
	margin-bottom: 2px;
	padding-left: 19px;
	background: url(../images/icon_caution.gif) 3px 5px no-repeat;
	color: #C03;
}

div#main-content dl.caution {
	margin-bottom: 25px;
	border: 1px solid #E57F90;
	padding: 13px 18px;
}

div#main-content dl.caution dt {
	margin-bottom: 0;
	padding-left: 0;
	background: none;
	font-size: 100%;
	color: #C03;
}

div#main-content dl.caution dd {
	margin: 0;
	color: #C03;
}


/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
リンクリスト 
--------------------------------------------------------------*/

div#main-content .link-next a,
div#main-content a.link-next {
	padding-left: 18px !important;
	background: url(../images/icon_next.gif) no-repeat 1px 1px;
}

div#main-content .link-back a {
	padding-left: 18px !important;
	background: url(../images/icon_prev.gif) no-repeat 1px 1px;
}

div#main-content ul.link-list {
	margin: 0 0 25px 15px;
}

div#main-content ul.link-list li {
	margin-bottom: 8px;
	padding-left: 17px !important;
	background: url(../images/icon_next.gif) no-repeat 0 5px;
}

div#main-content ul.link-list li ul {
	margin: 8px 0 0 4px;
}

div#main-content ul.link-list li ul li {
	padding-left: 11px !important;
	background: url(../images/icon_link2.gif) no-repeat 0 7px;
}

div#main-content img.link-icon {
	padding-left: 3px;
	vertical-align: baseline;
}

div#main-content ul.link-box {
	margin-bottom: 25px;
	border: 1px solid #E57F90;
	padding: 13px 18px;
}

div#main-content ul.link-box li {
	margin-bottom: 8px;
	padding-left: 17px !important;
	background: url(../images/icon_next.gif) no-repeat 0 5px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
ページ内リンクリスト 
--------------------------------------------------------------*/

div#main-content div.page-down-list {
	margin-bottom: 35px;
	padding: 3px 0 0 3px;
	border: 1px solid #dfdfdf;
}

div#main-content div.page-down-list ul li {
	display: block;
	float: left;
	width: 312px;
	margin: 0 3px 3px 0;
	background-color: #ebebeb;
}

div#main-content div.page-down-list ul li a {
	display: block;
	padding: 5px 10px 5px 29px;
	background: url(../images/icon_link3.gif) no-repeat 10px 10px;
	text-decoration: none;
}

div#main-content div.page-down-list ul li a:hover {
	background: #fff url(../images/icon_link3_on.gif) no-repeat 10px 10px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
番号リスト 
--------------------------------------------------------------*/

div#main-content ol {
	margin: 0 0 25px 36px;
}

div#main-content ol li {
	margin-bottom: 3px;
}

div#main-content ol li ol {
	margin: 3px 0 0 19px;
}

div#main-content ol li ul.list {
	margin: 0 0 0 2px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
箇条書きリスト 
--------------------------------------------------------------*/

div#main-content ul.list {
	margin: 0 0 25px 18px;
}

div#main-content dl ul.list {
	margin: 0 0 25px 0;
}

div#main-content ul.list li {
	margin-bottom: 1px;
	padding-left: 14px;
	background: url(../images/icon_list1.gif) no-repeat 0 8px;
}

div#main-content ul.list li ul {
	margin: 0 0 0 7px;
}

div#main-content ul.list li ul li {
	padding-left: 13px;
	background: url(../images/icon_list2.gif) no-repeat 0 9px;
}

div#main-content ul.list li ol {
	margin: 3px 0 0 26px;
}

div#main-content ul.list li ol li {
	list-style-type: decimal;
	margin-bottom: 3px;
	padding-left: 0;
	background: none;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
定義リスト 
--------------------------------------------------------------*/

div#main-content dl {
	margin-bottom: 25px;
}

div#main-content dl dt {
	margin-bottom: 4px;
	padding-left: 11px;
	background: url(../images/icon_dt.gif) 0 0 repeat-y;
/*	background: url(../images/icon_dt.gif) 0 6px no-repeat;
	color: #F9F3E3; */
	font-size: 117%;
	font-weight: bold;
}

div#main-content dl dd {
	margin: 0 0 1em 13px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
お知らせリスト 
--------------------------------------------------------------*/

div#main-content dl.info-list {
	margin-bottom: 25px;
}

div#main-content dl.info-list dt {
	margin-bottom: 0;
	padding-left: 17px;
	background: url(../images/info_icon.gif) 7px 8px no-repeat;
	color: #333;
	font-size: 100%;
	line-height: 1.5;
}

div#main-content dl.info-list dd {
	margin: 0 0 7px 0;
	padding: 0 0 5px 17px;
	border-bottom: 1px dotted #DBD4C2;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
テーブル 
--------------------------------------------------------------*/

div#main-content table {
	margin: 0 -10px 25px -10px;
/*	width: 710px;*/
  width:100%;
}

div#main-content table th {
	padding: 5px 5px 6px 5px;
	border-top: 1px solid #FFE;
/*	border-right: 10px solid #FFE;*/
	border-right: 1px solid #FFE;
	border-bottom: 1px solid #FFE;
/*	border-right: 10px solid #FFE;*/
	border-right: 1px solid #FFE;
	background: transparent url(../images/cell_bottom.gif) left bottom repeat-x;
	color: #5A4531;
	font-weight: bold;
	vertical-align: top;
	text-align:center;
	white-space:nowrap;
}

div#main-content table td {
	padding: 5px 5px 6px 5px;
	border-top: 1px solid #FFE;
/*	border-right: 10px solid #FFE;*/
	border-right: 1px solid #FFE;
	border-bottom: 1px solid #FFE;
/*	border-right: 10px solid #FFE;*/
	border-left: 1px solid #FFE;
	background: transparent url(../images/cell_bottom.gif) left bottom repeat-x;
	vertical-align: top;
	text-align:center;
}

div#main-content table .middle-position {
	vertical-align: middle;
}

div#main-content div.pattern2-1 div.left-col table,
div#main-content div.pattern1-2 div.right-col table { width: 474px;}
div#main-content div.pattern1-1 div.col table { width: 355px;}
div#main-content div.pattern1-1-1 div.col table,
div#main-content div.pattern2-1 div.right-col table,
div#main-content div.pattern1-2 div.left-col table { width: 237px;}

div#main-content table td ul,
div#main-content table td ol {
	margin-bottom: 0 !important;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
info-area 
--------------------------------------------------------------*/

div#info-area {
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

div#info-area h2 {
	margin-bottom: 13px;
	padding: 0 !important;
}

div#info-area div.left-col ul {
	padding: 14px 0 0 12px;
	background: url(../images/info_back.gif) no-repeat;
}

div#info-area div.left-col ul li {
	padding-bottom: 16px;
}

div#info-area div.right-col p {
	float: left;
	width: 217px;
	margin-left: 19px;
}

div#info-area div.right-col p#info-feature {
	margin-left: 0;
} 

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
footer-SNS 
--------------------------------------------------------------*/

ul#footer-sns {
	position: relative;
	width: 560px;
	margin-top: -44px;
	
}

ul#footer-sns li {
	 display: inline;
	 padding-right: 1px;
	 vertical-align: top;
}

li.face_posi{
	position:relative;
	left:-15px;
}
/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

p.to-top {
	margin-bottom: 30px;
	text-align: center;
}

p#to-top {
	position: relative;
	clear: both;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

div#main-content strong {
	color: #060;
	font-weight: bold;
}

div#main-content .right-position,
div#main-content tr.right-position th,
div#main-content tr.right-position td {
	text-align: right;
}

div#main-content .center-position,
div#main-content tr.center-position th,
div#main-content tr.center-position td {
	text-align: center;
}

div#main-content .last-para {
	margin-bottom: 40px !important;
}

div#main-content .last-para2 {
	margin-bottom: 80px !important;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
nav 
--------------------------------------------------------------*/

div#nav,
div.area_l {
	float: left;
	width: 185px;
/*	line-height: 0.5;
	background-image: url(../images/nav_top.gif);
	background-repeat: repeat-y;*/
}

.left_nav {
	background-color: #f8f8f8;
	width: 185px !important;
	} 
.left_nav dd {
	border-left: 2px solid #c4c4c4;
	border-right: 2px solid #c4c4c4;
	padding:0.5em;
	line-height: 1.2;
  position:relative;
}
.left_nav dd:before{
  content:url(/common/img/side_nav_ptr.gif);
  display:block;
  position:absolute;
  top:50%;
  margin-top:-5px;
}
.left_nav dl:first-child dd{
  font-size:16px;
  font-weight:bold;
  color:#333;
}
.left_nav dl:first-child dd:before{
  display:none;
}
.left_nav dd a,
.left_nav dd em{
  display:inline-block;
  padding-left:1em;
  vertical-align:middle;
  text-decoration:none;
  color:#3c3c3c;
  font-size:1.2em;
  font-weight:600;
}

.left_nav dd a:hover{
color:#f00;
}

.last_list {
	border-bottom: 2px solid #c4c4c4;
	margin-bottom: 30px;
}
.list_info {
	text-align: center;
}
.l_banner_area {
	margin-bottom: 15px
}

.l_banner_area01 li{
	padding-bottom: 15px;
	text-align: center;
}
/*--------------------------------------------------------------
local-nav 
--------------------------------------------------------------*/

div#local-nav {
	padding: 0 1px 22px 0;
	background: #FFE url(../images/localnav_bottom.gif) left bottom no-repeat;
}

div#local-nav h2 {
	border-bottom: 1px dotted #BFBFBF;
}

div#local-nav ul {
	background: url(../images/localnav_back.gif) repeat-y;
}

div#local-nav ul li a {
	display: block;
	padding: 8px 5px 7px 28px;
	background: url(../images/icon_next.gif) 11px 11px no-repeat;
	border-bottom: 1px dotted #BFBFBF;
	color: #5F4A38;
	text-decoration: none;
}

div#local-nav ul li.no-border a {
	border-bottom: none !important;
}

div#local-nav ul li a:hover,
div#local-nav ul li a.current,
div#local-nav ul li a.current:hover {
	background: #F3F3F3 url(../images/nav_icon1_on.gif) 11px 11px no-repeat;
	color: #C00;
}

div#local-nav ul li ul {
	padding-left: 10px;
	background: none;
	border-bottom: 1px dotted #BFBFBF;
}

div#local-nav ul li ul li a {
	padding-left: 19px;
	background: url(../images/icon_link2.gif) 7px 13px no-repeat;
}

div#local-nav ul li ul li a:hover,
div#local-nav ul li ul li a.current,
div#local-nav ul li ul li a.current:hover {
	background: #F3F3F3 url(../images/nav_icon2_on.gif) 7px 13px no-repeat;
}

div#local-nav ul li ul li ul {
	padding: 7px 0 7px 10px;
	border-bottom: none;
}

div#local-nav ul li ul li ul li a {
	padding: 5px 5px 4px 19px;
	background: url(../images/nav_icon3.gif) 10px 10px no-repeat;
	border-bottom: none;
}

div#local-nav ul li ul li ul li a:hover,
div#local-nav ul li ul li ul li a.current,
div#local-nav ul li ul li ul li a.current:hover {
	background: #F3F3F3 url(../images/nav_icon3_on.gif) 10px 10px no-repeat;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
pickup 
--------------------------------------------------------------*/

/*div#pick-up {
	margin-right: -22px;
	padding: 33px 22px 50px 10px;
	background: url(../images/pick_top.png) no-repeat;
}
*/
div#pick-up h2 {
	margin-bottom: 8px;
}

div#pick-up ul li {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/


.btn02:hover{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
ホーム 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
main-content 
--------------------------------------------------------------*/

body#home div#main-content {
	width: 700px;
	padding-top: 10px;
}

body#home div#main-content div.pattern1-1 {
	margin: 0 -28px 28px 0;
}

body#home div#main-content div.pattern1-1 div.col {
	width: 336px;
	margin-right: 28px;
}

body#home div#main-content div.pattern1-1 div.col h2 {
	background: none;
}

body#home div#main-content div.home-nav {
	margin: 0 -28px 27px 0;
}

body#home div#main-content div.home-nav div.col {
	float: left;
	width: 336px;
	margin-right: 28px;
	cursor: pointer;
}

body#home div#main-content div.home-nav div.col h2 {
	position: absolute;
	margin: 0;
	padding: 0;
	background: none;
	z-index: 99;
}

body#home div#main-content div.home-nav div.col p {
	margin: 0 11px 10px 0;
}

body#home div#main-content div.home-nav div.col p.img-col {
	float: none;
	width: auto;
	margin: 0 -11px 9px 0;
	padding-top: 13px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
nav 
--------------------------------------------------------------*/

body#home div#nav {
	padding-top: 41px;
}

ul#nav_sns {
	padding: 10px 0 5px 10px;
	background-color: #FBEBCD;
}

ul#nav_sns li {
	display: inline;
	vertical-align: top;
}

ul#nav_sns li.facebook {
	relative
}

/* 20120228 ツイートボタン一部分非表示対応  --------------------------------------------------------------*/

iframe.twitter-share-button {
    width: 80px !important;
}


body#home div#pick-up {
	background-image: url(http://compactsystemsofa.com/common/images/pick_top.png);
	background-repeat: no-repeat;
	padding-top: 26px;
	padding-right: 22px;
	padding-bottom: 30px;
	padding-left: 10px;
}

body#home div#pick-up dl {
	padding: 0 0 23px 2px;
	line-height: 1;
}

body#home div#pick-up dl dt {
	margin-bottom: 8px;
}

body#home div#pick-up dl dd {
	width: 169px;
	margin-left: 9px;
	padding-bottom: 7px;
}

body#home div#pick-up dl dd#nav-tel-rest {
	border-bottom: 1px dotted #CCC;
	margin: 0 0 6px 9px;
}

ul#home-local-nav {
	width: 190px;
	padding-bottom: 18px;
	line-height: 1;
}

ul#home-local-nav li {
	margin-bottom: 10px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #C5C5AF;
}

ul#home-local-nav li a {
	display: block;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
システムソファについて 
--------------------------------------------------------------*/

body#about div#main-image {
	background-image: url(../../about/images/mainimage_back.jpg);
}

div#main-content p.staff-name {
	margin-bottom: 23px !important;
	padding-top: 20px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/
/*--------------------------------------------------------------
システムソファ共通
--------------------------------------------------------------*/

/***********************/
div#main-content .choice{
	position: relative;
}
div#main-content .choice_ti {
	position: absolute;
	bottom: 0px;
	text-align: center;
	background-image: url(../img/bgline.png);
	color: #fff;
	font-weight: bold;
	width: 100%
}
div#main-content .choice {
	float: left;
	width: 180px;
	margin-left: 10px;
}
div#main-content .choice:first-child {
	margin: 0;
} 
div#main-content .choice_row {
	margin-bottom: 10px;
}
div#main-content .choice_content{
	margin-top:30px;
	margin-bottom: 30px;
}
div#main-content .choice_content h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
システムソファレストラン 
--------------------------------------------------------------*/

body#restaurant div#main-image {
	background-image: url(../../restaurant/images/mainimage_back.jpg);
}

ul#drink-tab {
	margin-right: -39px;
}

ul#drink-tab li {
	float: left;
	width: 204px;
	margin-right: 39px;
	padding-bottom: 35px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
ソファウェディング -
-------------------------------------------------------------*/

body#wedding div#main-image {
	background-image: url(../../wedding/images/mainimage_back.jpg);
}

/* ----------Q&A---------- --------------------------------------------------------------*/

div#faq h2 {
	margin-bottom: 15px;
	padding-bottom: 0;
	background: url(../../wedding/faq/images/faq_img03.gif) 132px 100% no-repeat;
}
 
div#faq h2 span {
	display: block;
	padding: 9px 5px 6px 50px;
	background: #FFF url(../../wedding/faq/images/faq_img01.gif) no-repeat;
	border: 1px solid #F1F1CB;
	color: #333;
	font-size: 150%;
}

div#faq .answer {
	padding: 8px 0 17px 51px;
	margin-bottom: 45px;
	background: url(../../wedding/faq/images/faq_img02.gif) 1px 0 no-repeat;
}


/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
記念日・懇親会・パーティー等のご利用に 
--------------------------------------------------------------*/

body#party div#main-image {
	background-image: url(../../party/images/mainimage_back.jpg);
}

body#party div#main-image p {
	padding-top: 42px;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
イベントカレンダー 
--------------------------------------------------------------*/

body#event div#main-image {
	background-image: url(../../event/images/mainimage_back.jpg);
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
フォトギャラリー 
--------------------------------------------------------------*/

body#gallery div#main-image {
	background-image: url(../../gallery/images/mainimage_back.jpg);
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
お知らせ --------------------------------------------------------------*/

body#info div#main-image {
	background-image: url(../../info/images/mainimage_back.jpg);
}


/* ----------一覧---------- 
--------------------------------------------------------------*/

body#info dl.info-list dt {
	float: left;
	width: 125px;
	margin-bottom: 0;
	padding-left: 17px;
	background: url(../images/info_icon.gif) 7px 6px no-repeat;
	color: #333;
	font-size: 100%;
	line-height: 1.5;
	}

body#info dl.info-list dd {
	margin: 0 0 25px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #DBDBCE;
	}


/* ----------詳細---------- 
--------------------------------------------------------------*/

p#date_teks {
	margin-bottom: 20px !important;
	color: #333;
	font-weight: bold;
	}


/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
お問い合わせ 
--------------------------------------------------------------*/

body#contact div#main-image {
	background-image: url(../../contact/images/mainimage_back.jpg);
}


/* ----------入力ページ---------- --------------------------------------------------------------*/

form table td#radio input{
	background: none;
	border: none;
	vertical-align: middle;
	margin-top: 3px;
	}

form table th label,
form table th span {
	position: relative;
	display: block;
	padding: 7px 29px 0 0;
	}

form table th label img,
form table th span img {
	position: absolute;
	top: 10px;
	right: 0;
}

form table td {
	padding: 10px 5px !important;
}

form table td input,
form table td textarea {
	margin-bottom: 5px;
	padding: 7px 4px 5px;
	background: url(../images/input_text_top.gif) no-repeat;
	border: none;
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	}

form table td input.input-text01 {
	width: 500px;
	vertical-align: middle;
	}

form table td input.input-text02 {
	width: 200px;
	vertical-align: middle;
	}

form table td input.input-text03 {
	width: 100px;
	vertical-align: middle;
	}

form table td textarea {
	width: 500px;
	}

form div#inquiry-privacy {
	height: 134px;
	margin-bottom: 19px;
	padding: 19px 24px 10px 24px;
	background: url(../images/input_text_top.gif) no-repeat;
	border: none; 
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	overflow: scroll;
	}

p.check img{
	vertical-align: middle;
	}

/* ----------エラーページ---------- --------------------------------------------------------------*/

p.error-message{
	width: 415px;
	margin-bottom: 5px !important;
	background: url(../../contact/images/err_img02top.gif) no-repeat;
}

p.error-message span {
	display: block;
	margin-bottom: 0px !important;
	padding: 3px 15px 10px 15px;
	background: url(../../contact/images/err_img02bottom.gif) left bottom no-repeat;
	color: #FFF;
}

p.error-message span#check {
	display: block;
	margin-bottom: 0px !important;
	padding: 3px 15px 10px 15px;
	background: url(../../contact/images/err_img02bottom2.gif) left bottom no-repeat;
}

p.error-message img{
	vertical-align: baseline;
}

ul#submit-area {
	margin-left: 205px;
}

ul#submit-area li {
	float: left;
	padding-right: 17px;
}

div.faq{
	padding-left: 53px;
	margin-bottom: 40px;
	background: url(../../contact/wedding/images/wed_img02.gif) 1px 0 no-repeat;
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
会社概要 
--------------------------------------------------------------*/

body#company div#main-image {
	background-image: url(../images/mainimage_back_b.jpg);
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
交通アクセス 
--------------------------------------------------------------*/

body#access_teks div#main-image {
	background-image: url(../images/mainimage_back_b.jpg);
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
生物多様性保全 
--------------------------------------------------------------*/

body#biological div#main-image {
	background-image: url(../images/mainimage_back_b.jpg);
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
リンク集 
--------------------------------------------------------------*/

body#link div#main-image {
	background-image: url(../images/mainimage_back_a.jpg);
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
個人情報保護方針 
--------------------------------------------------------------*/

body#privacy div#main-image {
	background-image: url(../images/mainimage_back_a.jpg);
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
サイトマップ 
--------------------------------------------------------------*/

body#sitemap div#main-image {
	background-image: url(../images/mainimage_back_a.jpg);
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
カタログ 
--------------------------------------------------------------*/

div#main-content div.pattern1-a {
	margin-right: -12px;
}
div#main-content div.pattern1-a div.col {
	float: left;
	width: 168px;
	margin-right: 10px;
}
div#main-content div.pattern1-a img.zoom { margin-left: 31px;
margin-top: -15px;
margin-bottom:5px;}

.p_name{
font-size:1.4em;font-weight:600;text-align:left!important;margin-left:8px;margin-top:3px;
}

div#main-content div.pattern1-8 {
	margin-right: -12px;
}



div#main-content div.pattern1-8 div.col {
	float: left;
	width: 175px;
	margin:10px 2px 15px;
	height:240px;
	margin-top:3px;
	border:1px solid #ccc;
	padding:6px 2px 10px;
	text-align:center;
}

div#main-content div.pattern1-8 div.col a{
	text-decoration:none;
}
div#main-content div.pattern1-8 div.col a:visited{
	font-color:#000!important;
}

div#main-content div.pattern1-8 div.col p{
  text-align:center;
}


div#main-content div.pattern1-8 div.col_low {
	float: left;
	width: 175px;
	margin:10px 2px 15px;
	height:185px;
	margin-top:3px;
	border:1px solid #ccc;
	padding:6px 2px 10px;
	text-align:center;
}
div#main-content div.pattern1-8 div.col_low a{
	text-decoration:none;
}
div#main-content div.pattern1-8 div.col_low a:visited{
	font-color:#000!important;
}

div#main-content div.pattern1-8 div.col_low p{
  text-align:center;
}

div#main-content div.pattern1-8 div.col_high {
	float: left;
	width: 175px;
	margin:10px 2px 15px;
	height:265px;
	margin-top:3px;
	border:1px solid #ccc;
	padding:6px 2px 10px;
	text-align:center;
}
div#main-content div.pattern1-8 div.col_high a{
	text-decoration:none;
}
div#main-content div.pattern1-8 div.col_high a:visited{
	font-color:#000!important;
}

div#main-content div.pattern1-8 div.col_high p{
  text-align:center;
}


div#main-content div.pattern1-8 img.zoom { margin-left: 31px;
margin-top: -15px;
margin-bottom:5px;
}



}
div#main-content div.pattern1-8 div.col2 {
	float: left;
	width: 168px;
	margin-right: 10px;
}



/*--------------------------------------------------------------
END
--------------------------------------------------------------*/


/*--------------------------------------------------------------
メールマガジン 
--------------------------------------------------------------*/
body#mailmagazine div#main-image {
	background-image: url(../images/mainimage_back_b.jpg);
}

div#mailmaga {
	height: 350px;
	margin-bottom: 19px;
	padding: 19px 24px 10px 24px;
	background: #fff url(../images/input_text_top.gif) no-repeat;
	border: none; 
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	overflow: scroll;
	}
	
/*--------------------------------------------------------------
END
--------------------------------------------------------------*/
.leg {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 14px;
}
#reg_price {
	color: #F60;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left: 70px;
}
.leg_rhight {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	right: 5px;
	margin-left: 100px;
}