@charset "UTF-8";
/* CSS Document */

/*[CSS設定項目]-----

01.全体的な設定
02.header
03.menu
04.container
05.contents
06.footer
*/

/*01.全体的な設定*/
* {
	margin : 0;
	padding : 0;
	color : #777777;
	font-size:8pt;
	font-style : normal;
	font-weight : normal;
	font-family :  Verdana, Helvetica, Arial, sans-serif, "Osaka", "Hiragino Kaku Gothic Pro", "lroSVbN";
	line-height : 180%;
	text-decoration : none;
}

body {
	height:100%;
	width:100%;
	min-height:100%;
	min-width:950px;
	margin:0px;
	border:0px;
	padding:0px;
	background-color:#FCF3E3;
}

html{
	height:100%;
	min-height:100%;
	min-width:950px;
	background-color:#FCF3E3;
}

a, a img {
	outline:0;
	border:0;
}

a,a:link,a:visited {
	color:#8b4513;
	text-decoration:none;
}

a:hover {
	color:#BA9072;
	text-decoration:underline;
}

hr {
	visibility:hidden;
	clear:both;
}

img {
	behavior: url(/js/iepngfix.htc);
}
/*clearfix*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
}

/*Hides from IE-mac*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}
/*END hides from IE-mac*/
.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

/*layout*/
/*分岐ページ*/
body#branch #wrap_header {
	position:relative;
	width:100%;
	height:80px;
	margin: 0;
	padding:0px 0px;
	text-align: left;
	background-color:#FFFFFF;
}

body#branch #wrap_container {
	position:relative;
	width:100%;
	height:auto;
	margin: 0;
	padding:0px 0px;
	text-align: left;
	background-color:#FFFFFF;
}

body#branch #wrap_footer {
	position:relative;
	width:100%;
	height:auto;
	margin: 0;
	padding:0px 0px auto 0;
	text-align: left;
	background-color:#FCF3E3;
}

body#index #wrap_header,
body#info #wrap_header,
body#other #wrap_header {
	position:relative;
	width:100%;
	height:140px;
	margin: 0;
	padding:0px 0px;
	text-align: left;
	background-color:##FCF3E3;
}

#wrap_gn {
	width:100%;
	height:30px;
}

body#index #wrap_container,
body#info #wrap_container,
body#other #wrap_container  {
	position:relative;
	width:100%;
	height:auto;
	margin: 0;
	padding:0px 0px;
	text-align: left;
	background-color:#FFFFFF;
}

body#index #wrap_footer,
body#info #wrap_footer {
	position:relative;
	width:100%;
	height:auto;
	margin: 0;
	padding:0px 0px auto 0;
	text-align: left;
	background-color:#FCF3E3;
}

/*各トップページ*/

h1 {
	font-size:200%;
	color:#999999;
	margin:10px 0 20px 0; 
}

h2 {
	font-size:120%;
	color:#55555;
}

.cap h2 {
	font-size:175%;
	color:#55555;
}

h3 {
	font-size:120%;
	color:#55555;
	border-left:3px solid #8b4513;
	padding:3px 5px;
	margin:0 0 20px 0;
}

h4 {
	font-size:120%;
	color:#666666;
}

h5 {
}

h6 {
}

#other h4 {
	font-size:120%;
	color:#666666;
	border-bottom:#CCCCCC 1px solid;
	padding:5px 5px 5px 0;
	margin:10px 0;
}


/*02.header*/
#branch #header{
	position:relative;
	width:100%;
	height:80px;
	margin: 0 auto;
	padding:0px 0px;
	text-align: left;
}

#header {
	position:relative;
	width:100%;
	height:140px;
	margin: 0 auto;
	padding:0px 0px;
	text-align: left;
}

#header address {
	float:right;
	clear:right;
	display:block;
	width:160px;
	height:auto;
	text-align:center;
	margin:0px 20px 0 0;
	padding:0 0 0 0;
}

a.group {
	font-size:120%;
}

a.group {
	text-decoration:none;
}

a#logo_lamomo {
	display:block;
	width:450px;
	height:50px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/lamomo/common/logo.png);
	background-repeat:no-repeat;
	text-decoration:none;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

