/* 全体 */
body{
	width:100%;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", Verdana, Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "HiraginoKaku Kaku Gothic Pro", sans-serif;
	font-size:12px;
	color:#74685A;
	background-image:url("../image/body-bk.jpg");
	background-repeat: repeat;
	line-height:20px;
}
img {
	max-width: 100%;
	height: auto;
}

#wrapper{
	width: 100%;
	overflow: hidden;
}
h1{
	width:100%;
	margin: 0;
	padding: 0;
}
h1 img{
	width:100%;
	display: block;
}

#to-back{
	display:block;
	width:100%;
	padding-top:50px;
	text-align:right;
	clear:both;
}
#to-back a{
	font-size:12px;
	color:#6494AA;
	text-decoration:none;
}
#to-back a:hover{
	color:#6494AA;
	text-decoration:underline;
}

.to-next{
	text-align:right;
	clear:both;
}
.to-next a{
	color:#6494AA;
	text-decoration:none;
}
.to-next a:visited{
	color:#6494AA;
	text-decoration:none;
}
.to-next a:hover{
	color:#6494AA;
	text-decoration:underline;
}
.to-next a:active{
	color:#6494AA;
	text-decoration:underline;
}


/* 幅全画面部分 縦4BOX */
#header {
	width: 100%;
}
#contents-top {
	width: 100%;
	overflow:hidden;
}
#contents {
	width: 100%;
	background-color:#FBFAF5;
	overflow:hidden;
}
#footer-info {
	width: 100%;
}
#footer {
	width: 100%;
	clear: both;
	background-image: url("../image/ft-lr.jpg");
	background-repeat: repeat;
}



/* 幅960px部分 縦4BOX */
#header .inner{
	width: 100%;
	margin: 0 auto 0 auto;
}
#contents-top .inner{
	width: 100%;
	margin: 0 auto 0 auto;
}#contents .inner{
	width: 100%;
	margin: 0 auto 0 auto;
}
#footer-info .inner{
	width: 100%;
	height: 70px;
	margin: 0 auto 0 auto;
	padding-top:30px;
}
#footer-info .inner img{
	float:right;
}

#footer .inner{
	width: 100%;
	margin: 0 auto 0 auto;
}



/* ヘッダー */
#logo-box{
	width:100%;
	margin-left:20px;
}
#logo-box img{
	display: block;
}
#hd-box{
	width:100%;
}
#favorite{
	display:none;
	width:140px;
	float:right;
}



/* パンくず */
#dir-box{
	display:none;
	margin: 0;
	float: right;
	width:100%;
	height: 200px;
	display: block;
	overflow:hidden;
	background-image: url("../image/dir-bk.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#dir-box-basic{
	margin: 0;
	float: right;
	width:100%;
	display:none;
	overflow:hidden;
	background-image: url("../image/dir-bk-basic.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#dirlist{
	width:540px;
	height: 25px;
	line-height:25px;
	display: block;
	background-image: url("../image/dir-line.jpg");
	background-repeat: repeat-x;
	margin-top:40px;
	display:none;
}
#dirlist img{
	vertical-align:bottom;
	padding-bottom:7px;
}
#dirlist ol{
	display:none;
	width:540px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #888888;
}
#dirlist li{
	display:none;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	margin-left: 0 auto;
}
#dirlist li a{
	display:none;
	background: url("../image/dir-navi.jpg") no-repeat 100% 50%;
	padding-right: 13px;
	color: #888888;
	text-decoration: none;
}
#dirlist li a:hover{
	background: url("../image/dir-navi.jpg") no-repeat 100% 50%;
	padding-right: 13px;
	color: #888888;
	text-decoration: underline;
}



/* サイドメニュー + メイン部分 */
#left-box{
	width: 100%;
	padding-top:50px;
}
#right-box{
	width: 100%;
	background-color:#FBFAF5;
}

/* PC用メニュー */
#sidemenu{
	display:none;
	float: left;
	width: 200px;
	margin:0;
	padding:0;
}
#sidemenu ul{
	width: 200px;
	margin:0;
	padding:0;
}
#sidemenu ul li{
	margin:0;
	padding:0;
	list-style-type: none;
}
#sidemenu ul li img{
	vertical-align: bottom;
}

#sidemenu ul li.box1{
	margin-top:30px;
}
#sidemenu ul li.box2{
	margin-top:15px;
}



/* 大枠（モバイル用メニュー） */
#menu-mobile{
	width:100%;
	text-align:center;
	margin:0 0 30px 0;
	background-color:#FBFAF5;
}
#menu-mobile-contents{
	width:100%;
	text-align:center;
}
#menu-mobile-contents img{
	display:inline;
	vertical-align:bottom;
	width:33.3%;
	margin:0;
}
#menu-mobile-planning{
	width:100%;
	margin:10px 0 10px 0;
}
#menu-mobile-planning img{
	width:100%;
}
#menu-mobile-home{
	width:100%;
}
#menu-mobile-home img{
	width:100%;
}
#menu-mobile-campaign{
	width:100%;
	margin:40px 0 10px 0;
}
#menu-mobile-campaign img{
	width:100%;
}
#menu-mobile-design{
	width:100%;
	margin:10px 0 10px 0;
}
#menu-mobile-design img{
	width:100%;
}
#menu-mobile-member{
	width:100%;
	margin:30px 0 10px 0;
}
#menu-mobile-member img{
	width:100%;
}
#menu-mobile-blog{
	width:100%;
	margin:30px 0 50px 0;
}
#menu-mobile-blog img{
	width:100%;
}
#menu-mobile-consult{
	width:100%;
	margin:15px 0 50px 0;
}
#menu-mobile-consult img{
	width:100%;
}

#main-frame{
	width: 100%;
}
.main-lr{
	width: 100%;
}
#main-dn{
	display:none;
	width: 100%;
	height: 40px;
	background-image: url(../image/main-dn.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#main-box{
	width: 95%;
	padding:20px 10px 0 10px;
}
#main-box2{
	width: 100%;
	padding-top:10px;
	display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
#title-box{
	margin: 0;
	width:100%;
	display: block;
}



