@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%? 21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/


/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 150%;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク
----------------------------------------------------*/
a {
	color: #af181b;
}

a:link,
a:visited {
	text-decoration: underline;
}


a:hover {
	text-decoration: none;
}

a:active {
}

.board a { text-decoration: underline; }
.board a:hover { text-decoration: none; }



/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.board_btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}

.pdT50 {
	padding-top: 50px;
}

.photo {
	padding-left: 35px;
}


/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */
/*----------------------------------------------------
	body
----------------------------------------------------*/
body {
	background:url(../common/images/bg.jpg) center top no-repeat #FFF;
}



/*----------------------------------------------------
	header#globalHeader
----------------------------------------------------*/
header {
	text-align: center;
}
header div.header {
	background:url(../common/images/header_bar.png) center top no-repeat;
}
header div.header h1{
	padding-top: 112px;
}


/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
footer div.footer {
	margin-top: 30px;
	height: 150px;
	clear: both;
	background: url(../common/images/bg_footer.png) top center no-repeat;
}
footer div.footer ul{
	width: 1000px;
	margin: 0 auto;
	padding-top: 91px;
	list-style-type: none;
}
footer div.footer ul li{
	margin-left: 90px;
	float: left;
}


/* copyright
----------------------------------------------------*/
footer p.copyright {
	text-align: center;
	clear: both;
	
}

footer p.copyright small {
}



/*----------------------------------------------------
	#menu
----------------------------------------------------*/
div.menu {
	/zoom: 1;
	background: url(../common/images/bg_menu.png) center 27px no-repeat;
	padding-top: 27px;
}
div.menu_under {
	/zoom: 1;
	background: url(../common/images/bg_menu_under.png) center 27px no-repeat;
	padding-top: 27px;
}

/*----------------------------------------------------
	#side（サイドバー）
----------------------------------------------------*/
div.sidebar {
	width: 202px;
	float: left;
	background: url(../common/images/bg_sidebar.png) right top no-repeat;
}

div.sidebar ul{
	padding-top: 18px;
	padding-right: 7px;
	text-align: right;
	line-height: 100%;
}
div.sidebar ul li{
	height: 36px;
	padding: 22px 0 7px;
}
div.sidebar ul li img{
	vertical-align: bottom;
}

div.sidebar .social h2{
	padding: 30px 0 15px;
	text-align:center;
}
div.sidebar ul.work{
	padding: 35px 10px 0 0;
	background: url(../common/images/bg_work.png) right 30px no-repeat;
}
div.sidebar ul.work li{
	height: 41px;
	padding: 10px 0 0;
}
div.sidebar ul.work li.title{
	padding: 0 0 15px;
}
/*----------------------------------------------------
	#contens（メインコンテンツ）
----------------------------------------------------*/
div.main {
	width: 1000px;
	margin: 0 auto;
}
div.contents {
	width: 768px;
	margin-top: 32px;
	margin-left: 30px;
	_margin-left: 25px;
	float:left;
}

div.contents h3{
	padding-bottom: 6px;
}

div.contents div.infomation {
	width: 762px;
}

div.contents div.infomation div.topics{
	width: 360px;
	float:left;
}
div.contents div.infomation div.news {
	width: 370px;
	padding-left: 20px;
	float: right;
}
div.contents div.infomation div.news div.newsBox {
	background: #FFF;
	height: 309px;
	overflow: hidden;
	padding: 0 10px 15px 10px;
	margin-top: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #999 1px 2px 8px;
	-moz-box-shadow: #999 1px 2px 8px;
	box-shadow: #999 1px 2px 8px;
	/* CSS3をIE6/7/8対応させる */
	behavior: url(../js/PIE.htc);
}

div.contents div.infomation div.news div.newsBox dl dt.date {
	font-weight: bold;
	padding: 12px 0 0 0px;
}
div.contents div.infomation div.news div.newsBox dl dd {
	padding: 0 0 0 0px;
}


div.contents div.blog {
	margin-top: 30px;
}
div.contents div.blog h3{
	width: 38px;
	float: left;
}
div.contents div.blog div.blogBox {
	background: #FFF;
	width: 320px;
	/*margin-left: 24px;*/
	margin-left: 0;
	padding: 7px 20px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #999 1px 2px 8px;
	-moz-box-shadow: #999 1px 2px 8px;
	box-shadow: #999 1px 2px 8px;
	/* CSS3をIE6/7/8対応させる */
	behavior: url(../js/PIE.htc);
}

