@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

ul {
	list-style: none;
}
a {
	text-decoration: none;
}

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clr {
	clear:both;
}
a:link {
	color: #333;
}
a:visited {
	color: #333;
}

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

body {
	font-size: 14px;
	color: #333;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
	background: url(../img/body-bg.png) repeat-x;
	line-height: 1.4;
}

.flR {
	float: right;
}

.flL {
	float: left;
}

.al-cnt {
	text-align: center;
}
.al-right {
	text-align: right;
}
.al-left {
	text-align: left;;
}

.mg5 {
	margin: 5px;
}
.mg10 {
	margin: 10px;
}

.mg15 {
	margin: 15px;
}

.mg20 {
	margin: 20px;
}

.mg25 {
	margin: 25px;
}

.mgl5 {
	margin-left: 5px;
}

.mgl8 {
	margin-left: 8px;
}

.mgl10 {
	margin-left: 10px;
}

.mgl15 {
	margin-left: 15px;
}

.mgl20 {
	margin-left: 20px;
}

.mgl25 {
	margin-left: 25px;
}

.mgl30 {
	margin-left: 30px;
}

.mgr5 {
	margin-right: 5px;
}

.mgr10 {
	margin-right: 10px;
}

.mgr15 {
	margin-right: 15px;
}

.mgr20 {
	margin-right: 20px;
}

.mgr25 {
	margin-right: 25px;
}

.mgb5 {
	margin-bottom: 5px;
}

.mgb10 {
	margin-bottom: 10px;
}

.mgb15 {
	margin-bottom: 15px;
}

.mgb20 {
	margin-bottom: 20px;
}

.mgt5 {
	margin-top: 5px;
}

.mgt10 {
	margin-top: 10px;
}

.mgt15 {
	margin-top: 15px;
}

.mgt20 {
	margin-top: 20px;
}

.mgt50 {
	margin-top: 20px;
}


.bolder {
	font-weight: 700;
}

.themecolor {
	color: #843838;
}

.subcolor {
	color: #025f28;
}

.fnt12 {
	font-size:12px;
}

.fnt16 {
	font-size: 16px!important;
}

.grayHr {
	height: 0;
	border-top: 1px solid #CCC;
	margin: 20px;
}

.borderimg {
	padding: 5px;
	border: 1px solid #CCC;
}

.noneBackground {
	background-image: none!important;
}


.pdflink {
	background: url(../img/parts/pdf32.jpg) no-repeat center right;
	padding-right: 30px;
}

.withBorder {
	border: 1px solid #CCC;
}

.noneBorder {
	border: none!important;
}

.al-center {
	text-align: center;
}

.mg20 a,
.mg20 a:visited {
 text-decoration:underline;
 color:#a40717;	
}



/*--------------------------------------------------
　　　共通部分
---------------------------------------------------*/

#gnav {
	clear: both;
	height: 35px;
	width: 960px;
	overflow: hidden;
	margin: 1px auto 0;
	background: #843838;
	padding: 1px 0 1px;
}

#gnav li, #gnavC li {
	float: left;
	width: 160px;
}

#gnav li a, #gnavC li a {
	display: block;
}


/*コンテンツナビゲーション*/

#gnavC {
	height: 35px;
	width: 960px;
	overflow: hidden;
	margin: 5px auto 0;
	background:#843838;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #843838;
	-webkit-box-shadow: 0 1px 3px #333;
	-moz-box-shadow: 0 1px 3px #333;
	box-shadow: 0 1px 3px #333;
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}



/*共通続き*/
#headOuter {
	border-top: 3px solid #a90112;
}

#globalHead {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
}

#topH1 {
	float: left;
	width: 240px;
}

#headNav {
	text-align: right;
	height: 20px;
}

header input[type="text"] {
	border: 1px solid #CCC;
}

#cse-search-box {
	float: right;
	vertical-align: middle;
	height: 22px;
	position: relative;
	width: 200px;
}

#cse-search-box #button {
 width:42px;
 margin-left:25px;	
}

#srcBtn {
	position: absolute;
	top: 2px;
	left: 156px;
}


#headNav li {
	float: right;;
	margin-left: 5px;
	padding-left: 12px;
	background: url(../img/parts/head-box-arrow.gif) no-repeat left center;
}

#subNav {
	float: right;
	overflow: hidden;
	width: 500px;
	text-align: right;
	margin-top: -10px;
	font-size: 12px;
}

#subNav li {
	background: url(../img/parts/head-box-arrow.gif) no-repeat left center;
	margin-left: 5px;
	padding-left: 12px;
	float: right;
}

#headHr {
	height: 0;
	clear: both;
	border-top: 1px dotted #CCC;
	padding: 0 0 2px;
}

#globalHead form {
	margin-bottom: 5px;
}

#wrapOuter {
	width: 100%;
	background: url(../img/parts/wrap-bg.jpg) repeat-x;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #FFF;
	border: 1px solid #CCC;
	border-bottom: none;
}

img.alignright {
 display:block;
 float:right;
 margin:0 0 1.2em 1.2em;	
}

img.alignleft {
 display:block;
 float:left;
 margin:0 1.2em 1.2em 0;	
}

img.aligncenter {
 display:block;
 margin:10px auto;
}
#page-top {
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 12px;
}
#page-top a {
	background: rgba(132, 56, 56, .5);
	text-decoration: none;
	color: #fff;
	width: 90px;
	padding: 14px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}
#page-top a:hover {
	text-decoration: none;
	background: rgba(132, 56, 56, 1);
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}

/*--------------------------------------------------
　　　　トップページ固有
---------------------------------------------------*/
#slideshow, #slideshow2 {
	position: relative;
	width: 960px;
	height: 400px;
	overflow: hidden;
}
#slideshow img, #slideshow2 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 960px;
	height: 400px;
}


.topWide {
	width: 99%;
	border: 1px solid #CCC;
	padding-bottom: 10px;
}

.bgGradHx {
	line-height:32px;
	padding: 0 22px;
	background: url(../img/parts/700-hxbg-grad-border_bak.jpg) no-repeat;
	border-bottom: 1px solid #CCC;
}

.bgGradHx h2 {
	width: 250px;
	text-shadow: 0 1px 0 #FFF;
}

.topWide .topHxBorder {
	background: url(../img/parts/stripe-bg.jpg) no-repeat;
	margin: 10px 0;
	line-height: 30px;
	font-size: 14px;
	padding-left: 24px;
	box-shadow: 0 0 2px #666;
}

.topWideInner {
	margin: 10px 10px 0;
	font-size: 12px;
	border-bottom: 1px dotted #CCC;
	line-height:1.5
}

.topWideInner h3 {
	margin: 10px 10px 0;
	font-size: 14px;
	text-shadow: 0 1px 0 #FFF;
}

.wideHalf {
	width: 250px;
	height: 180px;
}

#topLeft {
	float: left;
	margin: 5px 0 0 5px;
	width: 550px;
}

#topRight {
	float: right;
	margin-top: 5px;
	width: 375px;
	text-align: right;
}

#topRight a:link img{
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}
#topRight a:hover img{
	box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

#btnBox {
	width: 360px;
	background: #FFF;
	margin: 0 0 0 4px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #CCC;
}

#btnBox ul {
	margin: 5px 0 5px 5px;
	overflow: hidden;
}

#btnBox li {
	float: left;
	width: 115px;
	line-height: 36px;
	background: url(../img/parts/top-sakuhin-btn.jpg) repeat-x;
	border: 1px solid #DDD;
	list-style: none;
}

#btnBox li a {
	display: block;
	text-shadow: 0 1px 1px #FFF;
}

#btnBox li a:hover {
	background: url(../img/parts/top-sakuhin-btn_on.jpg) repeat-x;
	text-decoration: none;
}

#btnBox .bgGradHx h3 {
	font-size: 14px;
}



.newsBox {
	margin-top: 2px;
	font-size: 14px;
	color: #5c5c5c;
	padding: 0 20px;
	width: 505px;
	border:1px solid #CCC;
}

.newsBox h3{
	text-shadow: 0px 1px 1px #e3e3e3;
  filter: dropshadow(color=#e3e3e3, offx=, offy=1);
	color: #333;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

.ancArrow {
	background: url(../img/parts/redarrow.png) no-repeat left 5px;
	font-size: 12px;
	padding-left: 10px;
}

#newsBoxInner {
	margin: 0 0 5px;
	padding: 2px 0;
	border: 1px solid #CCC;
	border-top: none;
	width: 545px;
}

#newsTbl {
	margin: 0 10px 5px;
	font-size: 12px;
}

#newsTbl tr {
	border-bottom: 1px dotted #CCC;
	width: 560px;
}

#newsTbl th {
	font-weight: normal;
	padding: 3px;
	width: 100px;
	text-align: left;
}

#newsTbl td {
	padding-left: 6px;
}

.topImgBox {
	width: 158px;
	padding: 8px;
	margin: 5px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #CCC;
}


#oneLineTopics {
	width: 99%;
	border: 1px solid #CCC;
	height: 66px;
}


