@charset "UTF-8";
/* =====================================
 * SAKURA PIANO
 * =====================================     
 */     

body {
    margin:0; padding:0;
	font-size:12px; color:#444;
	font-family: "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height:1.8em;
	/*background:url(../img/bg_main.gif) 0 0 repeat-x;*/
	}
a {
    color: #b34a5d;
	text-decoration:none;
	}
a:hover {
    color:#C36;
	text-decoration:none;
	}
img {
    border:none;
	}
address {
	font-style:normal;
	display:inline;
    }

h2 {
	margin:0;
	padding:0;
	}
h3 {
	margin: 0 0 0 0;
}
h4 {
	margin:0;
	padding:10px 0 10px 0;
}

h5 {
	background:url(../img/bg_h3.gif) repeat-x;
	margin:20px 0 5px 0;
	padding: 10px 0 15px 15px;
	color:#4d2f10;
}
/*h5 {
	font-size: 15px;
	color: #4d2f10;
	border-bottom: 2px solid #c6bba6;
}*/
	
/*-------- MAIN LAYOUT --------*/	
#wrapper {
    /*width:100%; */
	width:902px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/bg_cnt.gif) bottom repeat-x;
	clear:both;
	}

#header {
    width:900px;height:85px;
	margin:0 auto;
	background-image:url(../img/bg_main.gif);
	background-repeat: repeat-x;
	position:relative;
	}
#header h1
{
    height:16px;
	width:400px;
	margin:0;
	padding:2px 0 5px 0;
    font-size:10px; color:#8c7b70;
	font-weight:normal;
	display:block;
}
#header .corp
 {
    height:16px;
	margin:0;
	padding:5px 0 0 0;
    font-size:10px; color:#8c7b70;
	font-weight:normal;
	display:block;
}

#header .change_mobile{
	height:39px;
	widgth:317px;
	position:absolute;
	top:20px;
	left:273px;
}

#head_l {

    }
#header .h1box{
	float:left;
}
#header .oversea{
	padding:6px 0 0 0;
	width:294px;
	height:79px;
	float:right;
	background:url(../img/bg_header.gif) right top no-repeat;
}



#image {
    width:900px; height:380px;
	margin:0 auto;
	background:url(../img/main.jpg) bottom no-repeat;
	clear: both;
	}

#image_main {
    width:900px;
	padding-top:3px;
	margin:0 auto;
	clear: both;
	}
	
/*-------- MAIN MENU --------*/	
#mainmenu {
    width:900px;height:57px;
	margin:0 auto;
	}
#mainmenu dl,dt,dd,ul {
    margin:0; padding:0;
	list-style-type:none;
	}
#mainmenu li {
	height:57px;
    margin:0; padding:0;
	float:left;
	}
#mainmenu li.home a {
    width:268px; height:57px;
	background:url(../img/mm/00.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu li.home a:hover {
	background:#9a755e url(../img/mm/00_over.gif) 0 0 no-repeat;
    }
#mainmenu li.concept a {
    width:213px; height:57px;
	background:url(../img/mm/01.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu li.concept a:hover {
	background:#9a755e url(../img/mm/01_over.gif) 0 0 no-repeat;
    }
#mainmenu li.about a {
    width:197px; height:57px;
	background:url(../img/mm/02.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu li.about a:hover {
	background:#9a755e url(../img/mm/02_over.gif) 0 0 no-repeat;
    }
/*
#mainmenu li.work a {
    width:165px; height:57px;
	background:url(../img/mm/03.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu li.work a:hover {
	background:#9a755e url(../img/mm/03_over.gif) 0 0 no-repeat;
    }
*/
#mainmenu li.company a {
    width:222px; height:57px;
	background:url(../img/mm/04.gif) 0 0 no-repeat;
    display:block;
    }
#mainmenu li.company a:hover {
	background:#9a755e url(../img/mm/04_over.gif) 0 0 no-repeat;
    }

	
/*-------- CONTENTS --------*/	
#container {
    width:900px;
	margin:0 auto 10px auto;
	/*background:url(http://www.sakura-piano.com/top/img/bg_cnt.gif) 0 0 no-repeat;*/
	clear:both;
	}
#container a:hover {

	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;

}
/*-------- RIGHT --------*/
#left_column {
    width:640px;
	padding:20px 0 0 0;
	float:right;
	}
#left_column .box {
    width:314px; height:100px;
	margin:5px 0 5px 0;
	padding:0 0 0 0;
	float:left;
	}
#left_column .box2 {
    width:314px; height:100px;
	margin:5px 0 5px 0;
	padding:0 0 0 0;
	float:right;
	}
#left_column .box p {
	margin:0;
	padding:5px 0 8px 0;
	font-size:13px; color:#444;
	line-height:18px;
	display:block;
	}
#news {
	height:90px;
    margin-bottom:30px;
	padding:0 0 0 15px;
	overflow:auto;
    }
#news dl {
	width: 600px;
	padding-top: 0px;
	margin: 2px 0 2px 0;
	line-height: 1.1em;
	float: left;
    }
