@charset "Shift_JIS";

/*syokika
------------------------*/
body,form,fieldset {
margin: 0;
padding: 0; 
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,li,dl.dt.dd {
margin: 0;
padding: 0; 
}

img {
border: 0;
margin: 0;
padding: 0;
}


/*base
------------------------*/
body {
	background-image:url(images/bgb.gif);
	font-size:12px;
	margin:0;
	text-align:center;
}

td {
	color:#333333;
	font-size:12px;
	line-height:150%;
	vertical-align:top;
	background:none;
	text-align:left;
}

p {
	padding-bottom:3px;
}

/*h1*/
h1 {display: block; background: url(images/top_title.gif); width: 800px; height: 135px;}
h1 a {display: block;width: 250px; height: 135px; text-indent: -9999px; overflow: hidden;}


/*link
------------------------*/
a:link {
	text-decoration:none;
	color:#666666;
	font-size:12px;
	line-height: 150%;
}

a:visited {
	text-decoration:none;
	color:#666666;
	font-size:12px;
	line-height: 150%;
}

a:active {
	text-decoration:underline;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
}

a:hover {
	text-decoration:underline;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
}

a:focus {
	text-decoration:underline;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
}


/*body
------------------------*/
.body {
	width:800px;
	text-align:left;
	background-color:#000000;
	color:#333333;
	font-size:12px;
	line-height:160%;
	margin-left:auto;
	margin-right:auto;
}

.body_left {
	background-color:#000000;
	vertical-align:top;
	width:187px;
	float:left;
	padding-right:8px;
}


.body_right {
	background-color:#FFFFFF;
	vertical-align:top;
	float:right;
	padding-left:35px;
	padding-right:35px;
	padding-top:50px;
	width:535px;
}

.topbody_right {
	background-color:#FFFFFF;
	vertical-align:top;
	float:right;
	width:605px;
	padding:0;
	margin:0;
}


/*footer
------------------------*/
.under {
	width:800px;
	height:100px;
	background-color:#000000;
	border-top:#838054 solid 3px;
	clear:both;
}

.under_top {
	width:800px;
	height:115px;
	background-color:#000000;
	border-top:#838054 solid 3px;
	clear:both;
}

.copy {
	font-size:10px;
	color: #FFFFFF;
	text-align:right;
	padding-right:10px;
	position:relative;
	top:23px;
}

.copy2 {
	font-size:10px;
	color: #FFFFFF;
	text-align:right;
	padding-right:10px;
	position:relative;
	top:73px;
}

.brand {
	width:760px;
	padding:15px 0 0 5px;
	font-size:10px;
	color:#FFFFFF;
}

.brand a {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
	
}

.brand a:hover {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
}

.brand span {
	padding-left:15px;
	padding-right:12px;
	color:#990000;
	font-size:12px;
	}

.brand img {
	margin-right:7px;
}


/*left-navi
------------------------*/
.brand_banner {
	width:182px;
	padding:30px 0 0 5px;
	z-index:102;
	position:relative;
	top:380px;
	left:5px;
}

.banner_im {
	margin-bottom:10px;
}


.bg_b {
	background-color:#000000;
	vertical-align:top;
	width:195px;
	height:100%;
}

/*navi_list
------------------------*/

.navi_box {
	width:187px;
	padding-right:8px;
	background-color:#000000;
}

#nav {
position: relative;
top: 5px;
left: 5px;
margin: 0;
padding: 0;
z-index: 100;
}

#nav ul {
	list-style:none;
	margin: 0;
	padding: 0;
	z-index:100;
	position: absolute;
	top: 0;
	left: 0;
}

#nav li {
	text-indent:-9999px;
	display: block;
	list-style:none;
	z-index:100;
}

#nav li a {
	width: 187px;
	display: block;
	font-size: 12pt;
}

#nav li#title1 a {
	background-image: url(images/side_01_02.gif);
	background-repeat: no-repeat;
	height: 33px;
}

#nav li#title1 a:hover {
	background-image: url(images/side_01_02-over.gif);
	background-repeat: no-repeat;
	height: 33px;
}


#nav li#title2 a {
	background-image: url(images/side_01_03.gif);
	background-repeat: no-repeat;
	height: 37px;
}

#nav li#title2 a:hover {
	background-image: url(images/side_01_03-over.gif);
	background-repeat: no-repeat;
	height: 37px;
}


#nav li#title3 a {
	background-image: url(images/side_02.gif);
	background-repeat: no-repeat;
	height: 70px;
}