a#logo_lamomo a:hover {
	display:block;
	width:450px;
	height:50px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/lamomo/common/logo_over.png);
	background-repeat:no-repeat;
	text-decoration:none;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

a#logo_lulu {
	display:block;
	width:450px;
	height:50px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/lulu/common/logo.png);
	background-repeat:no-repeat;
	text-decoration:none;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

a#logo_lulu a:hover {
	display:block;
	width:450px;
	height:50px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/lulu/common/logo_over.png);
	background-repeat:no-repeat;
	text-decoration:none;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

a#logo_ateliers {
	display:block;
	width:450px;
	height:50px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/ateliers/common/logo.png);
	background-repeat:no-repeat;
	text-decoration:none;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

a#logo_ateliers a:hover {
	display:block;
	width:450px;
	height:50px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/ateliers/common/logo_over.png);
	background-repeat:no-repeat;
	text-decoration:none;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

a#logo_other {
	display:block;
	width:550px;
	height:50px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/common/logo.png);
	background-repeat:no-repeat;
	text-decoration:none;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

a#logo_other a:hover {
	display:block;
	width:550px;
	height:50px;
	margin:30px 0 0 20px;
	float:left;
	background-image:url(../img/common/logo_over.png);
	background-repeat:no-repeat;
	text-decoration:none;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

#header .download {
	float:right;
	clear:right;
	width:200px;
	text-align:center;
	margin:15px 15px 0 0;
}

#header .download img {
	width:15px;
	height:auto;
}

#header .download a,
#header .download a:hover {
	font-size:120%;
}

#header .download p {
	font-size:100%;
}
/*03.gloval_navi*/
#gloval_navi {
	clear:both;
	width:80%;
	min-width:700px;
	height:30px;
	margin: 0 0 0 0px;
	padding:0px 0px;
	float:left;
}

#gloval_navi ul {
	width:auto;
	height:30px;
	display:block;
	margin:0 0 0 15px;
	padding:0;
}

#gloval_navi li {
	float:left;
	list-style:none;
	display:block;
	width:auto;
	height:26px;
	padding:2px 10px;
}

#gloval_navi li a {
	font-size:130%;
	color:#8b4513;
	text-decoration:none;
}

#gloval_navi li a:hover {
	font-size:130%;
	color:#BA9072;
	text-decoration:none;
}

#local_navi ul {
	list-style:none;
	display:block;
	margin:0px;
}

#local_navi li {
	list-style:none;
	display:block;
	padding:5px;
	height:20px;
	width:auto;
	border-bottom:1px dotted #CCCCCC;
}

#sub_navi {
	width:20%;
	height:30px;
	float:right;
	text-align:center;
}

#sub_navi ul {
	list-style:none;
}

#sub_navi ul li {
	list-style:none;
	float:left;
	margin:0 10px 0 0;
}

#sub_navi a {
	font-size:120%;
	text-align:right;
	margin:0 30px 0 0;
}

#local_navi h2 {
	border-bottom:#CCCCCC solid 1px;
	padding:5px 0;
}

#local_navi a:hover {
	text-decoration:none;
}

.gloval_navi {
	width:30em;
	margin:20px auto;
	text-align:center;
}

* html #right .gloval_navi {
	width:41em;
	margin:22px auto;
	text-align:center;
}

*:first-child+html #right .gloval_navi {
	width:41em;
	margin:22px auto;
	text-align:center;
}

.gloval_navi ul{
	list-style:none;
	display:block;
	width:auto;
	margin:0 auto;
	text-align:center;
}

.gloval_navi li{
	float:left;
	display:block;
	padding:5px;
	margin:0 auto;
	text-align:center;
}

.gloval_navi li a {
	display:block;
}

.gloval_navi li a:hover {
	text-decoration:none;
	display:block;
}

/*04.container*/
body#branch #container {
	width:100%;
	height:auto;
	clear:both;
}

body#branch #container .studio {
	width:33%;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}

body#branch #container #left{
	width:49%;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}

body#branch #container #right{
	width:50%;
	float:right;
	margin:0;
	padding:0;
	text-align:center;
}

body#branch #container #container_foot{
	clear:both;
	width:auto;
	height:120px;
	padding:15px;
	background-color:#FCF3E3;
}

