@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

Index CSS File

File Name		index.css
Note			トップページ用スタイルシート


New Creation	
Update			


Created By		Yoshiaki Murakami

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

/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1.	htmlタグ
2.	container
3.	共通部分
4.	header
5.	content
	5-1.	main
	5-2.	sub
6.	footer

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

/*----------------------------------------------------------------------
1.	htmlタグ
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
2.	container
----------------------------------------------------------------------*/
#container {
	background-image:url(../img/container_bg3.png);
}

/*----------------------------------------------------------------------
3.	共通部分
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
4.	header
----------------------------------------------------------------------*/
#container #header {
	/*
	background:url(../img/index_header_bg.gif) center 19px; repeat;
	*/
}


/*----------------------------------------------------------------------
5.	content
----------------------------------------------------------------------*/
/*
5-1.	main
----------------------------------------------------------------------*/
#container #content #main {
	float:none;
}

#container #content #main .section {
	padding:24px 0px 0px 13px;
	border-top:1px solid #D5D5D5;
	background:url(../img/index_section_bg.gif) left top repeat-x;
}

* html #container #content #main .section {
	height:1%;
}

*+html #container #content #main .section {
	height:1%;
}

#container #content #main .section .section {
	padding:0px;
	border:none;
	background:none;
}

#container #content #main .section h2 {
	margin-bottom:19px;
	padding:5px 0px 0px 9px;
	border-left:5px solid #ec4c71;
	background:none;
}

#container #content #main #area {
	border:none;
}

#container #content #main #area ul {
    margin:0px 31px 25px;
    background:url("../img/search_area_bg.gif") right bottom no-repeat;
}

#container #content #main #area ul ul {
	margin:0px;
    background:none;
}

#container #content #main #area ul li {
    margin-bottom:2px;
}

* html #container #content #main #area ul li {
    height:1%;
    vertical-align:top;
}

*+html #container #content #main #area ul li {
    height:1%;
    vertical-align:top;
}

#container #content #main #area ul .last {
    margin:0;
}

#container #content #main #area ul li dl dt {
    float:left;
    background:#e0f0f3;
    font-size:1.2em;
    margin-right:1em;
    padding:0.3em 0.8em;
    width:6em;
}

* html #container #content #main #area ul li dl dt {
    width:8em;
}

*+html #container #content #main #area ul li dl dt {
    line-height:2em;
    padding:0 1em;
}

#container #content #main #area ul li dl dt a {
    color:#595757;
}

#container #content #main #area ul li dl dd {
	margin-left:10.3em;
}

* html #container #content #main #area ul li dl dd ul {
    padding:0.3em 0;
}

*+html #container #content #main #area ul li dl dd ul {
    padding:0.2em 0;
}

#container #content #main #area ul li dl dd ul li {
    float:left;
    font-size:1.2em;
    line-height:1.6em;
    margin:0;
    white-space:nowrap;
}

* html #container #content #main #area ul li dl dd ul li {
    border-right:1px solid #4D4D4D;
    line-height:1.2em;
    margin-right:0.5em;
    padding-right:0.5em;
}

*+html #container #content #main #area ul li dl dd ul li {
    border-right:1px solid #4D4D4D;
    line-height:1.3em;
    margin-right:0.5em;
    padding-right:0.5em;
}

* html #container #content #main #area ul li dl dd ul .last {
    border:medium none;
    margin:0;
    padding:0;
}

*+html #container #content #main #area ul li dl dd ul .last {
    border:medium none;
    margin:0;
    padding:0;
}

#container #content #main #area ul li dl dd ul li:after {
    content:"｜";
}

#container #content #main #area ul li dl dd ul .last:after {
    content:"";
}

#container #content #main #area ul li dl dd ul li a {
    text-decoration:underline;
}

* html #container #content #main #area ul li dl dd ul li a {
    height:1.2em;
}

#container #content #main #pickup ol {
	margin:0px 31px 13px;
}

#container #content #main #pickup ol li {
	float:left;
	display:inline;
	margin:0px 12px 12px 0px;
	width:276px;
}

#container #content #main #pickup ol .odd {
	clear:left;
}

#container #content #main #pickup ol li dl {
	position:relative;
	min-height:65px;
}

* html #container #content #main #pickup ol li dl {
	height:65px;
}

#container #content #main #pickup ol li dl dt ,
#container #content #main #pickup ol li dl dd {
	margin-left:76px;
}

#container #content #main #pickup ol li dl dt {
	margin:0px 0px 3px 65px;
}

#container #content #main #pickup ol li dl dt a {
	display:block;
	background:#5688c3;
	padding:7px 0px 7px 12px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
}

#container #content #main #pickup ol li dl dd {
	line-height:1.3em;
	color:#717070;
}

#container #content #main #pickup ol li dl .pic {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
}

#container #content #main #pickup ol li dl .pic img {
	border:1px solid #e0e0e0;
}

#container #content #main #pickup ol li dl .area {
	text-align:right;
	line-height:1em;
}

#container #content #main #pickup ol li dl .area a {
	color:#717070;
}

#container #content #main #parts .section {
	margin:0px 44px 6px 31px;
}

#container #content #main #parts #anti-aging {
	margin-bottom:19px;
}

#container #content #main #parts .section h3 {
	margin-bottom:6px;
}