#oneLineTopics:hover {
	background: #EEE;
	-webkit-transition: background-color 0.5s linear, color 0.5s linear;
	-moz-transition: background-color 0.5s linear, color 0.5s linear;
	transition: background-color 0.5s linear, color 0.5s linear;
	color: #843838;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}
#oneLineTopics a {
	color: #666;
	display: block;
}

#oneLineTopics a:hover {
	text-decoration: none;
	color: #843838;
}

#topicsBox {
	float: right;
	width: 400px;
	text-align: center;
	margin-top: 15px;
	font-size: 12px;
}



/*--------------------------------------------------
アイキャッチ
---------------------------------------------------*/
#eye {
	width: 960px;
	height: 259px;
	overflow: hidden;
	margin-bottom: 1px;
}
#eye2 {
	width: 960px;
	height: 400px;
	overflow: hidden;
	margin-bottom: 1px;
}

/*--------------------------------------------------
	フッター
---------------------------------------------------*/

#indexGlobalFoot {
	clear: both;
	width: 960px;
	font-size: 12px;
}

#indexGlobalFoot dl {
	width: 160px;
	float: left;
	margin: 5px 10px;
	padding: 0 5px;
	border-right: 1px dotted #CCC;
}

#indexGlobalFoot #eol{
	border: none;
}

#indexGlobalFoot dt {
	margin-bottom: 2px;
	padding-left: 12px;
	font-weight: 700;
	background: url(../img/parts/head-box-arrow2.gif) no-repeat left center;
}

#indexGlobalFoot dd {
	padding-left: 5px;
	margin-bottom: 2px;
}

#footSmallNav {
	padding:5px 10px 0 0;
	font-size: 12px;
	overflow: hidden;
	width: 960px;
	border-top: 1px dotted #CCC;
}

#footSmallNav li {
	float: right;
	padding-left: 12px;
	margin-right: 10px;
	color: #CCC;
}

#copy {
	font-size: 12px;
	margin: 2px 0 20px;;
	text-align: right;
	margin-right: 10px;
	color: #333;
}

#footEnd {
	border-top: 1px solid #843838;
	border-bottom: 10px solid #843838;
}

#footEndInner {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}


/*---------------------------------------------------
　　コーナー見出し
---------------------------------------------------*/
#wrapper .yasuiCorner {
	background: url(../img/parts/960122_yasui.jpg) no-repeat;
}

#wrapper .worksCorner {
	background: url(../img/parts/960122_works.jpg) no-repeat;
}

#wrapper .profileCorner {
	background: url(../img/parts/960122_profile.jpg) no-repeat;
}

.yasuiCorner h3, .worksCorner h3, .profileCorner h3 {
	padding: 20px 0 10px 50px;
	color:#843838;
	font-size: 20px;
}
.yasuiCorner p, .worksCorner p, .profileCorner p {
	letter-spacing: .2em;
font-family: 'Rufina', serif;
}
/*--------------------------------------------------
　　サブページ
---------------------------------------------------*/

#contentoWrap {
	margin-top: 5px;
	padding: 30px;

}

#subpageWrap {
	width: 960px;
	margin: 0 auto -15px;
}

#mainContent {
	width: 720px;
	float: left;
	margin: 10px 0;
}

#mainContent h3 {
	color: #843838;
	font-size: 20px;
}


#contentoWrap {
	margin-top: 10px;
	padding: 30px;
}

#corner {
	width: 960px;
	height: 122px;
	background: #FFF url(../img/corner_bg_works.jpg) no-repeat;
	margin: 5px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#corner p {
	margin: 10px 0 0 50px;
}

#corner h3, #corner p {
	text-shadow: 0 1px 0 #FFF;
}


#contentDescription {
	width: 720px;
	height: 90px;
	margin-bottom: 10px;
	background: url(../img/parts/description_bg.png) no-repeat;
}

#contentDescription p {
	margin: 10px 0 10px 40px;
}

#contentDescriptionC p {
	margin: 2px 0 0 40px;
}

#contentDescriptionC {
	color: #666;
	width: 705px;
	margin: 0 10px;
	padding: 10px 0 10px;
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	*border: 1px solid #eee; /*ie7*/
	border: 1px solid #eee\9; /*ie8*/
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}


#sideBar {
	float: right;
	width: 220px;
	margin-top: 10px;
	font-size: 12px;
}

#sideBar li {
	border-bottom: 1px dotted #CCC;
}

#sideBanner {
	text-align: center;
	margin-top: 10px;
	width: 220px;
	border: 1px solid #CCC;
	border-right: none;
	padding: 5px 0;
}

#sideBanner li {
	margin: 0 auto;
	border: none;
	line-height: 1.2;
}

#sideBanner li {
	margin: 0 auto;
	border: none;
	line-height: 1.2;
}

#sideBanner2 {
	text-align: center;
	margin-top: 10px;
	width: 220px;
	padding: 5px 0;
}

#sideBanner2 li {
	margin: 0 auto;
	border: none;
}

#sideBanner2 li a:hover {
	background: none;
}

#rssBanner {
	text-align: center;
	width: 220px;
}

#rssBanner li {
	border:none!important;
}

#rssBanner li a:hover {
	background: none!important;
}

.sideSub  {
	background: url(/img/parts/sidebar-sub.gif) no-repeat;
	height: 37px;
	border: none!important;
	margin-bottom: -5px!important;
	text-align: center;
	line-height: 33px;
	font-size: 14px;
	margin-left: 5px;
}

.acPanel .sideSub {
	padding-bottom: 5px;
	opacity: 1;
}

.acPanel .sideSub:hover {
	color: #843838;
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.acc-text {
	font-size: 12px;
	color:#999;
	margin-top: 5px;
}


.go-pdf {
	float: right;
	margin: 20px 30px 0 0;
	padding: 10px 20px;
	border: 1px solid #CCC;
}

.go-pdf:hover {

}

#maincontent img {
	padding: 10px;
	border: 1px solid #CCC;
}

#breadCrumb {
	overflow: hidden;
	margin: 6px 0 0 50px;
	font-size: 12px;
}

#breadCrumb li {
	float: left;
	margin-left: 5px;
}

#breadCrumb li a{
	background: url(/img/parts/breadarrow.gif) no-repeat right center;
	padding-right: 15px;
}

.tbl-detail {
	font-size: 10px;
}


#mainContent h3 {
	color: #843838;
	font-size: 20px;
	text-shadow: 0 1px 0 #FFF;
}

.acc-text {
	font-size: 12px;
	color:#999;
	margin-top: 5px;
}


.go-pdf {
	float: right;
	margin: 20px 30px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#c20606 0%,
		#590000 50%,
		#684041);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c20606),
		color-stop(0.50, #590000),
		to(#684041));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
	width: 160px;
	text-align: center;
	/*/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

.go-pdf:hover {
	background: -moz-linear-gradient(
		top,
		#d15151 0%,
		#a63333 50%,
		#ad494c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d15151),
		color-stop(0.50, #a63333),
		to(#ad494c));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}

#maincontent img {
	padding: 10px;
	border: 1px solid #CCC;
}

#breadCrumb {
	overflow: hidden;
	margin: 6px 0 0 50px;
	font-size: 12px;
}

#breadCrumb li {
	float: left;
	margin-left: 5px;
}

#breadCrumb li a{
	background: url(../img/parts/breadarrow.gif) no-repeat right center;
	padding-right: 15px;
}

.tbl-detail {
	font-size: 10px;
}


#mainContent h3 {
	color: #843838;
	font-size: 20px;
	text-shadow: 0 1px 0 #FFF;
}

.acc-text {
	font-size: 12px;
	color:#999;
	margin-top: 5px;
}
/*
.go-pdf {
	float: right;
	margin: 20px 30px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#c20606 0%,
		#590000 50%,
		#684041);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c20606),
		color-stop(0.50, #590000),
		to(#684041));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
	width: 160px;
	text-align: center;
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);
}*/


.yasui p.go-pdf a {
 color:#fff;	
}

.go-pdf:hover {
	background: -moz-linear-gradient(
		top,
		#d15151 0%,
		#a63333 50%,
		#ad494c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d15151),
		color-stop(0.50, #a63333),
		to(#ad494c));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}

.yasui p.go-pdf:hover a {
 text-decoration:none;
}
*/


/*-------------------------------------------------
　　　　建築から学ぶこと
-------------------------------------------------*/
#wrapper .yasui p {
	margin: 16px!important;
	line-height: 1.6;
}

.yasui.learning_fa p {
 margin:16px;	
}

#yasuiArH1 {
	margin: 10px;
	font-size: 18px;
	border-bottom: 1px dotted #CCC;
	margin: 0 20px;
	padding: 20px 0 0;
	color: #843838;
}

.yasui p a {
	color: brown;
}

.yasui #contentDescription h1 {
	font-size: 20px;
	border-bottom: 1px dotted #CCC;
	margin: 0 20px;
	padding: 20px 0 0;
	color: #555;
}

.yasui #contentDescriptionC h1 {
	font-size: 18px;
	border-bottom: 1px dotted #CCC;
	margin: 0 20px;
	padding: 10px 0 0;
	color: #555;
}
.numDate {
	float: right;
	margin-right: 10px;
}

.numDate li{
	display: inline;
	margin: 5px 10px;
	text-align: right;
}

#yasuiPhoto {
	margin: 0 10px 10px;
	text-align: center;
	font-size: 12px;
}

#yasuiPhoto li{
	float: left;
	margin-left: 10px;
}

#yasuiPhoto figure {
	padding: 5px;
	border: 1px solid #CCC;
}