/* フッター */
#footer-lbox{
	width:100%;
	display:none;
}
#footer-rbox{
	width:100%;
}
#footer-comment{
	width:100%;
	color:#A28C7B;
	line-height:18px;
	padding-top:26px;
	text-align:center;
	letter-spacing: 0.1em;
}
#footer-comment a{
	color:#A28C7B;
	text-decoration:none;
}
#footer-comment a:visited{
	color:#A28C7B;
	text-decoration:none;
}
#footer-comment a:active{
	color:#A28C7B;
	text-decoration:underline;
}
#footer-comment a:hover{
	color:#A28C7B;
	text-decoration:underline;
}
#footer-comment img{
	padding-bottom:7px;
}
#footer-comment .footer-tel{
	color:#A28C7B;
	font-size:14px;
	font-weight:bold;
}
#footer-comment .footer-tel a, .footer-tel a:visited, .footer-tel a:hover, .footer-tel a:active{
	text-decoration:none;
}
#history{
	float:left;
}
#sitemap{
	float:left;
}
#sitemap-right{
	float:right;
}
#copyright{
	width:100%;
	font-size: 11px;
	color: #A2978A;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 20px;
	clear:both;
}
.copy{
	font-size: 12px;
	color: #A2978A;
}



/* 以下フッタースクリプト */
#foot-info-pc{
	display: none;
}
#foot-info-mobile{
	width: 100%;
}
#info{
	margin-left:auto;
	margin-right:auto;
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 0;
	width: 100%;
	height:57px;
	background: rgba(255,255,255,.9);
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: .5s;
	overflow:hidden;
}
#follow-box-inner{
	width:100%;
	display:inline;
	margin:0 auto 0 auto;
	bottom: 0;
}
#follow-box-inner2{
	width:100%;
}

#follow-ct{
	display:none;
}
#follow1-box{
	width: 25%;
	float:left;
}
#follow2-box{
	width: 25%;
	float:left;
}
#follow3-box{
	width: 25%;
	float:left;
}
#follow4-box{
	width: 25%;
	float:left;
}
#follow1 {
	bottom: 0;
	width: 100%;
	float:left;
	background: url("../image/m-follow-home.png") no-repeat;
	padding-top: 100%;
	background-size: contain;
}

#follow2 {
	bottom: 0;
	width: 100%;
	float:left;
	background: url("../image/m-follow-tel.png") no-repeat;
	padding-top: 100%;
	background-size: contain;
}
#follow3 {
	bottom: 0;
	width: 100%;
	float:left;
	background: url("../image/m-follow-info.png") no-repeat;
	padding-top: 100%;
	background-size: contain;
}
#follow4 {
	bottom: 0;
	width: 100%;
	float:left;
	background: url("../image/m-follow-line.png") no-repeat;
	padding-top: 100%;
	background-size: contain;
}

/* 右下のトップへ戻る用CSS */
#pageTop {
	position: fixed;
	bottom: 30px;
	right: 5px;
}
#pageTop i {
	padding-top: 6px;
	text-align:center;
}
#pageTop i img{
	zoom:70%;
	display:inline;
}
#pageTop a {
	display: block;
	z-index: 999;
	height: 100px;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/*　ハンバーガーボタン　*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 3;
	top : 65px;
	right : 10px;
	bottom	 : 0;
	width : 40px;
	height: 35px;
	cursor: pointer;
	text-align: center;
	background:#E6DFBF;
}
.hamburger span {
	display : block;
	position: absolute;
	width	 : 20px;
	height	: 1px;
	top	: 10px;
	left	: 10px;
	background : #FFF;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition	 : 0.3s ease-in-out;
	transition	: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 10px;
}
.hamburger span:nth-child(2) {
	top: 17px;
}
.hamburger span:nth-child(3) {
	top: 24px;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top : 17px;
	left: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform	 : rotate(-45deg);
	transform	: rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 17px;
	-webkit-transform: rotate(45deg);
	-moz-transform	 : rotate(45deg);
	transform	: rotate(45deg);
}
nav.globalMenuSp {
	background:#FBFAF5;
	background: url("../image/m-hamburger-ft.jpg") no-repeat;
	background-position:bottom;
	background-size:contain;
	position: fixed;
	z-index : 2;
	top	: 0px;
	left : 0;
	text-align: center;
	transform: translateX(100%);
	transition: all 0.6s;
	width: 100%;
	height: 25%;
	padding:0 0 400px 0;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.45);
}
nav.globalMenuSp ul {
	background:#FBFAF5;
	margin: 0 0 10px 0;
	padding:50px 0 150px 0;
	width: 100%;
	height:100%;
}
.nav-title{
	width:100%;
	margin:0 0 30px 0;
}
.nav-ft-image{
	width:100%;
	padding:30px 0 0 0;
}
.nav-ft-image img{
	zoom:70%;
}
.nav-list {
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.nav-item {
	font-size:14px;
	margin: 5px 10px 5px 10px;
	padding:0 0 12px 0;
	width: calc(44%);
	border-bottom:double 4px #E6DFBF;
}
.nav-item a, .nav-item a:visited, .nav-item a:hover, .nav-item a:active {
	color:#5B492F;
	text-decoration:none;
}
.nav-item-btn {
	width:100%;
	margin:10px 0 0 0;
}
.nav-item-btn img{
	zoom:80%;
	display:inline;
	margin:10px 3px 0 3px;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateX(0);
}



/* フォーム */
.form-boxsize-100 { width:95%; }
.form-boxsize-90 { width:95%; }
.form-boxsize-80 { width:95%; }
.form-boxsize-70 { width:95%; }
.form-boxsize-60 { width:95%; }
.form-boxsize-50 { width:70%; }
.form-boxsize-40 { width:70%; }
.form-boxsize-30 { width:50%; }
.form-boxsize-20 { width:30%; }
.form-boxsize-10 { width:20%; }
.form-opinion-height { height:200px; }



/* トップ */
#top-logo-box{
	width:100%;
	padding-left:20px;
}
#top-logo-box img{
	display: inline;
}
#top-hd-box{
	width:100%;
	display:none;
}
#top-ct-box{
	display:none;
	font-size:13px;
	width:720px;
	height:540px;
	text-align:center;
	overflow:hidden;
	background-image: url("../image/top-ct-bk.jpg");
	background-repeat: no-repeat;
	position: relative;
}
#top-left-box{
	width: 100%;
	padding-top:50px;
}
#top-footer-lbox{
	width:100%;
	overflow:hidden;
}
#top-footer-lbox img{
	float:right;
}
#top-footer-rbox{
	width:100%;
	background-repeat: no-repeat;
}
#top-news-title {
	float:left;
	padding-top:10px;
	padding-left:15px;
	text-align:left;
}
#top-news-box {
	width:100%;
	padding:10px;
}
#top-news-contents{
	color:#837769;
	width:95%;
	line-height:20px;
	overflow:hidden;
	padding-left:5px;
}
#top-news-contents ul{
	list-style-type:none;
}
#top-news-contents li{
	padding-left:10px;
	list-style-type:none;
	background-image:url("../image/mark1.gif");
	background-repeat: no-repeat;
	background-position:left 3px;
	border-bottom:dotted 1px #B7AB7D;
	line-height:24px;
}
#top-news-contents li a{
	color:#D38E0E;
	text-decoration:none;
}
#top-news-contents li a:visited{
	color:#D38E0E;
	text-decoration:none;
}
#top-news-contents li a:active{
	color:#D38E0E;
	text-decoration:underline;
}
#top-news-contents li a:hover{
	color:#D38E0E;
	text-decoration:underline;
}
.top-tonews{
	margin-right:15px;
}