#container #content #main #parts .section h3 a {
	display:block;
	background:#e0f0f3;
	padding:7px 0px 7px 10px;
	font-size:1.2em;
	font-weight:bold;
	color:#66849a;
}

#container #content #main #parts .section ul li {
	float:left;
	margin-bottom:6px;
	width:25%;
}

#container #content #main #parts .section ul li dl dt ,
#container #content #main #parts .section ul li dl dd {
	display:table-cell;
	vertical-align:middle;
}

* html #container #content #main #parts .section ul li dl dt ,
* html #container #content #main #parts .section ul li dl dd {
	display:inline;
	zoom:1;
}

*+html #container #content #main #parts .section ul li dl dt ,
*+html #container #content #main #parts .section ul li dl dd {
	display:inline;
	zoom:1;
}

#container #content #main #parts .section ul li dl dt {
	padding-right:9px;
}

#container #content #main #parts .section ul li dl dt a img {
	border:1px solid #e0e0e0;
}

* html #container #content #main #parts .section ul li dl dd {
	width:85px;
}

*+html #container #content #main #parts .section ul li dl dd {
	width:85px;
}

#container #content #main #parts .section ul li dl dd a {
	line-height:1.2em;
	text-decoration:underline;
	font-size:1.2em;
	font-weight:bold;
	color:#66849a;
}

#container #content #main #blog ol ,
#container #content #main #campaign ol {
	margin:0px 44px 17px 31px;
}

#container #content #main #blog ol li ,
#container #content #main #campaign ol li {
	background:url(../img/border1.gif) left bottom repeat-x;
}

#container #content #main #blog ol li dl ,
#container #content #main #campaign ol li dl {
	padding:6px 0px;
}

#container #content #main #blog ol li dl dt ,
#container #content #main #campaign ol li dl dt ,
#container #content #main #blog ol li dl .area ,
#container #content #main #campaign ol li dl .area {
	float:left;
	display:inline;
}

#container #content #main #blog ol li dl dt ,
#container #content #main #campaign ol li dl dt {
	width:320px;
}

#container #content #main #blog ol li dl dt a ,
#container #content #main #campaign ol li dl dt a {
	padding-left:12px;
	background:url(../img/arrow1.gif) left center no-repeat;
	font-size:1.2em;
	text-decoration:underline;
	color:#014190;
}

* html #container #content #main #blog ol li dl dt a ,
* html #container #content #main #campaign ol li dl dt a {
	zoom:1;
	line-height:1.2em;
}

*+html #container #content #main #blog ol li dl dt a ,
*+html #container #content #main #campaign ol li dl dt a {
	zoom:1;
	line-height:1.2em;
}

#container #content #main #blog ol li dl dt img ,
#container #content #main #campaign ol li dl dt img {
	margin-left:8px;
	vertical-align:middle;
}

#container #content #main #blog ol li dl dd ,
#container #content #main #campaign ol li dl dd ,
#container #content #main #blog ol li dl dd a ,
#container #content #main #campaign ol li dl dd a {
	line-height:1.4em;
	color:#717070;
	height:1%;
}

#container #content #main #blog ol li dl .area ,
#container #content #main #campaign ol li dl .area {
	width:106px;
}

#container #content #main #contents ul {
	margin:0px 30px 10px 31px;
}

#container #content #main #contents ul li {
	float:left;
	display:inline;
	margin:0px 16px 16px 0px;
	width:273px;
}

#container #content #main #contents ul li a img {
	border:1px solid #e0e0e0;
}
/*
#container #content #main #contents ul li dl {
	position:relative;
	min-height:80px;
}

* html #container #content #main #contents ul li dl {
	height:80px;
}

#container #content #main #contents ul li dl dt {
	margin-bottom:5px;
	width:194px;
	background:#e0f0f3;
}

#container #content #main #contents ul li dl dt a {
	display:block;
	padding:7px 0px 6px 28px;
	background:url(../img/index_contents_title_bg.gif) 10px center no-repeat;
	font-size:1.2em;
	font-weight:bold;
	color:#66849a;
}

#container #content #main #contents ul li dl dd {
	line-height:1.4em;
	color:#717070;
}

#container #content #main #contents ul li dl .pic {
	position:absolute;
	top:0px;
	right:0px;
}

#container #content #main #contents ul li dl .pic img {
	border:1px solid #e0e0e0;
}

#container #content #main #contents ul li dl .text {
	margin-right:90px;
}
*/

#container #content #main #qa ol {
	margin:0px 44px 35px 31px;
}

#container #content #main #qa ol li {
	position:relative;
	margin-top:7px;
	padding-bottom:8px;
	background:url(../img/border1.gif) left bottom repeat-x;
}

#container #content #main #qa ol li a {
	display:block;
	padding:4px 40px 4px 38px;
	background:url(../img/qa_list_bg.gif) left center no-repeat;
	font-size:1.2em;
	line-height:1.5em;
	text-decoration:underline;
	color:#014190;
}

#container #content #main #qa ol li img {
	position:absolute;
	top:7px;
	right:0px;
}

/*
5-2.	sub
----------------------------------------------------------------------*/
#container #content #sub1 {
	float:none;
	width:183px;
	top:0px;
	right:0px;
	left:auto;
}

/*----------------------------------------------------------------------
6.	footer
----------------------------------------------------------------------*/