@charset "utf-8";

/* ----------------------------------------------

	bowls / STAFF STYLE
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

@import url("./parts/base.css");
@import url("./parts/layout.css");
@import url("./parts/module.css");


/* general styles
---------------------------------------------- */


div#contents div#cntMain h3 {
clear:left;
margin-bottom:20px;
margin-top:20px;
}

div#contents p.renewalLead{
margin-top:20px;
}


/* プロフィール概要
---------------------------------------------- */
div#contents div.profileSummary{
background:#F0EDE8;
padding:20px;
margin-top:20px;
}

div#contents div.profileSummary dl dt{
font-weight:bold;
color:#593B26;
font-size:122%;
}

div#contents div.profileSummary ul.lnkIcon li{
text-align:right;
}

div#contents div.profileSummary ul.lnkIcon li a:link{
font-weight:bold;
}


/* 新メニューのこだわり
---------------------------------------------- */
div#contents div.renewalMenuPoint ul li{
width:220px;
float:left;
margin-right:18px;
}

div#contents div.renewalMenuPoint ul li.topic3{
margin-right:0px;
}

/* 新メニュー開発レポート
---------------------------------------------- */

div#contents div.reportTit{
border-top:1px solid #AB8959;
border-left:1px solid #AB8959;
border-right:1px solid #AB8959;
font-weight:bold;
background:#F0EDE8;
padding:20px;
font-size:122%;
clear:left;
margin-top:20px;
}

div#contents div.reportEntry{
border-left:1px solid #AB8959;
border-right:1px solid #AB8959;
padding:20px;
}

div#contents div.reportEntry img,
div#contents div.reportEntry2 img{
float:left;
padding:0pt 20px 10px 0pt;
}

div#contents div.reportEntry2{
border-left:1px solid #AB8959;
border-right:1px solid #AB8959;
padding:20px;
height:150px;
}



div#contents div.reportEntry p.reportTxt{
float:left;
width:400px;
margin-left:220px;
height:190px;
}



/* プロフィール部分
---------------------------------------------- */
div#contents div.profile_detail p.profilePhoto{
float:left;
width:120px;
}

div#contents div.profile_detail dl.profileDetailTxt{
float:left;
width:540px;
border-left:1px #AB8959 solid;
padding-left:20px;
}

div#contents div.profile_detail dl.profileDetailTxt dt{
font-weight:bold;
color:#AB8959;
font-size:122%;
}

div#contents div.profile_detail dl.profileDetailTxt dd{
margin-top:10px;
margin-bottom:20px;
border-bottom: dotted #CC9900 1px;
}

div#contents div.profile_detail dl.profileDetailTxt dd.last{
border-bottom:none;
}

div#contents div.profile_detail dl.profileDetailTxt dd p a:link{
border-bottom:1px dotted;
}

div#contents div.profile_detail dl.profileDetailTxt dd p a:hover{
border-bottom:1px solid;
}

div#contents div.profile_detail div.aboutBox{
border:1px dotted #996600;
padding:20px;
margin-top:20px;
}

div#contents div.profile_detail div.aboutBox p{
font-weight:bold;
margin-bottom:5px;
}



div#contents p.exp {
	padding: 0 0 10px;
}
div#contents p.navLink {
	text-align: left;
}
div#contents p.navLink a {
	background: url(/img/common/icn_head_next.gif) no-repeat 0 50%;
}


div#contents dl.lstStaff {}
div#contents dl.lstStaff dt {
	float: left;
	width: 220px;
}
div#contents dl.lstStaff dt img {
	border: 4px solid #CCCCCC;
}
div#contents dl.lstStaff dd {
	float: left;
	width: 470px;
}
div#contents dl.lstStaff dd h3 {
	margin: 0 0 15px;
}
div#contents dl.lstStaff dd h4 {
	margin: 0 0 10px;
}
div#contents dl.lstStaff dd p {
	margin: 0 0 20px;
}


/* C1000コラボ
---------------------------------------------- */
div#contents div.about_drink{
	background: url(/img/collabo/c1000/c1000_vitamin.jpg) no-repeat;
	width:700px;
	height:200px;
}

div#contents div.about_drink p{
padding-left:325px;
margin-top:20px;
}

div#contents table.tblInfo_s{
float:left;
}

div#contents div.beach_house_map{
float:left;
margin-left:315px;
}


h3.collabo02{
font-size:140%;
color:#573927;
border-top:1px solid #eeeeee;
padding-top:15px;
}

/* ----------------------------------------------

		tblInfo_s

---------------------------------------------- */

div#contents table.tblInfo_s {
	margin: 0 0 10px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
div#contents table.tblInfo_s tr th,
div#contents table.tblInfo_s tr td {
	margin: 0;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
div#contents table.tblInfo_s tr th {
	width: 80px;
	font-weight: bold;
	background: url(/img/common/bg_dot_corner.gif) no-repeat 100% 100%;
}
div#contents table.tblInfo_s tr td {
	width: 200px;
	background: url(/img/common/bg_dot_b.gif) no-repeat 100% 100%;
}
div#contents table.tblInfo_s tr th.last {
	background: url(/img/common/bg_dot_s.gif) no-repeat 100% 0;
}
div#contents table.tblInfo_s tr td.last {
	background: none;
}

div#contents table.tblInfo_s span {
	display: block;
	margin: 6px 0 0;
	color: #888888;
}


/* C1000コラボ2010
---------------------------------------------- */


#contents #cntMain .s2010_b25{
	margin-bottom:25px;
}

#contents #cntMain .s2010_b20{
	margin-bottom:20px;
}

#contents #cntMain .s2010_b30{
	margin-bottom:30px;
}

#contents #cntMain .s2010_b10{
	margin-bottom:10px;
}

#contents #cntMain .s2010_red{
	color:#e05d0d;
}

#contents #cntMain .about_supple2010{
	border:5px #ffc909 solid;
	padding:20px;
	height:255px;
}

#contents #cntMain .s2010_l{
	float:left;
	padding-bottom:30px;
}

#contents #cntMain .about_supple2010.s2010_b45 .about_supple2010_l{
	width:650px;
}

#contents #cntMain .s2010_r{
	float:left;
	padding-left:20px;
	width:350px
}

#cntMain .s2010_r .txt_min{
	font-size:10px;
}

#cntMain .s2010_16{
	font-size:16px;
}

#cntMain .s2010_bold{
	font-weight:bold;
}

#cntMain .m2010 .m2010_main{
	width:700px;
	padding-top:20px;
}

#contents #cntMain .txt_next {
	clear:both;
}

#contents #cntMain .s2010_rr{
	float:left;
	padding-left:20px;
	width:530px
}



/* ----------------------------------------------

		hacks

---------------------------------------------- */

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


div#contents dl.lstStaff {
		zoom: 1;/*for IE 5.5-7*/
}
div#contents dl.lstStaff:after {/*for modern browser*/
		display: block;
		clear: both;
		visibility: hidden;
		content: ".";
		height: 0px;
}
* html div#contents dl.lstStaff {
	display: inline-table;
	/*\*/display: block;/**/
}

/* ------------------------------------------------------------
    99. Clearfix
   ------------------------------------------------------------ */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix { display: inline-block; }

/* exclude MacIE5 [start] \*/
* html .clearfix { height: 1% }

.clearfix { display: block; }
/* exclude MacIE5 [end] */