#nav li#title3 a:hover {
	background-image: url(images/side_02-over.gif);
	background-repeat: no-repeat;
	height: 70px;
}


#nav li#title4 a {
	background-image: url(images/side_03.gif);
	background-repeat: no-repeat;
	height: 70px;
}

#nav li#title4 a:hover {
	background-image: url(images/side_03-over.gif);
	background-repeat: no-repeat;
	height: 70px;
}


#nav li#title5 a {
	background-image: url(images/side_05.gif);
	background-repeat: no-repeat;
	height: 70px;
}

#nav li#title5 a:hover {
	background-image: url(images/side_05-over.gif);
	background-repeat: no-repeat;
	height: 70px;
}


#nav li#title6 a {
	background-image: url(images/side_06.gif);
	background-repeat: no-repeat;
	height: 71px;
}

#nav li#title6 a:hover {
	background-image: url(images/side_06-over.gif);
	background-repeat: no-repeat;
	height: 71px;
}


/*-----------*/
#nav li#title0 a {
	background-image: url(images/side_01.gif);
	background-repeat: no-repeat;
	height: 70px;
}

/*pulldown*/
#nav ul ul {
	position: absolute; 
	top: 50px;
	left:15px;
	z-index: 101;
}

#nav ul ul li {
	margin: 0; 
	padding: 0;
}

#nav ul li#title0 ul li.pull a {
	width: 160px;
	height: auto;
	position: relative; 
	top: 0;
	left: 0;
	background: none;
	border: 1px solid #333333;
	background-color: #333333;
	text-indent: 1em;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	margin-bottom: -1px;
	padding: 5px;
}

#nav ul li#title0 ul li.pull a:visited {
color: #FFFFFF;
background-color: #333333;
}

#nav ul li#title0 ul li.pull a:hover {
color: #FFFFFF;
background-color: #666666;
}

#nav ul li.parent ul {
display: none;
}

#nav ul li.parentOn ul {
display: block;
}
/*-----------*/


/*main
------------------------*/
.main_top {
	background-color:#FFFFFF;
	vertical-align:top;
	width:605px;
}

.main {
	background-color:#FFFFFF;
	vertical-align:top;
	padding-left:35px;
	padding-right:35px;
	padding-top:50px;
	width:535px;
}

.main_title {
	margin-bottom:10px;
}

.main_4 {
	background:none;
	text-align:right;
	padding:15px 0 50px 0;
	width:100%;
}

.main_5 {
	padding:10px 0 30px 0;
	border-bottom:#666666 dotted 1px;
	width:100%;
	height:auto;
}

.center {
	font-size:12px;
	line-height: 120%;
	text-align:center;
}

.red {
	color: #660000;
	font-size: 14px;
	font-weight:bold;
	line-height: 160%;
}

.title {
	color: #333333;
	font-size: 12px;
	font-weight:bold;
	padding-bottom:20px;
}

.bold {
	font-weight:bold;
}

.clear {
	clear:both;
}


/*コンセプトページ
------------------------*/
.body_right_wo {
	background-image:url(works/img/wo_bg.gif);
	background-repeat:no-repeat;
	vertical-align:top;
	float:right;
	padding-left:35px;
	padding-right:35px;
	padding-top:50px;
	width:535px;
}

.wo_box {
	padding:15px 10px 30px 10px;
	border-bottom:#666666 dotted 1px;
	width:515px;
}

