@charset "utf-8";
/* ===================================================================
CSS information

 file name  :poyon.css
 style info :ポヨンランドレイアウト
=================================================================== */

.txt_blue {
	color: #09F;
}


.pL_box {
	width: 700px;
	margin: 0 auto;
	padding-top: 10px;
	overflow: hidden;
	line-height: 1.5em;
}

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

トップ
=================================================================== */

.t_box_l {
	width: 346px;
	float: left;	
}

.t_box_l .p01 {
	width: 346px;
	height: 405px;
	background: url(img/t_l_img01.gif) no-repeat left top;
}

.t_box_l .p01 .txt {
	width: 200px;
	padding-top: 335px;
	padding-left: 120px;
	color: #09F;
	text-align: center;
	font-size: 13px;
	line-height: 1.2em;
}

.t_box_l .p02 {
	width: 180px;
	height: 60px;
	margin-bottom: 20px;
	margin-left: 40px;
	margin-top: 20px;
	background:url(img/m_bar.jpg) no-repeat left top;
	padding-top: 65px;
	padding-left: 95px;
	color: #09F;
	line-height: 1.2em;
}

.t_box_r {
	width: 331px;
	float: left;
}

.t_box_r .section01 {
	width: 330px;
	height: 292px;
	background: url(img/t_r_img01.gif) no-repeat left top;
}

.t_box_r .section01 .txt {
	width: 200px;
	padding-top: 190px;
	color: #09F;
	text-align: center;
	font-size: 13px;
}

.t_box_r .section02 {
	width: 330px;
	height: 202px;
	background: url(img/t_r_img02.gif) no-repeat left top;
}

.t_box_r .section02 .txt {
	width: 180px;
	padding-top: 95px;
	padding-left: 40px;
	color: #09F;
	text-align: center;
}

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

ガイドのトップ
=================================================================== */



.guide_top {
	width: 532px;
	margin: 0 auto;
}

.gt_inner {
	width: 532px;
	background: url(img/gt_mid.jpg) repeat-y left top;
	overflow: hidden;
}

.guide_top .gt_box_l {
	width: 227px;
	float: left;
	padding-left: 20px;
}

.guide_top .gt_box_l .section01 {
	width: 227px;
	height: 182px;
	background: url(img/gt_box01.jpg) no-repeat left top;
	padding-bottom: 20px;
	margin-top: 10px;
}

.guide_top .gt_box_l .section02 {
	width: 227px;
	height: 185px;
	background: url(img/gt_box03.jpg) no-repeat left top;
	padding-bottom: 10px;
}

.guide_top .gt_box_r {
	width: 227px;
	float: right;
	padding-right: 25px;
}

.guide_top .gt_box_r .section01 {
	width: 227px;
	height: 182px;
	background: url(img/gt_box02.jpg) no-repeat left top;
	padding-bottom: 20px;
	margin-top: 10px;
}

.guide_top .gt_box_r .section02 {
	width: 227px;
	height: 185px;
	background: url(img/gt_box04.jpg) no-repeat left top;
	padding-bottom: 10px;
}


.guide_top .gt_box_l .section01 .txt01 {
	color:#0070af;
	width: 140px;
	padding-top: 60px;
	padding-left: 85px;
}
.guide_top .gt_box_l .section02 .txt02 {
	color:#0070af;
	width: 200px;
	padding-top: 45px;
	padding-left: 5px;
}

.guide_top .gt_box_l .section02 .gt_btn {
	text-align: right;
	padding-right: 10px;
}

.guide_top .gt_box_r .section01 .txt01 {
	color:#0070af;
	width: 200px;
	padding-left: 10px;
	padding-top: 60px;
}


.guide_top .gt_box_r .section02 .txt02 {
	color:#0070af;
	width: 200px;
	padding-top: 45px;
	padding-left: 10px;
}

.guide_top .gt_box_r .section02 .gt_btn {
	text-align: right;
	padding-right: 10px;
	padding-top: 20px;
}



/* ===================================================================
ガイド01　ポヨンはどこで生まれたの？
=================================================================== */

.guide01 {
	width: 589px;
	margin: 0 auto;
}

.guide01 .section {
	width: 540px;
	height: 359px;
	background: url(img/g01_back.jpg) no-repeat left top;
}

.guide01 .section .txt {
	width: 260px;
	padding-top: 180px;
	padding-left: 280px;
	line-height: 1.7em;
}

/* ===================================================================
ガイド02　 ポヨンってどんな子？
=================================================================== */

.guide02 {
	width: 589px;
	margin: 0 auto;
}

.guide02 .guide02_top {
	width: 589px;
	height: 213px;
	background: url(img/g02_ttl.jpg) no-repeat left top;
}

.guide02 .guide02_top .txt01 {
	width: 400px;
	padding-top: 110px;
	padding-left: 40px;
}

.guide02 .guide02_btm {
	width: 589x;
	height: 454px;
	background: url(img/g02_back.jpg) no-repeat left top;
	overflow: hidden;
}