/* トップモバイル */
#top-mct-box{
	display:inline-block;
	width:100%;
	background-image:url("../image/body-bk.jpg");
	background-repeat: repeat;
}
#top-mct-box img{
	margin-bottom:30px;
}
#top-ct-text1 {
	display:inline-block;
	width:95%;
	padding-left:15px;
}



/* CGI系 */
#cgi-main-lr{
	width: 100%;
}
#cgi-base{
	width: 100%;
	padding-bottom: 30px;
}
#cgi-hd-box{
	display:none;
}
.cgi-text{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	line-height:24px;
}
#cgi-title-box{
	width:100%;
	margin: 0;
	display: block;
}
#cgi-dir-box{
	padding-left:20px;
	margin: 0;
	float: right;
	width:100%;
	height: 200px;
	display: block;
	overflow:hidden;
	background-image: url("../image/cgi-dir-bk.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#cgi-footer {
	width:100%;
	clear: both;
	margin-left:auto;
	margin-right:auto;
}
#cgi-footer .inner{
	width:100%;
}
#cgi-copyright{
	font-size: 11px;
	color: #A2978A;
	text-align: right;
	padding-top: 30px;
}
#cgi-form-table {
	width:95%;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
}
.cgi-form-row{
	width:100%;
}
.cgi-form-title{
 	width:100%;
	font-weight: bold;
        background-color: #DAF0F5;
        border:1px solid #FFFFFF;
	padding:10px;
        text-align: left;
}
.cgi-form-main{
	width:100%;
	background-color: #E8F5F9;
        border:1px solid #FFFFFF;
	padding:10px;
        text-align: left;
}
.cgi-form-table-button{
	width: 100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



/* 売れるホームページとは */
.work-base{
	width: 100%;
	background-repeat: repeat;
	line-height:26px;
	background-color:#FBFAF5;
}
.work-text{
	padding-left:5px;
	width: 100%;
}
.work-box{
	width: 100%;
	text-align:center;
	overflow:hidden;
}
.work-box img{
	 text-align:center;
	 padding-top:15px;
}
#work-infobox{
	margin: auto;
	width: 90%;
	background-color:#F9F1E3;
	padding:30px 20px 25px 20px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
.work-photo-l{
	width:100%;
	padding-right:10px;
	clear:both;
	display:block;
	margin-bottom:12px;
	text-align:center;
	margin-bottom:15px;
}
#work-up{
	width: 100%;
	background-color:#FDFCF8;
	text-align:center;
}
#work-up img{
	margin-top:20px;
	margin-bottom:10px;
	display:inline;
}

#work-lr{
	width: 90%;
	padding:10px 10px 15px 10px;
	background-color:#FEFEF8;
	border:solid 2px #80C0D5;
}
#work-list{
	width: 100%;
	line-height:26px;
	background-image: url(../work/image/line2.jpg);
	background-repeat: repeat;
	background-position: left top;
}
#work-dn{
	height: 10px;
	margin-bottom: 20px;
	background-color:#FBFAF5;
}
#dir-box-work-p1{
	display:none;
}
#work-page{
	display:none;
}
#work-page img{
	display:block;
	float:left;
	display:block;
}
.work-partition{
	width: 100%;
	height: 100px;
	background-image: url("../work/image/partition.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:45px;
}
.work-next{
	width: 100%;
	background-color:#FBFAF5;
	text-align: right;
}



/* よくあるご質問 */
#dir-box-faq1{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../image/dir-bk-faq1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display:none;
}
.faq-next {
	text-align: right;
	display: inline;
	float: right;
}
#category{
	padding-bottom: 30px;
}
#category h2{
	font-size: 14px;
	font-weight: bold;
}
#category a{
    /*まだ設定前*/
}
#category a:visited{
    /*まだ設定前*/
}
#category a:active{
    /*まだ設定前*/
}
#category a:hover{
    /*まだ設定前*/
}
.category-base{
	padding-left:5px;
	margin-top:10px;
	margin-bottom:20px;
	line-height:27px;
	display: block;
	overflow:hidden;
}
.category-base a{
	color:#5B492F;
	text-decoration:none;
}
.category-base a:visited{
	color:#5B492F;
	text-decoration:none;
}
.category-base a:active{
	color:#5B492F;
	text-decoration:underline;
}
.category-base a:hover{
	color:#5B492F;
	text-decoration:underline;
}

.category-base ul{
	width:100%;
}
.category-base li{
	width:100%;
	border-bottom:1px solid #E8E5DC;
	padding-left:15px;
	list-style-type:none;
	background-image:url("../faq/image/mark1.gif");
	background-repeat: no-repeat;
	background-position:left 3px;
}

#question {
	background: url("../faq/image/faq-detail-up.jpg") no-repeat;
	background-position:bottom;
	width:100%;
	font-size: 14px;
	font-weight: bold;
	padding-top:0px;
	display: inline-block;
	overflow:hidden;
	clear:both;
	padding-bottom:5px;
}
#answer{
	background: url("../faq/image/line1.jpg") repeat;
	width:100%;
	line-height: 25px;
	clear:both;
	margin-top:20px;
}
#answer p{
	width:100%;
	font-size: 12px;
	line-height: 25px;
	margin:0px auto;
}
#answer a{
	color:#517D93;
	text-decoration:none;
}
#answer a:visited{
	color:#517D93;
	text-decoration:none;
}
#answer a:active{
	color:#517D93;
	text-decoration:underline;
}
#answer a:hover{
	color:#517D93;
	text-decoration:underline;
}
#answer img{
	display: block;
}
#faq-map{
	margin-top: 20px;
	display: block;
	padding: 10px;
	border:solid 1px #CCCCCC;
}
#relation{
	margin-top:30px;
}
#relation img{
	zoom:80%;
	float:left;
	margin-top:6px;
	margin-right:15px;
	display:inline;
}
.relation-list{
	line-height:24px;
	padding-left:20px;
	margin-left:20px;
}
.relation-list ul{
	margin-left:15px;
	padding-left:15px;
	list-style-type:none;
}
.relation-list li{
	padding-left:15px;
	list-style-type:none;
	background-image:url("../faq/image/mark1.gif");
	background-repeat: no-repeat;
	background-position:left 5px;
	border-bottom:dotted 1px #93B5B6;
	line-height:28px;
}
.relation-list li a{
	color: #666666;
	text-decoration: none;
}
.relation-list li a:hover{
	color: #666666;
	text-decoration: underline;
}



