@charset "utf-8";

/** $Id: default.css 5357 2012-03-27 02:28:20Z makino $ */
/**
 * ふくラボ！　社長メシ用 CSS(default.css)
 *
 * ふくラボ！　社長メシ用CSSです。
 *
 * @author ogawa@hitbit-inc.net
 * @copyright HitBit co.,ltd.
 * @since 2009-09-04
 * @lastmodified $Date: 2012-03-27 11:28:20 +0900 (火, 27 3 2012) $
 * @see guideline: Ver. 1.01
 */

/* 全体
------------------------ */
div#wrapper-president {
	width: 700px;
	margin-bottom: 20px;
	line-height: 1.4em;
	clear: both;
	float: none;
	color: #000000;
	overflow:hidden;
}

/* タイトル
------------------------ */
div#wrapper-president div#title h3 {
	width: 700px;
	height:200px;
}
div#wrapper-president div#title h3 a {
	display:block;
	width: 700px;
	height:200px;
}
div#wrapper-president div#title div#lead {
	width: 670px;
	background:url(../images/bg_head.png) repeat-y 0 0;
	padding:15px;
	border-bottom:5px solid #FF0000;
}

/* お気に入り
------------------------ */
div#wrapper-president div#favorite h4 {
	width: 525px;
	height:24px;
	background:url(../images/h3_bg01.gif) repeat-y 0 0;
	color:#FFFFFF;
	padding:6px 0 0 175px;
	margin-bottom:10px;
	font-weight:bold;
}
div#wrapper-president div#favorite div.txt {
	width: 435px;
	float:left;
}
div#wrapper-president div#favorite div.txt p {
	margin-bottom:2em;
}
div#wrapper-president div#favorite p.photo {
	width: 240px;
	float:right;
}

/* 店舗情報
------------------------ */
div#wrapper-president div#shop { 
clear:both;
overflow:hidden; }
div#wrapper-president div#shop div.right {
	width:415px;
	float:right;
}
div#wrapper-president div#shop p.photo {
	width:270px;
	float:left;
}
div#wrapper-president div#shop div.box  {
	width:365px;
	padding-left:50px;
	margin-bottom:10px;
}
div#wrapper-president div#shop div.box h5 {
	font-size:1.2em;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px solid #CCCCCC;
}
div#wrapper-president div#shop div.box h5 span { font-size:0.7em; }

/* お仕事
------------------------ */
div#wrapper-president div#work h4 {
	width: 540px;
	height:24px;
	background:url(../images/h3_bg02.gif) repeat-y 0 0;
	color:#FFFFFF;
	padding:6px 0 0 160px;
	margin-bottom:10px;
	font-weight:bold;
}

/* 社長を知る
------------------------ */
div#wrapper-president div#profile {
	overflow:hidden;
}
div#wrapper-president div#profile h4 {
	width: 444px;
	height:24px;
	background:url(../images/h4_profile.gif) repeat-y 0 0;
	margin-bottom:10px;
}
div#wrapper-president div#profile p.photo {
	width: 240px;
	float:left;
}
div#wrapper-president div#profile div {
	width: 445px;
	float:right;
}
/* 生き様
------------------------ */
div#wrapper-president div#episode {
		overflow:hidden;
}
div#wrapper-president div#episode h4 {
	width: 700px;
	height:25px;
	background:url(../images/h4_episode.gif) repeat-y 0 0;
	margin-bottom:10px;
}

/* 若いサラリーマンにひとこと
------------------------ */
div#wrapper-president div#for-young {
	width: 560px;
	_height:140px;
	min-height:140px;
	background:#EBEBD9 url(../images/h4_hitokoto.gif) no-repeat 0 0;
	margin-bottom:20px;
	padding:0 0 10px 140px;
	overflow: hidden;
}
div#wrapper-president div#for-young p.lead {
	width:540px;
	background:#A1A194;
	color:#FFFFFF;
	padding:3px;
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0 5px 0;
}
div#wrapper-president div#for-young p.txt { width:540px; }

/* 社長の会社
------------------------ */
div#wrapper-president div#company-info{
	overflow:hidden;
}
div#wrapper-president div#company-info div {
	width: 440px;
	float:left;
}
div#wrapper-president div#company-info p.photo {
	width: 240px;
	float:right;
}

/* We Love ふくしま！
------------------------ */
div#wrapper-president div#welove {
	overflow:hidden;
}
div#wrapper-president div#welove h4 {
	width: 490px;
	height:24px;
	background:url(../images/h3_bg03.gif) repeat-y 0 0;
	color:#FFFFFF;
	padding:6px 0 0 210px;
	margin-bottom:10px;
	font-weight:bold;
}

/* おごり
------------------------ */
div#wrapper-president {
	overflow:hidden;
}
div#wrapper-president div#ogori h4 {
	width: 700px;
	height:85px;
	background:url(../images/ogori.gif) no-repeat center center ;
	margin-bottom:10px;
}
div#wrapper-president div#ogori p.photo {
	width: 180px;
	float:left;
}
div#wrapper-president div#ogori div {
	width: 505px;
	float:right;
}
div#wrapper-president div#ogori div p.btn a {
	display:block;
	width:228px;
	height:46px;
	background:url(../images/present.gif) no-repeat 0 0;
	margin:0 auto;
}
div#wrapper-president div#ogori div p.att {
	text-align:center;
	color:#999999;
	font-size:0.8em;
}