/*初期設定*/

.clear {
	clear: both;
}


/*基本
---------------------------------------------------------------*/
body {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
	color: #444444;
/*	text-align:justify;
	text-justify:distribute;*/
	
}

a:link, a:visited, a:hover ,a:active {
	color:#7B6135;
}





/*ヘッダー部分
---------------------------------------------------------------*/

#wrap-top {
	background-image: url(../images/body-back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	overflow: hidden;
}
#header {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


h1 {
	padding-top: 7px;
	padding-bottom: 3px;
	font-size: 12px;
}
#atelier8845 {
	float: left;
}
#atelier-info {
	float: right;
	padding-right: 60px;
}


#topnavi {
}
#topnavi li {
	display: inline;
}
#topnavi img {
	margin-left: 1px;
}
#topnavi {
	position: absolute;
	top: 9px;
	width: 380px;
	right: -18px;
}
#toform {
	position: absolute;
	top: 79px;
	width: 170px;
	right: 0px;
}


/*中央部分
---------------------------------------------------------------*/

#wrap-center {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	position: relative;
}
#pan {
	color: #B09859;
	padding-top: 7px;
	padding-bottom: 7px;
}


/*サイドナビ
------------------------------------------------*/

#sidenavi {
	width: 180px;
	float: left;
	margin-top: 15px;
	padding-bottom: 15px;
}
#menu {
	width: 180px;
}
#menu .submenu {
	width: 180px;
}
#menu .submenu-l {
	float: left;
	width: 90px;
}
#menu .submenu-r {
	float: right;
	width: 90px;
}
#menu .side-3, .side-4, .side-6, .side-8 {
	clear: both;
}
#menu img {
	vertical-align: bottom;
}


#banner {
	width: 180px;
	margin-top: 15px;
}
#banner img {
	margin-bottom: 5px;
}


#mobile {
	padding-top: 10px;
	text-align:justify;
	text-justify:distribute;
}
#mobile h3 a {
	padding: 0px 0px 10px 35px;
	font-weight: bold;
	text-decoration: underline;
}
#mobile p {
	font-size: 10px;
	color: #718D0C;
	clear: right;
	line-height: 1.4em;
}
#mobile p a {
	text-decoration: underline;
}
#mobile .qr {
	float: left;
	margin-right: 8px;
	margin-top: 5px;
}


/*メイン
------------------------------------------------*/

#main {
	width: 590px;
	float: right;
	position: relative;
}








#pagetop {
	text-align: right;
	font-size: 11px;
	color: #EB0516;
	position: relative;
	right: 0px;
	bottom: 0px;
	padding-top: 10px;
	clear: both;
	width: 520px;
}
#pagetop a:link, #pagetop a:visited, #pagetop a:hover ,#pagetop a:active  {
	color: #EB0516;
}
.scroll img {
	padding-left: 5px;
}

/*フッター部分
---------------------------------------------------------------*/

#footer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	color: #808080;
	clear: both;
	text-align:center;
	padding-top: 10px;
}
#foot-info li {
	display: inline;
}
.icon-mail , .icon-map {
	padding-left: 20px;
}
#foot-info {
	border-bottom: 2px solid #BBA771;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#foot-info img {
	margin-right: 7px;
	vertical-align: -5px;
}

.copylight {
	font-size: 11px;
	color: #9CA08D;
	text-align: right;
	float: right;
}
.copyleft {
	float: left;
}
.small {
	font-size:10px;
}


/*サービスページ共通部分
-----------------------------------------------------------------------------------------------------*/


/*レイアウト
--------------------------*/
#selection {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 450px;
	text-align: right;
}
#selection li {
	display: inline;
	margin-right: 10px;
}

#selection a {
	
	color: #666666;
	text-decoration: underline;
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
}

#selection a:link, #selection a:visited {
	color: #666666;
	text-decoration: underline;
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
}
#selection a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999999;
	border-style: none;
}
#category {
	width: 590px;
	padding-top: 15px;
}
#picture {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom-width: 1px;
	clear: both;
	border-top: 1px solid #CCCCCC;
	position: relative;
}
#category p {
	padding: 12px;
	background-color: #F4F4F2;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}



