@charset "utf-8";

@import url("style_products.css");

/*------------------------------
work list page 
------------------------------*/

div#wrapper div#mainArea{
font-size:0.9em;
}

div#wrapper div#work-case-container h3.title a {
color: #000099;
text-decoration: underline;
}

div#wrapper div#work-case-container h3.title a:hover {
color: #FF6633;
}

div#wrapper div#work-case-container h3.title a:visited {
color: #660099;
}

div#wrapper div#mainArea ul{
margin: 0 0 0 10px;
}

div#mainArea dl.work-container {
margin: 5px 0 5px 0;
padding: 0;
clear: both;
}

div#mainArea dl.work-container dt {
margin: 0;
padding: 0;
font-size: 100%;
}

div#mainArea dl.work-container dd {
margin: 0;
padding: 0;
font-size: 100%;
}

div#mainArea dl.work-container dd div.item {
margin: 0;
padding: 10px 20px 10px 0;
width: 380px;
/*overflow: auto;*/
float: left;
text-align: left;
}

div#mainArea dl.work-container dd div.item div.work-container-main {
margin: 0;
padding: 0;
width: 380px;
text-align: left;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul {
margin: 0;
padding: 0;
list-style: none;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li {
margin: 0;
padding: 0;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li a {
padding: 1px 0 0 12px;
background:url(/assets/images/cmn/ico_arrow_orange.gif) left top no-repeat;
background-position: 0% 20%;
/*font-size: 1.1em;*/
font-weight: bold;
color: #333333;
text-decoration: none;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li a:hover {
color: #FF8F30;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.main-item {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #CCCCCC;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.sub-item {
margin: 0;
padding: 0;
line-height: 180%;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.other-item {
margin: 0;
padding: 0;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.other-item ul {
margin: 0 0 0 5px;
padding: 0 0 25px 25px;
list-style: disc;
}

div#mainArea dl.work-container dd div.item div.work-container-main ul li.other-item ul li {
margin: 0;
padding: 0;
font-size: 0.8em;
}

div#mainArea dl.work-container dd div.photo {
margin: 10px 0 10px 0;
padding: 0;
width: 140px;
float: right;
text-align: right;
}

div#mainArea div#work-case-container {
margin: 0;
padding: 0;
width: 540px;
}

div#mainArea div#work-case-container p {
margin: 10px 0 10px 0;
padding: 0;
}

div#mainArea div#work-case-container p.read {
margin: 10px 10px 20px 10px;
padding: 0;
}

div#mainArea div#work-case-container p.work-main-img {
margin: 10px 10px 20px 0;
padding: 0;
float: left;
}

div#mainArea div#work-case-container div.work-box-comment {
margin: 0;
padding: 5px;
background-color: #EDEDED;
}

div#mainArea div#work-case-container ul.work-anchor-link {
margin: 0;
padding: 10px 0;
list-style: none;
}

div#mainArea div#work-case-container ul.work-anchor-link li {
margin: 0 0 10px 0;
padding: 0 10px 0 10px;
border-left: 1px solid #000000;
float: left;
}

div#mainArea div#work-case-container ul.work-anchor-link li.last {
border-right: 1px solid #000000;
}

div#mainArea div#work-case-container ul.work-anchor-link a {
	background-image: url(/assets/images/solution/sol_point_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

div#mainArea div#work-case-container h4 {
/*clear: both;*/
}

div#mainArea div#work-case-container div.work-topics-container {
margin: 0;
padding: 10px 0 10px 0;
clear: both;
display: block;
overflow: hidden;
}

div#mainArea div#work-case-container div.work-topics-container p.work-topics {
margin: 0;
padding: 5px 10px 5px 10px;
background-color: #006BB5;
color: #FFF;
}

div#mainArea div#work-case-container div#topics-04 h4.title-l {
margin: 0;
padding: 5px 15px 10px 0;
width: 435px;
height: 65px;
text-align: right;
float: left;
}

div#mainArea div#work-case-container div#topics-04 h4.title-r {
margin: 10px 0 0 0;
padding: 5px 0 5px 15px;
width: 435px;
height: 65px;
float: right;
text-align: left;
}

