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


#swd_head {
 background:url(../images/styledesign/sweden/header_bg.png) no-repeat 0 0;
  width:968px;
  margin:0px auto;
  height:122px;
}

#swd_head h1 {
 font-size:1.1em;
 line-height:1.25;
 color:#999999;
 text-align:right;
 padding:4px 18px 0 0;
}

#logo {
 float:left;
 padding:20px 0 0 14px;
}

#freedial {
 float:right;
 padding:14px 14px 0 0;
}

#container {
 width:968px;
 padding-bottom:0px;
}

#contents {
 float:none;
 width:949px;
}

#contents h2 {
 font-size:1.6em;
 line-height:1.6;
 color:#993300;
 padding:38px 0 0 92px;
 background:url(../images/cases/title_content.png) no-repeat left bottom;
 height:55px;
 width:578px;
 margin:0 auto 0 auto;
}

#contents h3 {
 padding:34px 18px 0 68px;
 margin:0px 0 -86px 60px;
 width:224px;
 height:74px;
 background:url(../images/styledesign/title_cases_bg.png) no-repeat 0 0;
 font-size:1.4em;
 line-height:1.5;
 color:#964118;
 position:relative;
 z-index:50;
}

#mainImg{
 margin:10px auto;
 width:770px;
 border:1px solid #cccccc;
 background:#fff;
 padding:10px;
}

#mainImg img {
 display:block;
 margin:0 auto;
 max-width: 750px;
 max-height: 500px;
 width: auto;
 height: auto;
}

#thumbImg {
 width:780px;
 margin:0 auto;
 padding-left:12px;
}

#thumbImg li {
 float:left;
 margin-right:18px;
 margin-bottom:18px;
 display:block;
 padding:8px;
 background:#fff;
 border:1px solid #ccc;
}

#infoBox {
 clear:both;
 float:left;
}

#floor,#equipment {
 width:245px;
 background:url(../images/styledesign/memo_small_bd.png) repeat-y 0 0;
 margin:0px 0 72px 79px;
 font-size:1.4em;
 line-height:1.5;
 color:#505050;

}

#ditailInfo {
 position:relative;
}

*:first-child+html #ditailInfo {
 padding-top:32px;
}

#floor:after,
#equipment:after {
 content:'';
 display:block;
 background:url(../images/styledesign/memo_small_bt.png) no-repeat 0 bottom;
 height:53px;
 position:relative;
 top:53px;
 margin:-53px 0 52px 0;
}

* html #floor,
* html #equipment {
 height:120px;
}

#floor table {
 margin:0 0 0 38px;
}

#floor h4,
#equipment h4 {
 color:#CC6600;
 background:url(../images/styledesign/memo_small_title.png) no-repeat 0 0;
 padding:32px 0 10px 22px;
 position:relative;
 top:-24px;
 margin-bottom:-32px;
}

#floor th,
#floor td {
 font-size:1.1em;
 padding:8px 4px 2px 8px;
 width:88px;
}

#floor th {
 padding-right:4px;
 width:58px;
}

#floor p.txt {
 margin:12px 0 0 28px;
 padding:6px 0 0 0;
}

#floor p.txt span {
 display:block;
 text-align:right;
 padding:6px 12px 0 0;
}

#equipment h5 {
 font-size:1.1em;
 font-weight:700;
 line-height:1.5;
 margin:6px 12px 0 16px;
 font-weight:500;
 color:#996633;
}

#equipment p {
 font-size:0.9em;
 line-height:1.5;
 margin:0 12px 12px 24px;
 color:#333333;
}

#equipment p.txt {
 color:#666666;
}

#story {
 font-size:1.4em;
 color:#605050;
 line-height:1.75;
 margin:32px auto;
 width:800px;
 background:url(../images/cases/cases_story_table_bd_016_12_3.png) repeat-y 0 0;
}

#story.cat_75 {
  margin:32px 80px 40px 228px;
}

*:first-child+html #story {
 padding:0px;
 margin:0px;
}