/*タブ部分
--------------------------*/
#tab {
	width: 590px;
	float: left;
	margin-bottom: -2px;
	z-index: 1;
	position: relative;
}

#tab .tablist {


}

.tablist li {
	display: block;
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #CCCCCC;
	float: left;
	margin-right: 5px;

	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(../images/tab-back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right: 1px double #999999;

}
.tablist .tab-on {
	color: #009900;
	background-color: #FFFFFF;
	padding: 7px 10px;
	font-size: 14px;
	background-image: url(../images/spacer.gif);
	background-repeat: repeat;
}
.tablist a {
	display: block;
	padding: 7px 5px;
}
.tablist a:link, .tablist a:visited {
	color: #848484;
}
.tablist a:hover, .tablist a:active {
	color: #848484;
	background-image: url(../images/tab-back2.jpg);
	background-repeat: repeat-x;
}


/*事例
----------------------------------------------------------*/

/*共通
--------------------------*/
#example {
	width: 590px;
	margin-top: 25px;
	position: relative;
}
#example h3 {
	font-size: 14px;
	font-weight: bold;
	color: #009900;
}



/*基本パターン
--------------------------*/
.details {
	border-top: 1px solid #CCCCCC;
	padding-top: 15px;
	margin-top: 15px;
	width: 590px;
	overflow: hidden;
}
.details h4 {
	color: #009A00;
	font-size: 13px;
}
.details p {
	margin-top: 10px;
}
.details-left {
	width: 340px;
	float: left;
}
.details-right {
	float: right;
	width: 230px;
}

/*基本パターン写真大
--------------------------*/
.details-b {
	border-top: 1px solid #CCCCCC;
	padding-top: 15px;
	margin-top: 15px;
	width: 590px;
	overflow: hidden;
}
.details-b h4 {
	color: #009A00;
	font-size: 13px;
}
.details-b p {
	margin-top: 10px;
}
.details-b .details-left {
	float: left;
	width: 380px;
}
.details-b .details-right {
	float: right;
	width: 190px;
}

/*基本パターンコピー上
--------------------------*/
.details-c {
	border-top: 1px solid #CCCCCC;
	padding-top: 15px;
	margin-top: 15px;
	width: 590px;
	overflow: hidden;
}
.details-c h4 {
	color: #009A00;
	font-size: 13px;
}
.details-c p {
	margin-top: 10px;
}
.details-c .details-left {
	float: left;
	width: 590px;
	margin-top: 15px;
}
.details-c .details-right {
	width: 590px;
}

/*基本パターンコンシェルジュ
--------------------------*/
.details-d {
	border-top: 1px solid #CCCCCC;
	padding-top: 15px;
	margin-top: 15px;
	width: 590px;
	overflow: hidden;
}
.details-d h4 {
	color: #009A00;
	font-size: 13px;
}
.details-d p {
	margin-top: 10px;
}
.details-d .details-left {
	float: left;
	width: 390px;
	margin-top: 15px;
}
.details-d .details-right {
	width: 590px;
}
.details-d .details-concierge {
	width: 185px;
	float: right;
	margin-top: 40px;
	background-image: url(../images/concierge.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100px;
}
.details-d .details-concierge p {
	width: 110px;
	margin: 0px;
	font-size: 11px;
}

/*左右分割
--------------------------*/

#parts-l {
	width: 285px;
	float: left;

}
#parts-r {
	width: 285px;
	float: right;

}
.parts-left {
	float: left;
	width: 150px;
}
.parts-right {
	float: right;
	width: 120px;
}



/*コンシェルジュの設定
------------------------------------------------*/
.concierge {
	width: 590px;
	overflow: hidden;
	margin-top: 15px;
}
.concierge p {
	color:#FFFFFF;
	background-color: #B4B7A8;
	margin-top: 15px;
}
.concierge img {
	float: left;
}

.concierge p {
	width: 300px;
	margin-left: 75px;
	padding: 10px;
}
.category-l {
	float: left;
	width: 255px;
	margin-right: 15px;
	padding-bottom: 15px;
}


