@charset "utf-8";

/*------------------------------------------------------------------------------------------------------ ポップアップ */
/*---------------------------------- リンクカラー設定 */

body#topics div#contentsTopicsBg div.mainContentsSubTtl h3 a{
font-size:100%;
text-decoration:none;
color:#704545;
}



body#topics div#contentsTopics{
padding:30px 0 10px 0;
}

body#topics div#contentsTopicsBg{
width:740px;
margin:0 auto;
background:url(../../topics/img/pic_bg02.gif) repeat-y;
}

body#topics div#bannerArea{
margin:0 0 0 20px;
width:740px;
padding:0 0 10px 0;
}

body#topics div#contentsTopicsBg div#banner{
margin:0 20px 0 20px;
}

body#topics div#contentsTopicsBg div#itemWrap,
body#topics div#contentsTopicsBg div#itemWrap01,
body#topics div#contentsTopicsBg div#itemWrap02,
body#topics div#contentsTopicsBg div#itemWrap03{
width:693px;
margin:0 auto;
}

body#topics div#contentsTopicsBg div.mainContentsSubTtl {
background:url(../../topics/img/sub_ttl_bg01.gif) no-repeat;
width:693px;
height:auto;
margin-top:0px;
}

body#topics div#contentsTopicsBg div.mainContentsSubTtl h3{
padding:28px 15px 17px 45px;
}



body#topics div#contentsTopicsBg div.contentsBg {
background:url(../../topics/img/sub_ttl_bg02.gif) repeat-y;
padding:13px 20px 0 20px;
}

body#topics div#contentsTopicsBg  h4{
color:#ee635f;
font-size:108%;
margin:0 0 7px 0;
}

body#topics div#contentsTopicsBg  h4.black{
color:#494949 !important;
font-size:108%;
margin:0 0 7px 0;
}

body#topics div#contentsTopicsBg div.contentsBg div.cmsTable{
padding-bottom:10px;
width:100%;
}

body#topics div#contentsTopicsBg div.contentsBg div.cmsTable table{
width:100%;
}
body#topics div#contentsTopicsBg div.contentsBg div.cmsTable table th,
body#topics div#contentsTopicsBg div.contentsBg div.cmsTable table td{
padding:8px 10px;
}

body#topics div.cmsTable table th,
body#topics div.cmsTable table td{
text-align:center;
}


body#topics div#contentsTopicsBg div.contentsBg div.cmsTable table.general01 th,
body#topics div#contentsTopicsBg div.contentsBg div.cmsTable table.general01 td{
padding:8px 10px;
}

body#topics div.cmsTable table.general01 td{
text-align:left;
line-height:1.5;
}

body#topics div.cmsTable table.general01 td p{
font-size:100%;
}



body#topics  div.header2 h1 {
padding:30px 0 0 10px;
float:left;
}

body#topics ol{
margin:10px 0;
line-height:1.5;
font-size:93%;
}

body#topics ol li{
list-style: decimal;
margin:0 0 0 20px;
padding:0 0 2px 0;
}

*html body#topics ol li{
margin:0 0 0 25px;
}

*:first-child+html body#topics ol li{
margin:0 0 0 25px;
}

/*インデックス*/

body#topics div.topic {
padding-bottom:15px;
}

body#topics div#contentsTopicsBg div#itemWrap div.contentsBg {
padding:5px 20px 5px 20px;
}

body#topics div#contentsTopicsBg div.topicWrap {
width:640px;
margin:0 auto;
}

body#topics div#contentsTopicsBg div.topicWrap div.photo{
float:left;
width:205px;
}

body#topics div#contentsTopicsBg div.topicWrap div.photo img{
border:5px #FFF solid;
}



body#topics div#contentsTopicsBg div.topicWrap div.text{
float:left;
width:425px;
}

body#topics ul.listLink{
padding:0 0 0 0;
}


body#topics ul#topicNav {
margin:5px 0 0;
text-align:right;
}

body#topics ul#topicNav li {
display:inline;
}

body#topics ul#topicNav li a {
background:url(../../topics/img/bg_year.gif) no-repeat 0 0;
display:inline-block;
margin-right:2px;
padding:10px 0;
text-align:center;
text-decoration:none;
width:80px;
}
/* ---------- ie6 hack  ----------*/
* html body body#topics ul#topicNav li a { zoom:1; display:inline; }
/* ---------- ie7 hack  ----------*/
*:first-child+html body body#topics ul#topicNav li a { zoom:1; display:inline; }

body#topics ul#topicNav li a span {
background:url(../../topics/img/arrow_year.gif) no-repeat left center;
padding-left:15px;
}

