@charset "Shift_JIS";

/*--------------------------------------------------------------------*/
/*※注意　ここは置換で色（#以下）を変更する箇所です。

サイトにあった色（#以下）や背景を変えてください。*/

/*--------------------------------------------------------------------*/

/*　基本の文字の色*/

body {
	color:#333;
}

/*　ｈ1とフッターの背景と文字*/

body h1,
footer small {
	background:#54B32E;
	color: #fff;
}

/*　基本のリンク色*/
a {
	color:#0pc;
}

/*　ヘッダー　header*/

body header {
	border-bottom: 2px solid #190000;
	background:#FFF;
}

/*共通見出し*/

.main02_title/*indexのページタイトル*/,
.PageTitle /*各ページのページタイトル*/,
.title/*G3 サブタイトル*/{
background:#54B32E;
	color: #fff;
/*	border-top: 1px solid #54B32E;
	border-bottom: 1px solid #54B32E;
*/}

.SmallTitle/*各ページの小見出し*/,
div#gallery3 div.article div.articleHead h3/*G3の見出し*/,
div#PrivacyWrapper dl dt/*個人情報保護の小見出し*/,
div#company u/*会社案内の小見出し*/{
	background:#54B32E;
color:#FFF;
}

div#gallery3 div.article u/*G3のu　見出し*/{
	border-bottom:1px dotted #BD4932;
}

/*　共通tableのデザイン  */

/*G3のtable*/
div#gallery3 table.border-on th,
div#gallery3 table.border-on td,
/*個人情報保護のtable*/
div#PrivacyWrapper table td,
div#PrivacyWrapper table th,
/*会社案内のtable*/
section#company02 table td.col_1,
section#company02 table td.col_2{
	border: 1px solid #ccc;
}

/*　共通tableのデザイン　左側  */

/*G3のtable*/
div#gallery3 table.border-on th,
/*個人情報保護のtable*/
div#PrivacyWrapper table th,
/*会社案内のtable*/
section#company02 table td.col_1{
	background-color: #eee;
}

/*※お問い合わせのテーブル div#Otoiawase table*/

div#Otoiawase table,
div#Otoiawase table td.td_submit{
	border-top: 1px solid #ccc;
}
div#Otoiawase table td.form_index{
	background:#eee;
}
div#Otoiawase table td.form_index,
div#Otoiawase table td.list_value,
div#Otoiawase table td.td_submit{
	border-bottom: 1px solid #ccc;
}

/*　main02　HOMEボタン　*/

div#main02 nav#main02_home {
	background:#FF6633;
}

div#main02 nav#main02_home a {
	color:#FFF;
}

/*index01 メインイメージ　背景*/

section#index01 {
	background-color:#FFF;
	border-bottom:2px solid #000;
}

/*index02 コンテンツギャラリー2　アイコン*/

section#index02 table td {
border:1px solid #FF2838;
background:#FF2838;
}

section#index02 table td p {
	color: #fff;
}

section#index02 table td a {
	color:#FFF;
}

section#index02 table td a:active {
	color:#FC0;
}

section#index02 table td a:before {
	border: solid 1px #FFF;
    border-color: rgba(255, 255, 255, 0.35);
}

/*　ヘッダーとお問い合わせ　電話をかける　*/

header table p,
section#cart p{
	background:#FF6633;
	border: 1px solid #FF6633;
	
}

header table p a,
section#cart p a{
	color:#FFF;
}

/*フッター　footer*/

footer {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
background: -webkit-linear-gradient(#fff, #cecece);
background: -moz-linear-gradient(#fff, #cecece);
background: -o-linear-gradient(#fff, #cecece);
background: -ms-linear-gradient(#fff, #cecece);
background: linear-gradient(#fff, #cecece);
}

/*　フッター　PCサイト切り替えボタンのデザイン*/

div#mode_pc p a {
	background:#FF6633;
	border: 1px solid #FF6633;
	color: #fff;
}

/*index02 リンクボタン共通*/

div#main02 ul li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
background: -webkit-linear-gradient(#fff, #cecece);
background: -moz-linear-gradient(#fff, #cecece);
background: -o-linear-gradient(#fff, #cecece);
background: -ms-linear-gradient(#fff, #cecece);
background: linear-gradient(#fff, #cecece);
	border-bottom: 1px solid #ccc;
}

/*index02 新着情報*/

section#new ul li {
	background:#fff;
}

div#main02 section#new p span {
	display:block;
	font-weight:bold;
	color:#F60;
}

/*gallery4 見出し*/

div#gallery4 div.category .title/*gallery4 サブタイトル*/{
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(237, 237, 237)),color-stop(0.4, rgb(204, 204, 204)));
	background-image: -moz-linear-gradient(-90deg,rgb(237, 237, 237) 0%,rgb(204, 204, 204) 40%);
	background-image: linear-gradient(-90deg,rgb(237, 237, 237) 0%,rgb(204, 204, 204) 40%);
	text-shadow: 1px 1px 1px #fff;
	color: #333;
}

div#gallery4 div.title h3 a{
	color: #fff;
}

div#gallery3 u/*G3のu　見出し*/,
div#gallery4 u/*G4のu　見出し*/,
div.cathand_detail div.cathand_detail_right h2/*detail 商品名　タイトル*/{
	border-bottom:1px dotted #666666;
}

/*gallery4 ページ送り*/

div#gallery4 p.pager-upper,
div#gallery4 p.pager-lower{
	color: #333;
}

div#gallery4 p.pager-upper span.currentPage,
div#gallery4 p.pager-lower span.currentPage{
	background:#666;
	color: #fff;
}

