@charset "EUC-JP";


/*
* table of content( shortcut key "=" )
* =1 common
* =2 header
* =3 mainContents
* =4 subContents
* =5 footer
* =6 un common
* =7 index
* =8 voice
* 
* 
*/




/* =1 common
---------------------------------------------------------- */
* {
	font-size:100%;
	word-break:break-all;
}

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,label {
	margin: 0;
	padding: 0;
}

body {
	padding-bottom: 20px;
	color: #333;
	font-size: 90%;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Helvetica,sans-serif;
	background: #fffef7 url(/img/campaign/pantene_tiara/bg.jpg) repeat-x 0 43px;
	font-size: 83%;
	line-height: 1.3;
}


a img {
	border: 0;
}

a {
	color: #0dbbba;
}

a:visited {
	color: #149d9c;
}

a:hover {
	color: #e0a22b;
}


ul,ol {
	list-style:none;
}



div#container {
	width: 775px;
	margin: 0 auto;
	text-align: left;
}


/* pading */
ol.paging {
	padding-bottom: 10px;
	text-align: center;
}

	ol.paging li {
		display: inline;
	}

		ol.paging li a,
		ol.paging li strong {
			padding-right: 5px;
			padding-left: 5px;
		}







/* =2 header
---------------------------------------------------------- */
/* common header
---------------------------------------- */
div#commonHeader {
	height: 20px;
	padding: 5px 47px 17px;
	background: #fff;
	text-align: left;
}

/* hack for ie6 \*/
* html div#commonHeader {
	padding-bottom: 3px;
}/* end */

	div#commonHeader p {
		float: left;
	}

	div#commonHeader ul {
		float: right;
		padding-top: 8px;
	}

		div#commonHeader ul li {
			float: left;
			margin-left: 10px;
			padding-left: 10px;
			border-left: solid 1px #333;
		}

		div#commonHeader ul li:first-child {
			margin: 0;
			padding: 0;
			border: none;
		}



div#container {
	padding-top: 10px;
	background: url(/img/campaign/pantene_tiara/main-bg.gif) repeat-y;
	overflow: hidden;
}



/* contents header
---------------------------------------- */
div#contentsHeader {
	position: relative;
	clear: both;
	width: 775px;
	margin: 0 auto;
	padding-top: 10px;
}

	div#contentsHeader h1 {
		height: 233px;
		background: url(/img/campaign/pantene_tiara/title.jpg) no-repeat;
		text-indent: -99999px;
	}



/* nav
-------------------------- */
/* layout */
div#contentsHeader ul#nav {
	position: absolute;
	bottom: 9px;
	left: 14px;
}

	div#contentsHeader ul#nav li {
		float: left;
		padding-right: 2px;
	}


/* set */
div#contentsHeader ul#nav li a {
	height: 35px;
}

div#contentsHeader ul#nav li.top a {
	width: 207px;
	background: url(/img/campaign/pantene_tiara/b_1_on.gif) no-repeat;
}

div#contentsHeader ul#nav li.voice a {
	width: 206px;
	background: url(/img/campaign/pantene_tiara/b_2_on.gif) no-repeat;
}


/* hover */
div#contentsHeader ul#nav li a {
	display: block;
}

	body.voice div#contentsHeader ul#nav li.top a:hover img,
	body#index div#contentsHeader ul#nav li.voice a:hover img {
		position: absolute;
		width: 0;
		height: 0;
		overflow: hidden;
	}



div#contentsHeader ul#nav li a:hover {
/* hasLayout */ zoom: 1;
}




/* =3 main contents
---------------------------------------------------------- */
div#mainContents {
	float: left;
	width: 425px;
	padding-top: 5px;
}

div#mainContents h2 {
	padding-bottom: 10px;
}

div#mainContents p.description {
	margin-bottom: 15px;
}

	div#mainContents *.contents {
		margin-left: 10px;
	}

		div#mainContents p.goToTiaraProject {
			padding-top: 30px;
			text-align: center;
		}

		div#mainContents p.goToPageTop {
			padding-top: 30px;
			font-size: 83%;
			text-align: right;
		}




/* more
---------------------------------------- */
div#mainContents p.more {
	clear: left;
	font-weight: bold;
	text-align: right;
}









/* =4 sub contents
---------------------------------------------------------- */
div#subContents {
/* for ie */ display: inline;
	float: right;
	width: 330px;
	margin-top: 10px;
	margin-right: 10px;
}

	div#subContents div#aboutEventExperienceBlog,
	div#subContents div#trialKitPresent {
		padding-top: 30px;
		padding-right: 6px;
		padding-left: 6px;
	}
/* for ie6 \*/
	* html div#subContents div#aboutEventExperienceBlog,
	* html div#subContents div#trialKitPresent {
		padding-right: 4px;
	}/* end */

		div#subContents div.contents h2 {
			margin-top: -20px;
			margin-bottom: 8px;
			padding-top: 20px;
			background: #fff;
/* hasLayout */ zoom: 1;
/* for ie6 */ position: relative;
		}



		div#subContents div#playerbox {
			margin-left: 5px;
		}

		div#subContents div.contents p {
			padding-right: 5px;
			padding-left: 5px;
		}

		div#subContents div.contents ul.secret {
			padding-top: 5px;
			padding-left: 5px;
		}

			div#subContents div.contents ul.secret li {
				padding-bottom: 3px;
			}


			div#subContents div.contents p.secret img {
				margin-right: 5px;
			}

		div#subContents p.goToTiaraProject {
			padding-top: 20px;
			text-align: center;
		}