/*サービス紹介の設定
------------------------------------------------*/
#select-cate {
	width: 590px;
	position: relative;
	margin-top: 20px;
}
#select-cate .category-l p {
	margin-top: 3px;
	color: #7B6135;
	line-height: 1.4em;
	letter-spacing: 0.1em;
}


/*ニュースの設定
------------------------------------------------*/
#news {
	width: 520px;
	padding-bottom: 0px;
}
#news-list {
	padding: 13px 10px 10px 20px;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#tab-news img {
	vertical-align: bottom;
}
#news-list li {
	padding-bottom: 3px;
	padding-top: 3px;
	color: #009900;

}
#news-list a {
	color: #009900;
	border-bottom: 1px dotted #009900;
}

.holiday {
	color: #666666;
	background-color: #FBFAE6;
	padding: 6px 15px 5px;
	width: 488px;
	text-align: center;
	margin: 0px auto 5px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	line-height: 1.5em;
}



/*追加
------------------------------------------------*/
#indextop {
	color: #B30A0D;
	line-height: 1.4em;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #B30A0D;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.copy-index {
	margin-top: 5px;
	line-height: 1.4em;
}
.copy-index2 {
	width: 530px;
	line-height: 1.4em;
	margin-bottom: 5px;
}



.heightLine a {
	border-bottom: 1px dotted #7B6135;
}
.banner {
	border: 1px solid #CCCCCC;
	width: 520px;
	margin-bottom: 20px;
	background-image: url(../images/b-event.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	position: relative;
}
.banner img {
	vertical-align: bottom;
}
#soroe {
	float: left;
}



.banner2 {
	width: 520px;
	margin-bottom: 10px;
	height: 150px;
	position: relative;
	display: block;
	background: url(../images/movie_bn.jpg) no-repeat;
}

.banner2 h3 {
	text-indent: -999em;
}

.banner2 p {
	position: absolute;
	display: block;
	top: 84px;
	left: 24px;
	width: 294px;
	height: 49px;
}
.banner2 .pho-ev {
	display: block;
	height: 100px;
	width: 173px;
	position: absolute;
	top: 3px;
	right: 3px;
}


/*SEO
------------------------------------------------*/

#seo {
	width: 800px;
	display: block;
	clear: both;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 5px;
	
}
#seo strong {
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
}
#seo a {
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
}


#footer form {
	font-size: 10px;
	float:left;
}
#footer .f-tex {
	border: 1px solid #999999;
}
#footer .b-tex {
	font-size: 10px;
}#footer .seo-a {
	float: left;
}


#footer #kyujitsu {
	height: 50px;
	width: 800px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
.brand {
	margin-top: 8px;
}



/*サイドナビのテキスト化*/