#index #container,
#info #container {
	width:100%;
	height:auto;
	min-height:300px;
	padding:0px;
	margin:0px;
	background:#FFFFFF;
}

#other #container {
	width:1000px;
	height:auto;
	min-height:300px;
	padding:0px;
	background:#FFFFFF;
}

#index #container #main {
	float:left;
	width:75%;
	margin:15px 0 0 2%;
	background:#FFFFFF;
}

#index #container #all {
	float:left;
	width:98%;
	margin:15px 0% 0 2%;
	background:#FFFFFF;
}

#index #container #side {
	float:right;
	width:20%;
	margin:15px 2% 0 0px;
	position:relative;
	background:none;
}

#info #container #main {
	float:right;
	width:80%;
	margin:15px 2% 0 0px;
	background:#FFFFFF;
}

#info #container #side {
	float:left;
	width:15%;
	margin:15px 0 0 2%;
	position:relative;
	background:none;
}

#other #container #main {
	width:75%;
	margin: 0px 0 0 1%;
	background:#FFFFFF;
	float:right;
}

#other #container #side {
	float:left;
	width:20%;
	margin:15px 0 0 1%;
	position:relative;
	background:none;
}

* html #index #container #main {
	float:left;
	width:700px;
	margin:15px 0 0 15px;
	background:#FFFFFF;
}

* html #index #container #side {
	float:right;
	width:200px;
	margin:15px 15px 0 0px;
	position:relative;
	background:none;
}

* html #info #container #main {
	float:right;
	width:700px;
	margin:15px 15px 0 0px;
	background:#FFFFFF;
}

* html #info #container #side {
	float:left;
	width:150px;
	margin:15px 0 0 15px;
	position:relative;
	background:none;
}

* html #other #container #main {
	width:700px;
	margin: 0px 0 0 15px;
	background:#FFFFFF;
	float:right;
}

* html #other #container #side {
	float:left;
	width:200px;
	margin:15px 0 0 15px;
	position:relative;
	background:none;
}

/*05.contents*/
body#branch #container #left h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/lamomo/common/logo.png) center 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #left h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/lamomo/common/logo_over.png) center 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #left h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/lamomo/common/logo.png) center 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #left h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/lamomo/common/logo_over.png) center 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #lamomo h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/branch/lamomo.png) center 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #lamomo h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/branch/lamomo_over.png) center 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #lamomo h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/branch/lamomo.png) center 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #lamomo h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/branch/lamomo_over.png) center 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #right h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/lulu/common/logo.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #right h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/lulu/common/logo_over.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #right h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/lulu/common/logo.png) 40% 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #right h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/lulu/common/logo_over.png) 40% 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

*:first-child+html body#branch #container #right h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/lulu/common/logo.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

*:first-child+html body#branch #container #right h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/lulu/common/logo_over.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #lulu h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/branch/lulu.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #lulu h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/branch/lulu_over.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #lulu h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/branch/lulu.png) 40% 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #lulu h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/branch/lulu_over.png) 40% 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

*:first-child+html body#branch #container #lulu h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/branch/lulu.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

*:first-child+html body#branch #container #lulu h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/branch/lulu_over.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #ateliers h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/branch/ateliers.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

body#branch #container #ateliers h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:10px auto 20px auto;
	background:url(../img/branch/ateliers_over.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #ateliers h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/branch/ateliers.png) 40% 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container #ateliers h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/branch/ateliers_over.png) 40% 0% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

*:first-child+html body#branch #container #ateliers h1 a.logo{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/branch/ateliers.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

*:first-child+html body#branch #container #ateliers h1 a.logo:hover{
	display:block;
	width:300px;
	height:150px;
	margin:118px auto 20px auto;
	background:url(../img/branch/ateliers_over.png) 40% 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	text-indent:-9999px;
}

* html body#branch #container {
}

body#branch #container #left .address,
body#branch #container #right .address {
	min-height:100px;
}

body#branch #container .studio .address,
body#branch #container .studio .address {
	min-height:100px;
}

body#branch #container .studio a img:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

body#branch #container #left .download,
body#branch #container #right .download {
	margin:50px auto;
}