/*gallery4 一覧ページ*/

div#gallery4 div.galleryList table td{
	border-bottom: 1px dotted #ccc;
}

div#gallery4 div.galleryList div.gallery div.image img{
	border-right:10px solid #FFF;
}

section#gallery4_detail div.galleryDetail div.DetailList table.layout tr.layout td.layout{
	border-top:1px dotted #CCC;
}

/*gallery4 詳細ページ*/

div#gallery4 div.galleryDetail div.main div.image img{
	border-left:10px solid #FFF;
	background-color: #fff;
}

/*gallery3*/

div#gallery3 div.category {
	border-bottom:1px solid #CCC;
}
div#gallery3 div.article div.articleHead {
}
div#gallery3 span.currentPage {
	color: #666666;
}

div#gallery3 span.totalNum {
	margin-right: 10px;
	color: #666;
}

/*gallery3　戻るボタン*/
div.articleBack {
	border: 1px solid #ccc;
}


/*お問い合わせ　戻るボタン*/

div.HistoryBack div.Return a{
	color: #FFF;
	background:#333;
}

/*よくある質問ページ*/
section#faq01 div.faq div#questions_cate ul li {
    background-image: linear-gradient(-90deg, #FFFFFF 0%, #F9F9F9 31%, #E3E3E3 58%, #E9E9E9 100%);
    border: 2px solid #999999;
    box-shadow: 1px 1px 1px #BABABA;
    text-shadow: 1px 1px 0 #FFFFFF;
}

section#faq01 div.faq div#answers ul li dl dt {
    border-bottom: 1px dotted #CCCCCC;
}

section#faq01 div.faq div#answers ul li dl dd {
    border: 1px solid #CCCCCC;
}

section#faq01 div.faq div#answers ul li dl dd u {
    background-color: #333333;
}

/*******　最低限　ここまで　色や背景の変更してください！　*************************************************************************/

/*-------------------------------------------------------------------------*/
/*　↑↑↑　※注意　ここは置換で色（#以下）を変更する箇所　ここまで　↑↑↑*/
/*-------------------------------------------------------------------------*/




















/*--------------------------------------------------------------------*/
/*タグの基本設定　common*/
/*--------------------------------------------------------------------*/

html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	margin: 0 auto;
	text-align: center;
}

div#container {
}

div#wrapper {
}

div#wrapper:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

body h1 {
	display: block;
	width: 100%;
	text-align:left;
	font-size:x-small;
	padding:2px 0;
	text-indent: 0.5em;
}

body a {
	outline:none;
}

body a:active img {
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

body div.clear {
	clear:both;
}

body img {
	vertical-align:top;
}

/*共通見出し*/


.SmallTitle {
	clear: both;
	text-align: left;
	margin: 10px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
}

.PageTitle {
	margin-bottom: 10px;
}

.main02_title span/*indexのページタイトル*/, .PageTitle span /*各ページのページタイトル*/, .title h2/*G3 サブタイトル*/ {
	display: block;
	padding-left: 40px;
	background: url(../../images/templates/burette01.png) 10px 4px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

.main02_title/*indexのページタイトル*/,
.PageTitle/*各ページのページタイトル*/,
.title/*G3 サブタイトル*/{
	padding:5px 10px 5px 0;
	font-weight:bold;
	text-align: left;
}


div#company u/*会社案内の小見出し*/,
div#law u /*law　ご注文の流れ*/{
	display: block;
	text-align: left;
	margin: 10px 0 0 0;
	padding-left: 10px;
	text-decoration: none;
}

div#gallery3 div.article u{
	text-decoration:none;
	font-weight:bold;
	display: block;
	padding-left: 20px;
	background: url(../../images/templates/arrow.png) 0 4px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}



/*otoiawase 戻るボタン*/

div.HistoryBack div.Return a{
	clear: both;
	text-align: left;
	margin: 10px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
}

div.HistoryBack div.Return{
	margin: 10px 10px 0 10px;
}


/*パンくずリスト*/

nav#crumbs {
	margin:5px 0 5px 10px;
	text-align:left;
	font-size:small;
}

nav#crumbs a {
	text-decoration:none;
	text-align: left;
	font-size:small;
}



/*--------------------------------------------------------------------*/
/*header　ヘッダーのスタイル*/
/*--------------------------------------------------------------------*/

header {
	clear: both;
	width: 100%;
}

header:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

header table {
	width: 100%;
	margin: 0 auto 5px;
	border-collapse: collapse;
	background-color: none;
}

