@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. ローカルナビ
  03. 中ページレイアウト
　04. バナー
　05. 右カラム


******************************************************************************* */



/* ==

　00. file import

=============================================================================== */
@import url("/renew/css/style.css");


/* ==

　01. 基本

=============================================================================== */
/*
.section .main{
	margin:0 0 0 20px;
	width:550px; !important
	float:left; !important
	display:inline;
	}
*/	
	
.main-column div{
	min-height:1%;
	margin-bottom:20px;
	clear:both;
}
* html .main-column div{ height:1%; }
.main-column div div{ margin-bottom:0; clear:none; }

.main-column .contents{
	width:550px;
	min-height:1%;
	margin:0;
	padding-top:10px;
	background:none;
	border-left:1px solid #b2b4b6;
	border-right:1px solid #b2b4b6;
	clear:both;
}
.main-column .contents div{
	width:550px;
	min-height:1%;
	margin:0 auto 20px;
	line-height:1.5;
	clear:both;
}
.main-column .contents div div{ clear:none; }
.section .main-column h2{
	margin-bottom:10px;
	background:none;
	}
.section .main-column h3{
	min-height:inherit;
	margin-bottom:10px;
	padding:0;
	background:none;
}
/** html .main-column h3{ height:22px; }*/

@media print{
	* html .main-column .contents{ padding-bottom:10px; }
}


/* ==

　02. ローカルナビ

=============================================================================== */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }


/* ==

　03. 中ページレイアウト

=============================================================================== */
.main-column .txtBlock {
	margin-bottom:20px;
	}
.main-column .txtBlock p {
	line-height:1.5;
	margin-bottom:10px;
	}
.main-column .txtBlock p.center {
	text-align: center;
	}

.main-column .pageNext {
	/*padding-bottom:20px;*/
}

div.main-column div.pageNext ul {
	margin:0;
	padding-bottom:20px;
	position: relative;
	text-align: right;
}

div.main-column .pageNext ul li {
	margin:0 0 0 5px;
	padding:0;
	display: inline;
}

div.main-column div.pageNext ul li#backLink {
	margin: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.main-column p.renewNote {
	clear: both;
	text-align: right;
	line-height: 1.5;
}

div.main-column div.txtImgColumnWrap {
	display: inline-block;
	width: 550px;
}

div.main-column div.txtImgColumnWrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div.main-column div.txtImgColumn1-1 {
	float: left;
	width: 190px;
	font-size:80%;
	line-height:1.4;
}

div.main-column div.txtImgColumn1-2 {
	float: right;
	width: 350px;
}

div.main-column div.txtImgColumn2-1 {
	float: left;
	width: 350px;
}

div.main-column div.txtImgColumn2-2 {
	float: right;
	width: 190px;
	font-size:80%;
	line-height:1.4;
}

div.main-column div.txtImgColumn3-1 {
	float: left;
	clear: both;
	width: 250px;
	font-size:80%;
	line-height:1.4;
}

div.main-column div.txtImgColumn3-2 {
	float: right;
	width: 250px;
	font-size:80%;
	line-height:1.4;
}

div.main-column div.txtImgColumn4-1 {
	float: left;
	width: 310px;
}

div.main-column div.txtImgColumn4-2 {
	float: right;
	width: 230px;
	font-size:80%;
	line-height:1.4;
}

div.main-column div.txtImgColumn5-1 {
	float: left;
	width: 405px;
}

div.main-column div.txtImgColumn5-2 {
	float: right;
	width: 135px;
	font-size:80%;
	line-height:1.4;
}

div.main-column div.txtImgColumn6-1 {
	float: left;
	width: 335px;
}

div.main-column div.txtImgColumn6-2 {
	float: right;
	width: 205px;
	font-size:80%;
	line-height:1.4;
}


div.main-column div#bookBox {
	padding: 10px;
	border: 1px solid #66CC00;
	display: inline-block;
}

div.main-column div#bookBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div.main-column div#bookBox div.bookContents {
	padding-bottom: 1em;
	display: inline-block;
	clear: both;
}

div.main-column div#bookBox div.bookContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div.main-column div#bookBox div.bookContentsLastChild {
	padding-bottom: 0;
	clear: both;
}

div.main-column div#bookBox p {
	line-height: 1.5;
}

div.main-column div#bookBox div.bookPhoto {
	float: left;
	clear: both;
	width: 160px;
}

div.main-column div#bookBox div.bookText {
	float: right;
	width: 368px;
}