.guide02 .guide02_btm .txt_box {
	width: 300px;
	float: right;
}

.guide02 .guide02_btm .txt_box dl {
	width: 300px;
	overflow: hidden;
	border-top: #00B8EA dotted 2px;
	border-bottom: #00B8EA dotted 2px;
	padding: 5px 0;
	margin-top: 5px;
	font-size: 13px;
	line-height: 1.8em;
}

.guide02 .guide02_btm .txt_box dt {
	width: 90px;
	float: left;
	color: #00B8EA;
	font-weight: bold;
}

.guide02 .guide02_btm .txt_box dd {
	width: 200px;
	float: left;
}


/* ===================================================================
ガイド03　 ポヨンってどんな子？
=================================================================== */

.guide03 {
	width: 589px;
	margin: 0 auto;
}

.guide03 .guide03_top {
	width: 589px;
	height: 213px;
	background: url(img/g03_ttl.jpg) no-repeat left top;
}

.guide03 .guide03_top .txt01 {
	width: 400px;
	padding-top: 110px;
	padding-left: 40px;
}

.guide03 .guide03_mid .section01 {
	width: 589px;
	overflow: hidden;
	line-height: 1.6em;
}

.guide03 .guide03_mid .section01 .left {
	width: 266px;
	float: left;
}

.guide03 .guide03_mid .section01 .right {
	width: 305px;
	float: right;
}


.guide03 .guide03_mid .section02 {
	width: 589px;
	overflow: hidden;
	line-height: 1.6em;
}

.guide03 .guide03_mid .section02 .left {
	width: 275px;
	float: left;
}

.guide03 .guide03_mid .section02 .right {
	width: 261px;
	float: right;
}

/* ===================================================================
ガイド04　 ポヨンの仲間たち
=================================================================== */


.guide04 {
	width: 589px;
	margin: 0 auto;
}

.guide04 .guide04_top {
	width: 589px;
	height: 180px;
	background: url(img/g04_ttl.jpg) no-repeat left top;
}

.guide04 .guide04_top .txt01 {
	width: 400px;
	padding-top: 110px;
	padding-left: 40px;
}

.guide04_main {
	width: 589px;
	background: url(img/g04_back.jpg) no-repeat right top;
	height: 880px;
	line-height: 1.6em;
}

.guide04_main .section01 {
	width: 420px;
	height: 178px;
	background: url(img/g04_img01.jpg) no-repeat left top;
	padding-bottom: 20px;
}

.guide04_main .section01 dl {
	width: 220px;
	padding-left: 188px;
}

.guide04_main .section01 dt {
	margin-bottom: 10px;
}


.guide04_main .section02 {
	width: 480px;
	height: 190px;
	background: url(img/g04_img02.jpg) no-repeat left top;
	padding-bottom: 20px;
}

.guide04_main .section02 dl {
	width: 220px;
	padding-left: 250px;
}

.guide04_main .section02 dt {
	margin-bottom: 10px;
}


.guide04_main .section03 {
	width: 420px;
	height: 178px;
	background: url(img/g04_img03.jpg) no-repeat left top;
	padding-bottom: 20px;
}

.guide04_main .section03 dl {
	width: 230px;
	padding-left: 188px;
}

.guide04_main .section03 dt {
	margin-bottom: 10px;
}



.guide04_main .section04 {
	width: 420px;
	height: 200px;
	background: url(img/g04_img04.jpg) no-repeat left top;
	padding-bottom: 20px;
}

.guide04_main .section04 dl {
	width: 230px;
	padding-left: 188px;
}

.guide04_main .section04 dt {
	margin-bottom: 10px;
}


/* ===================================================================
ポヨンらんど一覧　mokuji
=================================================================== */

.mokuji {
	width: 620px;
	margin: 0 auto;
	padding-top: 10px;
	line-height: 2em;
}

.mokuji .plo {
	width: 620px;
	padding-bottom: 10px;
	background: url(img/m_back02.jpg) repeat-y left top;
}