body#branch #container .studio .download,
body#branch #container .studio .download {
	margin:50px auto;
}

body#branch #container #left .download a,
body#branch #container #left .download a:hover,
body#branch #container #right .download a,
body#branch #container #right .download a:hover {
	font-size:120%;
}

body#branch #container .studio .download a,
body#branch #container .studio .download a:hover,
body#branch #container .studio .download a,
body#branch #container .studio .download a:hover {
	font-size:120%;
}

body#branch #container #container_foot #news {
	float:left;
	width:50%;
	height:90px;
}

body#branch #container #container_foot #banner {
	float:right;
	width:202px;
	height:auto;
}

/*body#branch #container #container_foot #banner a img {
	width:200px;
	height:auto;
	display:block;
	behavior: url(/js/iepngfix.htc);
}*/

#container_foot #banner a{
	border:#CCCCCC solid 1px;
	margin:0px 0 10px 0;
	display:block;
	width:200px;
	height:auto;
}

#container_foot #banner a:hover{
	border:#8b4513 solid 1px;
	margin:0px 0 10px 0;
	display:block;
	width:200px;
	height:auto;
}

#news dt {
	margin:2px 0 0 0;
	width:100px;
	float:left;
	clear:left;
}

#news dd {
	padding:0 0 1em 0;
}

#news dl {
	display:block;
	margin:10px 0 0 0;
}

#img_box {
	text-align:center;
	width:100%;
	vertical-align:middle;
	position:relative;
}

#img_box img#target {
	width:60%;
	height:auto;
	padding:4px;
	border:#CCCCCC 1px solid;
	margin:auto;
}

div.thumbnail {
	margin:auto 0;
}

.thumbnail div.img {
	float:left;
	width:44%;
	height:auto;
	margin:0px 0% 10px 1%;
	padding:3px;
	border:#CCCCCC 1px solid;
}

.thumbnail div.img:hover {
	float:left;
	width:44%;
	height:auto;
	margin:0px 0% 10px 1%;
	padding:3px;
	border:#8b4513 solid 1px;
}

.thumbnail img{
	width:100%;
	height:auto;
}

.comment {
	margin:0 4% 0 0;
}

#side .comment p {
	color:#CCCCCC;
	text-align:right;
	font-size:80%;
}

#access {
	margin:20px 0;
}

#access a img {
	width:100%;
	height:auto;
}

#access a {
	display:block;
	width:auto;
	height:auto;
	border:#CCCCCC 5px solid;
	padding:4px;
}

#access a:hover {
	display:block;
	width:auto;
	height:auto;
	border:#BA9072 5px solid;
}

#sketch_lamomo {
	width:700px;
	height:500px;
	background:url(../img/lamomo/contents/drowing.jpg) center 0 no-repeat;
	margin:0 auto;
}

#sketch_lulu {
	width:700px;
	height:1000px;
	background:url(../img/lulu/contents/drowing.jpg) center 0 no-repeat;
	margin:0 auto;
}

#extra h2,
#all .cap h2 {
	font-size:200%;
	color:#55555;
	border-left:3px solid #8b4513;
	padding:3px 5px;
	margin:0 0 20px 0;
}

#etc p,
.etc p{
	font-size:80%;
}

#index .image {
	width:700px;
	height:auto;
	margin:0 0 20px 5px;
}

.line {
	border-bottom:#CCCCCC solid 1px;
	margin-bottom :20px;
	clear:both;
}

#info #sort,
#index #etc,
#index .etc {
	width:100%;
	margin:0 0 2% 0;
	height:auto;
	clear:both;
}

#sort,
#etc,
#1f_image, 
#2f_image, 
#garden_image, 
#roof_image,
.etc {
	width:98%;
	margin:0% 2% 2% 0;
	height:auto;
}

* html #sort,
* html #etc,
* html #1f_image, 
* html #2f_image, 
* html #garden_image, 
* html #roof_image,
* html .etc  {
	width:100%;
	margin:0 0 2% 0;
	height:auto;
}

#etc ul {
	margin:20px 0 0 0;
}

#sort .products,#etc .products {
	padding:5px;
	width:150px;
	height:200px;
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
}

