@charset "UTF-8";
/**********************************************************************
共通CSS
[ /css/common.css ]

Since         : 2009-01-00
Last modified : 2009-00-00
**********************************************************************/



/* 目次
-------------------------------------------------
 ・タグの初期化
 ・共通クラス
 ・コンテナ
 ・ヘッダ
 ・フッタ
 ------------------------------------------------- */



/* タグの初期化
------------------------------------------------- */
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ul, ol, li, img, caption, fieldset, form, input, select, label,
address, hr {
	margin: 0;
	padding: 0;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3",  "Hiragino Kaku Gothic Pro", "MS UI GOTHIC", 
		"ＭＳ Ｐゴシック", Osaka, 
		"Lucida Sans Unicode", Tahoma, sans-serif;
	font-size: 70%;
	color: #666;
	background: #fff;
	line-height: 1.6;
}
body * {
	font-size: inherit;
	font-family: inherit;
	font-style: normal;
}

img, a:hover img {
	vertical-align: bottom;
	border: none;
	text-decoration: none;
}
p {
	margin: 0 0 1em 0;
}
ul, ol{
	list-style-type: none;
}

a:link    {color: #666666; text-decoration: none;}
a:active  {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover   {color: #F9D0D6; text-decoration: underline;}
a:hover   {color: #fc9b83; text-decoration: underline;}
a:focus {
	outline: none;
}

/* 共通クラス
------------------------------------------------- */
#skip {
	display: none;
}
/* コンテナ
------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 940px;
}
/* ヘッダ
------------------------------------------------- */
#header {
	width: 940px;
	height: 89px;
	background: transparent url("../images/common/header.png") 0 100% no-repeat;
}
#feroux {
	text-align: left;
	font-size: 10%;
	text-indent: -9999px;
}
#feroux {
	display: block;
	float: left;
	width: 190px;
	height: 81px;
}
a#logo {
	display: block;
	float: left;
	width: 190px;
	height: 81px;
	background: transparent url("../images/common/logo.png") 0 0 no-repeat;
}
#main-nav {
	display: block;
	float: right;
	width: 568px;
	height: 81px;
}
#main-nav li ul.second {
	clear: left;
 }
#main-nav li, #main-nav a {
	display: block;
	float: left;
}
#main-nav li.first, #main-nav li.first a {
	height: 66px;
}
#main-nav li.second {
	height: 16px;
}
#main-nav li.first .second li, #main-nav li.first .second a {
	height: 16px;
}
#second-newitem {
}
#second-newitem:hover {
}
#second-pink {
}
#second-pink {
}
#h-nav-00-news {
	width: 55px;
}
#h-nav-01-newitem {
	width: 104px;
}
#h-nav-02-blog {
	width: 75px;
}
#h-nav-03-catalog {
	width: 78px;
}
#h-nav-04-concept {
	width: 78px;
}
#h-nav-05-shoplist {
	width: 78px;
}
#h-nav-06-onlineshop {
	width: 78px;
}
/* コンテンツ
------------------------------------------------- */
#content {
	width: 940px;
}
/* フッタ
------------------------------------------------- */
#footer {
	width: 940px;
	height: 24px;
	background: transparent url("../images/common/footer.png") 0 0 no-repeat;
}
#footer-nav {
	display: block;
	float: left;
	width: 440px;
	height: 24px;
}
#footer-nav li, 
#footer-nav a {
	display: block;
	float: left;
	height: 24px;
}
#f-nav-00-mobile {
	width: 76px;
}
#f-nav-02-recruit {
	width: 77px;
}
#f-nav-02-member {
	width: 110px;
}
#f-nav-03-contact {
	width: 104px;
}
#copy {
	float: right;
	height: 24px;
	width: 285px;
	background: transparent url("../images/common/copy.png") 0 0 no-repeat;
}
#copy .text-copy {
	display: block;
	float: left;
	text-align: left;
	text-indent: -9999px;
}
#link-copy {
	width: 97px;
	display: block;
	float: right;
}
#image-onward, #image-onward:hover {
	display: block;
	text-decoration: none;
	border: 0;
	width: 97px;
	height: 24px;
}



.policy {
	width:148px;
	float:left;
}

/*091113追加*/
div.blog-bg {
	margin-left: 79px;
	margin-bottom:20px;
	padding-bottom:9px;
	background:url(../images/blog/feroux_blog_bottom.gif) no-repeat bottom left;
}
div.blog-set {
	/*margin-left: 79px;*/
	/*margin-bottom: 20px;*/
	width:609px;
}
.update {
	padding-right: 10px;
	text-align: right;
	font-size: 12px;
}
div.blog-piece {
	width:609px;
	background:url(../images/blog/feroux_blog_bg.gif) repeat-y top left;
}
div.inner {
	margin-left:20px;
	padding-bottom:9px;
	width:575px;
	/*background-color:#F93;*/
}

div.photo-area {
	float: left;
	width:241px;
}

div.text-area {
	float: right;
	width:325px;
	overflow:hidden;
	word-break: break-all;
}
.blog-title {
	margin-bottom: 2em;
}
p.honbun {
	padding-left:25px;
	font-size: 1.2em;
	color: #686868;
}

dl.site-url-list {/*20100611追加*/
	font-size:1.2em;
	margin-left:25px;
}
dl.site-url-list dt,dl.site-url-list dd {
	line-height:1.2;
}
dl.site-url-list dd {margin-bottom:1.5em;}

.clear2 {
	clear:both;
	font-size:0;
	width:0;
	height:0;
	line-height:0;
	display:block;
	}
	
/*091127 ブログ再構築用*/
.fe-blog-wrap {
	margin-left:79px;
	margin-bottom:20px;
	width:609px;
}
.fe-blog-bg {
	padding-bottom: 13px;
	width:609px;
	background:url(../images/blog/bg_blog.gif) no-repeat bottom left;
}

.fe-blog-cont {
	margin: 0 auto;
	/*margin-left:17px;*/
	width:575px;
	background-color:#FFF;
	overflow:hidden;
}

ul.archives-list {
	margin-bottom:9em;
	padding-left:22px;
}

/*020100226メイキング用*/
#maiking-wrap {
	margin: 0 auto;
	width:709px;
}

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

.clearfix {display: inline-block; zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.left{
	float:left;
	display:inline;
	}