/* =5 footer
---------------------------------------------------------- */
div#footerMenu {
	clear: both;
	width: 775px;
	margin: 0 auto;
	background: url(/img/campaign/pantene_tiara/foot.gif) no-repeat;
	text-align: center;
}

	div#footerMenu div#footerNav {
		display: inline-block;
		padding-top: 30px;
	}


/* footer nav
---------------------------------------- */
div#footerMenu ul.nav {
	display: block;
}

	div#footerMenu ul.nav li {
		float: left;
		margin-left: 10px;
		padding-left: 10px;
		border-left: solid 1px #333;
	}

	div#footerMenu ul.nav li:first-child {
		margin: 0;
		padding: 0;
		border: none;
	}

/* hack for ie \*/
* html div#footerMenu div#footerNav  {
	display: inline;
	zoom: 1;
}
*:first-child+html div#footerMenu div#footerNav  {
	display: inline;
	zoom: 1;
}

*:first-child+html div#footerMenu ul.nav {
/* hasLayout */zoom: 1;
}
* html address {
	margin-top: -40px;
}/* end */




address {
	clear: left;
	padding-top: 10px;
	font-style: normal;
}








/* =6 un common
---------------------------------------------------------- */
body#index div#aboutTiaraProject p.more,
body.voice div#mainContents p.more {
	padding-top: 10px;
}




/* フキダシ 共通
---------------------------------------- */
div#mainContents div.bloggersVoice {
	margin-top: 15px;
	margin-bottom: 10px;
/* fix clear */ overflow: hidden;
}

	div#mainContents dl.voice dt a {
		font-weight: bold;
	}




/* フキダシ　大
---------------------------------------- */
div#mainContents div.detail *.blogger {
	position: relative;
	clear: left;
	float: left;
	width: 64px;
	padding-top: 67px;
	word-break: break-all;
	overflow: hidden;
}

	div#mainContents div.detail *.blogger a {
		font-weight: normal;
	}

		div#mainContents div.detail *.blogger img {
			position: absolute;
			top: 0;
			left: 0;
		}


	div#mainContents div.detail dl.voice {
		margin-left: 70px;
		background: url(/img/campaign/pantene_tiara/come1-2.gif) no-repeat left bottom;
	}

		div#mainContents div.detail dl.voice dt {
			padding-top: 10px;
			padding-bottom: 5px;
			padding-left: 20px;
			background: url(/img/campaign/pantene_tiara/come1-1.gif) no-repeat;
		}

		div#mainContents div.detail dl.voice dd {
			padding-right: 10px;
			padding-left: 20px;
			padding-bottom: 10px;
		}



/* フキダシ　小
---------------------------------------- */
body.voice div#mainContents div.shortly h4.blogger {
	position: relative;
}

body.voice div#mainContents div.shortly h4.blogger a {
	padding-left: 25px;
	font-weight: normal;
}

body.voice div#mainContents div.shortly h4.blogger img {
	position: absolute;
	left: 0;
	width: 16px;
}

body.voice div#mainContents div.shortly dl {
	margin-top: 4px;
	margin-left: 0!important;
	padding-bottom: 10px;
	background: url(/img/campaign/pantene_tiara/come2-2.gif) no-repeat left bottom;
}

body.voice div#mainContents div.shortly dt {
	padding: 15px 10px 0;
	background: url(/img/campaign/pantene_tiara/come2-1.gif) no-repeat left top;
}












/* =7 index
---------------------------------------------------------- */
body#index div#bloggersVoice {
	padding-bottom: 30px;
}


body#index div#aboutTiaraProject p {
	padding: 10px;
	background: #fcf8eb;
}


body#index div#aboutTiaraProject p.description,
body#index div#aboutTiaraProject p.more {
	padding: 0;
	background: none;
}

body#index div#aboutTiaraProject p.more {
	padding-top: 10px;
}













/* =8 voice top
---------------------------------------------------------- */
body.voice div#mainContents ol#questionList {
	margin-left: 10px;
	padding-left: 15px;
	padding-bottom: 20px;
	background: url(/img/campaign/pantene_tiara/line.gif) repeat-x left bottom;
}

	body.voice div#mainContents ol#questionList li {
		margin-bottom: 3px;
		font-weight: bold;
	}

		body.voice div#mainContents ol#questionList li a {
			margin-left: 3px;
		}

		body.voice div#mainContents ol#questionList li span {
			margin-left: 3px;
			color: #de006c;
			font-weight: bold;
		}





body.voice div.bloggersVoice {
/* hasLayout */ zoom: 1;
}

body.voice div#mainContents h3 {
	width: 400px;
	line-height: 50px;
	margin-top: 20px;
	padding-left: 15px;
	background: url(/img/campaign/pantene_tiara/q_bg.gif) no-repeat;
	color: #de006c;
}



body.voice p.goToTiaraProject {
	margin-top: 30px;
	background: url(/img/campaign/pantene_tiara/line.gif) repeat-x left top;
}








/* =8 voice 1〜6
---------------------------------------------------------- */
div#mainContents ol.paging {
	padding-top: 30px;
}



body#voice1 ol#questionList li a,
body#voice2 ol#questionList li a,
body#voice3 ol#questionList li a,
body#voice4 ol#questionList li a,
body#voice5 ol#questionList li a,
body#voice6 ol#questionList li a {
	font-weight: normal;
}

body#voice1 ol#questionList li.question1,
body#voice2 ol#questionList li.question2,
body#voice3 ol#questionList li.question3,
body#voice4 ol#questionList li.question4,
body#voice5 ol#questionList li.question5,
body#voice6 ol#questionList li.question6 {
	margin-left: -13px;
	padding-left: 13px;
	background: url(/img/campaign/pantene_tiara/sankaku.gif) no-repeat left center;
	font-weight: bold;
}