#news dt {
	clear: both;
	width: 70px;
	padding: 5px 5px 0 0;
	margin-right: 0px;
	font-size: 11px; color: #777;
	float: left;
    }
#news dd {
	width: auto;
	margin: 0 0px 0 15px;
	padding: 5px 4px 5px 0;
	font-size: 12px;
	background: url(../img/bg_line2.gif) bottom repeat-x;
    }
#area_map {
	padding:95px 0 30px 10px;
	margin-top:20px;
	margin-bottom:10px;
	background: url(../img/map.gif) right top no-repeat;
	font-size:13px;
}
#kaitori_message {
	padding:0px 0 0px 0px;
	/*background: url(../img/kaitori_message.gif) right top no-repeat;*/
	font-size:13px;
	margin-bottom:20px;
}

#kaitori_message .text {
	margin:15px 0 0 20px;
	/*background: url(../img/kaitori_message.gif) right top no-repeat;*/
	font-size:13px;
}

#kaitori_message .text2 {
	width:569px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

#kaitori_message .text3{
	width:329px;
	height:21px;
	margin-left:auto;
	margin-right:auto;
}

#story {
	height:160px;
	padding:25px 300px 0 15px;
	background: url(../img/bnr_story.jpg) right top no-repeat;
}

#flow_tit{
	margin-top:10px;
	margin-bottom:25px;	
}

#before_tit{
	height:40px;
	margin-top:35px;
	margin-bottom:25px;	
}
/*-------- LEFT --------*/
#right_column {
    width:240px;
	margin:20px 10px 0 0;
	float:left;
	text-align:left;
	}
#right_column ul {
    margin:0 0 15px 20px; padding:0;
	list-style-image:url(../img/arw.gif);
	}
#right_column li {
    margin:3px 0 0 0; padding:0;
	}
#right_column #contact {
	padding-bottom: 10px;
}
#showroom {
	/*background:url(../img/ba/showroom.jpg) no-repeat;*/
	margin:0 0 10px 0;
	/*padding:150px 18px 10px 18px;*/
	padding:0 0 10px 0;
}
#leftmenu {
	height:108px;
	/*background:url(../img/ba/menu_bg.gif) right top no-repeat;*/
}

/*-------- FOOTER --------*/

#footer {
	margin-left:auto;
	margin-right:auto;
    width:902px;
	height:86px;
	padding:10px 0 0 0;
	background:url(../img/bg_foot.gif) 0 0 repeat-x;
	font-size:11px;
	color:#807065;
	}
#footer p {
	margin:0;
	padding: 0 0 10px 0;
}
	
/*-------- UNIVERSAL --------*/
.gotop {
    width:900px;
	margin:0 auto;
	padding:20px 0 0 0;
    text-align:right;
	}
.back {
    width:100%;
	margin:30px 0 0 0;
	padding-top:5px;
	background:url(../img/bg_line.gif) 0 0 repeat-x;
    font-size:11px;
	}
.clear {
    clear:both;
	}
	
.smaller {
	font-size:10px;
}
.bigger {
	font-size:14px;
	line-height:2.0em;
}

.col_01 {
	color:#488924;
}
.col_02 {
	color:#9e8960;
}
.col_03 {
	color:#C00;
}
.col_04 {
	color: #4d2f10;
}
.hr {
	padding: 20px 0;
	background: url(../img/bg_line2.gif) center repeat-x;
}
.pagetop {
	font-size: 9px;
	text-align: right;
}
.contact_button{
	padding-top:20px;
	align:center;
	height:100px;

}
.no_border {
    border-style:none;
}
/*-------- CONTENTS --------*/

/*#left_column_content {
    width:630px;
	padding:20px 0 0 20px;
	line-height:22px;
	float:left;
	}
#introduction {
	padding-top: 20px;
	background:url(http://www.sakura-piano.com/staff/img/irie3.jpg) right top no-repeat;
}

.tablestyle {
	border: 1px solid #ccc;
	border-bottom: none;
}
.tablestyle td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
.tablestyle th {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	background: #eee;
    text-align: left;
}

.tablestyle2 {
	border: 1px solid #ccc;
	border-bottom: none;
	border-right: none;
}
.tablestyle2 td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.tablestyle2 th {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #eee;
	text-align: center;
}*/

/* GALLERY */

/*.comment {
	background: url(http://www.sakura-piano.com/gallery/img/comment_bg.jpg) no-repeat;
}
.comment p {
	padding: 30px 100px 30px 20px;
	color: #FFF;
}
.comment2 {
	background: url(http://www.sakura-piano.com/gallery/img/comment2_bg.jpg) no-repeat;
}
.comment2 p {
	padding: 30px 100px 30px 20px;
	color: #FFF;
}
	
.case_title {
	padding: 5px 0 0 0;
	font-size: 20px;
	color: #666;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.case_title img {
	margin: -10px 0 0 0;
	vertical-align: middle;
}*/