.yasuiSideSelect select, .worksNav select {
	width: 70%;
	margin-left: 10px!important;
}

.yasuiSano h4, .worksNav h4, .solutionNav h4 {
	font-size: 14px;
	line-height:30px;
	padding: 0 22px;
	background: url(../img/parts/700-hxbg-grad-border_bak.jpg) no-repeat;
	border: 1px solid #CCC;
	margin: 5px 0;
}

.yasuiSano a {
	width: 210px;
	margin: 0 5px;
	padding: 5px 0;
	display: block;
}

.yasuiSano form {
	margin: 0;
}

.yasuiSano select {
	width: 70%;
}

#snsBtn1 {
	width: 680px;
	height:30px;
	margin: 0 0 20px 20px;
	overflow: hidden;
	line-height: 50px;
}

#snsBtn1 li {
	float: left;
	vertical-align: bottom;
}

#hatena {
	width: 60px;
}

#tweet {
	width: 100px;
}

#facebook {
	width: 110px;
}

#gplus {
	width: 72px;
}

#endYasuiList {
	text-align: right;
	width: 330px;
}


/*-------------------------------------------------
　　　　　ソリューション
--------------------------------------------------*/

.solutionInnerWide {
	margin: 5px 10px;
	border: 1px solid #CCC;
	width: 690px;
	line-height: 1.5;
}

body #mainContent .solutionInnerWide .solutionIndexH {
	color: #843838;
	font-weight: 700;
	margin: 5px 10px !important;
}

body #mainContent .solutionInner .solutionIndexH {
	color: #843838;
	font-weight: 700;
	margin: 0 10px 0 20px!important;
}

body #mainContent .solutionInner p {
	margin: 10px;
}

.solutionArrow {
	margin: -10px 10px 5px!important;
}

.solutionInner {
	float: left;
	margin: 5px 10px;
	width: 334px;
	border: 1px solid #CCC;
	line-height:1.5
}
.solutionNav ul h5 {
	font-size: 14px;
}

.solutionNav ul h5 a{
	color: #843838;
}

body #wrapper .solution-head {
	background: url(../img/solution-head-bg.jpg) no-repeat;
}

#non-letter-s {
	letter-spacing: .2em;
}

.solution-text {
	margin: 10px;
	line-height: 1.4;
}

.solution-key {
	clear: both;
}

.solution-key h4 {
	font-size: 18px;
	margin: 5px 10px;
	padding: .5em 1.5em;
}
#solution-dl {
	margin: 10px;
}

#solution-dl dt {
	color: #843838;
	margin: 10px;
	}

#solution-dl dd {
	text-indent: 2em;
	float: left;
	margin: 10px;
}

.solution-key h4 {
	background: url(../img/parts/grad-bg-39.jpg) repeat-x;
	border: 1px solid #CCC;
	padding: 0 20px;
	line-height: 39px;
	text-shadow: 0 1px 0 #FFF;
}

.viewcase {
	margin: 10px;
	padding: .5em 1.5em;
	border: 1px solid #CCC;
}

.viewcase h4 {
	font-size: 18px;
	margin: 5px 10px 10px;
	background: url(../img/parts/grad-bg-39.jpg) repeat-x;
	border: 1px solid #CCC;
	padding: 0 20px;
	line-height: 39px;
	text-shadow: 0 1px 0 #FFF;
}
.viewcase .normal {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}

.viewcase-list {
	margin: 10px 0;
}

.viewcase-list li {
	margin: 5px 0 10px 40px;
}

.case-head {
	color: #843838;
	font-size: 20px;
	margin: 20px 0;
}


#casebox .case-sub {
	font-size: 16px;
	margin: 20px;
	border-bottom: 1px solid #CCC;
	
}

#casebox p {

	line-height: 1.4;
	margin: 20px 10px 10px;
}

.case-detail {
	clear: both;
	color: #666;
	font-size: 12px;
	line-height: 1.2;
}


.solution-text {
	margin: 20px;
	line-height: 1.6;
}
.solution-head-box {
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	border: 1px solid #CCC;
	margin: 30px 0 0;
	padding: 10px;
	text-shadow: 0 1px 1px #fff;
}

.english-heading {
 font-family: Allerta, sans-serif;
}

.baseimagefig {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 340px;
	margin: 5px;
	float: left;
}
.baseimagefig-level {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 300px;
	margin: 5px;
	float: left;
}

.baseimagefig-level1 {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 336px;
	margin: 5px;
	float: left;
}
.baseimagefig-level1 p, .baseimagefig-level11 p {
	margin: 5px 0;
}

.baseimagefig-level284 {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 320px;
	margin: 5px;
	float: left;
}

#sol04-1 {
	float: left;
	margin: 10px;
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;

}


.sol04-2 {
	float: left;
	margin: 10px;
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
}


/*11/05 奈須　追記*/

.fnt12 {
	font-size:12px;
}

/*              works             */

.category-bg-works {
	background: url(../img/parts/category-bg-works.jpg) no-repeat;
}

.learning_fa p {
 line-height:1.6;	
}

/*-------------------------------------------------
　　　　　ソリューション
--------------------------------------------------*/

.solutioonNav ul h5 {

}

.category-bg-solution {
	background: url(../img/parts/category-bg-solution.jpg) no-repeat;
}

#non-letter-s {
	letter-spacing: .2em;
}

.solution-text {
	margin: 10px;
	line-height: 1.4;
}

.solution-key {
	clear: both;
}

.solution-key h4 {
	font-size: 16px;
	margin: 5px 10px;
	padding: .5em 1.5em;
	border-bottom: 1px dotted #CCC;
	background: #FFF;
}
#solution-dl {
	margin: 5px 10px;
}

#solution-dl dt {
	color: #843838;
	margin: 0 10px;
	}

#solution-dl dd {
	text-indent: 2em;
	float: left;
	margin: 2px;
}

.solution-key h4 {
	border-bottom: 1px dotted #CCC;
}


.borderBox {
	background: url(/img/parts/stripe_bg.png);
	margin: 0 5px;
}

.viewcase {
	margin: 10px;
	padding: .3em 1.5em;
	border: 1px dotted #CCC;
}

.viewcase h4 {
	border-bottom: 1px dotted #CCC;
	font-size: 16px;
	margin: 5px 10px 0;
	background: none;
}
.viewcase .normal {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}

.viewcase-list {
	margin: 10px;
}

.viewcase-list li {
	margin: 5px 0 10px 50px;
}

.case-head {
	color: #843838;
	font-size: 20px;
	margin: 20px 0;
}


#casebox .case-sub {
	font-size: 16px;
	margin: 20px;
	border-bottom: 1px solid #CCC;
	
}

#casebox p {

	line-height: 1.4;
	margin: 20px 10px 10px;
}

.case-detail {
	clear: both;
	color: #666;
	font-size: 12px;
	line-height: 1.2;
	text-align: left;
}

.case2photo {
	margin: 10px 45px;
}

.solution-text {
	margin: 20px;
	line-height: 1.6;
}
.solution-head-box {
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	border: 1px solid #CCC;
	margin: 30px 0 0 5px!important;
	padding: 10px;
	width:685px;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

.english-heading {
 font-family: Allerta, sans-serif;
	text-shadow: 0 1px 0 #FFF;
}

.baseimagefig {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 340px;
	margin: 5px;
	float: left;
}

.baseimagefig2 {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 500px;
	margin: 5px;
	float: left;
}
.baseimagefig-level {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 320px;
	margin: 5px;
	float: left;
}

.case2photo {
	margin: 10px 45px;
}

body .youtube480 {
	width: 480px;
	margin: 10px auto;
}

body .youtube640 {
	width: 640px;
	margin: 0px auto;
}

.imgBox {
   margin:0 0 0 18px;
}

.imgBoxBim {
	width: 630px;
	margin: 10px auto;
}

#maincontent #lsdWrap img.mg10 {
 padding:0px;
 margin:10px 0 0 10px;
}

/*---------------------対外論文--------------------------*/

.thesisH3 {
	margin: 5px 10px 0;
}
.thesisTbl {
	width: 94%;
	margin: 0 auto 10px;
border-spacing: 0;

}
.thesisTbl tr {
	border-bottom: 1px dotted #CCC;
}

.thesisTbl tr:hover {
	background-color: rgba(0,0,0,.05);
	transition: background-color .5s linear;
	-webkit-transition: background-color .5s linear;
	-moz-transition: background-color .5s linear;
}