div#mainArea div#work-case-container div#topics-04 h4.title-noImage {
margin: 10px 0 0 0;
padding: 5px 0 5px 15px;
text-align: left;
}

div#mainArea div#work-case-container div#topics-04 h4 span {
font-size: 0.8em;
font-weight: normal;
}

div#mainArea div#work-case-container div.work-topics-container p.comment {
text-align: right;
font-size: 0.8em;
}

div#mainArea div#work-case-container div.work-topics-container div.product {
clear: both;
}

div#mainArea div#work-case-container div.work-topics-container div.product p.item {
width: 180px;
float: left;
}

div#mainArea div#work-case-container div.work-topics-container div.product p.item span {
display: block;
font-size: 0.8em;
}

div#mainArea div#work-case-container div.work-topics-container div.product p.item span.sys_hinban_link a {
font-size: 1.2em;
}

div#mainArea div#work-case-container div.work-topics-container div.work-topics-guest-l {
padding: 0 40px 0 0;
width: 50px;
float: left;
}

div#mainArea div#work-case-container div.work-topics-container div.work-topics-guest-r {
margin: 10px 0 0 0;
padding: 0 0 0 40px;
width: 50px;
float: right;
}

div#mainArea div#work-case-container div.work-topics-container div#work-topics-guest span {
display: block;
width: 100px;
}


div#mainArea div#work-case-container div.work-topics-container p.work-topics-img {
border:1px solid #CBCBCB;
margin: 0;
padding: 8px;
margin: 5px 0 8px 15px;
width: 200px;
color: #000;
float: right;
text-align: center;
}

div#mainArea div#work-case-container div.work-topics-container p.work-topics-img span {
margin: 0;
padding: 5px 0 5px 0;
display: block;
font-size: 0.85em;
text-align: left;
}

div#mainArea div#work-case-container div.work-topics-container div.work-interview-photo {
width: 500px;
margin: 0 auto;
}

div#mainArea div#work-case-container div.work-topics-container div.work-interview-photo p {
border:1px solid #CBCBCB;
margin: 0;
padding: 8px;
margin: 5px 0 8px 15px;
width: 200px;
color: #000;
}

div#mainArea div#work-case-container div.work-topics-container div.work-info-photo {
width: 540px;
margin: 0 auto;
}

div#mainArea div#work-case-container div.work-topics-container div.work-info-photo p {
border:1px solid #CBCBCB;
margin: 0;
padding: 5px;
margin: 5px 3px 8px 3px;
width: 160px;
color: #000;
}

div#mainArea div#work-case-container div.work-topics-container div.work-info-photo p.interview-img-left,
div#mainArea div#work-case-container div.work-topics-container div.work-interview-photo p.interview-img-left {
float: left;
text-align: center;
}

div#mainArea div#work-case-container div.work-topics-container div.work-info-photo p.interview-img-right,
div#mainArea div#work-case-container div.work-topics-container div.work-interview-photo p.interview-img-right {
float: right;
}

div#mainArea div#work-case-container div.work-topics-container div.work-info-photo p span,
div#mainArea div#work-case-container div.work-topics-container div.work-interview-photo p span {
margin: 0;
padding: 5px 0 5px 0;
display: block;
font-size: 0.85em;
text-align: left;
}

/* ひたちなかイラスト */
div.youbou-box {
	margin: 10px 0 15px 0;
	padding: 10px;
	height: 300px;
	border: 1px solid #FE8B21;
	background: url(/assets/images/solution/hitachinaka_illust_02.jpg) right bottom no-repeat;
	overflow: hidden;
}

div.youbou-box ul {
	margin: 0 0 0 20px;
	padding: 10px;
	/*width: 300px;*/
	width: 330px;
	line-height: 1.4;
	font-size: 93%;
}

div.youbou-box ul li {
	margin-bottom: 15px;
	padding: 10px;
	background: #FBEC91;
	border: 1px solid #000000;
	list-style: none;
}

div.kaitou-box {
	margin: 15px 0 15px 0;
	padding: 10px;
	height: 300px;
	border: 1px solid #FE8B21;
	background: url(/assets/images/solution/hitachinaka_illust_01.jpg) 10px bottom no-repeat;
	overflow: hidden;
}