#sort .products a img,#etc .products a img {
	width:148px;
	height:auto;
	max-height:148px;
	border:1px #CCCCCC solid;
}

#sort .products a img:hover,#etc .products a img:hover {
	width:148px;
	height:auto;
	border:1px #8b4513 solid;
}

#sort .gallery .products,#etc .gallery .products {
	padding:5px;
	width:150px;
	height:200px;
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
}

#sort .gallery .products a img,#etc .gallery .products a img {
	width:148px;
	height:auto;
	max-height:148px;
	border:1px #CCCCCC solid;
}

#sort .gallery .products a img:hover,#etc .gallery .products a img:hover {
	width:148px;
	height:auto;
	border:1px #8b4513 solid;
}

#sort .images,#etc .images {
	padding:5px;
	width:150px;
	height:120px;
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
}

#sort .images a img ,#etc .images a img {
	width:148px;
	height:auto;
	max-height:148px;
	border:1px #CCCCCC solid;
}

#sort .images a img:hover,#etc .images a img:hover {
	width:148px;
	height:auto;
	border:1px #8b4513 solid;
}

#sort .gallery li,
#etc .gallery li,
.etc .gallery li {
	display:block;
	padding:5px;
	width:150px;
	height:120px;
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
	list-style:none;
}

#sort .gallery li a img,
#etc .gallery li a img,
.etc .gallery li a img {
	display:block;
	width:148px;
	height:auto;
	max-height:148px;
	border:1px #CCCCCC solid;
}

#sort .gallery li a img:hover,
#etc .gallery li a img:hover,
.etc .gallery li a img:hover {
	display:block;
	width:148px;
	height:auto;
	border:1px #8b4513 solid;
}

#access li{
	list-style:none;
	margin:0 0 10px 0;
}

#sort .products p,#etc .products p {
	margin:5px 0 0 0;
}

#sort .products p a,#etc .products p a {
	text-decoration:none;
	color:#8b4513;
}

#sort .products p a:hover,#etc .products p a:hover {
	text-decoration:none;
	color:#BA9072;
}

#links {
	width:100%;
	height:auto;
}

#links .link {
	width:210px;
	height:auto;
	float:left;
	margin:20px 0 0 10px;
}

#links .link a img {
	width:200px;
	height:auto;
	padding:4px;
	border:1px solid #CCCCCC;
}

#links .link a img:hover {
	width:200px;
	height:auto;
	padding:4px;
	border:1px solid #8b4513;
}

#links .link p{
	text-align:center;
}

#blogs {
	width:100%;
	height:auto;
	clear:both;
}

#blogs .entry{
	width:100%;
	height:auto;
	padding:0 0 15px 0;
	margin:0 0 30px 0;
	border-bottom:#CCCCCC 1px dotted;
}

#blogs .entry h2{
	padding:5px;
	border-bottom:1px solid #8b4513;
	margin:0 0 10px 0;
}

#blogs .entry .date{
	text-align:right;
}

#info #main .clear p {
	margin:20px 5px;
	color:#CCCCCC;
}

.entry em {
	font-size:120%;
	font-weight:bold;
	margin:10px 0 0 0;
}

#index #main .clear p{
	margin:20px 5px;
	color:#CCCCCC;
	font-size:90%;
}

#main h1 {
	font-size:200%;
	color:#999999;
	margin:10px 0 20px 0; 
}

#main .body {
	padding:0 20px;
}

#main #drowing{
	padding:0 0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}

#main #drowing li{
	padding:0 0px;
	width:50%;
	height:auto;
	float:left;
	text-align:center;
	list-style:none;
	vertical-align:middle;
}

#main #drowing .highslide img {
	margin:0 0 20px 0;
	width:100%;
	height:auto;
}

#main #drowing .highslide img,
#main #drowing .highslide:hover img{
	border:none;
}

#main #thumbnail{
	padding:0 0px;
	width:15%;
	height:auto;
	float:right;
	text-align:center;
}

#main #thumbnail a {
	width:90%;
	height:auto;
	margin:0 auto 0px auto;
	display:block;
	text-align:center;
}

#main #thumbnail .number {
	width:90%;
	height:20px;
	margin:5px auto 10px auto;
	text-align:left;
}

