@charset "Shift_JIS";

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

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

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

/*　基本の文字の色*/

body {
	color:#333333;
}

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

body h1,
footer small {
	background:#006EFF;
	color: #fff;
}

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


/*　ヘッダー　header*/

body header {
	/*	background: #fff url(../../images/templates/header_bg.png) right bottom no-repeat;*/
}



/*共通見出し*/

.main02_title/*indexのページタイトル*/,
.PageTitle /*各ページのページタイトル*/,
.title/*G3 サブタイトル*/{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #002FFF), color-stop(0.00, #006EFF));
	background: -webkit-linear-gradient(top, #006EFF 0%, #002FFF 88%);
	background: -moz-linear-gradient(top, #006EFF 0%, #002FFF 88%);
	background: linear-gradient(to bottom, #006EFF 0%, #002FFF 88%);
	text-shadow: 1px 1px 0px rgb(51, 51, 51);
	color: #fff;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}


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

/*G3　商品画像有り設定時　吐出しのｈ2　見出し*/

div#gallery3_t1 section#gallery3_list div.category div.title{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #aed8fa), color-stop(0.00, #ECF7FF));
	background: -webkit-linear-gradient(#ECF7FF, #aed8fa);
	background: -moz-linear-gradient(#ECF7FF, #aed8fa);
	background: linear-gradient(#ECF7FF, #aed8fa);

}

div#gallery3_t1 section#gallery3_list div.category div.title h2{
	background: url(../../images/templates/arrow.png) 10px 4px no-repeat;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	padding-left: 30px;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}


/*G4　見出し*/


div#gallery4 div.category .title/*G4 サブタイトル*/{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #aed8fa), color-stop(0.00, #ECF7FF));
	background: -webkit-linear-gradient(#ECF7FF, #aed8fa);
	background: -moz-linear-gradient(#ECF7FF, #aed8fa);
	background: linear-gradient(#ECF7FF, #aed8fa);
	text-shadow: 1px 1px 1px #fff;
	color: #333;
}

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

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

div#gallery4 div.title h3 a{
	color: #fff;
	text-decoration: none;
}

div#gallery4 div.title h3 a:acvive{
	text-decoration: underline;
}



.SmallTitle/*各ページの小見出し*/,
div#gallery3 div.article div.articleHead h3/*G3の見出し*/,
div#gallery3_t1 div.article div.articleHead h3/*G3の見出し*/,
div#about dl dt/*当サイトについての小見出し*/,
div#PrivacyWrapper dl dt/*個人情報保護の小見出し*/,
div#company u/*会社案内の小見出し*/,
div#faq div.faq h3/*FAQの小見出し*/{
	border-left:5px solid #002FFF;
	border-bottom:1px solid #666666;
}

div#gallery3 u/*G3のu　見出し*/,
div#gallery3_t1 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;
	border-bottom:1px dotted #666666;
}


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

/*G3のtable*/
div#gallery3 table.border-on th,
div#gallery3 table.border-on td,
div#gallery3_t1 table.border-on th,
div#gallery3_t1 table.border-on td,
/*当サイトについてのtable*/
div#about table th,
div#about table td,
/*個人情報保護のtable*/
div#PrivacyWrapper table th,
div#PrivacyWrapper table td,
/*会社案内のtable*/
section#company02 table td.col_1,
section#company02 table td.col_2{
	border: 1px solid #cccccc;
}

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

/*G3のtable*/
div#gallery3 table.border-on th,
div#gallery3_t1 table.border-on th,
/*当サイトについてのtable*/
div#about table th,
/*個人情報保護のtable*/
div#PrivacyWrapper table th,
/*会社案内のtable*/
section#company02 table td.col_1{
	background-color: #eee;
	font-weight: normal;
}


/*※お問い合わせのテーブル 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:#90CDFC;
	border-top: 1px solid #6cbbec;
	border-bottom: 1px solid #fff;
}

div#main02 nav#main02_home a {
	color:#FFF;
	background:url(../../images/templates/ico_home.png) no-repeat left center;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
	text-shadow: 1px 1px 1px #999;
}

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

section#index01 {
	background-color: #eeeeee;
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
}


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

section#index02 table td {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #002FFF), color-stop(0.00, #006EFF));
	background: -webkit-linear-gradient(top, #006EFF 0%, #002FFF 88%);
	background: -moz-linear-gradient(top, #006EFF 0%, #002FFF 88%);
	background: linear-gradient(to bottom, #006EFF 0%, #002FFF 88%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #999999;
}

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

section#index02 table td a {
	background: url(../../images/templates/icon_bg.png) center center repeat;
	color: #ffffff;
}

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

/*index_gallery4 G4 最新施工例*/

section#index_gallery4{
	margin-bottom: 10px;
}