.mokuji .p_inner {
	width: 540px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

.mokuji .plo_list  {
	width: 540px;
	margin: 0 auto;
	overflow: hidden;
}

.mokuji .plo_list li {
	width: 160px;
	padding-left: 20px;
	float: left;
}

.mokuji .list {
	width: 620px;
	background: url(img/m_back.jpg) repeat-y left top;
	padding: 0;
}

.mokuji .list a,.mokuji .plo a {
	color: #630;
	text-decoration: none;
}
.mokuji .list a:hover,.mokuji .plo a:hover {
	color: #900;
	text-decoration: underline;
}

.m_xmas {
	width: 620px;
	margin: 0 auto;
	height: 181px;
	background: url(img/m_wb.jpg) no-repeat left top;
}

.m_xmas ul {
	width: 180px;
	line-height: 1.6em;
	float: right;
	padding-right: 60px;
	padding-top: 65px;
	margin-bottom: 45px;
	color:#930;
	display: block;
}
.m_xmas ul a {
	color: #930;
	font-weight: bold;
}
.m_xmas ul a:hover {
	color: #FC0;
	font-weight: bold;
}

.mokuji .story_btm {
	width: 620px;
	background: url(img/story_btm.jpg) no-repeat left top;
	clear: both;
}
.m_btm {
	width: 620px;
	margin: 0 auto;
}


/* ===================================================================
プロローグ plo01
=================================================================== */

.story .inner .plo01_box {
	width: 400px;
	
	margin: 0 auto;
	color: #630;
	background: url(img/plo01_img.jpg) no-repeat right top;
}

.story .inner .plo01_box p {
	width: 250px;
}


/* ===================================================================
アドベンチャー　story
=================================================================== */

.story {
	width: 589px;
	margin: 0 auto;
	padding-top: 10px;
	line-height: 2em;
}
.story .inner {
	width: 589px;
	background: url(img/story_back.jpg) repeat-y left top;
}

.story .inner .txt {
	width: 400px;
	margin: 0 auto;
	color: #630;
}

.story .story_btm {
	width: 589px;
	height: 139px;
	background: url(img/story_btm.jpg) no-repeat left top;
	clear: both;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.story .yokoku {
	width: 400px;
	padding-top: 62px;
	color: #630;
	font-size: 18px;
	margin: 0 auto;
	
}
/* ===================================================================
アドベンチャー vol01
=================================================================== */

.story .inner .vol01_box {
	width: 400px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol01_img.jpg) no-repeat right bottom;
}

.story .inner .vol01_box p {
	width: 250px;
}

/* ===================================================================
読み切り01
=================================================================== */
.story .inner .yomikiri01_img {
	width: 258px;
	padding-left: 200px;
	padding-top: 8px;

}

/* ===================================================================
アドベンチャー vol03
=================================================================== */

.story .inner .vol03_box {
	width: 400px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol03_img.jpg) no-repeat right bottom;
}

.story .inner .vol03_box p {
	width: 400px;
}


/* ===================================================================
アドベンチャー vol04
=================================================================== */

.story .inner .vol04_box {
	width: 400px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol04_img.jpg) no-repeat right top;
}

.story .inner .vol04_box p {
	width: 400px;
}


/* ===================================================================
アドベンチャー vol05
=================================================================== */

.story .inner .vol05_box {
	width: 400px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol05_img.jpg) no-repeat right top;
}

.story .inner .vol05_box p {
	width: 400px;
}
/* ===================================================================
アドベンチャー vol06
=================================================================== */

.story .inner .vol06_box {
	width: 400px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol06_img.jpg) no-repeat right top;
}

.story .inner .vol06_box p {
	width: 400px;
}
/* ===================================================================
アドベンチャー vol07
=================================================================== */

.story .inner .vol07_box {
	width: 400px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol07_img.jpg) no-repeat right top;
}

.story .inner .vol07_box p {
	width: 400px;
}


/* ===================================================================
アドベンチャー vol08
=================================================================== */

.story .inner .vol08_box {
	width: 400px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol08_img.jpg) no-repeat right top;
	line-height: 2em;
}

.story .inner .vol08_box p {
	width: 400px;
}

/* ===================================================================
アドベンチャー vol09
=================================================================== */

.story .inner .vol09_box {
	width: 410px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol09_img.jpg) no-repeat right top;
	line-height: 2em;
	padding-bottom: 10px;
}

.story .inner .vol09_box p {
	width: 400px;
}


/* ===================================================================
アドベンチャー vol10
=================================================================== */

.story .inner .vol10_box {
	width: 410px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol10_img.jpg) no-repeat right top;
	line-height: 2em;
	padding-bottom: 10px;
}

.story .inner .vol10_box p {
	width: 400px;
}

.story .inner .vol10_box {
	width: 410px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol10_img.jpg) no-repeat right top;
	line-height: 2em;
	padding-bottom: 10px;
}

.story .inner .vol10_box p {
	width: 400px;
}

/* ===================================================================
アドベンチャー vol12
=================================================================== */

.story .inner .vol12_box {
	width: 410px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol12_img.jpg) no-repeat right top;
	line-height: 2em;
	padding-bottom: 10px;
}

.story .inner .vol12_box p {
	width: 400px;
}

.story .inner .vol12_box {
	width: 410px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol12_img.jpg) no-repeat right top;
	line-height: 2em;
	padding-bottom: 10px;
}

.story .inner .vol12_box p {
	width: 400px;
}




/* ===================================================================
アドベンチャー vol13
=================================================================== */

.story .inner .vol13_box {
	width: 410px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol13_img.jpg) no-repeat right top;
	line-height: 2em;
	padding-bottom: 10px;
}

.story .inner .vol13_box p {
	width: 400px;
}

.story .inner .vol13_box {
	width: 410px;
	margin: 0 auto;
	color: #630;
	background: url(img/s_vol13_img.jpg) no-repeat right top;
	line-height: 2em;
	padding-bottom: 10px;
}

.story .inner .vol13_box p {
	width: 400px;
}