@charset "utf-8";
/* CSS Document */

/* CSS Information *************************************
File name: okkake.css
Description: layout okkake
Created date: 2009/10/01
Last created date: 2009/10/01
Created by: Elephant Communications
***************************************************** */


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

* contents
* article
* okkakeHead
* okkakeBody
* okkakeFoot
* positionImg setting
* okkakeList
* bgSet

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


/* contents
---------------------------------------------------------------------------- */
/* okkake:common setting
------------------------------------------------*/
body.okkake #contents {
	padding-bottom: 0px;
	line-height: 1.5;
	color: #923d05;
	font-size: 14px;
}

body#okkake01 #contents {background: url(../img/okkake/bg_contents.jpg) left top repeat-y;}
body#okkake02 #contents {background: url(../img/okkake/vol02/bg_contents.jpg) left top repeat-y;}

/* #contentsInner
------------------------------------------------*/
body.okkake #contentsInner {
	margin-bottom: 0px;
}

body#okkake01 #contentsInner {background: url(../img/okkake/bg_article.jpg) 40px top repeat-y;}



/* #article
---------------------------------------------------------------------------- */
/* okkake:each background
-------------------------------*/
body#okkake01 #article {
	margin-bottom: 15px;
	background: url(../img/okkake/vol01/bg_contentsInner-vol1.jpg) left top no-repeat;
}
/* okkake:each background
-------------------------------*/


#articleInner {
	position: relative;
	width: 770px;
	margin-left: 40px;
	padding-bottom: 30px;
	background: url(../img/okkake/bg_articleInner.jpg) left bottom no-repeat;
}



/* #okkakeHead
---------------------------------------------------------------------------- */
#okkakeHead {
	height: 300px;
}

/* #okkakeHeadInner
------------------------------------------------*/
#okkakeHeadInner {
	position: absolute;
	text-indent: -10000em;
}



/* #okkakeBody
---------------------------------------------------------------------------- */
#okkakeBody {
	width: 585px;
	margin: 0 auto;
}

#okkakeBody li {
	margin-bottom: 33px;
	line-height: 1.5;
}

/* .layoutList:各width設定
------------------------------------------------*/
#okkakeBody .layoutList01, #okkakeBody .layoutList02 {
	margin-left: 135px;
}

#okkakeBody .layoutList01 { width: 420px;}
#okkakeBody .layoutList02 { width: 375px;}



/* #okkakeFoot
---------------------------------------------------------------------------- */
#okkakeFoot {
	position: relative;
}

#okkakeFoot dl {
	margin-bottom: 30px;
	text-align: center;
}

#okkakeFoot dt {
	margin-bottom: 10px;
}



/* positionImg setting (画像の絶対配置設定)
---------------------------------------------------------------------------- */
#asideImg li {
	position: absolute;
}

#asideImg01 {
	top: 660px;
	left: -15px;
}

#asideImg02 {
	top: 905px;
	left: -15px;
}



/* #okkakeList
---------------------------------------------------------------------------- */
#okkakeList {
	width: 675px;
	margin: 0 auto;
}

body#okkake01 #okkakeList {background: url(../img/okkake/bg_backnumber01.jpg) left top repeat-y;}
body#okkake02 #okkakeList {background: url(../img/okkake/vol02/bg_backnumber01.jpg) left top repeat-y;}

#okkakeList h4 {
	margin-bottom: 10px;
}

#okkakeListInner {
	padding-bottom: 25px;
}

body#okkake01 #okkakeListInner {background: url(../img/okkake/bg_backnumber02.jpg) left bottom no-repeat;}
body#okkake02 #okkakeListInner {background: url(../img/okkake/vol02/bg_backnumber02.jpg) left bottom no-repeat;}

#okkakeList ul {
	width: 555px;
	margin: 0 auto;
}

#okkakeList li {
	margin-bottom: 15px;
}

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



/* #bgSet
---------------------------------------------------------------------------- */
/* okkake02
----------------------------------------------------------*/
#bg01SetOkkake02 {
	width: 865px;
	height: 55px;
	background: url(../img/okkake/vol02/bg01_okkake02.jpg) left top no-repeat;
}

#bg01SetOkkake02 p {
	width: 660px;
	padding-left: 90px;
}

#bg02SetOkkake02 {
	width: 332px;
	height: 228px;
	background: url(../img/okkake/vol02/bg02_okkake02.jpg) left top no-repeat;
}

#bg02SetOkkake02 p {
	width: 320px;
	padding: 35px 0 0 5px;
}

#bg03SetOkkake02 {
	width: 396px;
	height: 382px;
	background: url(../img/okkake/vol02/bg03_okkake02.jpg) left top no-repeat;
}

#bg03SetOkkake02 p {
	padding-top: 10px;
}

#bg03SetOkkake02 p.first {width: 315px;}
#bg03SetOkkake02 p.note {font-size: 10px;}


---------------------------------------------------------------------------- */
/* okkake03
----------------------------------------------------------*/
#bg01SetOkkake03 {
	width: 471px;
}

#bg01SetOkkake03 p {
	width: 450px;
}

#bg02SetOkkake03 {
	width: 378px;
}

#bg03SetOkkake03 {
	width: 865px;
	hright:100px;
}

	#bg03SetOkkake03 p {
	font-size: 10px;
	line-height: 1.4;
	color:#666666;
}

.bg_okkake03 {
	margin:0;
}

#tableend {
	margin: 0;
	padding: 0;
}

.read {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	
}

/*---------------------------------------------------------------------------- */
/* okkake04
----------------------------------------------------------*/
#bg01SetOkkake04 {
	width: 865px;
	height: 50px;
	background: url(../img/okkake/vol04/bg01_okkake04.jpg) left top no-repeat;
}

#bg01SetOkkake04 p {
	width: 660px;
	padding-left: 90px;
}
#bg02SetOkkake04 {
	width: 406px;
	height: 740px;
	background: url(../img/okkake/vol04/photo06_frame_okkake04.jpg) no-repeat right bottom #ffffff;
}
#bg02SetOkkake04 p {padding-bottom:30px;}
#bg02SetOkkake04 p.note {font-size: 10px;}


/*---------------------------------------------------------------------------- */
/* okkakeInclude
----------------------------------------------------------*/
.Archive {
	width:865px;
	text-align:center;
}

.ArchiveInner {
	margin: 25px 0;
	padding: 0;
	border: 0;
}