.thesisTbl th {
	text-align: left;
	height: 1.8em;
	vertical-align: middle;
}

.thesisTbl td {
	vertical-align: middle;
}

.thesisTbl th:not(:last-child), .thesisTbl td:not(:last-child) {
	padding: 2px 4px;
}

.thesisTbl th:last-child {
	width: 30px;
}

.thesisFirst {
	width: 100px;
}

.thesisMember {
	width: 80px;
}

/*---------------------社内表彰--------------------------*/

#lsdWrap h3 {
	font-size: 14px;
	color: #843838;
	margin: 10px 10px 0 20px;
	border-bottom: 1px dotted #CCC;
}

#lsdWrap p {
	margin: 5px 30px 5px 20px;
}

.awardsBox {
	margin-top: 20px;
}

#awardsAco a {
 color:#ccc;
}

.awardsInner {
	margin: 5px 20px;
	border: 1px solid #ccc;
	padding-top: 10px;
}

#awardsAco a .awardsInner {
 	color:#333;
}

.awardsInner:hover {
	background-color: rgba(0,0,0,.05);
	transition: background-color .5s linear;
	-webkit-transition: background-color .5s linear;
	-moz-transition: background-color .5s linear;
}

.awardsInner img {
	float: left;
	margin: 0 10px 10px;
}

.awardsInner .panel h4 {
	float: left;
	padding-top: 10px;
	width: 540px;
}
.awardsInner p {
	float: left;
	width: 400px;
}

.awardsInner .awardsTarget {
	color: #666;
	float: left;
	background: url(/img/parts/icon_arrow.gif) left center no-repeat;
	padding-left: 10px;
}


#awardsAco dt {
	background: url(/img/parts/small-hx-bg.jpg) no-repeat;
	margin: 10px 20px 10px 10px;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 6px 5px 6px 22px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
}



/*    社内表彰　個別　　　　*/

.awards-head-box {
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	border: 1px solid #CCC;
	text-shadow: 0 1px 0 #FFF;
	margin: 10px 0 0 5px!important;
	padding: 10px;
	width: 685px;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

.awards-head-box p {
	margin: 10px;
}

.awardsMainImage {
	display: block;
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #CCC;
}

#awardsContent p {
	margin: 10px 20px 20px;
}

#awardsContent h2, #awardsContent h3 {
	background: url(/img/parts/stripeHeading-bg.png) no-repeat left center!important;
	padding-left: 20px;
	margin: 5px 0 0 20px;
	line-height: 56px;
	font-size: 16px;
	font-weight: 700;
	width: 670px;
	color: #333;
	clear: both;
}


#awardsContent td {
 padding-left:20px;
 width:50%;	
}

#awardsContent ul {
 padding:20px 4px 12px 40px;	
}

#awardsContent ul li {
 list-style-type:disc;
 padding-bottom:1em;
 text-indent:-4px;
}



#awardsContent ol {
 padding:20px 4px 12px 40px;	
}

#awardsContent ol li {
 list-style-type:decimal;
 padding-bottom:1em;
 text-indent:-4px;
}


.awardsFlr {
	float: right;
	margin: 10px 20px;
}

.team {
	border-bottom: 1px dotted #CCC;
	text-align: right;
}

.photograf {
	text-align: right;
	font-size: 12px;
}


/*---------------ライフスタイルデザイン------------------*/

#lsdWrap h2 {
	background: url(/img/parts/small-hx-bg.jpg) no-repeat;
	margin: 10px 20px 10px 10px;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 6px 5px 6px 22px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

#lsdList {
	width: 80%;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 10px auto;
	background: #EEE;
}

#lsdList li {
	float: left;
	line-height: 1.6;
	width: 50%;
	text-align: center;
}


/*-----------------------------------------------
              　　作品リストインデックス
---------------------------------------------------*/
.sakuhinTopBox {
	width: 215px;
	border: 1px solid #ccc;
	float: left;
	margin: 10px;
}

.sakuhinTopBox3 {
	width: 217px;
	border: 1px solid #ccc;
	float: left;
	margin: 10px;
}

.sakuhinTopBox3End {
	width: 219px;
	border: 1px solid #ccc;
	float: left;
	margin: 10px;
}

.sakuhinTopBox:hover, .sakuhinTopBox3:hover, .sakuhinTopBox3End:hover {
	background: #eee;
	-webkit-transition: background-color 0.5s linear, color 0.5s linear;
	-moz-transition: background-color 0.5s linear, color 0.5s linear;
	transition: background-color 0.5s linear, color 0.5s linear;
	color: #843838;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

.sakuhinTopBox img, .sakuhinTopBox3 img, .sakuhinTopBox3End img  {
	float:left;
	margin: 5px;
}

.sakuhinTopBox .sakuhinH3, .sakuhinTopBox3 .sakuhinH3, .sakuhinTopBox3End .sakuhinH3 {
	font-size: 14px!important;
	padding-top: 5px;
}

.sakuhinTopBox p, .sakuhinTopBox3 p, .sakuhinTopBox3End p {
	font-size: 10px;
	margin: 0 5px;
}

body .lineUpNewestH2 {
	background: url(/img/parts/small-hx-bg.jpg) no-repeat;
	margin: 20px 12px 10px 10px;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 6px 5px 6px 22px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}


.sakuhinHalfBox {
	width: 334px;
	height:210px;
	margin: 10px;
	float:left;
	border: 1px solid #ccc;
}
.sakuhinHalfBox h4 {
	color: #843838;
	margin: 10px;
	border-bottom: 1px dotted #ccc;
}

.areaList, .yearList {
	margin: 5px;
	width: 290px;
    height: 150px;
	margin: 0 auto;
    overflow-y: auto;
}

.areaList {
	margin-bottom: 10px!important;
}
.yearList {
	width: 305px;
}
.areaList li {
  float: left;
	margin: 0 5px 5px;
	background: url(/img/parts/head-box-arrow.gif) no-repeat left center;
	padding-left: 16px;
	width: 115px;
}

.yearList li {
  float: left;
	margin: 5px;
	background: url(/img/parts/head-box-arrow.gif) no-repeat left center;
	padding-left: 16px;
	width: 58px;
}
body .sakuhinHalfBox h4 {
	background: url(/img/parts/stripeHeading-bg.png) no-repeat left center!important;
	margin: 0 10px 5px;
	padding-left: 10px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 700;
}
.bgAwards {
	background: url(/img/works/bg-awards.png) no-repeat right bottom!important;
	width: 100%;
	height: 110px;
}

.bgTheme {
	background: url(/img/works/bg-theme.png) no-repeat right bottom!important;
	width: 100%;
	height: 110px;
}

.bgTy {
	background: url(/img/works/bg-ty.png) no-repeat right bottom!important;
	width: 100%;
	height: 110px;
}

.bgOverseas {
	background: url(/img/works/bg-overseas.png) no-repeat right bottom!important;
	width: 100%;
	height: 110px;
}
.bgRw {
	background: url(/img/works/bg-rw.png) no-repeat right bottom!important;
	width: 100%;
	height: 110px;
}
.bgOngoing {
	background: url(/img/works/bg-ongoing.png) no-repeat right bottom!important;
	width: 100%;
	height: 110px;
}

.bgArea {
	background: url(/img/works/bg-area.png) no-repeat right bottom!important;
}
.bgYear {
	background: url(/img/works/bg-year.png) no-repeat right bottom!important;
}



/*           年代別作品インデックス　　　*/


body .yearH4 {
	border-bottom: 1px dotted #ccc;
}

.sakuhinFulBox {
	width: 698px;
	height:140px;
	margin: 10px;
	border: 1px solid #ccc
}
.sakuhinFulBox h4 {
	color: #843838;
	margin: 10px;
	border-bottom: 1px dotted #ccc;
}

.sakuhinFulBox h2 {
	color: #843838;
	margin: 10px;
	border-bottom: 1px dotted #ccc;
	font-size: 18px;
}

.sakuhinFulBox .areaList, .sakuhinFulBox .yearList {
	margin: 10px;
	width: 630px;
	margin: 0 auto;
}

/*　　　　　　地域別インデックス　　　　　　　　　*/

#areaTbl {
	width: 400px;
	margin: 10px auto;
}

#areaTbl tr {
	border-bottom: 1px dotted #ccc;
}

#areaTbl th {
	width: 25%;
	text-align: left;
	font-weight: normal;
}
#areaTbl th a {
	color: #843838;
}

/*　　　　　　　年代別インデックス　　　　　　　　　　　*/

.sakuhinFulBox {

}

/*　　　　　　　　　　作品テーブル　　　　　　　　　　*/

#sakuhinList1 {
	width: 97%;
	margin: 10px auto;
	font-size: 12px;
}

#sakuhinList1 th, #sakuhinList1 td {
	line-height: 1.6;
}

#sakuhinList1 th {
	text-align: left;
	font-weight: normal;
}

#sakuhinList1 tr {
	border: 1px solid #eee;
}