/* 会社案内 */
#company-base{
	width: 100%;
	line-height:24px;
}
#company-box1 {
	width:95%;
	background-color:#F9F4E3;
	margin-bottom:35px;
	padding:10px;
}
#company-box1-title {
	width:100%;
	padding-bottom:5px;
}
#company-st1-box1{
	padding-bottom:20px;
	clear:both;
}
#company-st1-box1 img{
	padding-bottom:20px;
}
.company-photo-l{
	float:left;
	padding-right:10px;
}
.company-photo-r{
	float:right;
	padding-left:10px;
	padding-right:10px;
	line-height: 20px;
}
#company-st1-box2 {
	padding-bottom:20px;
	background: url("../company/image/line1.jpg") repeat;
	width:100%;
	font-size: 12px;
	line-height: 25px;
	margin:0px auto;
	display:block;
}
#company-st2-box1{
	padding-bottom:20px;
	clear:both;
}
#company-st2-box1 img{
	padding-bottom:5px;
}
#company-st2-box2 {
	background: url("../company/image/line1.jpg") repeat;
	padding-bottom:20px;
	width:100%x;
	font-size: 12px;
	line-height: 25px;
	margin:0px auto;
	display:block;
}
#company-st3-box2 a, #company-st3-box2 a:visited, #company-st3-box2 a:hover, #company-st3-box2 a:active {
	color:#74685A;
    	text-decoration:none;
}
#company-banner-box1{
	width:100%;
	padding-bottom:40px;
}
#company-banner-left {
	width:95%;
	margin-left:0;
	padding:15px;
	line-height:20px;
	vertical-align:top;
	background-color:#FDFBDF;
}
#company-banner-left img{
	margin-bottom:10px;
	display:block;
}

#company-banner-right {
	width:100%;
	padding-top:30px;
	margin-right:0;
	text-align:center;
}
#company-banner-right img{
	display:inline;
	margin-bottom:12px;;
}
#company-st3-box1{
	padding-bottom:40px;
	clear:both;
}
#company-st3-box1 img{
	padding-bottom:10px;
}
#company-st3-box2 {
	text-align:center;
}
#company-st3-box2 table.style {
    	width: 100%;
    	border-collapse: collapse;
}
#company-st3-box2 table.style th {
    	font-size: 12px;
    	font-weight: normal;
    	background-color: #E8F1F7;
    	border:1px solid #CCCCCC;
    	text-align: left;
        vertical-align: top;
    	padding-top: 4px;
    	padding-bottom: 4px;
    	padding-left: 10px;
    	padding-right: 10px;
	width: 30%;
}
#company-st3-box2 table.style tr td {
    	font-size: 12px;
	line-height:22px;
    	background-color: #FFFFFF;
    	border:1px solid #CCCCCC;
    	width: 70%;
    	text-align: left;
    	padding-top: 4px;
    	padding-bottom: 4px;
    	padding-left: 10px;
    	padding-right: 10px;
}
#company-st3-box2 h3{
    	font-size: 12px;
	line-height:20px;
    	font-weight: bold;
}
#company-st3-box3-left{
    	width: 100%;
    	padding-top:2px;
    	line-height:16px;
}
#company-st3-box3-right{
    	width: 100%;
    	height:35px;
    	padding-top:2px;
}
#company-st3-box3-right img{
	zoom:80%;
	margin-top:5px;
}
#company-st4-box1{
    	width: 100%;
	padding-bottom:20px;
	clear:both;
}
#company-st4-box1 img{
	padding-bottom:10px;
}
#company-st4-box2 {
	padding:15px;
	text-align:right;
	border:1px solid #EDEDED;
	background-color:#FFFFFF;
}
#company-st4-box2 a{
	color:#517D93;
	text-decoration:none;
}
#company-st4-box2 a:visited{
	color:#517D93;
	text-decoration:none;
}
#company-st4-box2 a:active{
	color:#517D93;
	text-decoration:underline;
}
#company-st4-box2 a:hover{
	color:#517D93;
	text-decoration:underline;
}
#company-tomap{
	display:block;
	width:100%;
	text-align:right;
}
#company-tomap a, #company-tomap a:visited, #company-tomap a:active, #company-tomap a:hover{
	color:777777;
	text-decoration:none;
}
#dir-box-area{
	display:none;
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../company/image/dir-bk-area.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#area-upbox{
	margin-bottom:30px;
}
#area-upbox-text{
	line-height:24px;
	width:100%;
	height:100px;
	word-wrap: break-word; 
}
#area-base{
	width: 100%;
	line-height:24px;
}
#area-base img{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.area-box1{
	width:100%;
	padding-bottom:20px;
}
.area-box-left {
	width:100%;
	font-weight:bold;
}
.area-box-right {
	width:100%;
	background: url("../company/image/line1.jpg") repeat;
	line-height: 25px;
}