div.kaitou-box ul {
	margin: 0;
	padding: 10px;
	/*width: 300px;*/
	width: 330px;
	float: right;
	line-height: 1.4;
	font-size: 93%;
}

div.kaitou-box ul li {
	margin-bottom: 15px;
	padding: 10px;
	background: #006BB5;
	border: 1px solid #000000;
	color: #FFFFFF;
	list-style: none;
}
/* ひたちなかイラスト　end */

/* システム図用 */
div#mainArea div#work-case-container div.work-topics-container li {
list-style-type:none;
}

div#mainArea div#work-case-container div.work-topics-container .pdf {
background: url("/assets/images/profile/icon_pdf.gif") no-repeat scroll 0 3px transparent;
padding:0 15px 0 20px;
}

div#mainArea div#work-case-container div.work-topics-container a.link {
background:url("/assets/images/common/link_bg_yajirushi.png") no-repeat scroll 0 50% transparent;
display:inline;
margin:0;
padding:0 0 0 10px;
}

/* システム図用 end */


/* livehouse */
.work-interview-top .interview-image {
float: left;
width: 190px;
margin-top: 15px;
}

.work-interview-top .interview-message {
clear: right;
float: right;
width: 350px;
}

.work-interview-top h4 {
font-size: 0.8em;
}

.work-interview-top h4 span.person {
font-size: 0.95em !important; 
}

a.relevant {
text-decoration: underline;
}

/* livehouse end */

div#mainArea div#work-case-container div.work-topics-container div.work-topics-point {
margin: 5px auto 5px auto;
padding: 10px;
border: 2px solid #006BB5;
width: 90%;
clear: both;
}

div#mainArea div#work-case-container div.work-topics-container div.work-topics-note {
margin: 5px auto 5px auto;
padding: 5px 10px 5px 10px;
border: 2px solid #006BB5;
width: 90%;
clear: both;
}

div#mainArea div#work-case-container div.work-topics-container div.work-topics-note p.note-photo{
padding: 0 10px 10px 0;
float: left;
}

div#mainArea div#work-case-container div.work-img {
	margin: 15px 0 0;
	padding: 10px 0;
	border-top: 1px dashed #CCCCCC;
}
div#mainArea div#work-case-container div.work-img p {
	margin: 0 0 50;
	padding: 0 0 5;
	text-align: left;
	clear: both;
}

div#mainArea div#work-case-container div.work-img p img {
	margin: 0 15px 20px 0;
	padding: 0;
	float: left;
}


/* work用 pagetop */
div#mainArea div#work-case-container p.list {
margin: 0;
padding: 20px 0 30px 0;
width: 540px;
text-align: right;
clear: both;
}

div#mainArea div#work-case-container p.list a {
padding: 0 0 0 12px;
background: url(/assets/images/common/pagetop_yajirushi.gif) left center no-repeat;
text-decoration: none;
color: #333333;
}

div#mainArea div#work-case-container p.list a:hover {
background:url(/assets/images/common/pagetop_yajirushi_f2.gif) left center no-repeat;
color: #FFA25E;
}

div#mainArea div#work-case-container div#work-item-short {
margin-bottom: 30px;
}

div#mainArea div#work-case-container div#work-item-short .more {
background:url("/assets/images/solution/ico_detail_off.jpg") no-repeat scroll 0 0 transparent;
float:right;
height:21px;
margin-top:-27px;
text-indent:-9999px;
width:110px;
}

div#mainArea div#work-case-container div#work-item-short .more a {
background:none repeat scroll 0 0 transparent;
display:block;
height:21px;
width:110px;
}

div#mainArea div#work-case-container div#work-item-short .more a:hover {
background:url("/assets/images/solution/ico_detail_on.jpg") no-repeat scroll 0 0 transparent;
}

div#mainArea div#work-case-container div#solSp01DetBox {
font-size: 0.9em;
}

div#mainArea div#work-case-container #solSp01KadaiBox p,
div#mainArea div#work-case-container #solSp01PointBox p,
div#mainArea div#work-case-container .solSp03Container01 p,
div#mainArea div#work-case-container .solSp03Container02 p {
margin: 0;
}