#sakuhinList1 tr:hover {
	background: #eee;
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}
#youtoUnyu , #nameUnyu, #nameArea, #scaleUnyu, #yearUnyu, #pdf, #kouzou {
	padding: 5px 2px;
	border-bottom: 1px solid #cdcdcd;
}
#youtoUnyu {
	width: 100px;
}

#scaleUnyu {
	text-align: right;
	width: 54px;
}

#yearUnyu {
	text-align: right;
	width: 48px;
}

#yearUnyu{
	width: 40px;
}

#youtoUnyu {
	width: 100px;
}
#nameArea {
	width: 111px;
}

#pdf {
	width: 18px;
	padding: 5px;
}

#kouzou {
	width: 40px;
}

#sakuhinList1 th:nth-child(1), #sakuhinList1 td:nth-child(2), #sakuhinList1 td:nth-child(4), #sakuhinList1 td:nth-child(5) {
	padding-left:2px;
}

#scaleth {
	width: 40px;
}

#sakuhinList1 td:nth-child(4) {
	text-align: center;
}

#sakuhinList1 td:nth-child(6), #sakuhinList1 td:nth-child(7) {
	text-align: right;
}
th.header { 
    background-image: url(/img/parts/sort.gif); 
	background-color: #eee;
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center left; 
    border-right: 1px solid #dad9c7; 
	  vertical-align: middle;
	padding-left: 10px!important;

} 

th.headerSortUp { 
    background-image: url(/img/parts/asc.gif); 
    background-repeat: no-repeat; 
    background-position: center left; 
    background-color: #bbb; 
}
th.headerSortDown { 
    background-image: url(/img/parts/desc.gif); 
    background-repeat: no-repeat; 
    background-position: center left; 
    background-color: #ccc; 
}

.suuti {
	font-size: 11px;
	text-align: right;
	margin-top: -10px!important;
}

/*　　　　　　代表作　　　　　　　*/
#contentDescription4cate {
	width: 720px;
	height: 90px;
	margin-bottom: 10px;
}

#contentDescription4cate h1 {
	padding: 25px 0 0 50px;
	font-size: 20px;
	letter-spacing: .5em;
	text-shadow: 0 1px 1px #fff;
}
#contentDescription4cate p {
	padding: 0 0 0 50px;
	margin-top: -2px;
	text-shadow: 0 1px 1px #fff;
}
.important-bg {
	background: url(/img/works/important-bg.jpg) no-repeat;
}

/*           最新作               */
.latest-bg {
	background: url(/img/works/latest-bg.jpg) no-repeat;
}

.award-bg {
	background: url(/img/works/award-bg.jpg) no-repeat;
}

.project-bg {
	background: url(/img/works/project-bg.jpg) no-repeat;
}

.all-bg {
	background: url(/img/works/all-bg.jpg) no-repeat;
}


/*-----------------------------------------------
              　　個別作品ページ
---------------------------------------------------*/

.worksNav li, .solutionNav li, .chineseNav li {
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
	width: 210px;
}

.worksNav li a, .solutionNav li a, .chineseNav li a {
	display: block;
}
.worksNav li a:hover, .solutionNav li a:hover, .chineseNav li a:hover  {
	background-color: #EEE;
	color: #843838;
	transition: background-color .5s linear, color 1s linear;
	-webkit-transition: background-color .5s linear, color 1s linear;
	-moz-transition: background-color .5s linear, color 1s linear;
	text-decoration: none;
	/*/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

#sideListBg {
	border: 1px solid #CCC;
	border-right: none;
	margin-top: 10px;
	font-size: 14px;
	padding: 5px 0;
}

#sideListBg li a {
	text-align: left;
	padding-left: 40px;
	display: block;
	width: 170px;
	line-height: 60px;
	background: url(/img/parts/220-list-bg.jpg) no-repeat;
}
#sideListBg li a:hover {
	background: url(/img/parts/220-list-bg_on.jpg) no-repeat;
}

#sakuhin-left {
	float: left;
	width: 210px;
}

body #wrapper .sakuhin-h2 {
	font-size: 14px;
	letter-spacing: 0.2em;
	margin: 10px;
	width: 100%;
	padding: 0;
}

#sakuhin-left p {
	margin: 5px 10px;
	font-size: 12px;
}

.special-m {
	margin: 52px 5px 0 10px;
}

#sakuhin-left {
	float: left;
	width: 210px;
	line-height: 1.4;
}

#sakuhin-main-img {
	width: 480px;
	float: left;
	margin-left: 20px;
}

#sakuhin-left img, #sakuhin-main-img img {
	border: none;
}

#prize {
	border: 1px solid #CCC;
	font-size: 12px;
	width: 685px;
	padding: 5px;
	margin: 5px auto;
}

#prize ul li {
	margin: 5px;
	display:inline-block;
}


#sakuhinTbl {
	margin-top: 10px;
	border-collapse: collapse;
	font-size: 12px;
	width:280px;
	float: right;
	line-height: 1.2;
}

#sakuhinTbl tr {
	border-bottom: 1px dotted #CCC;
}
#sakuhinTbl th {
	font-weight: normal;
	padding:  5px 0;
	width: 20%;
}

#sakuhinTbl tr:hover {
	background-color: #EEE;
	color: #843838;
	transition: background-color 1s linear, color 1s linear;
	-webkit-transition: background-color 1s linear, color 1s linear;
	-moz-transition: background-color 1s linear, color 1s linear;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

#sakuhinTbl td {
	padding-left: 5px;
}
#gallary {
	margin: 5px 0 0 9px;
	border: 1px solid #CCC;
	padding: 10px;
	width: 686px;
	height: auto;
	text-align: center;
}

.thumb li  {
	float: left;
	margin: 2px 3px 0 9px;
}

#wrapper .thumb li:last-child {
		margin: 2px 2px 0 9px;
}


.thumb img {

	padding: 5px;
	border: 1px solid #CCC;
	-moz-transition: .7s;
	-webkit-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
}

.thumb img:hover {
  filter: alpha(opacity=70);
  -moz-opacity:.7;
  opacity:.7;
	-moz-transition: .7s;
	-webkit-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	cursor: pointer;
}

/*--------------タブ----------------------*/
.tab {
	width: 695px;
	margin: 0 auto;
}
.tab li{
	width:100px;
	float:left;
}
.tab li a{
	outline: none;
	background: url(/img/parts/tab.jpg);
	display: block;
	color: #843838;
	line-height: 28px;
	text-align: center;
}
.tab li a.selected{
	background: url(/img/parts/tab_selected.jpg);
	text-decoration: none;
	color: #333;
	cursor: default;
}
.panel{
	clear:both;
	border:1px solid #CCC;
	width: 695px;
	margin: 0 auto;

}
.panel li{
	list-style-type:none;
	padding:10px;
	text-indent:1em;
	color:#333;
}

#sakuhinGalTbl {
	width: 96%;
	margin: 10px auto;
	font-size: 12px;
	border-bottom: 3px double #CCC;
	border-top: 3px double #CCC;
}

#sakuhinGalTbl th {
	font-weight: normal;
	width: 10%;
	text-align: right;
	padding-right:5px;
}
#sakuhinGalTbl td {
	width: 20%
}

#sakuhinGalTbl tr {
	line-height: 1.6;
}

#sakuhinGalTbl tr:not(:last-child) {
	border-bottom: 1px dotted #CCC;
}

#sakuhinGalTbl tr:hover {
	background: #EEE;
}

/*----------------------------------------------------------
					作品一覧ページ
-----------------------------------------------------------*/

.sakuhinlist {
	width: 94%;
	margin: 0 auto 10px;
	border: 1px solid #CCC;
	padding: 10px;
}

.sakuhinlist:hover {
	background: #EEE;
	transition: background-color .7s linear, color 1s linear;
	-webkit-transition: background-color .7s linear, color 1s linear;
	-moz-transition: background-color .7s linear, color 1s linear;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}

.sakuhinlist h4 {
	font-size: 18px;
}

.sakuhinlist h4 a{
	color: #444;
}
.sakuhinlist img {
	float: left;
	margin-right: 10px;
}

.sakuhinlist ul {
	width: 300px;
	float: right;
}

.sakuhinlist li {
	float: right;
	width: 100px;
	margin: 0 5px;
	text-align: center;
}

.sakuhinlisttbl {
	color: #666;
	width: 450px;
	margin: 5px 0 0 10px;
}

.sakuhinlisttbl th {
	width: 60px;
	text-align: right;
}

.sakuhinlisttbl td {
	padding-left: 5px;
}

.Esakuhinlisttbl {
	color: #666;
	width: 450px;
	margin: 5px 0 0 10px;
}

.Esakuhinlisttbl th {
	width: 120px!important;
	text-align: right;
}

.Esakuhinlisttbl td {
	padding-left: 5px;
}


.sakuhinlist dt, .sakuhinlist dd {
	float:left;
}


.sakuhinlist dd {
	margin-right: 10px;
}