section#index_gallery4 p.SmallTitle{
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
}

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

section#index_gallery4 div.galleryList table {
	clear: both;
	width: 96%;
	margin: 0 auto;
	border-collapse: collapse;
}
section#index_gallery4 div.galleryList table td {
	width: 32%;
	vertical-align: top;
}
section#index_gallery4 div.galleryList div.gallery{
	
}
section#index_gallery4 div.galleryList div.gallery div.image{

}
section#index_gallery4 div.galleryList div.gallery div.image img{
	width: 96%;
	margin: 0 auto 3px;
	vertical-align: top;
}

section#index_gallery4 div.galleryList div.gallery div.galleryInner{
	margin: 0 3px;
}
section#index_gallery4 div.galleryList div.gallery div.galleryInner span.new{
    background-color:#CC0000;
    color: #FFFFFF;
    font-weight: bolder;
    padding: 2px 5px;
    font-size:small;
    float:left;
}

section#index_gallery4 div.galleryList div.gallery div.galleryInner div.title{
 	clear:both;
	width: auto;
	background: none;
	border: none;
}
section#index_gallery4 div.galleryList div.gallery div.galleryInner div.title h3{
	font-size: x-small;
	text-align: left;
}
section#index_gallery4 div.galleryList div.gallery div.galleryInner div.title h3 a{
	display: block;
	text-shadow: none;
}
section#index_gallery4 div.galleryList div.gallery div.galleryInner div.galleryContent div.comment,
section#index_gallery4 p.pager-upper,
section#index_gallery4 p.pager-lower{
	display: none;
}





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









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

header table p,
section#cart p{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d8dada), color-stop(0.22, #f1f1f1), color-stop(0.44, #c7c8ca), color-stop(0.74, #e7e8e8), color-stop(1.00, #fdfdfd));
	background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
	background: -moz-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
	background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	-moz-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	box-shadow: 1px 1px 1px rgb(186, 186, 186);
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	border: 2px solid #999999;
}

header table p a{
	color: #030;
	background: url(../../images/templates/arrow.png) 15px 15px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

section#cart p a{
	color: #030;
	background: none;
	background: url(../../images/templates/cart.png) 15px 5px no-repeat;
	-webkit-background-size: 22px 22px;
	-moz-background-size:22px 22px;
}


/*フッター　footer*/

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

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

div#mode_pc p a {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d8dada), color-stop(0.22, #f1f1f1), color-stop(0.44, #c7c8ca), color-stop(0.74, #e7e8e8), color-stop(1.00, #fdfdfd));
	background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
	background: -moz-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
	background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);	
	-webkit-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	-moz-box-shadow: 1px 1px 1px rgb(186, 186, 186);
	box-shadow: 1px 1px 1px rgb(186, 186, 186);
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	border: 1px solid #999;
	color: #333;
}

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



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

div#main02 ul li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.01, #ededed));
	background: -webkit-linear-gradient(top, #ededed 1%, #fff 100%);
	background: -moz-linear-gradient(top, #ededed 1%, #fff 100%);
	background: linear-gradient(to bottom, #ededed 1%, #fff 100%);
	border-bottom: 1px solid #ccc;
}

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;
}


/*search 新着商品*/

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


/*index02 新着情報*/

div#main02 section#new {
	border-bottom: 1px dashed #ccc;
}
div#main02 section#new p span {
	border-left: 2px solid #666666;
}

/*gallery3*/

div#gallery3 div.category,
div#gallery3_t1 div.category{
/*	border-bottom:1px solid #CCC;*/
}

div#gallery3 span.currentPage,
div#gallery3_t1 span.currentPage{
	color: #666666;
}

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

/*gallery3　戻るボタン*/
div.articleBack {
	clear: both;
	border: 1px solid #ccc;
	background: url(../../images/templates/burette02.png) 10px 10px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}


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

div.HistoryBack div.Return a{
	color: #06F;
}