/* お客様の声 */
#dir-box-user001{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user001-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user004{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user004-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user005{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user005-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user006{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user006-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user007{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user007-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user009{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user009-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user010{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user010-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user011{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user011-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user012{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user012-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user013{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user013-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user014{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user014-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user015{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user015-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user019{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user019-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user020{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user020-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user021{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user021-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user022{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user022-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user025{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user025-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user027{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user027-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user028{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user028-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user030{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user030-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user031{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user031-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user032{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user032-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user034{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user034-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user035{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user035-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user036{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user036-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user039{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user039-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user041{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user041-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user042{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user042-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user046{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user046-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user047{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user047-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user053{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user053-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user054{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user054-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user055{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user055-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user059{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user059-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user060{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user060-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user061{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user061-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user064{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user064-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user067{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user067-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user068{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user068-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user069{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user069-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user071{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user071-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user085{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user085-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user087{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user087-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#dir-box-user088{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	overflow:hidden;
	background-image: url("../user/image/user088-photo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#user-upbox {
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
#user-upbox img{
	zoom:50%;
	display:inline;
}
#user-list-upbox{
	width:100%;
	font-size: 12px;
	margin-bottom:30px;
	line-height:23px;
	display:block;
}
#user-voice{
	margin-top:30px;
	background: url("../user/image/line1.jpg") repeat;
	line-height: 25px;
	display:table-cell;
}
#user-voice a {
	color: #666666;
	text-decoration: none;
}
#user-voice a:hover {
	color: #666666;
	text-decoration: underline;
}
#user-voice img{
	display:none;

	zoom:80%;
	float:left;
	margin-top:6px;
	margin-bottom:6px;
	margin-right:15px;
	box-shadow:2px 2px 5px;
	clear:both;
}
#user-voice p{
	float:left;
	width:100%;
	font-size: 12px;
	line-height: 25px;
	margin:0px auto;
	display:block;
}
#user-reply-up{
	width:100%;
	height: 50px;
	padding-top: 20px;
	margin:5px;
}
#user-result-box{
	width:100%;
	margin-top: 20px;
	text-align:center;
	-webkit-box-ordinal-group:2;
	-moz-box-ordinal-group:2;
	-webkit-flex-order:2;
	-moz-flex-order:2;
	-webkit-order:2;
	-moz-order:2;
	-ms-order:2;
	order:2;
}
#user-result-box img{
	display:inline;
}
#user-reply-box{
	width:100%;
	background: url("../user/image/line1.jpg") repeat;
	line-height: 25px;
	margin-left:10px;
	margin-right:10px;
	-webkit-box-ordinal-group:1;
	-moz-box-ordinal-group:1;
	-webkit-flex-order:1;
	-moz-flex-order:1;
	-webkit-order:1;
	-moz-order:1;
	-ms-order:1;
	order:1;
}
#user-reply-box a{
	color:#5B492F;
	text-decoration:none;
}
#user-reply-box a:visited{
	color:#5B492F;
	text-decoration:none;
}
#user-reply-box a:active{
	color:#5B492F;
	text-decoration:underline;
}
#user-reply-box a:hover{
	color:#5B492F;
	text-decoration:underline;
}
#user-to-back{
	width:100%;
	padding-top:10px;
	padding-bottom:20px;
	text-align:right;
	-webkit-box-ordinal-group:3;
	-moz-box-ordinal-group:3;
	-webkit-flex-order:3;
	-moz-flex-order:3;
	-webkit-order:3;
	-moz-order:3;
	-ms-order:3;
	order:3;
}
#user-to-back a{
	font-size:12px;
	color:#6494AA;
	text-decoration:none;
}
#user-to-back a:hover{
	color:#6494AA;
	text-decoration:underline;
}

.user-list-box1{
	width:100%;
	padding-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	text-align:center;
}
.user-list-box2 {
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	display:inline-block;
}
.user-list-comment {
	float:right;
	width:60%;
	padding-top: 20px;
	padding-right:15px;
}
.user-list-comment p {
	text-align: left;
}
.user-list-photo {
	float:left;
	width: 35%;


/*  position: relative;
  overflow: hidden;
*/
}
.user-list-photo img{
	zoom:100%;


/*	object-position: 0 100%;
	object-fit: cover;

	position: absolute;
  -webkit-transform: translate(0, -5%);
  -ms-transform: translate(0, -5%);
  transform: translate(0, -5%);
*/
}
.user-sign {
	text-align: right;
	display: inline;
	float: right;
}
.user-caution {
	font-weight: bold;
	color: #FF6666;
}



/* 制作実績 */
#result-left-box {
	width:100%;
	padding-top:20px;
	margin-bottom:30px;
	text-align:center;
}
#result-left-box img{
	zoom:85%;
	display:inline;
}
#result-right-box {
	width:100%;
	float:right;
	padding-top:15px;
	margin-bottom:30px;
}
#result-up {
	width:100%;
}
#result-name {
	width: 100%;
	padding-top:20px;
}
#result-data {
	width: 100%;
	padding-top:10px;
}
.result-data-box {
	width:100%;
	padding-bottom:5px;
}
#result-comment-box {
	width:100%;
	background: url("../result/image/line1.jpg") repeat;
	line-height: 25px;
	margin-top:5px;
}
#result-comment-box a{
	color:#5B492F;
	text-decoration:none;
}
#result-comment-box a:visited{
	color:#5B492F;
	text-decoration:none;
}
#result-comment-box a:active{
	color:#5B492F;
	text-decoration:underline;
}
#result-comment-box a:hover{
	color:#5B492F;
	text-decoration:underline;
}
#result-user-box {
	width:100%;
	padding-top:20px;
	text-align:right;
}
#result-user-box img{
	zoom:100%;
}
#result-icon-box-base {
	width:100%;
	text-align:center;
}
#result-icon-box {
	display:inline-block;
	width:85%;
	text-align:left;
	margin-bottom:30px;
}
#result-icon-box img{
	display:inline-block;
	zoom:73%;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:5px;
}
#result-seo-box {
	width:100%;
	margin-bottom:20px;
}
.result-seo-box-text {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	line-height:21px;
}
#result-seo-list {
	width:100%;
	display:table;
	padding-left:5px;
	padding-right:5px;
}
.result-seo-list-keyword {
	width: 65%;
	background: url("../result/image/line2.jpg") repeat;
	line-height: 23px;
	display:table-cell;
	float:left;
}
.result-seo-list-ranking {
	width: 35%;
	background: url("../result/image/line2.jpg") repeat;
	line-height: 23px;
	display:table-cell;
	float:right;
}
#result-info-box {
	width:100%;
	background-color:#F9F1E4;
	text-align:center;
	overflow:hidden;
	margin-top:20px;
}
#result-info-box img{
	text-align:center;
	padding-top:20px;
}
#result-info-text {
	padding:15px;
}
#result-other-box {
	display:inline-block;
	width:100%;
	margin-bottom:30px;
}
#result-other-title {
	display:inline-block;
	width:100%;
}
#result-other-title img {
	margin-bottom:10px;
}
#result-other-sentence {
	display:inline-block;
	width:100%;
	padding-bottom:10px;
}
#result-other-case {
	display:inline-block;
	width:300px;
	text-align:left;
}
#result-other-case-base {
	width:100%;
	text-align:center;
}
#result-other-case img {
	display:inline-block;
	zoom:100%;
	margin-left:15px;
	margin-right:15px;
}