body#topics ul#topicNav li.active a,
body#topics ul#topicNav li a:hover {
background:url(../../topics/img/bg_year.gif) no-repeat 0 -150px;
}

body#topics ul#topicNav li.active a span,
body#topics ul#topicNav li a:hover span {
background:url(../../topics/img/arrow_year_on.gif) no-repeat left center;
}

body#topics .topicDate{
clear:both;
color:#a6a6a6;
padding:10px 0 0;
text-align:right;
}




/*パターン1*/
body#topics div#contentsTopicsBg div#itemWrap01 div.photo{
width:auto;
margin:0 0 2px 0;
}

body#topics div#contentsTopicsBg div#itemWrap01 div.photo img{
border:5px #FFF solid;
margin:0 20px 15px 0;
float:left;
}

body#topics div#contentsTopicsBg div#itemWrap01 div.photo p.noborder img{
border:none;
float:none;
}



/*ボーダー解除*/
body#topics div#contentsTopicsBg div#itemWrap01 div.photo img.non{
border:none;
}

body#topics div#contentsTopicsBg div#itemWrap01 div.text{
width:310px;
float:right;
}
body#topics div#itemWrap01 div.cmsTable table th,
body#topics div#itemWrap01 div.cmsTable table td{
text-align:left;
}
/*
body#topics div#itemWrap01 div.cmsTable table th{
width:20%;
}
body#topics div#itemWrap01 div.cmsTable table td{
width:80%;
}
*/



/*パターン2*/
body#topics div#contentsTopicsBg div#itemWrap02 div.photo{
width:auto;
}

body#topics div#contentsTopicsBg div#itemWrap02 div.photo img{
border:5px #FFF solid;
margin:0 20px 15px 0;
float:left;
}

body#topics div#contentsTopicsBg div#itemWrap02 div.text{
width:310px;
float:right;
}

body#topics div#contentsTopicsBg div#itemWrap02 div.cmsTable{
margin:0 0 0 0;
width:330px;
}

/* espie deco */
body#topics div#contentsTopicsBg div#itemWrap01 div.photo div.ptable table{
width:420px;
margin:0 0 0 0;
}
body#topics div#contentsTopicsBg div#itemWrap01 div.intro{
float:left;
width:420px;
margin:0 0 0 10px;
}
body#topics div#contentsTopicsBg div#itemWrap01 div.photo div.pimg{
width:200px;
float:left;
}

body#topics div#contentsTopicsBg div#itemWrap01 div.photo div.ptext{
float:right;
width:430px;
}

body#topics img.mar{
margin-bottom:15px;
}

*html body#topics div.pdf_link {
width:170px;
float:right;
margin:50px 0px 0 35px;
}

body#topics div.pdf_link {
width:170px;
float:right;
margin:50px 15px 0 35px;
}

body#topics div.pdf_link p{
text-align:center;
}

/* 夏工作ポップアップ */
body#topics div#contentsTopicsBg div#itemWrap01 div.natsu {
width:100%;
margin:0 auto;
text-align:center;
}

body#topics div#contentsTopicsBg div#itemWrap01 div.natsu img{
border:5px #FFF solid;
/*width:501px;*/
margin:0 auto;
}

/*---------------------------------- 下部バナーエリア（index.cssと同様） */

body#topics div#banner{
clear:both;
width:780px;
padding:3px 0 3px 0;
margin:0 0 50px 0;
text-align:center;
}

body#topics div#banner ul{
width:780px;
margin:0;
}

body#topics div#banner li{
float:left;
margin:0;
padding:5px 4px 5px 5px;
}


/*---------------------------------- 強調文字 */
body#topics div#contentsTopicsBg h4.black{
color:#494949;
}

body#topics strong{
font-weight:bold;
/*
color:#704545;
color:#ee635f;
*/
}

/* -------------------------------- サクラクレパスパビリオン 画像部分 */
body#topics div#pavilionBox {
	min-height:1001px;
}

/* ---------- ie6 hack  ----------*/
* html body#topics div#pavilionBox { height:1001px; }