.side-1 .listop, .side-2 .listop, .side-3 .listop, .side-4 .listop, .side-5 .listop, .side-6 .listop, .side-7 .listop, .side-11 .listop {
	font-weight: bold;
	color: #666666;
	background-image: url(../images/side-back1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	width: 168px;
	padding-top: 9px;
	padding-left: 12px;
	display: block;
}


.submenu-l .list-sup {
	font-size: 12px;
	color: #666666;
	background-image: url(../images/side-back2up.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 17px;
	width: 74px;
	padding-top: 5px;
	padding-left: 16px;
}

.submenu-r .list-sup {
	font-size: 12px;
	color: #666666;
	background-image: url(../images/side-back2up-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 17px;
	width: 73px;
	padding-top: 5px;
	padding-left: 17px;
}


.submenu-l .list-s {
	font-size: 12px;
	color: #666666;
	background-image: url(../images/side-back2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 17px;
	width: 74px;
	padding-top: 5px;
	padding-left: 16px;
}
.submenu-r .list-s {
	font-size: 12px;
	color: #666666;
	background-image: url(../images/side-back2-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 17px;
	width: 73px;
	padding-top: 5px;
	padding-left: 17px;
}


.side-5 .l-long-u, .submenu-cen .l-long-u {
	color: #666666;
	font-size: 12px;
	background-image: url(../images/side-back6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 17px;
	width: 163px;
	padding-top: 5px;
	padding-left: 17px;
}
.side-5 .l-long-d, .submenu-cen .l-long-d {
	color: #666666;
	font-size: 12px;
	background-image: url(../images/side-back7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 17px;
	width: 163px;
	padding-top: 5px;
	padding-left: 17px;
}


.side-8 .list-allow, .side-9 .list-allow, .side-10 .list-allow {
	font-weight: bold;
	color: #666666;
	background-image: url(../images/side-back3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	width: 156px;
	padding-top: 9px;
	padding-left: 24px;
	display: block;
}

.submenu-cen .sohusaki {
	background-image: url(../images/side-back5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	width: 166px;
	font-size: 11px;
	letter-spacing: 0em;
	padding-top: 25px;
	padding-left: 14px;
}
.banner h3 {
	font-size: 15px;
	font-weight: bold;
	color: #4A9726;
	position: absolute;
	top: 20px;
	left: 55px;
}
.banner p {
	position: absolute;
	top: 55px;
	left: 20px;
}
.banner .pho-ev {
	display: block;
	height: 100px;
	width: 173px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.banner-1 {
	height: 80px;
	width: 520px;
	margin-top: 10px;
}
.banner-2 {
	height: 35px;
	width: 520px;
	margin-top: 10px;
}
.media {
	background-image: url(../media/media-images/media01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 70px;
}
.media a {
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	height: 40px;
	width: 370px;
	display: block;
	padding-top: 25px;
	padding-left: 50px;
}
.hagawa {
	background-color: #E3FCD1;
	padding: 50px 13px 10px;
	margin-bottom: 10px;
	color: #3D3D3D;
	background-image: url(../images/radio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 494px;
}

.magazines {
	background-color: #E3FCD1;
	padding: 50px 13px 10px;
	margin-bottom: 10px;
	color: #3D3D3D;
	background-image: url(../images/magazines.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 494px;
}
.magazines img {
	float: left;
	padding-right: 12px;
}
.magazines a {
	font-weight: bold;
	display: block;
	margin: 10px;
	color: #333333;
	text-decoration: underline;
}
.magazines ul {
	padding-top: 10px;
}

.tv {
	background-color: #E3FCD1;
	padding: 50px 13px 10px;
	margin-bottom: 10px;
	color: #3D3D3D;
	background-image: url(../images/tv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 494px;
}
.tv img {
	float: left;
	padding-right: 12px;
}
.tv a {
	font-weight: bold;
	display: block;
	color: #333333;
	text-decoration: underline;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.tv ul {
	padding-top: 10px;
}

.video {
	background-color: #E3FCD1;
	padding: 50px 13px 10px;
	margin-bottom: 15px;
	color: #3D3D3D;
	background-image: url(../images/video.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 494px;
	position: relative;
	height: 113px;
}
.video img {
	float: left;
	padding-right: 12px;
}
.video a {
	font-weight: bold;
	display: block;
	color: #333333;
	text-decoration: underline;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.video ul {
	padding-top: 10px;
}


.holiday2 {
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 500px;
	padding: 10px;
}
.holiday2 h4 {
	font-size: 15px;
	font-weight: bold;
	color: #003366;
}
.green {
	color: #006600;
}
.green-b {
	color: #006600;
	font-weight:bold;
}




#bt-event {
	border: 2px solid #B30B0D;
	width: 516px;
	margin-top: 10px;
}
.holiday2 p {
	line-height: 1.7em;
}

/*e-mono商品
---------------------------------------------------------------*/

.emono-rec {
	width: 178px;
	margin-top: 25px;
	border: 1px solid #CCCCCC;
}
.emono-list li {
	border-top: 1px solid #CCCCCC;
}


.emono_bn {
	background-image: url(../images/e-mono_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 65px;
	width: 455px;
	font-size: 11px;
	color: #666666;
	padding-top: 9px;
	padding-left: 65px;
	margin-top:15px;
}


/*201007
---------------------------------------------------------------*/
.top-introduction {
	background-color: #F3EEE4;
	width: 490px;
	padding: 15px;
	margin-bottom: 20px;
}
.brand a {
	color: #B30A0D;
}
.pho-ev {
	height: 145px;
	width: 175px;
	position: absolute;
	top: 27px;
	right: 0px;
}