div.contents div.work {
	padding-top: 34px;
	clear: both;
}
div.contents div.work div.workBox {
	width: 256px;
	background: url(../images/bg_work01.png) left 24px no-repeat;
	margin-top: 10px;
	float: left;
}
div.contents div.work div.workBox h4,
div.contents div.work div.workBox_coming h4{
	height: 14px;
	margin: 10px 0 0 4px;
}
div.contents div.work div.workBox div.workBoxImg {
	background-image: url(../images/bg_work02.png);
	background-repeat:  repeat-y;
	background-position: left top;
	margin-top: 30px;
	padding-top: 10px;
	text-align: center;
}
div.contents div.work div.workBox div.workBoxImg a{
	width: 204px;
	margin: 0 auto;
	display: block;
}
div.contents div.work div.workBox p {
	background: url(../images/bg_work03.png) left bottom no-repeat;
	padding: 20px 25px 25px;
}
div.contents div.work div.workBox_coming {
	width: 256px;
	margin-top: 10px;
	float: left;
}

div.under {
}
div.under h3 {
	margin-bottom: 30px;
}
div.under h3.pagetit {
	margin-bottom: 40px;
}
div.under p {
	margin-bottom: 25px;
}
div.under p.txt img {
	margin-bottom: 15px;
}
div.under table th,
div.under table td {
	padding-bottom: 65px;
}
div.under table th {
	vertical-align: top;
}
div.under table td {
	padding-left: 65px;
}

/* メディア掲載情報---------------------------------------------------- */
div.mediawrap{ width: 700px; margin-bottom: 10px; font-size: 12px; }
div.mediawrap h3{ margin-bottom: 10px; }
div.mediacont {
	background: #FFF;
	width: 670px;
	padding: 20px 20px 0;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #999 1px 2px 8px;
	-moz-box-shadow: #999 1px 2px 8px;
	box-shadow: #999 1px 2px 8px;
	/* CSS3をIE6/7/8対応させる */
	behavior: url(../js/PIE.htc);
	
}
div.mediacont p {
	margin-bottom: 10px;
}
.mediainfo{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #b0b0b0; }
.mediainfo h4{ font-weight: bold; }
.mediacont .btm{ margin-bottom: 10px; border-bottom: 0; }
.mediapic { width: 106px; float: left; clear:both; }
.mediapic img.thumb{ margin-top: 5px;}
.mediatext{ width: 550px; float: right; }

/* レストラン */
div.pagecap03 p {
	margin-bottom: 0;
}
div.restBox01,div.restBox02 { width:213px; height:206px; float:left; background: url(../restaurant/images/thumb_bg.gif) repeat-x top left; display:inline; margin-top:10px; }
div.restBox02 { margin-left:10px; }
div.restBox03 { width:140px; height:110px; float:left; margin: 0 0 10px 12px; border:2px #cccccc solid; }
p.thumbcap,p.thumbtag { margin:10px 0 0 5px; }
p.thumbcap { font-weight:bold; }
div.pagecap02 h4.shoptitlecap { font-size:120%; font-weight:bold; }
div.shoplogoleft { width:250px; float:left; }
p.shopspec { background: url(../images/btmline.gif) repeat-x bottom left; padding:10px 0; }

/* バウハウス---------------------------------------------------- */
body.bowhouse {
	background: url(../bowhouse/images/bg.jpg) center 175px  no-repeat;
	text-align: center;
}
body.bowhouse h1 {
	margin-top: 70px;
}
body.bowhouse .bow01 {
	margin-top: 582px;
}
body.bowhouse .bow02 {
	margin-top: 30px;
}
body.bowhouse .bow03 {
	margin-top: 30px;
}
body.bowhouse .bow04 {
	margin-top: 30px;
}
body.bowhouse .bow05 {
	margin-top: 30px;
}
body.bowhouse .bow06 {
	border-top: 1px solid #CCC;
	margin-top: 160px;
	margin-bottom: 30px;
	padding-top: 30px;
}
body.bowhouse .tit {
	background: url(../bowhouse/images/bg_line.gif) center top  repeat-x;
}
body.bowhouse .tit01 {
	margin-top: 57px;
}
body.bowhouse .tit02 {
	margin-top: 40px;
}
body.bowhouse .tit03 {
	margin-top: 40px;
}
body.bowhouse .tit04 {
	margin-top: 40px;
}

.pdfIcon {
	display: none;
}