div.main-column .profNotes {
	font-size:80%;
	margin-bottom:20px;
	clear:both;
	}


/*
div#renewSpecialTitle
---------------------------------------------------------*/
div#renewSpecialTitle {
	position: relative;
	width: 550px;
	height: 280px;
}

div#renewSpecialTitle p {
	position: absolute;
	left: 14px;
	bottom: 18px;
	width: 355px;
	line-height: 1.5;
}



/*
div#renewSpecialTitle2
---------------------------------------------------------*/
div#renewSpecialTitle2 {
	padding-bottom: 14px;
	position: relative;
	width: 550px;
	background: #FDF7E9 url(../sp_vol02/images/title.jpg) top center no-repeat;
}

div#renewSpecialTitle2 h2 {
	height: 0;
	text-indent: -9999em;
	overflow: hidden;
}

div#renewSpecialTitle2 p {
	margin: 158px 0 0 18px;
	width: 510px;
	line-height: 1.5;
}



/*
div#renewSpecialProfle
---------------------------------------------------------*/
div#renewSpecialProfle {
	padding: 12px;
	border: 1px solid #AE986A;
	display: inline-block;
	width: 524px;
}

div#renewSpecialProfle:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div#renewSpecialProfle p {
	line-height: 1.5;
}

div#renewSpecialProfle img {
	margin-bottom: 15px;
}

div#renewSpecialProfle div.contents-1 {
	float: left;
	width: 262px;
}

div#renewSpecialProfle div.contents-2 {
	float: right;
	width: 234px;
}



/*
div#renewSpecialProfle2
---------------------------------------------------------*/
div#renewSpecialProfle2 {
	padding: 12px;
	border: 1px solid #AE986A;
	display: inline-block;
	width: 524px;
}

div#renewSpecialProfle2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div#renewSpecialProfle2 p {
	line-height: 1.5;
}

div#renewSpecialProfle2 div.contents-1 {
	float: left;
	width: 150px;
}

div#renewSpecialProfle2 div.contents-2 {
	float: right;
	width: 346px;
}



/*
div.main-column dl.talkContents
---------------------------------------------------------*/
div.main-column dl.talkContents {
	display: inline-block;
	clear: both;
}

div.main-column dl.talkContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div.main-column dl.talkContents dt {
	float: left;
	width: 5em;
	line-height: 1.5;
	font-weight: bold;
}

div.main-column dl.talkContents dt.speaker {
	color: #F367F3;
}

div.main-column dl.talkContents dd {
	margin-left: 5em;
	line-height: 1.5;
}

* html body div.main-column dl.talkContents dd p {	/* for IE6 */
	display: inline-block;
}



/*
div.main-column div#planDrawing
---------------------------------------------------------*/
div.main-column div#planDrawing {
	margin: 0 auto 20px; 
	width: 520px;
}

div.main-column div#planDrawing h3 {
	margin-bottom: 0;
}



/* ==

　04. バナー

=============================================================================== */
.main-column .bnr { clear:both; }
.main-column .bnr p{ float:left; }
.main-column .bnr p.request{ float:right; }

.main-column div.toPageBack {
	/*clear:both;*/
	margin:0 0 10px 0;
	padding-top:10px;
	text-align:left;
	}



/* ==

　05. 右カラム

=============================================================================== */
/*.otherSample {
	width:160px;
	min-height:1%;
	float:left;
	margin-left:20px;
	}*/
.section .otherSample {
	margin-top:0; !important
	}
.otherSample h3 {
	margin-bottom:10px;
	padding:0;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	}
.otherSample ul {
	margin-bottom:10px;
	width:160px;
	}
.otherSample ul li.firstChild {
	margin-bottom:0 0 10px 0;
	padding:0 0 10px 0;
	/*text-align:center;*/
	font-size:80%;
	}
.otherSample ul li {
	background:url(../images/bk_othersample.gif) left bottom no-repeat;
	margin-bottom:0;
	padding:10px 0;
	font-size:80%;
	}
.otherSample ul li.lastChild {
	background:url(../images/bk_othersample_under.gif) left bottom no-repeat;
	margin-bottom:0;
	padding:10px 0;
	font-size:80%;
	}
.otherSample ul li p.img {
	margin-bottom:5px;
	text-align:center;
	}
.otherSample ul li.firstChild p.img {
	background:url(../images/bk_othersample_top.gif) left top no-repeat;
	margin-bottom:5px;
	padding-top:10px;
	text-align:center;
	}
.otherSample ul li p.txt {
	text-align:center;
	}