#main #thumbnail a img {
	width:100%;
	height:auto;
	max-height:100px;
	overflow:hidden;
}

#main #drowing img{
	width:90%;
	height:auto;
}

#phone {
	margin:20px 0;
}

#use {
	margin:0px 0;
	padding:0 20px;
}

#use .body {
	padding:0 20px;
}

#use iframe {
	margin:0 auto;
	padding:4px;
	border:#CCCCCC solid 1px;
}

#use #timetable {
	width:75%;
}

#use a,#use a:link,#use a:visited {
	color:#8b4513;
	text-decoration:none;
}

#use a:hover {
	color:#BA9072;
	text-decoration:underline;
}

#phone h2,
#use h2,
#ajax_mail h2 {
	border-left:#BA9072 3px solid;
	padding:3px 8px;
	margin:20px 0;
	font-size:150%;
}

#other #contents {
	width:90%;
}

.red {
	color:#FF0000;
}
/*カレンダー*/

#eventcalendar  {
	margin:20px 20px;
}

#eventcalendar  h1 {
	font-size:160%;
	color:#999999;
	margin:20px 0 20px 0; 
}

#eventcalendar h2 {
	text-align:center;
	font-size:140%;
	margin:25px;
}

#eventcalendar table {
	width:94%;
	margin:0 4% 0 3%;
	border-collapse:collapse;
}

#eventcalendar span.date {
	font:Helvetica, sans-serif large bold;
}

#eventcalendar td {
	width:11%;
	padding:1%;
	height:100px;
	border:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 3px;
}

#eventcalendar td a {
	font-size:120%;
}

#eventcalendar td a {
	font-size:120%;
}

#eventcalendar td a:hover {
	font-size:120%;
}

#eventcalendar td.calendarcell1,
#eventcalendar td.calendarcell8,
#eventcalendar td.calendarcell15,
#eventcalendar td.calendarcell22,
#eventcalendar td.calendarcell29,
#eventcalendar td.calendarcell36{
	width:11%;
	padding:1%;
	height:100px;
	border:#CCCCCC solid 1px;
	border-top:#ffb6c1 solid 3px;
}

#eventcalendar td.calendarcell1 span,
#eventcalendar td.calendarcell8 span,
#eventcalendar td.calendarcell15 span,
#eventcalendar td.calendarcell22 span,
#eventcalendar td.calendarcell29 span,
#eventcalendar td.calendarcell36 span {
	color:#FF0000;
}

#eventcalendar td.calendarcell7,
#eventcalendar td.calendarcell14,
#eventcalendar td.calendarcell21,
#eventcalendar td.calendarcell28,
#eventcalendar td.calendarcell35,
#eventcalendar td.calendarcell42 {
	width:11%;
	padding:1%;
	height:100px;
	border:#CCCCCC solid 1px;
	border-top:#87CEFA solid 3px;
}

#calendarTable td.calendarcell7 span.date,
#calendarTable td.calendarcell14 span.date,
#calendarTable td.calendarcell21 span.date,
#calendarTable td.calendarcell28 span.date,
#calendarTable td.calendarcell35 span.date,
#calendarTable td.calendarcell42 span.date  {
	color:#ADD8E6;
}

#calendarTable td.calendarcell7 span,
#calendarTable td.calendarcell14 span,
#calendarTable td.calendarcell21 span,
#calendarTable td.calendarcell28 span,
#calendarTable td.calendarcell35 span,
#calendarTable td.calendarcell42 span  {
	color:#87CEFA;
}

#eventcalendar tr {
}

#eventcalendar li {
	list-style:none;
}

#eventcalendar th {
	font-weight:bold;
	text-align:center;
}

#eventcalendar th.sun {
	color:#FFC0CB;
}

#eventcalendar th.sat {
	color:#87CEFA;
}

.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}

/*メールフォーム*/
form fieldset {
	margin:15px 0 0 20px;
	border:none;
}

fieldset dl,
fieldset dt,
fieldset dd,
form,fieldset,input,textarea,button{
	margin:0;
	padding:0;
	font-size:100%;
}

fieldset input,fieldset textarea {
	background-image:url(../img/bg/white1.png);
	background-repeat:repeat;
	behavior: url(/js/iepngfix.htc);
}