header table td, header table img, header table a img {
	vertical-align: top;
}

header table img {
	float: left;
	width: 60%;
	margin-top: 12px;
}

/*　ヘッダー　電話をかける　*/

header table p {
	float:right;
	width: 32%;
	float: right;
	margin:15px 10px 3px 0;
	font-size: x-small;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

header table p a {
	width: 90%;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 12px 0 11px 12px;
	font-weight: bold;
	background:url(../../images/templates/tel.png) 5px 11px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

/*　カートボタン　*/

section#cart{
	width: 98%;
	clear: both;
}

section#cart p {
	width: 98%;
	margin:3px auto 10px;
	font-size: x-small;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

section#cart p a {
	width: 90%;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 5px 0 5px 15px;
	font-weight: bold;
	font-size: small;
	background: none;
	background: url(../../images/templates/cart.png) 15px 5px no-repeat;
	-webkit-background-size: 22px 22px;
	-moz-background-size:22px 22px;
}


/*　営業時間コメント部　*/

header p.text {
	clear: both;
	width: 95%;
	margin: 2px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: small;
}


/*--------------------------------------------------------------------*/
/*main02　共通ボタン部*/
/*--------------------------------------------------------------------*/

div#main02 {
	text-align:center;
}

div#main02 ul li {
	width: 100%;
	height: 100%;
	text-align:left;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

div#main02 ul li a {
	background: url(../../images/templates/arrow.png) right center no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

div#main02 ul a {
	display: block;
	height: 100%;
	padding:10px;
	text-decoration:none;
}

div#main02 table {
	border-collapse:collapse;
	width:100%;
}

div#main02 table td {
	text-align:center;
}

/*HOME*/
div#main02 nav#main02_home {
	padding:10px;
	text-align:left;
	font-weight:bold;
}

div#main02 nav#main02_home a {
	display:block;
	padding:0px 10px 0px 30px;
	background:url(../../images/templates/ico_home.png) no-repeat left center;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

/*--------------------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------------------*/
footer {
	width: 100%;
}

/*コピーライト*/
footer small {
	display: block;
	width: 100%;
	text-align: center;
	font-size:x-small;
	padding:3px 0;
}

/*アクセス解析*/
div#accesslog img {
	display:block;
	height:0;
}

/*--------------------------------------------------------------------*/
/*　フッターのPCサイト切り替えリンク*/
/*--------------------------------------------------------------------*/
div#mode_pc {
	padding: 20px 5px;
}

div#mode_pc:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#mode_pc p {
	width: 98%;
	clear:both;
	list-style:none;
	margin:0 auto;
	padding: 0;
	text-align: left;
}

div#mode_pc p a {
	display: block;
	text-decoration: none;
	width: 95%;
	margin:0 auto;
	padding-left: 6px;
	font-weight: bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div#mode_pc p a span {
	display: block;
	padding: 9px 0;
	margin: 0 10px;
	background: url(../../images/templates/pc.png) right center no-repeat;
	-webkit-background-size:30px 30px;
	-moz-background-size:30px 30px;
}

/*--------------------------------------------------------------------*/
/*index.html*/
/*--------------------------------------------------------------------*/

/*index01　メインイメージ*/

div#index {
	margin: 0 auto;
	width: 100%;
}

section#index01 {
	display: block;
	margin:0 auto 10px;
	text-align: center;
	width: 100%;
}

section#index01:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

section#index01 img {
	width:100%;
	height:auto;
}


section#index01 div.slideshow {
	width: 320px;
	margin:0 auto;
	height: 136px;
	text-align: center;
	overflow: hidden;
}

section#index01 div.slideshow:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

section#index01 div.slideshow img {
	width: 320px;
	display: block;
	margin: 0 auto;
	text-align: center;
}


/*index02 コンテンツギャラリー2　アイコン*/

section#index02 {
	clear: both;
	margin-bottom: 10px;
}

section#index02 table {
	width: 95%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 3px;
}

section#index02 table td {
	width: 33%;
	vertical-align: middle;
	padding-bottom: 5px;
	border-radius: 5px;
	text-align: center;
	empty-cells: hide;
}

section#index02 table td p {
	font-weight: bold;
	font-size: 90%;
}

section#index02 table td a {
	display: block;
	height: 30%;
	font-size: 90%;
	font-weight: bold;
	padding: 20px 11px;
	text-decoration: none;
}

section#index02 table td a:active {
	text-decoration: underline;
}

/*index_banner バナー*/

section#index_banner {
	margin: 10px auto 20px;
}

section#index_banner table{
	width: 98%;
	margin: 0 auto;
	border-collapse: collapse;
}

section#index_banner table td{
	vertical-align: top;
	padding: 0 0 3px 0;
}

section#index_banner table img{
	width: 98%;
	margin: 0 auto 2px;
}

section#index_banner table td p{
	margin: 0 5px;
	font-size: small;
	text-align: left;
}

/*search 新着商品*/

section#index03 span.new {
	background: url(../../images/cathand/new.gif) no-repeat center center;
}

/*index02 新着情報*/