.wo_box02 {
	background-image:url(works/img/work_bg02.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:50px 10px 35px 160px;
	width:365px;
	margin-bottom:10px;
}

.wo_box03 {
	background-image:url(works/img/work_bg03.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:50px 10px 20px 160px;
	width:365px;
	margin-bottom:20px;
}

.wo_box04 {
	background-image:url(works/img/work_bg04.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:50px 10px 20px 160px;
	width:365px;
	margin-bottom:20px;
}

.wo2_box {
	padding:0 10px 40px 15px;
	width:510px;
}

/*work2-title*/
.wo2_title1 {
	background-image:url(works/img/work2_title1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:510px;
	height:98px;
}

.wo2_title2 {
	background-image:url(works/img/work2_title2.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:520px;
	height:98px;
}

.wo2_title3 {
	background-image:url(works/img/work2_title3.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:510px;
	height:98px;
}

.wo2_title4 {
	background-image:url(works/img/work2_title4.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:510px;
	height:98px;
}

.wo2_title5 {
	background-image:url(works/img/work2_title5.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:510px;
	height:98px;
}

.wo2_title6 {
	background-image:url(works/img/work2_title6.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:510px;
	height:98px;
}

.wo2_title7 {
	background-image:url(works/img/work2_title7.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:510px;
	height:98px;
}

.wo2_title8 {
	background-image:url(works/img/work2_title8.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:510px;
	height:98px;
}

.wo2_title9 {
	background-image:url(works/img/work2_title9.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:510px;
	height:98px;
}

/*photobox*/
.wo_box2 {
	width:453px;
	padding:3px;
}

.wo_box_l {
	width:220px;
	padding:0;
	float:left;
	font-size:10px;
	line-height:120%;
}

.wo_box_r {
	width:220px;
	padding-left:10px;
	float:right;
	font-size:10px;
	line-height:120%;
}


/*widephotobox*/
.wo_box2w {
	width:483px;
	padding:3px;
}

.wo_box_lw {
	width:220px;
	padding-top:10px;
	float:left;
	font-size:10px;
	line-height:120%;
}

.wo_box_rw {
	width:250px;
	padding-left:10px;
	float:right;
	font-size:10px;
	line-height:120%;
}


/*駒ヶ根ページ
------------------------*/
.koma_box {
	padding:5px 15px 30px 15px;
	width:505px;
	background-image:url(komagane/img/ko_bg.gif);
	background-repeat:repeat-y;
}

.reft_txt {
	float:right;
	text-align:right;
	padding-right:30px:
}

.koma_li {
	list-style:square;
	padding-left:1.5em;
	}


.koma_title {
	color:#660000;
	font-weight:bold;
	font-size:14px;
	line-height:2.5em;
}

.koma_title2 {
	color:#666666;
	font-weight:bold;
	line-height:2.5em;
}

.koma_box2 {
	float:left;
	width:325px;
	line-height:170%;
}
	
.koma_box3 {
	float:right;
	width:170px;
	padding-left:10px;
	padding-top:5px;
}

.koma_im {
	margin-bottom:25px;
}


/*工房ページ
------------------------*/
.at_txt {
	clear:both;
	width:510px;
	border:1px #666666 solid;
	padding:5px;
	background-color:#f0e5db;
	margin-top:10px;
}

.at_box1 {
	padding:115px 0 20px 10px;
	width:525px;
	background-image:url(atelier/img/koubou_title1.gif);
	background-repeat:no-repeat;
}

.at_box2 {
	padding:130px 0 20px 10px;
	width:525px;
	background-image:url(atelier/img/koubou_title2.gif);
	background-repeat:no-repeat;
}

.at_box3 {
	padding-left:10px;
	width:200px;
	float:right;
}

.at_img {
	margin-bottom:5px;
}

.at_box {
	padding:20px 15px;
	border-bottom:#666666 dotted 1px;
	width:505px;
}


/*画像配置
------------------------*/
.im_left {
	border:none;
	margin:7px;
	float:left;
}

.im_right {
	border:none;
	margin:7px;
	float:right;
}

.im_bottom {
	border:none;
	margin:7px;
	float:bottom;
}


/*健史ページ
------------------------*/
.br_box {
	padding:10px 15px 20px 15px;
	border-bottom:#666666 dotted 1px;
	width:505px;
}

.br_box2 {
	float:right;
	width:281px;
	padding-left:10px;
	padding-top:7px;
}

.br_box3 {
	clear:both;
	width:505px;
	padding-left:8px;
}

.br_box4 {
	width:505px;
	margin-bottom: 15px;
}

.br_box5 {
	width:180px;
	padding-left:0px;
}

.br_title {
	color:#660000;
	font-weight:bold;
	line-height:200%;
}


/*会社概要、問い合わせ
------------------------*/
.body_right_comp {
	background-image:url(company/img/comp_bg1.gif);
	background-repeat:no-repeat;
	vertical-align:top;
	background-color:#FFFFFF;
	float:right;
	padding-left:35px;
	padding-right:35px;
	padding-top:50px;
	width:535px;
}

.txt1 {
	padding:10px 15px 30px 15px;
	width:505px;
}

.bg_g {
	color: #FFFFFF;
	font-size:12px;
	background-color:#666666;
	vertical-align: top;
	text-align:center;	

}

.bg_g2 {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 160%;
	text-align:center;
	padding:5px;
	background-color:#838054;
}

.bg_w {
	color: #333333;
	font-size: 12px;
	line-height: 160%;
	padding:5px;
	background-color:#FFFFFF;
}

.list {
	padding-left:1.5em;
}

div.event_right {
	float:right;
	width: 250px;
}
div.event_right p {margin-bottom: 1em;}