@charset "utf-8";

/* CSS Information *************************************
File name: layout_mt.css
Description: layout for BLOG and COLUMN
Created date: 2009/10/30
Last created date: 2009/11/04
Created by: Elephant Communications
***************************************************** */


/* Table Of Contents
----------------------------------------

* body
* #container
* #header
* #wrapper
* #primary
* #contents
* .pagetop
* #secondary
* #footer

* .pngfix

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

/* body
-------------------------------------------------------------------------------------------------------*/
body {
	background: #D8D3CE;
}

#bodyInner {
	width: 1020px;
	margin: 0 auto;
	background: url(/content/img_mt/common/bg_container.gif) left top repeat-y;	
}


/* #container
-------------------------------------------------------------------------------------------------------*/
#container {
	width: 1010px;
	margin: 0 auto;
}



/* #header
-------------------------------------------------------------------------------------------------------*/
#header {
	position: relative;
	height: 325px;	
}


/* Background setting for blog page
----------------------------------------------------------------------------------------*/
body.blog_layout #header {
	background: url(/content/blog/img/bg_blogKeyVisual.jpg) left top no-repeat;
}


/* Background setting for blog page
----------------------------------------------------------------------------------------*/
body.column #header {
	background: url(/content/column/img/bg_columnKeyVisual.jpg) left top no-repeat;
}


/* position setting
----------------------------------------------------------------------------------------*/
#header h1 {
	position: absolute;
}

#headerLogo {
	top: 30px;
	left: 815px;
}


/* page title
-------------------------------------------------------------------------*/
/* For blog
----------------------------------------------------------*/
body.blog_layout #headerTitle {
	top: 75px;
	left: 60px;
}

/* For column
----------------------------------------------------------*/
body.column #headerTitle {
	top: 115px;
	left: 170px;
}



/* #wrapper
-------------------------------------------------------------------------------------------------------*/
#wrapper {
	width: 920px;
	margin: 0 auto;
}



/* #primary
-------------------------------------------------------------------------------------------------------*/
#primary {
	width: 685px;
	float: right;
	margin-bottom: 40px;
}



/* #contents
----------------------------------------------------------------------------------------*/
#contents {
	margin-bottom: 130px;
}

#contents h2, #contents h3 {
	font-weight: bold;
}



/* #secondary
-------------------------------------------------------------------------------------------------------*/
#secondary {
	width: 190x;
	float: left;
}



/* .section
----------------------------------------------------------------------------------------*/
#secondary .section {
	margin-bottom: 15px;
	background: url(/content/img/common/bg_section.gif) left bottom no-repeat;
}

#secondary .section dl, #secondary .section ul {
	width: 165px;
	padding: 15px 12px 0 12px;
}

#secondary .section dt, #secondary .section dd, #secondary .section li {
	padding-left: 15px;
}

#secondary .section dt, #secondary .section li {
	background: url(/content/img/common/icn_arrow01.gif) left 3px no-repeat;
}

#secondary .section dd, #secondary .section li {
	padding-bottom: 15px;
	line-height: 1.2;
}

#secondary .section dt {
	margin-bottom: 10px;
	color: #5b3f20;
}

#secondary .section dd {
	font-weight: bold;
}

#secondary .section .last-child {
	margin-bottom: 0;
}


/* #footer
-------------------------------------------------------------------------------------------------------*/
#footer {
	position: relative;
	height: 68px;
	background: #6E645A;
}


/* position setting
----------------------------------------------------------------------------------------*/
#footer ul, #footer p {
	position: absolute;
}

#footerLogo {
	top: 28px;
	left: 42px;
}

#copyright {
	top: 33px;
	left: 648px;
}

#footer ul {
	top: 29px;
	left: 180px;
}

#footer li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	background: url(/content/img/common/bg_border03.gif) right center no-repeat;
	font-size: 10px;
}

#footer .last-child {
	background: none;
}

#footer li a {
	color: #fff;
}



/* .pngfix (IE6.0用)
-------------------------------------------------------------------------------------------------------*/
.pngfix { behavior: url("../js/iepngfix.htc");}