div#flickable1 {
	width:100%;
    height:80px;
    overflow: auto;
	margin-bottom: 10px;
}

div#flickable1 .ui-flickable-container {
	cursor: pointer;
}

div#flickable1 a {
	background: none;
	font-weight: normal;
}

div#flickable1 p {
	width: 93%;
	margin: 5px auto;
	text-align: left;
}

div#flickable1p a:active {
	text-decoration: underline;
}

/*--------------------------------------------------------------------*/
/*個人情報保護　privacy.html*/
/*--------------------------------------------------------------------*/
div#PrivacyWrapper {
	padding:0 10px 10px 10px;
}

div#PrivacyWrapper p {
	text-align:left;
	padding:0 0 15px 0;
}

div#PrivacyWrapper dl {
}

div#PrivacyWrapper dl dt {
	clear: both;
	text-align: left;
	margin: 10px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
}

div#PrivacyWrapper dl dd {
	margin:0 0 30px 0;
	text-align:left;
}

div#PrivacyWrapper table {
	width: 100%;
	margin: 10px auto 0 auto;
	border-collapse: collapse;
}

div#PrivacyWrapper table td {
	padding:5px 10px;
	width:70%;
	font-size: small;
}

div#PrivacyWrapper table th {
	padding:5px 10px;
	width: 30%;
}


/*--------------------------------------------------------------------*/
/*会社案内　company.html*/
/*--------------------------------------------------------------------*/
div#company h3 {
	padding:5px 10px 5px 30px;
	font-weight:bold;
	display:block;
}

section#company01 u {
	clear: both;
	margin-bottom: -10px;
}

section#company01 p {
	padding: 0 10px;
}

section#company01 table {
	border-collapse: collapse;
	text-align: left;
}

section#company01 table td {
	padding:0 0 30px 0;
}


section#company01 table td b {
}

section#company01 table td img {
	max-width:94%;
	margin-bottom: 5px;
	padding:10px 10px 0 10px;
}

section#company01 table div {
	display:none;
}

section#company02 {
	padding:0 10px 30px 10px;
}

section#company02 table {
	width: 100%;
	margin:0 auto;
	border-collapse: collapse;
}

section#company02 table td {
	text-align:left;
	font-size: small;
}

section#company02 table td.col_1 {
	padding:5px 10px;
	width: 30%;
}

section#company02 table td.col_2 {
	padding:5px 10px;
	width:70%;
}

section#company03 iframe {
	width: 90%;
	height: 90%;
	margin: 0 auto;
}

/*--------------------------------------------------------------------*/
/*ギャラリー4　gallery4/gallery4_list,gallery4*/
/*--------------------------------------------------------------------*/

div#gallery4 div.category h2/*gallery4 サブタイトル*/ {
	background: url(../../images/templates/arrow.png) 10px 4px no-repeat;
}

div#gallery4 div.title h3/*gallery4のh3　見出し*/{
	background: none;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
	padding-left: 10px;
}

div#gallery3 u/*G3のu　見出し*/,
div#gallery4 u/*G4のu　見出し*/,
div.cathand_detail div.cathand_detail_right h2/*detail 商品名　タイトル*/{
	background: url(../../images/templates/arrow.png) 0 4px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

div#gallery3 u,
div#gallery4 u{
	text-decoration:none;
	font-weight:bold;
	display: block;
	padding-left: 20px;
}

/*ユーチューブ対策*/
div#index iframe,
div#gallery3 iframe,
div#gallery4 iframe,
div#cathandDetail iframe,
div#index iframe{
	max-width: 100%;
}

/*ギャラリー4　一覧*/

div#gallery4 div.category div.categoryContent img{
	max-width: 98%;
	margin-bottom: 10px;
}

div#gallery4 div.category div.categoryContent div.comment{
	width: 95%;
	margin: 0 auto;
	text-align: left;
}

div#gallery4 div.category div.categoryContent iframe{
	width: 100%;
}

div#gallery4 p.pager-upper,
div#gallery4 p.pager-lower{
	clear:both;
	margin:5px 0;
	padding:2px;
	font-size:small;
	text-align: left;
}

div#gallery4 p.pager-upper span.totalNum,
div#gallery4 p.pager-lower span.totalNum{
	font-weight:bold;
}

div#gallery4 p.pager-upper span.prevPage,
div#gallery4 p.pager-lower span.prevPage{
	margin:0 10px;
}

div#gallery4 p.pager-upper span.currentPage,
div#gallery4 p.pager-lower span.currentPage{
	padding:2px 5px;
	font-size:small;
	margin-left:5px;
}
div#gallery4 p.pager-upper span.nextPageNone,
div#gallery4 p.pager-lower span.nextPageNone{
}
div#gallery4 p.pager-upper span.nextPage,
div#gallery4 p.pager-lower span.nextPage{
	margin-left:10px;
}
div#gallery4 p.pager-upper span.nextPage a,
div#gallery4 p.pager-lower span.nextPage a{
}
div#gallery4 p.pager-upper span.nextPage a:hover,
div#gallery4 p.pager-lower span.nextPage a:hover{
}
div#gallery4 div.galleryList{
	margin: 0 auto;
}