/*制作実績（一覧）*/
.result-list-base{
	width:100%;
	background-color:#F0F4F5;
	display:block;
}
.result-list-box1 {
	width:100%;
	padding:15px 0 15px 0;
}
.result-list-aichi {
	width:100%;
	display:block;
}
.result-list-gifu {
	width:100%;
	display:block;
}
.result-list-hyougo {
	width:100%;
	display:block;
}
.result-list-saitama {
	width:100%;
	display:block;
}
.result-list-tokyo {
	width:100%;
	display:block;
}
.result-list-kumamoto {
	width:100%;
	display:block;
}
.result-list-oosaka {
	width:100%;
	display:block;
}
.result-list-left-box {
	width: 100%;
	padding:5px 0 0 0;
	text-align:center;
}
.result-list-left-box img{
	margin-left:auto;
	margin-right:auto;
	zoom:70%;
	display:inline-block;
}
.result-list-right-box {
	width: 100%
	vertical-align:top
}
.result-list-name {
	width: 100%;
	font-size:14px;
	text-align:center;
	margin-top:15px;
	margin-bottom:5px;
}
.result-list-name a:link, .result-list-name a:visited {
	color: #777777;
	font-weight: bold;
	text-decoration: none;
}
.result-list-name a:hover, .result-list-name a:active {
	color: #3B6563;
	font-weight: bold;
	text-decoration: underline;
}
.result-list-area{
	width:100%;
	text-align:center;
	padding-bottom:20px;
}
.result-list-icon {
	width:100%;
	clear:both;
	text-align:left;
	padding-left:15px;
}
.result-list-icon img {
	zoom:100%;
	display:inline;
	text-align:left;
	vertical-align:bottom;
}
.result-list-comment{
	padding:10px;
	width:95%;
	line-height:18px;
}
.result-list-separate{
	display:block;
	height: 20px;
}
.result-list-navibase{
	font-weight: bold;
	padding-bottom:15px;
}
.result-list-next{
	float:right;
	text-align:right;
	font-size:14px;
}
.result-list-back{
	float:left;
	padding-left:10px;
	font-size:14px;
}
.result-list-navibase a, .result-list-navibase a:visited{
	color:#6494AA;
	text-decoration:none;
}
.result-list-navibase a:hover, .result-list-navibase a:active{
	color:#6494AA;
	text-decoration:underline;
}
.result-list-detail {
	width: 100%;
	margin-bottom:50px;
}
.result-list-detail img {
	display:block;
	margin-right:0px;
	margin-left:auto;
	vertical-align:bottom;
}



/* 制作実績（業種別） */
#type-upbox{
	width:100%;
	font-size: 12px;
	line-height:24px;
	margin-bottom:30px;
	display:block;
}
.type-st-top{
	float:left;
	height:50px;
	margin-bottom:20px;
	display:block;
}
.type-st{
	width:100%;
	float:left;
	height:55px;
	margin-top:30px;
	margin-bottom:20px;
	display:block;
}
.type-box1 {
	display:table;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:20px;
}
.type-left-box {
	width: 150px;
	display:table-cell;
	float:left;
}
.type-center-box {
	width: 230px;
	display:table-cell;
	float:left;
}
.type-right-box {
	width: 190px;
	display:table-cell;
	float:right;
	text-align:right;
}
.type-name {
	width: 350px;
	font-size:14px;
	clear:both;
	margin-left:0;
	text-align:left;
	padding-left:15px;
	margin-bottom:25px;
}
.type-name a:link, .type-name a:visited {
	color: #777777;
	font-weight: bold;
	text-decoration: none;
}
.type-name a:hover, .type-name a:active {
	color: #3B6563;
	font-weight: bold;
	text-decoration: underline;
}

.type-icon {
	width: 350px;
	clear:both;
	text-align:left;
	padding-left:15px;
}



/* デザイン */
.design-base{
	width: 100%;
	line-height:24px;
}



/* お問い合わせ */
#info-upbox{
	width:100%;
}
#info-upbox-text{
	width:100%;
	line-height:24px;
}
#info-upbox-text a{
	color: #3DA3C5;
	text-decoration:none;
}
#info-upbox-text a hover{
	color: #3DA3C5;
	text-decoration:underline;
}
.info-base{
	margin-top:30px;
	width:100%;
	line-height:24px;
	padding-bottom:10px;
}
.info-base a, .info-base a visited, .info-base a hover, .info-base a active{
	color:#74685A;
	text-decoration:none;
}
.info-toline{
	display:inline-block;
	width:100%;
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
}
#info-list{
	width:90%;
	color:#837769;
	line-height:26px;
	margin-bottom:10px;
}
#info-list ul{
	width:100%;
}
#info-list li{
	width:100%;
	border-bottom:1px solid #E7D7C9;
	padding-left:20px;
	list-style-type:none;
	background-image:url("../info/image/mark1.gif");
	background-repeat: no-repeat;
	background-position:left 3px;
}

#info-list-up{
	width:100%;
	display: block;
}
#info-list-lr{
	background-color:#FBEFE3;
	padding:10px 5px 10px 20px;
}
#info-list-text{
	width:95%;
	padding-right:10px;
}
#info-list-dn{
	width:100%;
	display: block;
}
#info-if{
	width:100%;
	background-image: url("../info/image/m-info-box2.jpg");
	background-repeat: repeat;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
