@charset "shift-JIS";

/* ------------------------------------------------------------
 CafeCafe CSS
 update:07/12/13
 
 [contents]
	0:div#header
	1:common
	2:introduction
	3:office
	4:wholesale
	5:Case Collection
	6:Case Collection popup
------------------------------------------------------------ */

/*cleafix用CSS-----------------*/
@import "clearfix.css";

/* 
 0:div#header
	※ページごとに画像が違います。個別に指定すること。
------------------------------------------------------- */

div.intro{
background:url(/Menu/imgs/menu_header_bg.jpg) no-repeat;
}

div.hosp{
background:url(/menu/imgs/hosp_header_bg.jpg) no-repeat;
}

div.office{
background:url(/menu/imgs/office_header_bg.jpg) no-repeat;
}

div.residence{
background:url(/menu/imgs/residence_header_bg.jpg) no-repeat;
}


/* 
 1:common
------------------------------------------------------- */

div.btn{
clear:both;
text-align:right;
}


/* 
 2:introduction
------------------------------------------------------- */

div.introLead img{
float:right;
}

div.introLead div.textArea{
float:left;
width:340px;
}



/* 
 3:office
------------------------------------------------------- */

div.officeLead img{
float:right;
margin:0 0 10px 0;
}

div.officeLead div.textArea{
float:left;
width:350px;
}

div.officeLead div.btn{
clear:both;
text-align:right;
}


div.detail dl{
clear:left;
border-top:1px solid #eeeeee;
background:url(../imgs/officedl_bg.gif) no-repeat bottom;
padding:0 1px 1px 0;
margin:0 0 15px 0;
}

div.detail dl dt{
float:left;
}

div.detail dl dd{
margin:10px 0 10px 150px;
}

div.detail dl dd img{
margin:15px 0 0 0;
}


/* 
 4:wholesale
------------------------------------------------------- */

div.wholesaleLead img{
float:right;
margin:0 0 10px 0;
}

div.wholesaleLead div.textArea{
float:left;
width:310px;
}

div.solutionTable table{
border-collapse:collapse;
width:647px;
}

div.solutionTable table th,
div.solutionTable table td{
text-align:left;
}

div.solutionTable table td{
width:468px;
vertical-align:top;
}

div.solutionTable table th{
width:179px;
}




div.solutionTable table td ul{
padding:6px 10px 0 20px;
margin:0;
}

div.solutionTable div.phase01 td{background:url(../imgs/wholesale_td_top_bg01.gif) no-repeat top right;}
div.solutionTable div.phase02 td{background:url(../imgs/wholesale_td_top_bg02.gif) no-repeat top right;}
div.solutionTable div.phase03 td{background:url(../imgs/wholesale_td_top_bg03.gif) no-repeat top right;}
div.solutionTable div.phase04 td{background:url(../imgs/wholesale_td_top_bg04.gif) no-repeat top right;}
div.solutionTable div.phase05 td{background:url(../imgs/wholesale_td_top_bg05.gif) no-repeat top right;}

div.solutionTable div.phase01 th{background:url(../imgs/wholesale_th_top_bg01.gif) no-repeat top;padding-top:10px;}
div.solutionTable div.phase02 th{background:url(../imgs/wholesale_th_top_bg02.gif) no-repeat top;padding-top:10px;}
div.solutionTable div.phase03 th{background:url(../imgs/wholesale_th_top_bg03.gif) no-repeat top;padding-top:10px;}
div.solutionTable div.phase04 th{background:url(../imgs/wholesale_th_top_bg04.gif) no-repeat top;padding-top:10px;}
div.solutionTable div.phase05 th{background:url(../imgs/wholesale_th_top_bg05.gif) no-repeat top;padding-top:10px;}

div.solutionTable div.phase01{background:url(../imgs/wholesale_table_btm_bg01.gif) no-repeat bottom;width:647px;}
div.solutionTable div.phase02{background:url(../imgs/wholesale_table_btm_bg02.gif) no-repeat bottom;width:647px;}
div.solutionTable div.phase03{background:url(../imgs/wholesale_table_btm_bg03.gif) no-repeat bottom;width:647px;}
div.solutionTable div.phase04{background:url(../imgs/wholesale_table_btm_bg04.gif) no-repeat bottom;width:647px;}
div.solutionTable div.phase05{background:url(../imgs/wholesale_table_btm_bg05.gif) no-repeat bottom;width:647px;}


div.solutionTable div.phase05{
margin:0 0 15px 0;
}

/* 
 5:Case Collection
------------------------------------------------------- */

div.csMenu{
margin:0 0 35px;
font-size:88%;
text-align:center;
}

/*div.csMenu span{
display:block;
background:url(../../common/imgs/arrow01.gif) no-repeat 0 2px;
padding:0 0 0 18px;
}*/

div.csMenu li{
display:inline;
width:74px;
padding:0 4px 0 0;
}

div.csSection{
background:url(../imgs/cssection_bg.gif) no-repeat bottom;
margin:0 0 10px 0;
}

div.csSection h3{
background:url(../imgs/cssection_h3_bg.gif) no-repeat;
height:36px;
overflow:hidden;
margin:0 0 21px 0;
position:relative;
zoom:1;
}

div.csSection h3 span.num{
position:relative;
top:15px;
left:25px;
color:#804F4F;
zoom:1;
}

div.csSection h3 span.txt{
position:relative;
top:10px;
left:65px;
color:#000000;
zoom:1;
}

div.csSection p{
padding:0 0 5px 30px;
}


/* 
 6:Case Collection popup
------------------------------------------------------- */

div.titleArea{
margin:17px auto 45px;
width:733px;
}

div.titleArea h1{
width:610px;
display:inline;
float:left;
}

div.titleArea h1 img{
float:left;
}

div.titleArea h1 span.num{
color:#804F4F;
padding:0 5px;
float:left;
width:30px;
}

div.titleArea h1 span.txt{
float:left;
width:450px;
}


div.titleArea div.cateLogo{
float:right;
}


div.photoArea{
margin:0 auto 10px;
text-align:center;
width:580px;
}

div#linkArea{
margin:0 auto 10px;
width:580px;
}

div#linkArea a{
padding:0 0 15px 0;
}


div#linkArea a,
div#linkArea a img{
display:block;
}


div#linkArea a img{
border:2px solid #ffffff;
}

div#linkArea a:hover img,
div#linkArea li.present a img{
border:2px solid #D02B17;
}

div#linkArea a:hover,
div#linkArea li.present a{
background:url(../../common/imgs/arrow02.gif) bottom center no-repeat;
}



div#linkArea a:hover img{
}

div#linkArea li{
float:left;
margin:0 5px 0 0;
}

ul#menuList{
clear:both; 
}

div.menu{
width:200px;
padding:7px;
float:left;
}

.menu span {
width: 77px;
height: 27px;
display: block;
position: absolute;
top: 290px;
left: 320px;
background: url(imgs/tape.png) no-repeat;
}