div#mainArea div#work-case-container .solSpMiBox02_topics h4 {
font-size: 100%;
}

div#mainArea div#work-case-container div#solSp01PointBox {
font-size: 0.9em;
}

div#mainArea div#work-case-container .TopBtBox {
border: none;
clear:both;
float:none;
margin:0;
padding:0;
text-align:right;
}

div#mainArea div#work-case-container .TopBtBox a{
background-image:url("/assets/images/solution/mar_point_03.jpg");
background-position:left center;
background-repeat:no-repeat;
padding-left:10px;
}

div#mainArea div#work-case-container div.work-topics-container div.work-noteArea {
width: 100%;
clear: both;
}

div#mainArea div#work-case-container div.work-topics-container div.work-noteArea p.note-photo {
width: 200px;
padding: 0 10px 10px 0;
float: left;
}

div#mainArea div#work-case-container div.work-topics-container div.work-noteArea p.note-text {
width: 280px;
float: right;
}

/*------------------------------
TEXT AREA
------------------------------*/
#mainArea .txtArea{
font-size:1.1em;
clear:left;
padding-bottom:10px;
}
#mainArea .txtArea p{
margin-top:10px;
}
/*---------- subtitle ----------*/
.txtArea .sttl{
font-weight:bold;
background:#f5f5f5;
border-top:#ddd 1px solid;
border-bottom:#ddd 1px solid;
}
/*---------- photo(150px) ----------*/
.txtArea .picArea{
float:left;
font-size:0.8em;
line-height:1.1;
width:150px;
margin:0px 10px 10px 0px;
}
.txtArea .picArea img{
margin:15px 0px -10px 0px;
}
/*---------- photo(230px) ----------*/
.txtArea .picArea_2{
float:left;
font-size:0.8em;
line-height:1.1;
width:230px;
margin:0px 10px 10px 0px;
}
.txtArea .picArea_2 img{
margin:15px 0px -10px 0px;
}
/* ----- Notes Area ----- */
.notes{
color:#c00;
}
.notesArea li{
list-style:url(/assets/images/cmn/ico_notes_2.gif) inside;
margin-top:10px;
}


#solSpContactBox {
	clear: both;
	float: none;
	margin-bottom: 25px;
	background: url(/assets/images/solution/sol_sp_contact_bt.gif) no-repeat;
	width:540px;
	height:62px;
}
#solSpContactBox #contactBtn{
	text-align:right;
	padding:12px 18px 0 0;
}

#solSpContentsBox {
	clear: both;
	float: none;
	padding-bottom: 25px;
}
#solSpContentsBox a {
	background-image: none;
	background-repeat: no-repeat;
	background-position:8px 6px;
	padding-left: 0;
	color:#000000;
}
#solSpContentsBox dt {
	clear: both;
	float: none;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 100%;
}
#solSpContentsBox dd {
	font-size: 100%;
}
* html #solSpContentsBox a {
	background-position:8px 4px;
}

#mainArea #solWorDataBox {
	clear: both;
	float: none;
	padding: 15px;
	margin-bottom: 25px;
	background-color: #EFEFEF;
}
#mainArea #solWorDataBox dt {
	float: left;
	width: 80px;
	font-weight: bold;
}
#mainArea #solWorDataBox dd {
	float: left;
	width: 430px;
}

/*平尾小学校 */

#solSp01PointBox dd span.indentfix {
	display: block;
	padding-left: 1.5em;    
	text-indent: -1.5em;
}

.work-topics-container h4.mbottom10 {
	margin-bottom: 10px !important;
}

.solWorImgContainerHirao {
	zoom: 1;
}

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

.solWorImgContainerHirao div.img00,
.solWorImgContainerHirao div.img02{
	float: left;
	width: 304px;
	margin-top: 25px;
}

.solWorImgContainerHirao div.img01,
.solWorImgContainerHirao div.img03 {
	float: right;
	width: 207px;
	margin-top: 25px;
	clear: right;
}

.solWorImgContainerHirao div span.imgcaps {
	display: block;
	font-size: 85%;
	margin-top: 5px;
	padding: 0;
}