#form-base{
	width:100%;
}
#form-up{
	display:none;
}
#form-dn{
	display:none;
}
#form-if-box{
	display:none;
}
#form-lr{
	width:100%;
	display: inline-block;
	overflow:hidden;
}
#form-lr-box{
	overflow:hidden;
	width:100%;
	line-height:24px;
	word-wrap: break-word; 
}
.form-row{
	width:100%;
}
.info-form-title{
	width:100%;
	font-weight: bold;
        background-color: #DAF0F5;
        border:1px solid #FFFFFF;
        padding: 10px;
	text-align:left;
	overflow:hidden;
}
.info-form-main{
	width:100%;
        background-color: #E8F5F9;
        border:1px solid #FFFFFF;
        padding: 10px;
	text-align:left;
	overflow:hidden;
}
#form-table {
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	border-collapse: collapse;
	clear: both;
	overflow:hidden;
}
.form-table-button{
	width: 100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.form-label-base{
	width:45%;
	float:left;
	text-align:left;
	margin-left: 5px;
}
.form-icon-base{
	width:45%;
	float:right;
	text-align:right;
	margin-right: 20px;
}
.form-button-custom {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#a9a9a9 1px solid;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
	color:#333;
	font-weight:bold;
	background:#f5f5f5;
	text-shadow:1px 1px 0px #fff;
	width:100%;
}



/* ライン登録 */
#line-box{
	width:85%;
	display:block;
	overflow:hidden;
	background-image: url("../info/image/line-lr.jpg");
	background-repeat: repeat;
	overflow:hidden;
	padding:25px 20px 0 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.line-photo-r{
	width:100%;
	display:block;
	text-align:center;
}
.line-photo-r img{
	zoom:100%;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
.line-title {
	width: 100%;
	text-align:center;
	margin-bottom:30px;
}
.line-title img {
	zoom: 100%;
	display:inline;
}
.line-st {
	width: 100%;
	text-align:center;
	margin-bottom:10px;
}
.line-st img{
	zoom: 100%;
}
.line-main {
	width: 100%;
	padding-bottom:30px;
	overflow:hidden;
}



/* プライバシーポリシー */
#policy-upbox{
	margin: 0;
	width:100%;
	padding-bottom:30px;
}
.policy-text{
    	font-size: 12px;
    	line-height:22px;
}
.policy-text img{
	margin-top:30px;
	margin-bottom:10px;
}
.to-pp{
	text-align:right;
	clear:both;
}
.to-pp a{
	color:#6494AA;
	text-decoration:none;
}
.to-pp a:visited{
	color:#6494AA;
	text-decoration:none;
}
.to-pp a:hover{
	color:#6494AA;
	text-decoration:underline;
}
.to-pp a:active{
	color:#6494AA;
	text-decoration:underline;
}



/* お見積もり依頼 */
.planning-base{
	line-height:24px;
	padding-bottom:30px;
}
.planning-base a, .planning-base a visited, .planning-base a hover, .planning-base a active{
	color:#74685A;
	text-decoration:none;
}
#planning-if{
	margin: 0;
	width:100%;
	display: block;
	overflow:hidden;
	background-image: url("../planning/image/m-info-box2.jpg");
	background-repeat: repeat;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.planning-form-title{
	width:100%;
	font-weight: bold;
        background-color: #DAF0F5;
        border:1px solid #FFFFFF;
        padding: 10px;
	text-align:left;
	overflow:hidden;
}
.planning-form-main{
	width:100%;
        background-color: #E8F5F9;
        border:1px solid #FFFFFF;
        padding: 10px;
	text-align:left;
	overflow:hidden;
}



/* キャンペーン */
.campaign-box1{
	width:100%;
	display:table;
	padding-bottom:20px;
	margin-top:20px;
}
.campaign-box2{
	width: 100%;
	line-height: 20px;
	padding-bottom:30px;
	text-align:center;
}
.campaign-box2 img{
	zoom: 100%;
	padding-bottom:5px;
	padding-left:auto;
	padding-right:auto;
}
#dir-box-inuyama{
	margin: 0;
	float: right;
	width:540px;
	height: 200px;
	display:none;
	overflow:hidden;
	background-image: url("../image/dir-bk-inuyama.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#campaign-inuyama-upbox{
	margin: 0;
	width:100%;
	display: block;
	overflow:hidden;
	background-image: url("../campaign/image/inuyama-box.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:25px;
}
#campaign-inuyama-upbox img{
	margin: 0;
	width:100%;
	display: block;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.campaign-base{
	width: 100%;
	line-height:24px;
	clear:both;
}
#campaign-upbox-text{
	line-height:23px;
	width:100%;
	padding-top:40px;
	word-wrap: break-word; 
}
#campaign-upbox-text a{
	color: #3DA3C5;
	text-decoration:none;
}
#campaign-upbox-text a hover{
	color: #3DA3C5;
	text-decoration:underline;
}
.campaign-priceoff{
	color: #FF3232;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	background: linear-gradient(transparent 60%, #FFDCDC 0%);
}
.campaign-period{
	font-size:14px;
	color:#FF6565;
	font-weight:bold;
	line-height:24px;
	padding-top:30px;
	padding-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.campaign-attention{
	width:100%;
	line-height:24px;
	overflow:hidden;
}
.campaign-attention ul{
	list-style-type:none;
	background-image:url("../campaign/image/line1.jpg");
	background-repeat: repeat;
}
.campaign-attention li{
	padding-left:18px;
	background-image:url("../campaign/image/caution.gif");
	background-position:left 5px;
	background-repeat: no-repeat;
}
#campaign-infobox{
	padding-top:30px;
	width:100%;
	text-align:center;
}
#campaign-infobox img{
	width:50%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#campaign-text1{
	line-height:23px;
	font-size:14px;
	font-weight:bold;
}
#campaign-text1 a:link,#campaign-text1 a:visited{
	color: #3A93C5;
	text-decoration:none;
}
#campaign-text1 a:hover,#campaign-text1 a:active{
	color: #3A93C5;
	text-decoration:underline;
}



/* 年ナビ */
.year-box {
	width:100%;
	font-size:12px;
	margin-left:0;
	text-align:center;
	margin-bottom:25px;
}
.year-box a:link, .year-box a:visited {
	color: #777777;
	text-decoration: none;
}
.year-box a:hover, .year-box a:active {
	color: #777777;
	text-decoration: underline;
}
.year-box img{
	padding-right:3px;
	width:10px;
	height:10px;
}
.year-now{
	font-size:12px;
	font-weight: bold;
}
.year-now a:link, .year-now a:visited {
	color: #5BACCE;
	font-weight: bold;
	text-decoration: none;
}
.year-now a:hover, .year-now a:active {
	color: #5BACCE;
	text-decoration: underline;
}



/* 更新履歴 */
#history-base{
	width: 100%;
	clear:both;
}
.history-box {
	width:100%;
	display:table;
}
.history-date {
	width: 20%;
	display:table-cell;
	border-bottom:solid 1px #E8E2C8;
	padding-left:5px;
	padding-right:5px;
	line-height:24px;
}
.history-contents {
	width: 80%;
	display:table-cell;
	border-bottom:solid 1px #E8E2C8;
	padding-right:5px;
	line-height:24px;
}
.history-contents a{
	color:#74685A;
	text-decoration:none;
}
.history-contents a:visited{
	color:#74685A;
	text-decoration:none;
}
.history-contents a:active{
	color:#74685A;
	text-decoration:underline;
}
.history-contents a:hover{
	color:#74685A;
	text-decoration:underline;
}