/* ---------- ie7 hack  ----------*/
*:first-child+html body#topics div#pavilionBox { height:1001px; }

	body#topics div#pavilionBox ul {
		position:relative;
	}

		body#topics div#pavilionBox ul li {
			position:absolute;
		}

		body#topics div#pavilionBox ul li#photo01 {
			top:0;
			left:17px;
		}

		body#topics div#pavilionBox ul li#photo02 {
			top:68px;
			left:357px;
		}

		body#topics div#pavilionBox ul li#photo03 {
			top:271px;
			left:17px;
		}

		body#topics div#pavilionBox ul li#photo04 {
			top:353px;
			left:371px;
		}

		body#topics div#pavilionBox ul li#photo05 {
			top:569px;
			left:6px;
		}

		body#topics div#pavilionBox ul li#photo06 {
			top:671px;
			left:118px;
		}

		body#topics div#pavilionBox ul li#arrow01 {
			top:131px;
			left:294px;
		}

		body#topics div#pavilionBox ul li#arrow02 {
			top:229px;
			left:266px;
		}

		body#topics div#pavilionBox ul li#arrow03 {
			top:347px;
			left:349px;
		}

		body#topics div#pavilionBox ul li#arrow04 {
			top:544px;
			left:273px;
		}

		body#topics div#pavilionBox ul li#arrow05 {
			top:641px;
			left:276px;
		}




/* -------------------------------- おすすめ商品ポップアップ */
body#topics ul.coverUlGropu
{
	width:446px;
	margin:0 auto;
}

	body#topics ul.coverUlGropu li
	{
		width:142px;
		margin-right:10px;
		float:left;
	}

	body#topics ul.coverUlGropu li.lastChild
	{
		margin-right:0;
	}

		body#topics ul.coverUlGropu li a,
		body#topics ul.coverUlGropu li a:hover
		{
			background:none;
			outline:0;
		}

body#topics p.coverLinkGroup
{
	text-align:center;
	padding:0;
	line-height:1;
}

	body#topics p.coverLinkGroup a,
	body#topics p.coverLinkGroup a:hover
	{
		background:none;
		outline:0;
	}

/* -------------------------------- 汚れを気にせず使えるおえかきシリーズ　キャラクターネーミング決定！ */
body#topics div.characterTable
{
	margin-top:10px;
}

	body#topics div.characterTable table th
	{
		width:100px;
	}

	body#topics div.characterTable table td.imageCell
	{
		width:189px;
	}


	body#topics div.characterTable table td.cName
	{
		font-size:150%;
		font-weight:bold;
	}

	/* レヨンくん */
	body#topics div.characterTable table.character01 th.cName,
	body#topics div.characterTable table.character01 td.cName
	{
		background:#f1e4e5;
	}

	/* よんよん */
	body#topics div.characterTable table.character02 th.cName,
	body#topics div.characterTable table.character02 td.cName
	{
		background:#e8f1d9;
	}

	/* こぶちゃん */
	body#topics div.characterTable table.character03 th.cName,
	body#topics div.characterTable table.character03 td.cName
	{
		background:#f4f0dd;
	}

	/* ウォッシュ */
	body#topics div.characterTable table.character04 th.cName,
	body#topics div.characterTable table.character04 td.cName
	{
		background:#dfeced;
	}

	/* ベアル */
	body#topics div.characterTable table.character05 th.cName,
	body#topics div.characterTable table.character05 td.cName
	{
		background:#f0e5f2;
	}

	/* シープン */
	body#topics div.characterTable table.character06 th.cName,
	body#topics div.characterTable table.character06 td.cName
	{
		background:#f5eae1;
	}

	/* ニャンパァー */
	body#topics div.characterTable table.character07 th.cName,
	body#topics div.characterTable table.character07 td.cName
	{
		background:#e6e7f4;
	}


/* -------------------------------- YouTubeレイアウト */

.youtubeArea{
	text-align:center;
	}
/* -------------------------------- 夏工作2013 */

body#topics_summer div#contentsTopicsBg_summer{
width:944px;
margin:0 auto;
background:url("../../topics/img/pic_bg05.gif") repeat-y;
}
div.contentsBg_summer {
    background: url("../img/sub_ttl_bg06.gif") repeat-y scroll 0 0 transparent;
	width:894px;
	margin:0 auto;
}
#wrap_summer h1{
	padding-bottom:15px;
}
#wrap_summer{
	width:944px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}
.mainContentsSubTtl_summer {
    background: url("../img/sub_ttl_bg05.gif") no-repeat scroll 0 0 transparent;
    height: 68px;
    margin-top: 10px;
    width:894px;
	margin:0 auto;
	padding-bottom:20px;
}

div.mainContentsSubTtl_summer h3 {
    color: #704545;
    font-size: 138.5%;
    font-weight: bold;
    line-height: 1.3;
    padding: 38px 15px 0 45px;
}
.ml25{
	margin-left:25px !important;
}

body#topics_summer a:hover{
	background-color: transparent !important;
}

.topicsTable p{
	font-size:100%;
	}