/*メニュー用ギャラリー4　一覧 横一列*/

section#gallery4_list div.galleryList table {
	border-collapse: collapse;
	width:99%;
	margin:10px auto;
}

section#gallery4_list div.galleryList table td{
	vertical-align:top;
	text-align: left;
	empty-cells: hide;
	padding:10px 3px 20px 3px;
}

section#gallery4_list div.galleryList div.gallery{
	clear:both;
	overflow: hidden;
	width:100%;
	margin-bottom:20px;
}

section#gallery4_list .title{
	margin-bottom: 10px;
}

section#gallery4_list div.galleryList div.gallery div.image{
}

section#gallery4_list div.galleryList div.gallery div.image img{
	float: left;
	width:35%;
	margin:0 5px 3px 0;
}

section#gallery4_list div.galleryList div.gallery div.image a img{
}
section#gallery4_list div.galleryList div.gallery div.image a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
}
section#gallery4_list div.galleryList div.gallery div.galleryInner{
}
section#gallery4_list div.galleryList div.gallery div.galleryInner span.new{
	display:none;
}

section#gallery4_list div.galleryList div.gallery div.galleryInner div.galleryContent{
}
section#gallery4_list div.galleryList div.gallery div.galleryInner div.galleryContent div.comment{
}
section#gallery4_list div.galleryList div.gallery div.galleryInner div.galleryContent div.comment p{
	line-height:1.4;
	text-align: left;
}

/*事例用ギャラリー4　一覧 左右2列の画像レイアウト*/

section#gallery4_list2 div.galleryList table {
	border-collapse: collapse;
	width:96%;
	margin:10px auto;
}

section#gallery4_list2 div.galleryList table td{
	clear:both;
	width:48%;
	margin: 0 auto;
	padding-top:20px;
	font-size: x-small;
}

section#gallery4_list2 div.galleryList div.gallery{
	width:92%;
	margin:0 auto 20px;
}

section#gallery4_list2 .title{
	margin-bottom: 10px;
}

section#gallery4_list2 div.galleryList div.gallery div.image{
	width:100%;
	margin-bottom: 5px;
	text-align: center;
}

section#gallery4_list2 div.galleryList div.gallery div.image img{
	width:100%;
}

section#gallery4_list2 div.galleryList div.gallery div.image a img{
}
section#gallery4_list2 div.galleryList div.gallery div.image a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
}
section#gallery4_list2 div.galleryList div.gallery div.galleryInner{
}
section#gallery4_list2 div.galleryList div.gallery div.galleryInner span.new{
	display:none;
}

section#gallery4_list2 div.galleryList div.gallery div.galleryInner div.galleryContent{
}
section#gallery4_list2 div.galleryList div.gallery div.galleryInner div.galleryContent div.comment{
	margin: 0 auto;
}
section#gallery4_list2 div.galleryList div.gallery div.galleryInner div.galleryContent div.comment p{
	line-height:1.4;
	margin: 0 2px 0 0;
	text-align: left;
	display:none;
}

/*ギャラリー4　詳細*/
div#gallery4{
}
div#gallery4 div.galleryDetail{
	width:100%;
}
div#gallery4 div.galleryDetail div.title{
}
div#gallery4 div.galleryDetail div.title h2{
}

/*メニュー用ギャラリー4　詳細 横一列*/
section#gallery4_detail div.galleryDetail div.main{
	width:98%;
	margin:10px auto;
}
section#gallery4_detail div.galleryDetail div.main div.image{
	margin: 0 0 0 10px;

}
section#gallery4_detail div.galleryDetail div.main div.image img{
	float:right;
	max-width:35%;
	margin-left: 5px;
}

section#gallery4_detail div.galleryDetail div.main div.image a:active img {
	opacity:0.6;
	filter: alpha(opacity=60);
}


section#gallery4_detail div.galleryDetail div.main div.comment{
	margin: 0 auto;
}

section#gallery4_detail div.galleryDetail div.main div.comment p{
	text-align: left;
	line-height:1.4;
}


section#gallery4_detail div.galleryDetail div.DetailList{
	clear:both;
	width:98%;
	margin: 0 auto;
	padding:0 0 10px 0;
}

section#gallery4_detail div.galleryDetail div.DetailList div.detail{
	width:98%;
	margin:0 auto 20px;
}
section#gallery4_detail div.galleryDetail div.DetailList div.detail div.image{
}
section#gallery4_detail div.galleryDetail div.DetailList div.detail div.image img{
	float: left;
	width:35%;
	margin:0 5px 3px 0;

}
section#gallery4_detail div.galleryDetail div.DetailList div.detail div.image a img{

}
section#gallery4_detail div.galleryDetail div.DetailList div.detail div.image a:active img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

section#gallery4_detail div.galleryDetail div.DetailList div.detail div.detailInner{
	margin: 0 auto;
}

section#gallery4_detail div.galleryDetail div.DetailList table.layout{
	width: 100%;
	border-collapse: separate;
	margin: 0 auto;
}