/* ニュース */
#dir-box-news{
	margin: 0;
	float: right;
	width:100%
	display: none;
	display: block;
	overflow:hidden;
	background-image: url("../image/dir-bk-news.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
.news-base{
	width: 100%;
	line-height:26px;
	clear:both;
	overflow:hidden;
}
.news-title {
	background: url("../news/image/news-detail-up.jpg") no-repeat;
	width:100%;
	height:33px;
	font-size: 14px;
	font-weight: bold;
	padding-top:0px;
	display: block;
	overflow:hidden;
	margin-bottom:30px;
}
.news-box {
	width:100%;
	color:#837769;
}
.news-list{
	line-height:24px;
}
.news-list ul{
	list-style-type:none;
}
.news-list li{
	padding-left:15px;
	list-style-type:none;
	background-image:url("../news/image/mark1.gif");
	background-repeat: no-repeat;
	background-position:left 3px;
	border-bottom:dotted 1px #B7AB7D;
	line-height:28px;
}
.news-list li a{
	color:#D38E0E;
	text-decoration:none;
}
.news-list li a:visited{
	color:#D38E0E;
	text-decoration:none;
}
.news-list li a:active{
	color:#D38E0E;
	text-decoration:underline;
}
.news-list li a:hover{
	color:#D38E0E;
	text-decoration:underline;
}
.news-img-r, .news-img-l {
	width:100%;
	text-align: center;
}
.news-img-r img, .news-img-l img{
	zoom:100%;
	margin-bottom:20px;
}
.news-sign {
	text-align: right;
}



/* メンバーページ */
#dir-box-member{
	margin: 0;
	float: right;
	width:100%;
	height: 200px;
	display:none;
	overflow:hidden;
	background-image: url("../image/dir-bk-member.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#member-base{
	width: 100%;
	clear:both;
}
#member-base h2{
	font-weight:bold;
	padding-bottom: 5px;
}
.member-category{
	padding-bottom: 30px;
}
.member-category h2{
	font-size: 14px;
	font-weight: bold;
}
.member-next {
	text-align: right;
	display: inline;
	float: right;
}
.member-category-base{
	padding-left:15px;
	margin-top:10px;
	margin-bottom:20px;
	line-height:27px;
	background-image: url("../member/image/list-line.jpg");
	background-repeat: repeat-y;
	display: block;
	overflow:hidden;
}
.member-category-base a{
	color:#5B492F;
	text-decoration:none;
}
.member-category-base a:visited{
	color:#5B492F;
	text-decoration:none;
}
.member-category-base a:active{
	color:#5B492F;
	text-decoration:underline;
}
.member-category-base a:hover{
	color:#5B492F;
	text-decoration:underline;
}
#member-question {
	background: url("../member/image/member-detail-up.jpg") no-repeat;
	width:100%;
	height:33px;
	font-size: 14px;
	font-weight: bold;
	padding-top:0px;
	display: block;
	overflow:hidden;
}
#member-answer{
	width:100%;
	line-height: 25px;
	clear:both;
	margin-top:20px;
}
#member-answer p{
	width:100%;
	font-size: 12px;
	line-height: 25px;
	margin:0px auto;
}
#member-answer a{
	color:#517D93;
	text-decoration:none;
}
#member-answer a:visited{
	color:#517D93;
	text-decoration:none;
}
#member-answer a:active{
	color:#517D93;
	text-decoration:underline;
}
#member-answer a:hover{
	color:#517D93;
	text-decoration:underline;
}
#member-answer img{
	display: inline-block;
}
.member-box400, .member-box500{
	width: 90%;
	border:1px solid #EFEFEF;
	background-color: #FFFFFF;
	padding:10px 15px;
}
.member-next{
	text-align: right;
	display: inline;
	float: right;
}



/* サイトマップ */
.sitemap-base {
	width:100%;
	padding-bottom:30px;
}
#sitemap-table {
	display: table;
	width: 600px;
}
#sitemap-row {
	display: table-row;
}
#sitemap-tree {
	display: table-cell;
	width: 15px;
	padding-left: 10px;
}
#sitemap-tree img {
	margin: 0;
}
#sitemap-text {
	display: table-cell;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
}
#sitemap-text a{
	color:#6C5F48;
	text-decoration:none;
}
#sitemap-text a:visited{
	color:#6C5F48;
	text-decoration:none;
}
#sitemap-text a:active{
	color:#6C5F48;
	text-decoration:underline;
}
#sitemap-text a:hover{
	color:#6C5F48;
	text-decoration:underline;
}


/* シークレット */
.secret-base{
	width:100%;
	line-height:24px;
	padding-bottom:10px;
}
.secret-base a, .secret-base a visited, .secret-base a hover, .secret-base a active{
	color:#74685A;
	text-decoration:none;
}
.secret-box1{
	width: 85%;
	display:block;
	line-height: 25px;
	padding:10px 20px;
	margin-bottom:30px;
    	background-color: #F2F9EC;
    	border:1px solid #ADD1A5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	overflow:hidden;
	color:#333333;
	font-weight:bold;
}
#dir-box-secret{
	display: none:
}
#secret-work-up{
	width: 100%;
	height: 70px;
	background: url("../work/image/st10-up.jpg") no-repeat;
	text-align:center;
}
#secret-work-up img{
	margin-top:30px;
	margin-bottom:30px;
	display:inline;
}



/* 相談会 */
.consult-base{
	line-height:24px;
	padding-bottom:10px;
}
.consult-base a, .consult-base a visited, .consult-base a hover, .consult-base a active{
	color:#74685A;
	text-decoration:none;
}
#consult-box {
	width:100%;
	 text-align:center;
}
.consult-datebox{
	display:block;
	line-height: 28px;
	padding:10px 20px;
    	background-color: #F9FCF5;
    	border:1px solid #ADD1A5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	overflow:hidden;
	color:#333333;
	font-weight:bold;
}
.consult-caution{
	margin-bottom:15px;
	color:#888;
    	font-size: 12px;
}
.consult-caution2{
	margin-top:15px;
	color:#888;
    	font-size: 12px;
}
.consult-placebox{
	display:block;
	line-height: 28px;
	padding:10px 20px;
	background-color: #FFFFFF;
	border:1px solid #E8E6D2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	overflow:hidden;
	color:#333333;
}
.consult-placebox-photo{
	width:100%;
	display:block;
	text-align:center;
}
.consult-placebox-photo img{
	zoom:100%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 10px; 
}
.consult-ok{
	margin-right:3px;
}
.consult-ng{
	margin-right:3px;
	color: #999;
	text-decoration: none;
	background-image: linear-gradient(#fe3464, #fe3464);
	background-position: 0 50%;
	background-size: 100% 2px;
	background-repeat: repeat-x;
}