fieldset dt {
	margin:2px 0 0 0;
	width:30%;
	float:left;
}

fieldset dd {
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px dotted #999999;
}

fieldset dd p{
	text-align:left;
}

fieldset form {
	padding:0;
	width:540px;
}

fieldset fieldset {
	margin:30px 0 50px 0;
	border:none;
}

fieldset input,
fieldset textarea {
	padding:0.2em;
	border:1px solid #aaa;
}

fieldset input {
	width:35%;
}

fieldset textarea {
	width:69%;
	height:200px;
}

fieldset p {
	text-align:center;
	margin:0 auto;
	width:300px;
}

fieldset button {
	padding:3px 5px;
	border-top:3px double #bbb;
	border-right:3px double #666;
	border-bottom:3px double #666;
	border-left:3px double #bbb;
	background:#BA9072;
	color:#FFFFFF;
}

fieldset button:active {
	padding:3px 5px;
	border-top:3px double #666;
	border-right:3px double #bbb;
	border-bottom:3px double #bbb;
	border-left:3px double #666;
	background-color:#BA9072;
	color:#FFFFFF;
}

#thanks h3 {
	text-align:center;
}
/*---------------------*/
#timetable {
	margin:30px 0 0 0;
}

#timetable table {
	width:100%;
	height:auto;
	border:#CCCCCC solid 1px;
	border-collapse:collapse;
	margin:0 0 15px 0;
}

#timetable table .time {
	width:8%;
	padding:1%;
	text-align:center;
	background-color:#FCF3E3;
}

#timetable table th {
	height:auto;
	border:#CCCCCC solid 1px;
	width:28%;
	padding:1%;
	text-align:center;
	font-size:120%;
	background-color:#FCF3E3;
}

#timetable table td {
	height:auto;
	border:#CCCCCC solid 1px;
	width:28%;
	padding:1%;
	font-size:9px;
}

#timetable h4 {
	margin:15px 0 0 0;
}

/*06.footer*/
#footer {
	width:auto;
	height:30px;
	padding:10px 15px;
	clear:both;
	position:relative;
}

#footer a,#footer a:hover{
	text-decoration:none;
}

#footer ul {
	display:block;
}

#footer li {
	float:left;
	list-style:none;
	margin:5px 5px 0 0px;
}

#copyright {
	font-size:10px;
	margin-top:5px;
	float:right;
	text-align:right;
}


/*その他*/
b font{
	fontsize:1.25em;
	font-weight:bold;
}

#comments label{
	float:left;
	display:block;
	width:150px;
}

#comments input{
	display:block;
}

#comments  div {
	clear:both;
	margin:10px 5px;
}

#comment-form-remember-me input {
	float:left;
}

#comments-open-text label {
	clear:both;
	width:100%;
}

#comments-open-text textarea {
	clear:both;
	width:400px;
}

.content-nav
{
margin: 10px;
text-align: center;
}

.date-header,
.entry-content
{
position: static;
clear: both;
}

/*.entry,
.trackbacks,
.comments,
.archive
{
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 20px;
}*/

.entry-content,
.trackbacks-info,
.trackback-content,
#comments .inner .comment-content,
.comments-open-content,
.comments-closed
{
	text-align:left;
	clear: both;
	margin: 5px 10px;
	color:#333333;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
clear: both;
margin: 5px 10px 20px 10px;
}

#comments .comment {
	margin:10px 0 0 0;
}

#comments .comment .comment-content{
	padding:5px 0 8px 0;
	border-bottom:#CCCCCC 1px dotted;
}

#comments .comment .comment-header{
	text-align:right;
}

#comments-open-data div{
	clear:both;
	margin:5px 0 5px 0;
}

#comments-open-footer input {
	float:left;
	margin:10px 8px 0 0;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
width: 240px;
}

#comment-bake-cookie
{
margin-left: 0;
vertical-align: middle;
}

#comment-post
{
font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
float: left;
width: 115px;
margin: 0 10px 10px 0;
}

.image-thumbnail img
{
width: 115px;
height: 115px;
margin: 0 0 2px 0;
}

#comments {
	margin:10px 0;
}

textarea,select,input { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif"; }