section#gallery4_detail div.galleryDetail div.DetailList table.layout tr.layout td.layout{
	vertical-align:top;
	text-align: left;
	empty-cells: hide;
	padding:15px 0 10px 0;
}

section#gallery4_detail div.galleryDetail div.DetailList table.layout tr.layout td.layout div.detail div.image{
	
}

section#gallery4_detail div.galleryDetail div.DetailList div.detail div.detailInner div.comment{
	margin: 0 auto;
}

section#gallery4_detail div.galleryDetail div.DetailList div.detail div.detailInner div.comment p{
	line-height:1.4;
	text-align: left;
}

/*事例用ギャラリー4　詳細 左右2列の画像レイアウト*/
section#gallery4_detail2 div.galleryDetail div.main{
	width:96%;
	margin: 10px auto;
}
section#gallery4_detail2 div.galleryDetail div.main div.image{
	margin: 0 0 0 10px;

}
section#gallery4_detail2 div.galleryDetail div.main div.image img{
	float:right;
	max-width:35%;
	margin-left: 5px;
}

section#gallery4_detail2 div.galleryDetail div.main div.image a:active img {
	opacity:0.6;
	filter: alpha(opacity=60);
}


section#gallery4_detail2 div.galleryDetail div.main div.comment{
	margin: 0 auto;
}

section#gallery4_detail2 div.galleryDetail div.main div.comment p{
	text-align: left;
	line-height:1.4;
}


section#gallery4_detail2 div.galleryDetail div.DetailList{
	clear:both;
	width:100%;
	margin: 0 auto;
	padding-top:20px;
}

section#gallery4_detail2 div.galleryDetail div.DetailList div.detail{
	width:100%;
	margin:0 auto 20px;
}
section#gallery4_detail2 div.galleryDetail div.DetailList div.detail div.image{
	width:100%;
	margin-bottom: 5px;
	text-align: center;
}
section#gallery4_detail2 div.galleryDetail div.DetailList div.detail div.image img{
	width:100%;

}
section#gallery4_detail2 div.galleryDetail div.DetailList div.detail div.image a img{


}
section#gallery4_detail2 div.galleryDetail div.DetailList div.detail div.image a:active img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

section#gallery4_detail2 div.galleryDetail div.DetailList div.detail div.detailInner{
	margin: 0 auto;
}

section#gallery4_detail2 div.galleryDetail div.DetailList table.layout{
	width: 98%;
	border-collapse: separate;
	margin: 0 auto;
}

section#gallery4_detail2 div.galleryDetail div.DetailList table.layout tr.layout td.layout{
	text-align: center;
	width: 49%;
	margin: 0 auto;
	vertical-align: top;
	padding:0 5px 10px 5px;
}

section#gallery4_detail2 div.galleryDetail div.DetailList table.layout tr.layout td.layout div.detail div.image{
	
}

section#gallery4_detail2 div.galleryDetail div.DetailList div.detail div.detailInner div.comment{
	margin: 0 auto;
}

section#gallery4_detail2 div.galleryDetail div.DetailList div.detail div.detailInner div.comment p{
	line-height:1.4;
	margin: 0 2px 0 0;
	text-align: left;
	font-size: x-small;
}

/*--------------------------------------------------------------------*/
/*ギャラリー3　gallery3/gallery3_list,gallery3*/
/*--------------------------------------------------------------------*/

div#gallery3 div.category {
	padding:0 0 10px 0;
	margin-bottom: 15px;
}

div#gallery3 div.category:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#gallery3 div.category div.categoryContent {
	padding:10px;
}

div#gallery3 div.category div.categoryContent div.comment p {
	text-align: left;
}

div#gallery3 div.category div.categoryContent div.image img {
	max-width:300px;
	float:left;
	margin:0 10px 10px 0;
}

div#gallery3 div.article {
	clear:both;
	padding:0 10px 20px 10px;
	text-align:left;
}

div#gallery3 div.article iframe {
	max-width:300px;
}

div#gallery3 div.articleNotFound {
	padding:10px;
}

div#gallery3 p.pager-upper, div#gallery3 p.pager-lower {
	font-weight:bold;
	padding:10px;
	text-align: left;
}

div#gallery3 p.pager-upper {
	text-align: left;
}

div#gallery3 div.article:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#gallery3 div.article p {
	margin:0 0 10px 0;
}

div#gallery3 div.article div.articleHead h3 {
	clear: both;
	text-align: left;
	margin: 10px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
}

div#gallery3 div.article div.articleHead h3 a {
	text-decoration:none;
}

div#gallery3 div.article div.articleBody {
}

div#gallery3 div.article div.articleBody div.articleContent:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#gallery3 div.article div.articleBody {
}

div#gallery3 div.article div.articleBody div.articleContent:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#gallery3 div.article div.articleBody div.articleContent {
}

div#gallery3 div.article div.articleBody div.articleContent img {
	width:100%;
	margin:0 0 10px 0;
}

div#gallery3 div.article div.articleBody div.articleContent div.left {
	clear:both;
	float: left;
	margin:0 3px 0 0;
}