.sakuhinlist h4 {
	margin: 10px;
}

.pagenation {
	float:right;
	padding-right:8px;
}

.pageBox {
width: 700px;
min-height:25px;
padding: 5px 0;
margin: 0 auto;
}

.pageBoxBorder {
  border: 1px solid #CCC;
  position: relative;
  text-align:right;
}

.page-numbers {
 float:right;
}

.page-numbers li {
	float: left;
	width:0.8em;
	height:1.4em;
	border: 1px dotted #ccc;
	padding: 2px 8px;
	margin: 0 3px -15px;
	color: #333;
	text-align: center;
}

.page-numbers li a {
	display: block;
	color: #843838;
	min-width:12px;
}

.page-numbers li a:hover, #wrapper .cr {
	color: #333;
}

.allList {
	text-align: right;
	margin: 0 10px;
	padding: 0;
}

.allListTbl {
	text-align: right;
	margin: -10px 10px -10px!important;
	padding: 0;
}


.pagenation li {
	float: left;
	border: 1px solid #843838;
	padding: 2px 8px;
	margin: 0 3px 10px;
	color: #843838;
	font-weight: 700;
}

.pagenation li:hover, #wrapper .cr {
	border: 1px solid #843838;
	background: #843838;
	color: #FFF;
}


.gotopage a {
	display: block;
	border: 1px solid #CCC;
	font-size: 12px;
	padding: 0.2em 0.5em;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	transition: background-color .7s linear, color .5s linear;
	-webkit-transition: background-color .7s linear, color .5s linear;
	-moz-transition: background-color .7s linear, color .5s linear;
/*	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/*/
}


.gotopage a:hover {
	background: #843838; 
	color: #CCC;
}



/*---------------------------------------------------
							会社概要
-----------------------------------------------------*/

.profile #contentDescription h1 {
	font-size: 18px;
	border-bottom: 1px dotted #CCC;
	margin: 0 20px;
	padding: 20px 0 0;
}
.profile h2 {
	background: url(../img/parts/small-hx-bg.jpg) no-repeat;
	margin: 10px 20px 10px 10px;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 6px 5px 6px 22px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}
.wt50{
	width:50px;
}

.wt150{
	width:150px;
}

.td1{
	width:100px;
	font-weight:bold;
}

.profiletbl {
	border-collapse:collapse;
	width:90%;
	margin: 0 auto 20px;
}

.profiletbl th, .profiletbl td { 
	border-bottom: 1px dashed #ccc;
	margin-left:5px;
} 

.profiletbl tr.bk:hover{
	background: #EEE;
	height:20px;
}

.text-content p {
	margin: 20px;
}


.content-list {
	margin: 10px auto 20px;
	width: 420px;
	border: 1px dotted #CCC;
	padding: 10px 20px;
}

.content-list li {
	float: left;
	padding-left: 12px;
	background: url(../img/parts/redarrow.png) no-repeat left center;
	margin: 5px;
}

#businessTbl {
	margin: 10px;
	width: 680px;
}

#businessTbl tr {
	border-bottom: 1px solid #CCC;
}


#businessTbl th {
	text-align: left;
	vertical-align: middle;
	width: 40%;
	padding-left: 1em;
}

#businessTbl td {
	padding: .3em 0 .3em .5em;
}


#effortImg {
	border: 1px solid #CCC;
	width: 700px;
	margin: 0 auto;
	background: #F8F8F8;
}

#effortImg li {
	float: left;
}


#effortImg li img{
	padding: 10px;
	border: none!important;
}

.yasuiTbl, .yasuiTbl2 {
	width: 96%;
	margin: 10px auto;
}

.yasuiTbl tr, .yasuiTbl2 tr {
	border-bottom: 1px dotted #CCC;
}

.yasuiTbl tr:hover, .yasuiTbl2 tr:hover {
	background-color: #EEE;
	transition: background-color .7s linear;
	-webkit-transition: background-color;
	-moz-transition: background-color .7s linear;
	border-bottom: 1px solid #DDD;
}


.yasuiTbl td, .yasuiTbl2 td {
	padding: 4px;
}
.yasuiTbl caption, .yasuiTbl2 caption {
	text-align: left;
	margin: 10px 0;
	padding:0 0 2px 6px;
	font-weight: 700;
	border-left: 8px solid #BBB;
}
.yasuiTbl th, .yasuiTbl2 th {
	background: #EEE;
	padding: 2px;
}

.recruitTbl {
	border-collapse:collapse;
	width:90%;
	margin: 0 auto 20px;
}

.recruitTbl th {
	padding: 10px 0 10px 18px;
	text-align: left;
	width: 120px;
}

.recruitTbl th, .recruitTbl td { 
	border-bottom: 1px dashed #ccc;
	margin-left:5px;
	height:20px;
	vertical-align: middle;
} 

.recruitTbl tr:hover{
	background-color: rgba(1,1,1,.04);
	transition: background-color .7s linear;
	-webkit-transition: background-color;
	-moz-transition: background-color .7s linear;
}

.recruitHTable {
	color:  #843838;
	background: #EEE;
	font-weight: 700;
	-webkit-text-shadow: 0 1px 1px #FFF;
	-moz-text-shadow: 0 1px 1px #FFF;
	text-shadow: 0 1px 1px #FFF;
	padding: 4px;
}


#mapBox, #mapBoxTokyo, #mapBoxNagoya, #mapBoxHirosima, #mapBoxKyushu {
	width: 90%;
	margin: 10px auto;
	height: 300px;
	border: 1px solid #CCC;
}

.office {
	width: 340px;
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
}
.office h2 {
	width: 300px;
	background: url(../img/parts/small-hx-bg.jpg) no-repeat;
	margin: 10px 0 0 10px!important;
	padding: 0 0 0 20px;
	line-height: 35px;
}

#officeBox .osakaP {
	margin: -10px 10px 0;
}

.office p {
	margin: 10px;
}

.officeBox iframe {
	padding: 10px;
}

.gMap {
	margin: 10px 0 0 20px;;
	padding: 5px;
	height: 330px;
}

.office dl {
	margin: 10px;
}

.office dt {
	font-weight: 700;
}
.office dd {
	margin-left: 30px; 
}
.office a {
	color: #843838;
}

.index .text-content img {
padding:0 10px 10px 0;
border: 1px solid 
#CCC;
}


/*-------------------------------------------------------------
    ニュース
-------------------------------------------------------------*/

/*のれん*/

#noren-text {
	width:510px;
	float: left;
}

#swf-noren {
	width: 160px;
	height: 480px;
	float: right;
	padding: 10px;
	border: 1px solid #CCC;
}

#noren-content-foot {
	clear: both;
}

#noren-text p, #noren-content-foot p {
	margin: 10px 10px 20px;
}

#text-content10 p {
	margin: 10px 10px 20px;
}

.newsMediaHx h1	{
	font-size: 18px;
	border-bottom: 1px dotted #CCC;
	margin: 0 20px;
	padding: 10px 0 0;
}



/*--------------------------------------------------------
			  ニュース・メディア
-------------------------------------------------------*/


#mainContent .newsMediaBox {
	line-height:30px;
	padding: 0 22px;
	background: url(/img/parts/700-hxbg-grad-border_bak.jpg) no-repeat!important;
	border: 1px solid #CCC;
	margin: 0 10px 0 10px;
}

.newsMediaBox h2 {
	
}

.newsdetail{
	width: 680px;
	margin: 5px auto;
}

.newsdetail dt {
	width: 155px;
	line-height: 1.5;
	float: left;
	font-weight: 700;
	margin-bottom: 10px;
}

.newsdetail .newwestnews {
	background: url(/img/parts/new.gif) no-repeat right center;
}


.newsdetail dd,
.newsdetailD dd {
	line-height: 1.5;
	float: left;
	width: 515px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.newsdetail table,
.newsdetailD table {
 margin:10px auto;
 width:480px;	
}


.newsdetail td,
.newsdetailD td {
 min-width:4em;	
}



.mediaTbl {
	width: 680px;
	margin: 10px auto;
}

.mediaTbl th {
	width: 155px;
	text-align: left;
}

.mediaTbl .newestmedia {
	background: url(/img/parts/new.gif) no-repeat right 12px;
}

.mediaTbl td {
	padding: 10px 10px 0;
}

.mediaTblD {
	width: 680px;
	margin: 10px auto;
}

.mediaTblD th {
	width: 155px;
	text-align: left;
}

.mediaTblD .newestNews {
	background: url(/img/parts/new.gif) no-repeat right 12px;
}

.mediaTblD td {
	padding: 10px 10px 0;
}

.newsdetailD{
	width: 680px;
	margin: 5px auto;
}

.newsdetailD dt {
	width: 155px;
	line-height: 1.5;
	float: left;
	font-weight: 700;
	margin-bottom: 10px;
}
.newsdetailD .newest {
	background: url(/img/parts/new.gif) no-repeat right center;
}
.newsdetailD dd {
	line-height: 1.5;
	float: left;
	width: 515px;
	margin-left: 10px;

}

td.mediaName {
 width:100px;	
}

/*　　　idonet　　　*/

#ido-text {
	margin: 10px;
}