div.HistoryBack div.Return{
/*	border: 1px solid #ccc;*/
	background:#fff url(../../images/templates/burette02.png) 5px 10px no-repeat;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}


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




















/*--------------------------------------------------------------------*/
/*タグの基本設定　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;
}

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;
	padding-left: 10px;
}

.PageTitle {
	margin-bottom: 10px;
}

.main02_title span/*indexのページタイトル*/, .PageTitle span /*各ページのページタイトル*/, .title h2/*G3 サブタイトル*/ {
	display: block;
	padding-left: 40px;
}

.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 u,
div#gallery3_t1 u,
div#gallery4 u{
	text-decoration:none;
	font-weight:bold;
	display: block;
	padding-left: 20px;
}




/*otoiawase 戻るボタン*/

div.HistoryBack div.Return a{
	display:block;
	text-indent: 20px;
	display: block;
	padding:5px 5px 5px 5px;
	text-align: left;
}

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;
}


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



/*--------------------------------------------------------------------*/
/*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;
}

header table p a {
	width: 90%;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 16px 0 16px 15px;
	font-weight: bold;
}

/*　カートボタン　*/

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

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

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;
}


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

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 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;
}

/*--------------------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------------------*/
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;
}

div#mode_pc p a span {
	display: block;
	padding: 9px 0;
	margin: 0 10px;
}

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

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

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

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

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


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

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

section#index02 table {
	width: 96%;
	margin: 10px auto 20px;
	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 img{
	width: 100%;
}


section#index02 table td a {
	display: block;
	height: 30%;
	font-size: 90%;
	font-weight: bold;
	padding: 20px 5px;
	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:100%;
	margin: 0 auto 2px;
}

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




/*index02 新着情報*/

div#main02 section#new {
	margin-bottom: 10px;
}

div#main02 section#new a {
	background: none;
	font-weight: normal;
}

div#main02 section#new p {
	width: 90%;
	margin: 5px auto;
	text-align: left;
}

div#main02 section#new p a:active {
	text-decoration: underline;
}

div#main02 section#new p span {
	font-weight: bold;
	padding: 0 5px 0 8px;
}




/*--------------------------------------------------------------------*/
/*会社案内　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 {
	width: 100%;
	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#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;
}

/*--------------------------------------------------------------------*/
/*ギャラリー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 section#gallery3_list div.category div.title h2{
	background: none;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	padding-left: 10px;
}


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:99%;
	margin:0 10px 10px 0;
}

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

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 {
	text-align:left;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 0 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 {
	max-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,
div#gallery3 div.article div.articleBody div.articleContent div.right {
	max-width:40%;
}

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


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;
}

div#gallery3 div.category div.title /*タイトルが重複する為*/{
	display: none;
}


/*--------------------------------------------------------------------*/
/*ギャラリー3 タイトルあり　gallery3/gallery3_list,gallery3*/
/*--------------------------------------------------------------------*/

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

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





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

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

div#gallery3_t1 div.category div.categoryContent div.image img {
	max-width:99%;
	margin:0 10px 10px 0;
}

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

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

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

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

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

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

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

div#gallery3_t1 div.article div.articleHead h3 {
	text-align:left;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
}

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

div#gallery3_t1 div.article div.articleBody {
}

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

div#gallery3_t1 div.article div.articleBody {
}

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

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

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

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

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


div#gallery3_t1 div.article div.articleBody div.articleContent div.left,
div#gallery3_t1 div.article div.articleBody div.articleContent div.right {
	max-width:40%;
}

div#gallery3_t1 div.article div.articleBody div.articleContent div.left img,
div#gallery3_t1 div.article div.articleBody div.articleContent div.right img {
	max-width:100%;
}


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

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

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

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

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

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


/* G3の戻るボタン */

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

div.articleBack {
	margin-bottom: 10px;
	text-align: left;
}


/*--------------------------------------------------------------------*/
/*施工例　gallery4/gallery4_list*/
/*--------------------------------------------------------------------*/

div#gallery4{
}

div#gallery4 div.category div.categoryContent{
	padding:0 10px 10px 10px;
	margin: 0 auto;
	text-align: left;
}

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

div#gallery4 div.category div.categoryContent div.comment{
	width: 100%;
	margin: 0 auto 20px;
	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;
	padding:2px;
	color: #333;
	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{
	background:#6cbbec;
	padding:2px 5px;
	font-size:small;
	margin-left:5px;
	color: #fff;
}
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;
	padding:0 10px 10px 10px;
}

div#gallery4 div.galleryList table {
	border-collapse: collapse;
	width:100%;
	margin:10px auto;
	border-top: 1px dotted #ccc;
}