.otherSample p.topLink {
	width:160px;
	margin:0;
	}
.otherSample p.topLink a {
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	font-size:80%;
	}


/* ==

　06. TOPページレイアウト

=============================================================================== */
.main-column .renewColumn h3{
	margin-bottom:10px;
	padding:0;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
}

.main-column .renewColumn h4,
.main-column .renewColumn h5{
	margin-bottom:10px;
	}

/*
Column Pickup
---------------------------------------------------------*/
.main-column .columnPickup {
	width:550px;
	margin-bottom:10px;
	}
.main-column .columnPickup a {
	width:318px;
	height:264px;
	padding:10px 220px 0 10px;
	border:1px solid #66cc00;
	background-color:#fff;
	background-image:url(../images/index_p_pu04.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	font-size:100%;
	line-height:1.4;
	display:block;
	}
.main-column .columnPickup a:link, .main-column .columnPickup a:visited{ border:1px solid #66cc00; color:#666; text-decoration:none; }
.main-column .columnPickup a:hover, .main-column .columnPickup a:active{ border:1px solid #ff6600; color:#666; }

.main-column .columnPickup img{ margin-bottom:5px; }



/*
Backnumber layout
---------------------------------------------------------*/
.main-column .backnumber ul{ margin:4px 0 0; }
.main-column .backnumber li{
	width:260px;
	margin:0 10px 10px 0;
	padding:5px;
	background-color:#f3f3f3;
	line-height:1.3;
	float:left;
	clear:none;
}

.main-column .backnumber li.vol09,
.main-column .backnumber li.vol07,
.main-column .backnumber li.vol05,
.main-column .backnumber li.vol03,
.main-column .backnumber li.vol01,
.main-column .backnumber li.sp01 {
	margin-right:0;
	}

.main-column .backnumber li a{
	width:143px;
	height:102px;
	margin:0;
	padding:5px 110px 0 5px;
	background-color:#fff;
	background-position:right top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	font-size:80%;
	line-height:1.5;
	display:block;
}
.main-column .backnumber li a:link, .main-column .backnumber li a:visited{ border:1px solid #dadada; color:#666; text-decoration:none; }
.main-column .backnumber li a:hover, .main-column .backnumber li a:active{ border:1px solid #ff6600; color:#666; }

.main-column .backnumber li a img{ margin-bottom:5px; }

/* コラム背景 */
.main-column .backnumber li.vol10 a{ background-image:url(../images/index_p_vol10.jpg); }
.main-column .backnumber li.vol09 a{ background-image:url(../images/index_p_vol09.jpg); }
.main-column .backnumber li.vol08 a{ background-image:url(../images/index_p_vol08.jpg); }
.main-column .backnumber li.vol07 a{ background-image:url(../images/index_p_vol07.jpg); }
.main-column .backnumber li.vol06 a{ background-image:url(../images/index_p_vol06.jpg); }
.main-column .backnumber li.vol05 a{ background-image:url(../images/index_p_vol05.jpg); }
.main-column .backnumber li.vol04 a{ background-image:url(../images/index_p_vol04.jpg); }
.main-column .backnumber li.vol03 a{ background-image:url(../images/index_p_vol03.jpg); }
.main-column .backnumber li.vol02 a{ background-image:url(../images/index_p_vol02.jpg); }
.main-column .backnumber li.vol01 a{ background-image:url(../images/index_p_vol01.jpg); }

/* 特集背景 */
.main-column .backnumber li.sp02 a{ background-image:url(../images/index_p_sp02.jpg); }
.main-column .backnumber li.sp01 a{ background-image:url(../images/index_p_sp01.jpg); }


/*
Special Pickup
---------------------------------------------------------*/
.main-column .specialPickup {
	width:550px;
	margin-bottom:10px;
	}
.main-column .specialPickup a {
	width:548px;
	/*height:264px;*/
	padding:0 0 20px 0;
	border:1px solid #ae986a;
	background-color:#fff;
	background-image:none;
	background-repeat:no-repeat;
	font-size:100%;
	line-height:1.4;
	display:block;
	}
.main-column .specialPickup a .txt { padding:0 20px; display:block; }
.main-column .specialPickup a:link, .main-column .specialPickup a:visited{ border:1px solid #ae986a; color:#666; text-decoration:none; }
.main-column .specialPickup a:hover, .main-column .specialPickup a:active{ border:1px solid #ff6600; color:#666; }

.main-column .specialPickup img{ margin-bottom:5px; }