div#gallery3 div.article div.articleBody div.articleContent div.right {
	clear:both;
	float: right;
	margin:0 0 0 3px;
}

div#gallery3 div.article div.articleBody div.articleContent div.left img,
div#gallery3 div.article div.articleBody div.articleContent div.right img {
	max-width:300px;
}

div#gallery3 div.article div.articleBody div.articleContent a {
	text-decoration:underline;
}

div#gallery3 div.article div.articleBody div.articleContent a:active img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

div#gallery3 table {
	border-collapse: collapse;
	width:98%;
	margin:15px auto;
}

div#gallery3 table.border-on th {
	padding:5px;
	font-weight:bold;
}

div#gallery3 table.border-on td {
	padding:5px;
}

div#gallery3 table td.seName {
	font-weight:bold;
}

/* G3の戻るボタン */

div.articleBack a {
	text-indent: 30px;
	display: block;
	padding:5px 5px 5px 5px;
}

div.articleBack {
	clear:both;
	margin-bottom: 10px;
	text-align: left;
	background: url(../../images/templates/burette02.png) 10px 10px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}


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

div#Otoiawase{
	text-align: left;	
	margin: 0 auto 20px;
	font-size:small;
}

div#Otoiawase h3 {
	margin: 0 10px;
}

div#Otoiawase caption span.form_item_name span.title{
	display: none;
}

div#Otoiawase p {
	padding:10px;
}

/*【商品名】テキストを消すなど*/
div#Otoiawase caption{
}
div#Otoiawase caption span.title{
	display:none;
}
div#Otoiawase caption span.value{
}

div#Otoiawase table{
	clear:both;
	width:94%;
	margin: 15px auto 0;
	border-collapse:collapse;
	text-align: left;
}

div#Otoiawase span.must{
	color: #C00;
	font-size: medium;
	margin: 0 4px;
}

div#Otoiawase table td.form_index{
	width:28%;
	padding: 3px 3px 3px 5px;
	font-size: small;
	vertical-align: middle;
}

div#Otoiawase table tr.style_add input{
	width:80%;
}
div#Otoiawase table tr.style_e_mail input{
	width:70%;
}
div#Otoiawase table tr.style_kana input{
	width:60%;
}
div#Otoiawase table tr.style_e_mail_check input{
	width:70%;
}
div#Otoiawase table tr.style_c_mail input{
	width:70%;
}
div#Otoiawase table tr.style_c_mail_check input{
	width:70%;
}

div#Otoiawase table tr.style_field9 input {
	width:70%;
}

div#Otoiawase table tr.style_field10 input,div#Otoiawase table tr.style_field11 input,div#Otoiawase table tr.style_field12 input {
	width:60%;
}

div#Otoiawase table tr.style_field16 input {
	width:70%;
}

div#Otoiawase table tr.style_field17 input {
	width:70%;
}

div#Otoiawase table tr.style_field19 input {
	width:60%;
}

div#Otoiawase table tr.style_field20 input,div#Otoiawase table tr.style_field21 input,div#Otoiawase table tr.style_field22 input {
	width:60%;
}

div#Otoiawase table tr.style_field24 input,div#Otoiawase table tr.style_field25 input,div#Otoiawase table tr.style_field26 input {
	width:60%;
}

div#Otoiawase table tr.style_field28 input {
	width:60%;
}

div#Otoiawase table tr.style_field3 td,div#Otoiawase table tr.style_field5 td,div#Otoiawase table tr.style_field6 td,div#Otoiawase table tr.style_field8 td,div#Otoiawase table tr.style_field13 td,div#Otoiawase table tr.style_field15 td,div#Otoiawase table tr.style_field18 td,div#Otoiawase table tr.style_field23 td,div#Otoiawase table tr.style_field27 td {
	width:96%;
	background:#FFF;
	border:none;
	font-weight:bold;
}

div#Otoiawase table tr.style_field2 input,div#Otoiawase table tr.style_field4 input,div#Otoiawase table tr.style_field7 input,div#Otoiawase table tr.style_field14 input {
	vertical-align:middle;
}

div#Otoiawase table tr td textarea{
	width:96%;
	height: 300px;
	font-size:small;
}
div#Otoiawase table td.list_value{
	width:64%;
	padding:5px 3px 5px 5px;
}
div#Otoiawase table td.td_submit{
	padding:8px;
	text-align:center;
}

div#Otoiawase table td.td_submit input{
	padding: 5px;
}

div#Otoiawase a.otoiawase_back{
	display: none;
}

/*------------------------------------------------------------------------------------------*/
/*ビフォー&アフター名※このページはクライアントによって必要ない場合があります　reform.html*/
/*------------------------------------------------------------------------------------------*/

div#reform {
	padding:0 10px 10px 10px;
	text-align: left;
}

section#reform01 ul.exWrap {
	display: none;
}

section#reform01 p.reformImg {
	display: none;
}

section#reform01 p.reformComent {
	display: none;
}