div#gallery4 div.galleryList table td{
	vertical-align:top;
	text-align: left;
	empty-cells: hide;
	padding:10px 3px 20px 3px;
	border-bottom: 1px dotted #ccc;
}

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

div#gallery4 .title{
	margin-bottom: 10px;
}

div#gallery4 div.galleryList div.gallery div.image{
}

div#gallery4 div.galleryList div.gallery div.image img{
	float: left;
	width:40%;
	border: 1px solid #333;
	margin:0 5px 3px 0;
}

div#gallery4 div.galleryList div.gallery div.image a img{
}
div#gallery4 div.galleryList div.gallery div.image a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
}
div#gallery4 div.galleryList div.gallery div.galleryInner{
}

div#gallery4 div.galleryList div.gallery div.galleryInner span.new {
    background-color:#CC0000;
    color: #FFFFFF;
    font-weight: bolder;
    padding: 2px 5px;
	font-size: small;
}

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







/*--------------------------------------------------------------------*/
/*施工例　詳細　gallery4/gallery4_Detail*/
/*--------------------------------------------------------------------*/
div#gallery4{
}
div#gallery4 div.galleryDetail{
	width:100%;
}
div#gallery4 div.galleryDetail div.title{
}
div#gallery4 div.galleryDetail div.title h2{
}

/*リストの画像とテキスト　右大*/
div#gallery4 div.galleryDetail div.main{
	padding: 0px 10px 10px 10px;
	margin: 0 auto;
}
div#gallery4 div.galleryDetail div.main div.image{
	margin: 0 0 0 10px;

}
div#gallery4 div.galleryDetail div.main div.image img{
	float:right;
	max-width:40%;
	border: 1px solid #666;
	background-color: #fff;
	margin: 0 0 5px 5px;
}

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


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


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


div#gallery4 div.galleryDetail div.DetailList{
	clear:both;
	padding: 20px 10px 10px 10px;
	margin: 0 auto;
}

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

}
div#gallery4 div.galleryDetail div.DetailList div.detail div.image a img{


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

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

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

div#gallery4 div.galleryDetail div.DetailList table.layout tr.layout td.layout{
	text-align: center;
	width: 32%;
	vertical-align: top;
	padding-bottom: 10px;
}


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

div#gallery4 div.galleryDetail div.DetailList div.detail div.detailInner div.comment{
	margin: 0 auto;
	word-break: break-all;
}

div#gallery4 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: small;
}

div#gallery4 div.galleryDetail div.DetailList div.detail div.detailInner div.comment u{
	padding-top: 2px;
}


/*--------------------------------------------------------------------*/
/*よくあるご質問　faq.html*/
/*--------------------------------------------------------------------*/

div#faq {
    padding: 0 10px 10px;
    text-align: left;
}
section#faq01 div.faq div#questions_cate {
}
	
div#faq div.faq h3{
	text-align:left;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:3px 0 0 5px;
}

section#faq01 div.faq div#questions_cate ul {
    clear: both;
    margin: 10px auto;
    width: 100%;
}
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 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.01, #ededed));
	background: -webkit-linear-gradient(top, #ededed 1%, #fff 100%);
	background: -moz-linear-gradient(top, #ededed 1%, #fff 100%);
	background: linear-gradient(to bottom, #ededed 1%, #fff 100%);
    border: 2px solid #999999;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 1px 1px 1px #BABABA;
    font-weight: bold;
    margin: 3px auto 5px;
    padding: 5px 0 5px 5px;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
    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;
    -webkit-background-size: 20px 20px;
    -moz-background-size:20px 20px;
}

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 {
    border-bottom: 1px dotted #CCCCCC;
    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,
section#faq01 div.faq div#answers ul li dl dd em.answer{
    font-family: Tahoma,Geneva,sans-serif;
    font-size: large;
    font-weight: bold;
}

section#faq01 div.faq div#answers ul li dl dd em.answer span.a{
	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 {
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    padding: 8px;
	background-color: #ECF7FF;
}



/*--------------------------------------------------------------------*/
/*相互リンク集　link02.html*/
/*--------------------------------------------------------------------*/
div#sys_link{
	width:100%;
	margin:0;
}
div#sys_link h2.frantz2Category{
    border-bottom: 3px solid #666666;
    display: block;
    padding: 3px 8px;
    text-decoration: none;
    width: auto
}