.idonetH2 {
	color: #843838;
	margin:0 20px;
	border-bottom: 1px solid #CCC;
}

.idoImage {
	padding: 7px;
	margin: 10px;
	border: 1px solid #CCC;
}

#text-content10 h2 {
	background: url(/img/parts/small-hx-bg.jpg) no-repeat;
	margin: 10px 20px 10px 10px;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 6px 5px 6px 22px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}

.mgBoxExtra p {
	margin: 10px 10px 20px 20px!important;
}

body #sideBar .sideSubExtra{
	background: url(/img/parts/sidebar-sub.gif) no-repeat;
	line-height: 35px!important;
	height: 37px;
	border: none!important;
	text-align: center;
	margin-bottom: -12px;
}

#sideBanner2 img {
	vertical-align: middle;
}

body #sideBar .extraSide li {
	line-height: 1.2;
	margin-bottom: 5px;
}

.extraHead {
	margin-top: 5px!important;
}

.idonet_img li {
 float:left;	
}

.idonet_img li img.idoImage {	
 margin:8px;
}
body #wrapper #rssFeed {
	margin-top:20px;

}

body #wrapper #rssFeed li a{
	border-top: 1px solid #eee;
	font-weight: 700;
	color: orange;
	font-size: 14px;
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
}

body #wrapper #rssFeed li a:hover {
	background: #843838;
	color: #fff;
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
}

.news-media p {
 line-height:1.6;
 padding:0.4em 18px 0.8em 32px;	
}

.news-media table {
 margin-left:48px;	
}

.news-media table th,
.news-media table td {
 padding:2px 4px;	
}



/*-------------------------------------------------
　　　　　ソリューション
--------------------------------------------------*/
.solutionNav ul h5 {
	font-size: 14px;
}

.solutionNav ul h5 a{
	color: #843838;
}

body #wrapper .solution-head {
	background: url(../img/solution-head-bg.jpg) no-repeat;
}

#non-letter-s {
	letter-spacing: .2em;
}

.solution-text {
	margin: 10px;
	line-height: 1.4;
}

.solution-key {
	clear: both;
}
.borderHr {
	margin: 0 10px;
	height 15px;
	background-image: url(/img/parts/stripe-bg-gray.png);
}

.solution-dl {
	margin: 5px 10px 15px;
}

.solution-dl dt {
	color: #843838;
	margin: 5px;
}

.solution-dl dd {
	display: inline;
	margin: 0 0 25px 15px;
}

.solution-key h4 {
	font-size: 18px;
	border: 1px solid #CCC;
	padding: 0 20px;
	line-height: 39px;
	text-shadow: 0 1px 0 #FFF;
	margin: 5px 10px;
}

#solution-dl {
	margin: 10px;
}

#solution-dl dt {
	color: #843838;
	margin: 0 10px;
	}

#solution-dl dd {
	text-indent: 2em;
	float: left;
	margin: 5px;
}

.viewcase {
	margin: 10px;
	padding: .5em 1.5em;
	border: 1px solid #CCC;
}

.viewcase h4 {
	font-size: 18px;
	margin: 5px 10px 10px;
	background: url(../img/parts/grad-bg-39.jpg) repeat-x;
	border: 1px solid #CCC;
	padding: 0 20px;
	line-height: 39px;
	text-shadow: 0 1px 0 #FFF;
}
.viewcase .normal {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}

.viewcase-list {
	margin: 10px;
}

.viewcase-list li {
	margin: 5px 0 10px 50px;
}

.case-head {
	color: #843838;
	font-size: 20px;
	margin: 20px 0;
}


#casebox .case-sub {
	font-size: 16px;
	margin: 20px;
	border-bottom: 1px solid #CCC;
	
}

#casebox p {

	line-height: 1.4;
	margin: 20px 10px 10px;
}

.case-detail {
	clear: both;
	color: #666;
	font-size: 12px;
	line-height: 1.2;
}


.solution-text {
	margin: 20px;
	line-height: 1.6;
}
.solution-head-box {
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	border: 1px solid #CCC;
	margin: 30px 0 0;
	padding: 10px;
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}

.english-heading {
 font-family: Allerta, sans-serif;
}

.baseimagefig {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 340px;
	margin: 5px;
	float: left;
}
.baseimagefig-level {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	width: 320px;
	margin: 5px;
	float: left;
}

.solutionImage {
	float: left;
	width: 320px;
	margin: 10px;
	border: 1px solid #CCC;
	text-align: center;
	height:330px;
	padding: 5px;
}
.solutionImage img {
	margin: 0 10px;
}
.solutionImage figcaption {
	text-align: center;
	margin-top: -10px;
}

.solution04H2 {
	background: url(/img/parts/small-hx-bg.jpg) no-repeat;
	margin: 10px 20px 10px 10px;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 6px 5px 6px 22px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}

body #wrapper .likeH3 {
	background: url(/img/parts/stripeHeading-bg.png) no-repeat left center!important;
	padding-left: 20px;
	margin: 5px 0 0 20px;
	line-height: 56px;
	font-size: 16px;
	font-weight: 700;
	width: 670px;
	color: #333;
}
body .arrowH3 {
	background: url(/img/parts/themearrow.gif) no-repeat left center;
	padding-left: 14px;
	margin: 5px 0 0 20px;
	font-size: 16px;
}



body #wrapper .solution-04 {
	margin: 5px 10px 10px 25px;
}

body #wrapper .solution-06 {
	margin:10px;
	text-align: left;
}

.solution06Box {
	float: left;
	width: 300px;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 10px;
	text-align: center;
}
body #wrapper .likeH3in {
	background: url(/img/parts/stripeHeading-bg.png) no-repeat left center!important;
	padding-left: 20px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #843838;
	text-align: left;
}
.globalProject {
	background: url(/img/parts/small-hx-bg.jpg) no-repeat;
	margin: 10px 20px 10px 10px;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 6px 5px 6px 22px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}

/*11/05 奈須　追記*/

.fnt12 {
	font-size:12px;
}

#casebox p.infograph {
  margin:0px;	
}

/*					プライバシーポリシー				*/

.policy {
	margin: 0 30px 0 50px;
}

/*--------------------------------------------------------
                       ENGLISH
----------------------------------------------------------*/


#enMainContent {
	width: 700px;
	float: left;
	margin: 20px 0 20px 10px;
	word-wrap: break-word;
}

#enHeadBox {
	width: 960px;
	height: 122px;
	margin: 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: url(/img/parts/960122_profile.jpg) no-repeat;
}

body #enHeadBox h2 {
	background: none!important;
	border: none;
	color: #843838;
	text-shadow: 0 1px 1px #fff;
	font-size: 24px;
	letter-spacing: .2em;
	font-family: 'Rufina', serif;
	margin: 30px 10px 0 50px;
	border-bottom: 1px dotted #ccc;
}

#enHeadBox p {
margin-left: 52px;
}

#enMainContent img {
padding: 10px;
border: 1px solid #CCC;
}	


#enMainContent h1, #enMainContent h2, #enMainContent h3 {
/*	line-height:30px;
	padding: 0 22px;
	background: url(/img/parts/700-hxbg-grad-border_bak.jpg) no-repeat!important;
	border: 1px solid #CCC;*/
	background: url(/img/parts/small-hx-bg.jpg) no-repeat;
	margin: 0;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 6px 0 6px 18px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0 0 3px #CCC;
	/*behavior: url(http://www.yasui-archi.co.jp/js/ie-css3.htc);*/
}

.enTopBox {
	width: 320px;
	float: left;
}

.enTopBox p {
	margin: 10px;
}

#enSercices {
	margin: 10px 20px;
}

#enSercices li {
	float: left;
	margin: 0 10px;
	padding-left: 16px;
	background: url(/img/parts/head-box-arrow.gif) no-repeat left center;
}

#enFooter {
	width: 100%;
	border-bottom: 3px solid #843838;
	border-top: 1px dotted #ccc;
}

#enCopy {
	text-align: center;
	padding: 10px 0;
}

.enTbl {
	width: 96%;
	margin: 10px auto;
	text-align: left;
}

.enTbl th {
	padding: 2px 0 2px 10px;
	width: 30%;
	text-align: left;
}

.enTbl .enHxTbl {
	color: #843838;
	font-size: 16px;
	padding: 2px 0 2px 0;
	border-bottom: 1px dotted #ccc;
}

.tblMap{
	background: url(/img/parts/smart-map.png) no-repeat 100px center;
	display: block;
}

.popUpMap {
	width: 360px;
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
	margin: 10px auto;
	padding: 10px;
}

.popUpMap h1 {
	border-bottom: 1px dotted #ccc;
	margin: 10px 10px -10px;
}

.popUpMap p {
	margin: 0 10px;
	text-indent: 0px;
}

.close {
	text-align: center;
	float: right;
	padding: 2px 5px;
}