section#reform01 div.b_menu {
	margin: 0 auto;
    padding: 3px 2px;
    text-align: left;
    width: 98%;
}

section#reform01 div.b_menu span {
	font-weight: bold;
    margin-right: 5px;
}

section#reform01 div.b_menu a:after{
	content:" ";
}

section#reform01 div.b_menu span{
	font-weight:bold;
	margin-right:5px;
}

section#reform01 div.b_menu em{
	padding:2px 5px;
	font-size:small;
}

section#reform01 div.b_menu a{
	padding:2px 5px;
    display: inline-block;
	text-decoration:none;
}

section#reform01 div.b_menu a:hover{
	text-decoration:underline;
}
section#reform01 div.example div.bfImg{
	margin: 10px auto;
	overflow: hidden;
}

section#reform01 div.example div.bfImg dl.before {
	width: 43%;
	float: left;
}

section#reform01 div.example div.bfImg dl.before dt {
}

section#reform01 div.example div.bfImg dl.before dt img {
	width: 98%;
}

section#reform01 div.example div.bfImg dl.before dd {
}

section#reform01 div.example div.bfImg p.arrow {
	width: 14%;
	float: left;
	text-indent: -9999px;
	margin:12% auto 0;
	background:url(../../images/reform/reform.png) no-repeat center center;
	overflow:hidden;
}

section#reform01 div.example div.bfImg dl.after {
	width: 43%;
	float: right;
}

section#reform01 div.example div.bfImg dl.after dt {
}

section#reform01 div.example div.bfImg dl.after dt img {
	width: 98%;
}

section#reform01 div.example div.bfImg dl.after dd {
}

section#reform01 div.example p.ba_comment {
	margin-bottom:25px;
}

/*------------------------------------------------------------------------------------------*/
/*よくある質問名※このページはクライアントによって必要ない場合があります　faq.html*/
/*------------------------------------------------------------------------------------------*/

div#faq {
    padding: 0 10px 10px;
    text-align: left;
}
section#faq01 div.faq div#questions_cate {
}
section#faq01 div.faq div#questions_cate ul {
    clear: both;
    margin: 10px auto;
    width: 98%;
}
section#faq01 div.faq div#questions_cate ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
section#faq01 div.faq div#questions_cate ul li {
    border-radius: 6px 6px 6px 6px;
    font-weight: bold;
    margin: 3px auto 5px;
    padding: 5px 0 5px 5px;
    text-align: center;
    width: auto;
}
section#faq01 div.faq div#questions_cate ul li a {
    display: block;
    font-size: small;
    margin: -5px 0 -5px -5px;
    padding: 5px 0 5px 5px;
    text-align: center;
    text-decoration: none;
    width: auto;
}
section#faq01 div.faq div#questions_cate ul li a:hover {
    text-decoration: underline;
}
section#faq01 div.faq div#questions {
    margin: 10px 0 30px;
}
section#faq01 div.faq div#questions ul {
    margin: 0 5px;
}
section#faq01 div.faq div#questions ul li {
    background: url("../../images/templates/arrow02.png") no-repeat scroll left center transparent;
    padding: 5px 8px 5px 28px;
}
section#faq01 div.faq div#questions ul li a {
    text-decoration: underline;
}
section#faq01 div.faq div#questions ul li a:hover {
    text-decoration: none;
}
section#faq01 div.faq div#answers {
    clear: both;
    margin: 0 0 30px;
}
section#faq01 div.faq div#answers ul {
    margin: 0 5px;
}
section#faq01 div.faq div#answers ul li {
}
section#faq01 div.faq div#answers ul li dl {
    margin-bottom: 10px;
}
section#faq01 div.faq div#answers ul li dl dt {
    font-weight: bold;
    margin: 10px auto;
    padding: 0 0 5px 10px;
    text-decoration: none;
}
section#faq01 div.faq div#answers ul li dl dt em.question {
    font-family: Tahoma,Geneva,sans-serif;
    font-size: large;
    font-weight: bold;
}
section#faq01 div.faq div#answers ul li dl dt em.question span.q {
    font-weight: bold;
}
section#faq01 div.faq div#answers ul li dl dt em.question span.num {
}
section#faq01 div.faq div#answers ul li dl dt em.question span.dot {
}
section#faq01 div.faq div#answers ul li dl dt strong {
}
section#faq01 div.faq div#answers ul li dl dd {
    margin-bottom: 20px;
    padding: 8px;
}
section#faq01 div.faq div#answers ul li dl dd u {
    padding: 2px;
    text-decoration: none;
}
section#faq01 div.faq div#answers ul li dl dd p em {
    font-family: Tahoma,Geneva,sans-serif;
    font-size: large;
    font-weight: bold;
}
section#faq01 div.faq div#answers ul li dl dd p em.answer, section#faq01 div.faq div#answers ul li dl dd p em.answer span.a, section#faq01 div.faq div#answers ul li dl dd p em.answer span.num, section#faq01 div.faq div#answers ul li dl dd p em.answer span.dot, section#faq01 div.faq div#answers ul li dl dd p em.answer span.qcontents {
    font-weight: bold;
}