.solWorImgContainerHirao div.imgdaimyou00{
	float: left;
	width: 285px;
	margin-top: 25px;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imgdaimyou01{
	float: right;
	width: 220px;
	margin-top: 25px;
	clear: right;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imgdaimyou02{
	float: left;
	width: 252px;
	margin-top: 25px;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imgdaimyou03{
	float: right;
	width: 252px;
	margin-top: 25px;
	clear: right;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imgdaimyou04{
	width: 459px;
	margin: 25px auto 0;
	border: 1px solid #CBCBCB;
	padding: 8px;
}

.solWorImgContainerHirao div.imgdaimyou00 span.imgcaps ,
.solWorImgContainerHirao div.imgdaimyou01 span.imgcaps ,
.solWorImgContainerHirao div.imgdaimyou02 span.imgcaps ,
.solWorImgContainerHirao div.imgdaimyou03 span.imgcaps ,
.solWorImgContainerHirao div.imgdaimyou04 span.imgcaps {
	font-size:0.75em;
}

/* JRA hakodate */

.solWorImgContainerHirao div.imghakodate00{
	width: 480px;
	margin: 25px auto 0;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imghakodate01{
	float: left;
	width: 297px;
	margin-top: 25px;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imghakodate02{
	float: right;
	width: 133px;
	margin-top: 25px;
	clear: right;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imghakodate03{
	width: 463px;
	margin: 25px auto 0;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imghakodate04{
	float: left;
	width: 332px;
	margin-top: 25px;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imghakodate05{
	float: right;
	width: 135px;
	margin-top: 25px;
	clear: right;
	border: 1px solid #CBCBCB;
	padding: 5px;
}
.solWorImgContainerHirao div.imghakodate00 span.imgcaps ,
.solWorImgContainerHirao div.imghakodate01 span.imgcaps ,
.solWorImgContainerHirao div.imghakodate02 span.imgcaps ,
.solWorImgContainerHirao div.imghakodate03 span.imgcaps ,
.solWorImgContainerHirao div.imghakodate04 span.imgcaps {
.solWorImgContainerHirao div.imghakodate05 span.imgcaps {
	font-size:0.75em;
}


/*彦根市 */

#solSp01KadaiBox dd span.indentfix {
	display: block;
	padding-left: 1.5em;    
	text-indent: -1.5em;
}

div#topics-04 p.interviewImage {
	text-align: center;
}

div#mainArea div#work-case-container div.work-topics-container div.work-noteArea p.note-photo02 {
width: 115px;
padding: 0 0 10px 10px;
float: right;
text-align: center;
}

div#mainArea div#work-case-container div.work-topics-container div.work-noteArea p.note-photo02 span {
	display: block;
	font-size: 92%;
	text-align: center;
}

div#mainArea div#work-case-container div.work-topics-container div.work-noteArea p.note-text02{
width: 360px;
float: left;
}

div#mainArea div#work-case-container div.work-topics-container div.work-noteArea span.licensed {
	display: block;
	float: right;
	font-size: 92%;
}

div#mainArea div#work-case-container div.work-topics-container p.work-topics-img-large {
border:1px solid #CBCBCB;
margin: 0;
padding: 8px;
margin: 5px 0 8px 0;
width: 522px;
color: #000;
text-align: center;
}

div#mainArea div#work-case-container div.work-topics-container p.work-topics-img-large span {
margin: 0;
padding: 5px 0 5px 0;
display: block;
font-size: 0.85em;
text-align: left;
}

div#mainArea div#work-case-container div.work-topics-container p.work-topics-img-middle {
border:1px solid #CBCBCB;
margin: 0;
padding: 8px;
margin: 5px 0 8px 0;
width: 328px;
color: #000;
text-align: center;
}

div#mainArea div#work-case-container div.work-topics-container p.work-topics-img-middle span {
margin: 0;
padding: 5px 0 5px 0;
display: block;
font-size: 0.85em;
text-align: left;
}

div#mainArea div#work-case-container div.work-topics-container p.interviewDate {
text-align: right;
}

/* ClaerFix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-Mac */