div#sys_link p.frantz2Pager{
		padding:0 10px 10px 10px;
}

div#sys_link p.frantz2Pager{
	margin:5px 0 20px;
	padding:2px;
	line-height:1.5;
	color:#333333;
	font-size:x-small;
}
div#sys_link p.frantz2Pager a {
    display: inline-block;
}
div#sys_link p.frantz2Pager a:hover{
}
div#sys_link p.frantz2Pager strong{
	border: 1px solid #666666;
	color:#666666;
	padding:1px 5px;
	font-size:x-small;
}
div#sys_link p.frantz2Pager span.separator{
}
div#sys_link p.frantz2Pager a.prev{
	margin-right:10px;
}
div#sys_link p.frantz2Pager a.prev:hover{
}
div#sys_link p.frantz2Pager a.next{
	margin-left:10px;
}
div#sys_link p.frantz2Pager a.next:hover{
}

div#sys_link dl.systemDl dt{
	background: url(../../images/templates/arrow02.png) no-repeat 0 5px;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

div#sys_link dl.systemDl dt strong a{
	display:block;
	padding:0 0 0 18px;
	font-weight:bold;
	text-decoration: none;
	text-align:left;
}
div#sys_link dl.systemDl dd{
	margin:0 0 10px 0;
	padding:0 0 10px 10px;
	border-bottom:1px dotted #CCC;
	text-align:left;
}
div#sys_link dl.systemDl dd p small{
	font-size:x-small;
}

/*--------------------------------------------------------------------*/
/*おすすめサイト　link.html*/
/*--------------------------------------------------------------------*/
div#link {
	padding:0 10px 10px 10px;
}

section#link02 p {
	text-align:left;
}


section#link02 p.link_cate{
	border-left:5px solid #002FFF;
	padding-left: 10px;
	margin: 10px auto;
	font-weight: bold;
	background-color: #eee;
}

section#link02 ul.exWrap li{
	background: url(../../images/templates/arrow02.png) no-repeat left center;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
	padding-left: 20px;
	font-weight: bold;
}

section#link02 dl {
}

section#link02 dl dt {
	text-align:left;
	font-weight:bold;

	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background: url(../../images/templates/arrow02.png) no-repeat 0 5px;
	-webkit-background-size: 15px 15px;
	-moz-background-size:15px 15px;
}

section#link02 dl dt a {
	text-decoration:none;
}

section#link02 dl dt a:active{
	text-decoration: underline;
	color: #C00;
}

section#link02 dl dd {
	margin:0 0 30px 0;
	text-align:left;
}

section#link02 dl dd img{
	max-width: 100%;
}

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

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

section#link02 table th {
	padding:5px 10px;
	width: 30%;
}

/*--------------------------------------------------------------------*/
/*当サイトについて　about.html*/
/*--------------------------------------------------------------------*/
div#about {
	padding:0 10px 10px 10px;
}

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

div#about dl {
}

div#about dl dt {
	text-align:left;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
}

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

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

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

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

/*--------------------------------------------------------------------*/
/*個人情報保護　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 {
	text-align:left;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0 0 0 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%;
}



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

div#sitemap p{
	padding: 10px;
}



/*--------------------------------------------------------------------*/
/*お問い合わせ　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 td.form_index img{
	max-width: 100%;
}


div#Otoiawase table tr.style_field1 input{
	width:70%;
}
div#Otoiawase table tr.style_field2 input{
	width:70%;
}
div#Otoiawase table tr.style_field3 input{
	width:70%;
}
div#Otoiawase table tr.style_name input{
	width:70%;
}
div#Otoiawase table tr.style_kana input{
	width:70%;
}

div#Otoiawase table tr.style_add input{
	width:90%;
}
div#Otoiawase table tr.style_e_mail input{
	width:80%;
}
div#Otoiawase table tr.style_kana input{
	width:70%;
}
div#Otoiawase table tr.style_e_mail_check input{
	width:80%;
}
div#Otoiawase table tr.style_c_mail input{
	width:80%;
}
div#Otoiawase table tr.style_c_mail_check input{
	width:80%;
}
/*div#Otoiawase table tr.style_field6 td{
	padding:3px;
	width:98%;
}
div#Otoiawase table tr.style_field5 td{
	padding:3px;
	width:98%;
}*/
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;
}

div#Otoiawase table td label{
	float: left;
    display: block;
	margin-right: 5px;
	white-space: nowrap;
}