#story h4 {
 font-size:1.3em;
 line-height:1.6;
 padding:54px 90px 0 100px;
 position:relative;
 top:-28px;
 background:url(../images/cases/cases_story_table_hd_016_12_3.png) no-repeat 0 0;
}


#story_txt {
  padding:2px 30px 22px 70px;
  margin:-22px 42px 0 0;
  background:url(../images/cases/cases_story_table_bt_016_12_3.png) no-repeat 0 bottom;
  position:relative;
  bottom:-12px;
}

#story_txt img {
	max-width: 650px;
	height: auto;
	display: block;
    display: inline-block; 
    box-shadow: 0px 3px 8px -5px rgba(0, 0, 0, 0.6);
}

#story p {
 line-height:1.75;
 padding:0 30px 1em 30px;
}

#toContact {
clear:both;
 width:968px;
 paddng:8px 20px;
 margin:8px auto;
 font-size:1.8em;
 color:#de730b;
 text-align:center;
}

#toContact span {
 display:block;
 text-align:center;
 margin-top:8px;
 padding-bottom:30px;
}

#contactBox {
 width:968px;
 margin:0 auto 0 auto;
}

#oth_list {
 width:962px;
 height:224px;
 margin:10px auto;
 background:url(../images/styledesign/cases_frame.png) no-repeat 0 0;

}

#oth_list h3 {
 font-size:1.4em;
 color:#de730b;
 text-align:center;
 padding:30px 0 0 0;
}

#oth_list ul {
 padding:8px 0 8px 50px;
}

#oth_list li {
 float:left;
 margin-right:25px;
}

#oth_list li .title {
 font-size:1.2em;
 line-height:1.25;
 display:block;
 width:116px;
 text-align:center;
 padding:4px 0;
}

#oth_list li a {
 color:#3C9FB5;
 text-decoration:none;
}

#oth_list li a img {
 border:1px solid #fff;
}

#oth_list li a:hover {
 color:#8bc8d5;
}

#oth_list li a:hover img {
 border:1px solid #8bc8d5;
}

#otherPhoto{
 padding:4px 0 0 0;
}

#otherPhoto table {
 width:100%;
 margin:0 0 20px 12px;
}



#otherPhoto .col_tow td {
 width:50%;	
}

#otherPhoto .col_three td {
 width:33%;	
}

#otherPhoto .col_fuor td {
 width:25%;	
}


#otherPhoto td p {
 font-size:0.8em;
 line-height:1.25;
 padding:3px 0 0 12px;
 margin:0;
}

#otherPhoto td p.txt {
 padding:6px 14px 0 12px;
}

#otherPhoto .col_one td p {
 width:456px;	
}

#otherPhoto .col_tow td p {
 width:200px;
}


#otherPhoto .col_three td p {
 width:115px;
}

.attention_box {
	width: 780px;
	margin: -12px auto 62px auto;
	position: relative;
}

.attention_box p {
	position: absolute;
	top: 0px;
	right:4px;
	font-size: 1.2em;
	line-height: 1.25;
	color:#666;
	background: rgba(255,255,255,0.80);
}

.attention_box p:before {
	content:'＊';
	display: inline;
}


ul.footer {
 width:968px;
 margin:12px auto;
 clear:both;
}

ul.footer li {
 float:left;
 font-size:1.4em;
 line-height:1.5;
 margin:0 8px;
 border-right:1px solid #fff;
 padding-right:8px;
}

ul.footer li a {
 color:#fff;
}

ul.second {
 margin-bottom:30px;
}


/* ---- Clearfix Settings --- */

#thumbImg,
#oth_list,
ul.footer,
#ditailInfo,
#ditailInfo {
 display:inline-block;
 zoom:1;
}

#thumbImg:after,
#oth_list:after,
ul.footer:after,
#ditailInfo:after,
#ditailInfo:after {
 display:block;
 content:'';
 clear:both;
 height:0px;
 overflow:hidden;
}

#thumbImg,
#oth_list,
ul.footer,
#ditailInfo,
#toContact {
 display:block;
}

* html #thumbImg,
* html #oth_list,
* html ul.footer,
* html #ditailInfo,
* html #toContact {
 height:1px;
}