.english {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

.english h1, .english h2, .english  h3, .english h4 {
	font-weight: normal;
}

/*　　　　　　　　ENGLISH sidebar　　　　　　*/

.side-english select {
	width: 130px;
}



/*　　　　　　　　ENGLISH sidebar　　　　　　*/

.side-english select {
	width: 130px;
}

.chineseNav h4 {
	width: 210px;
	font-size: 14px;
	line-height:60px;
	padding: 0 0 0 38px;
	border-left: 5px sodil #843838;
	background: url(/img/parts/220-list-bg.jpg) no-repeat left center;
	margin: 2px 0;
}

.chineseNav h4 a {
	display:block;	
}

.chineseNav h4:hover {
	background: url(/img/parts/220-list-bg_on.jpg) no-repeat;
}

.chineseNav h4 a:hover {
	text-decoration: none;
}

.chineseNav h5 {
	font-size: 14px;
	line-height:30px;
	padding: 0 22px;
	background: url(/img/parts/700-hxbg-grad-border_bak.jpg) no-repeat;
	border: 1px solid #CCC;
	margin: 5px 0;
}

.chineseNav dl dt h4 {
	font-size: 14px;
	line-height:60px;
	padding: 0 0 0 38px;
	border-left: 5px sodil #843838;
	background: url(/img/parts/220-list-bg.jpg) no-repeat;
	margin: 2px 0;
	cursor: pointer;
}


.globalPdf {
	text-align: right;
	margin: 5px 10px;
}


/**/


#site404 dl {
 float:left;
 width:250px;
 height:24em;
 padding:32px 12px 22px 60px;	
}


#site404 dt {
 color:#843838;
 font-size:1.4em;
 font-weight:700;
 line-height:1.25;
 padding-bottom:0.6em;
}

#site404 dt a {
 color:#843838	
}

#site404 dd {
 padding-left:1.2em;
}

#site404 dd li {
 font-size:1.2em;
 line-height:1.25;
 padding:0 0 0.6em 0;	
}

#site404 dd li:before {
 content:'└・';
 display:inline;	
}

/*_______________2015_04_16 関追記　コンプライアンス*/

.compliance_box01,
.compliance_box02,
.compliance_box03 {
	padding: 20px;
}
.compliance_box01 ul li {
	margin-bottom: 10px;
}
.compliance h3 {
	font-size: 16px!important;
	border-bottom: 1px solid #ccc;
	margin-left: 20px;
	color: #515151;
}
.compliance_box02_left p {
	margin: 0!important;
	text-align: center;
	width: 147px;
}
.compliance_box02_right {
	width: 513px;
}
.compliance_box02_right dl dt,
.compliance_box03 dl dt {
	font-weight: 700;
	margin-bottom: 5px;
}
.compliance_box02_right dl dd,
.compliance_box03 dl dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.compliance_box03 span {
	color: #666;
}
.mgb0 {
	margin-bottom: 0!important;
}

.compliance ul,
.compliance dl {
	margin: 20px;
}




/*　　2015.11.25追記　*/
.bim-inner-box {
	box-sizing: border-box;
	padding: 10px;
}
.halrfigure {
	box-sizing: border-box;
	width: 48%;
	float: left;
	margin-left: 10px;
}

.halrfigure img {
	width: 100%;
}

.halrfig-2, .halrfig-1 {
	width: 46%;
	float: left;
	margin: 10px 1%;
	border: 1px solid #ccc;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.halrfig-2 img {
	width: 48%;
	padding: 0!important;
	border: none!important;
}

.halrfig-1 img {
	width: 100%;
	padding: 0!important;
	border: none!important;
}


.halrfigure figcaption {
	font-size: 12px;
	text-align: center;
}

.bim-inner-box dl {
	float: right;
	width: 45%;
	margin-bottom: 10px;
}

.bim-inner-box dt {
	font-weight: 700;
}
.bim-inner-box dl ul {
	margin: 10px 0 10px 1em;
	list-style: square;
}

#mainContent .bimh3 {
	color: #333!important;
	font-size: 16px!important;
}

.bim-inner-box dl ol {
	margin:10px 0 0 1em;
}

.bim-column {
	margin: 20px;
	border: 1px solid #004400;
	border-radius: 6px;
	overflow: hidden;
}

.bim-column  .bim-column-title {
	color: #fff;
	background: #004400;
	padding: 6px 10px;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.bim-column h4{
	margin: 10px;
	font-size: 16px;
}
.bim-column p {
	margin: 10px 20px 20px;
}

.column-auther {
	margin: 10px;
	text-align: right;

}

.wideimage {
	width: 86%;
	margin: 10px 7% 0;
}

.bimSecondOl {
	margin: 10px 20px 20px 40px;
}

.bimSecondOl span {
	font-size: 16px;
	font-weight: 700;
}

.bimSecondOl dt {
	color: #802918;;
}

.bimSecondOl dd {
	margin-bottom: 10px;
}

.bimSph4 {
	margin: 40px 20px 20px 40px;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
}

.bimImage {
	width: 270px;
	float: left;
	text-align: center;
	margin: 10px 20px 10px 10px;
}

.bimImage img {
	width: 100%;
}

.floatedOl{
	width: 360px;
	float: left;
	margin: 10px 10px 0 20px;
}

.bimSecondOl2 {
	margin: 10px 20px 20px 40px;

}

.bimSecondOl2 span {
	font-size: 16px;
	font-weight: 700;
}

.bimSecondOl2 li {
	margin-bottom: 15px;
}


.bimImage2 {
	width: 270px;
	float: left;
	text-align: center;
	margin: 10px 50px 10px 10px;
}

.bimImage2 img {
	width: 100%;
}

.bimImage2 figcaption {
	margin-bottom: 10px;
}

.halrfig-3 {
	width: 46%;
	float: left;
	margin: 10px 2%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.halrfig-3 img {
	width: 96%;
	padding: 0!important;
}

.halrfig-3 figcaption {
	margin-bottom: 10px;
}

.halrfig-4 {
	width: 48%;
	float: left;
	margin: 10px 1%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.halrfig-4 img {
	width: 96%;
	padding: 0!important;
}



.bim-02 {
	margin-right: 30px;
}

.popUp {
	width: 90%;
	margin: 0 auto;
}

.popUp p {
	margin-bottom: 1em;
	font-size: 14px;
}

.solutionExtLink {
	margin: 0 0 20px 40px;
}

.solutionExtLink li {
	display: inline-block;
	margin-right: 10px;
}

.outlink {
	background: url(http://www.yasui-archi.co.jp/img/parts/ext-link.png) no-repeat right center;
	padding-right: 14px;
}

.bim-auther {
	text-align: right;
	margin:10px 20px 30px;
}

.solutionOlMain {
	margin: 10px 10px 10px 345px;
}

.sol04-1-wide {
	clear:both;
    margin: 10px;
    border: 1px solid #CCC;
    padding: 5px;
    text-align: center;
	box-sizing: border-box;
}

.bimHstyle {
	font-size: 16px;
	margin: 20px;
	border-bottom: 1px solid #CCC;
}

.long-image-box {
	width: 380px;
	float: left;
}

.long-text-box {
	float: right;
	width: 320px;
}

.bimUl {
	margin: 10px 0px 10px 1em!important;
	list-style: square!important;
}

.bimOl {
	margin: 10px 0px 0px 1.5em!important;
	list-style: decimal;
}

.long-text-box h6 {
	margin: 0 10px -15px;
	line-height: 1.3;
}

.long-text-box p {
	margin-top: -20px;
}

.negative-t-20 {
	margin-top: -20px;
}
/*
.solutionInner:first-of-type {
	display: none!important;
}

.solutionInner:first-child {
	display: none!important;
}
*/
.solutionInner:nth-child(2) {
	display: none!important;
}


/*-------------------------------------------------
　　　　　検索結果
--------------------------------------------------*/

.search-content {
	padding: 32px 5%;
}
.search-result-info {
	padding: 24px;
	margin-bottom: 12px;
	border:1px solid #ccc;
	text-align: center;
	font-size: 1.6rem;
}
.search-list-item {
	padding: 24px;
	margin-bottom: 12px;
	border:1px solid #ccc;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.search-list-thmub {
	position: relative;
	width: 20%;
	flex-basis: 20%;
	height: 96px;
	overflow: hidden;
	margin-right: 12px;
	border: 1px solid #ccc;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.search-list-thmub img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
input[type="search"] {
	width: 150px;
}
.search-list-textbox {
	flex-basis: 80%;
}
.search-paged {
	text-align: right;
}
.search-pagenation {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	width: auto;
	padding: 5px 0;
	border: 1px solid #CCC;
	text-align: right;
}
.search-pagenation .nav-links {
	overflow: hidden;
}
.search-pagenation .page-numbers {
	float: left;
	margin:0 3px;
	padding: 2px 8px;
	border: 1px dotted #ccc;
}
.search-pagenation a {
	color: #843838;
}
.search-link {
	margin: 10px 0;
	text-align: right;
}