@charset "utf-8";


/*========================================

メディアの皆様

========================================*/

body#media {

}


/*コンテンツエリア
----------------------------------------*/
body#media div#content {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
}

body#media div#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#media div#content div#main {
	width: 710px;
	float: left;
	display: inline;
}

* html body#media div#content div#main {
	width: 700px;
	float: left;
	display: inline;
}

body#media div#content div#main h3 {
	margin: 0 0 10px 0;
}


/*カテゴリのリード文
----------------------------------------*/
body#media div#content div#main div.lead {
	background: url(../../images/article_bg02_btm.gif) no-repeat left bottom;
	width: 710px;
	margin: 0 0 20px 0;
}

body#media div#content div#main div.lead h2 {
	margin: 0;
	padding: 0;
}

body#media div#content div#main div.lead p {
	line-height: 1.5;
	padding: 15px;
}


/*見出し
----------------------------------------*/
body#media div#content div#main h3 {
	background: url(../../images/m_bg_media.gif) no-repeat left top;
	padding: 10px 20px;
	margin: 0 0 15px 10px;
	font-size: 1.1em;
}

body#media div#content div#main h3.contact {
	background-image: none;
	padding: 0;
	margin: 0 10px 15px 0;
}

/*ボックス
----------------------------------------*/
body#media div#content div#main div.section-media {
	background:url(../../images/media_line.gif) no-repeat left bottom;
	width: 670px;
	margin: 0 0 15px 20px;
	padding: 0 0 11px 0;
	clear: both;
}

body#media div#content div#main div.section-media:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#media div#content div#main div.section-media div.photo {
	float: left;
	display: inline;
	width: 110px;
}

body#media div#content div#main div.section-media div.photo p.purchase {
	margin: 5px 0;
}

body#media div#content div#main div.section-media div.detail {
	float: right;
	display: inline;
	width: 544px;
}

body#media div#content div#main div.section-media div.detail2 {
	float: right;
	display: inline;
	width: 670px;
}

body#media div#content div#main div.section-media div.detail h4 {
	background-image: none;
	color: #CC6600;
	font-size: 1em;
	border-bottom: 1px solid #CC6600;
	padding: 0 0 5px 15px;
	margin: 0 0 10px 0;
}

body#media div#content div#main div.section-media div.detail2 h4 {
	background-image: none;
	color: #CC6600;
	font-size: 1em;
	border-bottom: 1px solid #CC6600;
	padding: 0 0 5px 5px;
	margin: 0 0 10px 0;
}

body#media div#content div#main div.section-media div.detail p {
	margin: 0 0 8px 15px;
	line-height: 1.5;
}

body#media div#content div#main div.section-media div.detail p.moreinfo {
	font-size: 0.9em;
	line-height: 1.5;
	color: #666;
}

/*お問い合わせ
----------------------------------------*/
body#media div#content div#main div.contact {
	background: url(../../images/article_bg01_top.gif) no-repeat left top;
	width: 690px;
	margin: 0 10px 20px 10px;
	padding: 12px 0 0 0;
}

body#media div#content div#main div.contact div.inner {
	background: url(../../images/article_bg01_btm.gif) no-repeat left bottom;
	padding: 0 12px 12px 12px;
	zoom: 1;
}

body#media div#content div#main div.contact div.inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#media div#content div#main div.contact div.inner div.phone {
	background: url(../../images/flow_contact_line.gif) no-repeat right center;
	float: left;
	display: inline;
	width: 330px;
	margin: 0 10px 0 0;
}

body#media div#content div#main div.contact div.inner div.mail {
	float: right;
	display: inline;
	width: 320px;
}

body#media div#content div#main div.contact div.inner div.phone img,
body#media div#content div#main div.contact div.inner div.mail img {
	margin: 0 0 10px 0;
}

body#media div#content div#main div.contact div.inner div.mail ul {
	width: 330px;
}

body#media div#content div#main div.contact div.inner div.mail ul li {
	background: url(../images/ico_list_arrow2.gif) no-repeat left center;
	padding: 0 0 0 10px;
}


/*法人会員問い合わせ*/
body#media div#content div#main h4 {
	background: url(../../images/m_bg_flow.gif) no-repeat left top;
	padding: 10px 20px;
	margin: 0 0 20px 10px;
	font-size: 1.1em;
}

body#media div#content p.company_inq {
	margin: 0 0 60px 10px;
}

body#media div#content p.company_inq img {
	vertical-align: top;
	padding: 0 0 0 30px;
}


/*IE6の余白調整
----------------------------------------*/
* html body#media div#sidebar {
	clear: left;
}

* html div#content div#pagetop {
	clear: both;
	position: absolute;
	right: 0;
	bottom: 15px;
}