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

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8888;
}

/* 全体・枠作り */

html,body {
  height:100%;
}

img { display:block; }

body#LILYCLEEX {
	font-family: "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../img/bg_grand.png);
	background-attachment:fixed; 
}

#Conteiner {	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background:url(../img/bg_headwrap.png) left top repeat-x;
}

/* ページトップ */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
}
#page-top a {
	background: #eb6d9a;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #ff3980;
}

/* コンテンツ以下 */

header {
	width:1000px;
	height:30px;
	position:relative;
	margin:0 auto;
}

header h1 {
	width:378px;
	height:30px;
	background:url(../img/head_title.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.twitter {
	width:140px;
	height:20px;
	position:absolute;
	left:680px;
	top:5px;
	text-align:left;
}

.return {
	width:180px;
	height:30px;
	background:#fff;
	position:absolute;
	left:820px;
	top:0;
}

#Mainvisual {
	width:1020px;
	height:600px;
	margin:0 auto;
	padding-top:10px;
	background:url(../img/bg_mainvisual.png) left top no-repeat;
}

#Mainvisual img {
	width:1000px;
	height:600px;
	margin:0 auto;
}

#Mainvisual .onsale_summer {
	width:1000px;
	height:600px;
	margin:0 auto;
	background:url(../img/mainvisual/02.jpg) left top no-repeat;
	position:relative;
}

#Mainvisual .onsale_winter {
	width:1000px;
	height:600px;
	margin:0 auto;
	background:url(../img/mainvisual/03b.jpg) left top no-repeat;
	position:relative;
}

.onsale_movie {
	width:300px;
	height:225px;
	position:absolute;
	left:685px;
	top:360px;
}

#Menu {
	background:url(../img/bg_menu.png) left top no-repeat;
	width:1020px;
	height:90px;
	padding-top:10px;
	margin:0 auto;
}

#Menu ul li {
	float:left;
}

#Special {
	width:1040px;
	margin:0 auto;
}

#Special ul {
	margin-top:10px;
	padding-left:15px;
}

#Special ul li {
	width:330px;
	height:160px;
	float:left;
	background:url(../img/bg_special.png) left top no-repeat;
	margin-right:10px;
	margin-bottom:10px;
}

#Special ul li img {
	width:320px;
	height:150px;
	float:left;
	margin:5px 0 0 5px;
}

.conbody {
	background:url(../img/bg_contents_body.png) left top repeat-y;
	width:1020px;
	margin:0 auto;
}

.confoot {
	background:url(../img/bg_contents_foot.png) left top no-repeat;
	width:1020px;
	height:20px;
	margin:0 auto 10px;
}

h2 {
	width:1020px;
	height:35px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Whatis h2 {background:url(../img/tag_whatis.png) left top no-repeat;}
#Character h2 {background:url(../img/tag_character.png) left top no-repeat;}
#Story h2 {background:url(../img/tag_story.png) left top no-repeat;}
#Product h2 {background:url(../img/tag_product.png) left top no-repeat;}
#Radio h2 {background:url(../radio/tag_radio.png) left top no-repeat;}
#Mailform h2 {background:url(../radio/tag_mail.png) left top no-repeat;}
#Comment h2 {background:url(../comment/tag_comment.png) left top no-repeat;}
#Enquete h2 {background:url(../enquete/tag_enquete.png) left top no-repeat;}

.wrap_what {
	background:url(../img/contents/whatis_bg.png) left top no-repeat;
	width:1000px;
	height:780px;
	margin:0 auto;
	position:relative;
}

.lilycle_link {
	width:920px;
	height:180px;
	position:absolute;
	top:93px;
	left:40px;
}

.chara_container {
	padding:5px 0;
}

.chara_wrap {
	background:url(../img/chara_wrap.png) left top no-repeat;
	width:930px;
	height:605px;
	padding-top:5px;
	margin:25px auto;
}

#Chara1 {
	background:url(../img/character/chara1_s.jpg) left top no-repeat;
	width:920px;
	height:600px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Chara2 {
	background:url(../img/character/chara2_s.jpg) left top no-repeat;
	width:920px;
	height:600px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

#Chara3 {
	background:url(../img/character/chara3_s.jpg) left top no-repeat;
	width:920px;
	height:600px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.word_1 {
	width:225px;
	height:230px;
	position:absolute;
	left:86px;
	top:146px;
}

.word_2 {
	width:225px;
	height:230px;
	position:absolute;
	left:610px;
	top:146px;
}

.change {
	position:absolute;
	width:170px;
	height:73px;
	left:375px;
	top:527px;
	background:url(../img/character/change_bg.png) left top no-repeat;
}

.change_left {
	width:85px;
	height:73px;
	float:left;
}

.change_right {
	width:85px;
	height:73px;
	float:left;
}

.wrap_story {
	width:1000px;
	height:873px;
	background:url(../img/contents/story_bg.png) left top no-repeat;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Product {
	margin-bottom:40px;
}

.product_line {
	width:878px;
	height:2px;
	background:url(../img/contents/product_line.png) left top no-repeat;
	margin:0 auto 20px;
}

.staff {
	width:1000px;
	height:200px;
	margin:0 auto;
	background:url(../img/contents/product_staff.png) no-repeat;
	background-position:0 20px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

.link_A {
	width:200px;
	height:40px;
	background:#fff;
	position:absolute;
	left:77px;
	top:117px;
}

.link_B {
	width:200px;
	height:40px;
	background:#fff;
	position:absolute;
	left:727px;
	top:117px;
}

.spec {
	width:1000px;
	height:155px;
	background:url(../img/contents/product_spec.png) left top no-repeat;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 20px;
}

.discbox_wrap {
	width:800px;
	margin:0 auto;
	padding-left:100px;
}

.discbox {
	width:300px;
	height:300px;
	margin-right:100px;
	margin-bottom:50px;
	float:left;
	text-align:left;
	font-size:1.5em;
	color:#eb6d9a;
	line-height:1.6;
}

.discbox strong {
	font-weight:bold;
}

.moviebox {
	width:300px;
	height:225px;
	margin-right:100px;
	margin-bottom:50px;
	float:left;
	text-align:left;
	font-size:1.5em;
	color:#eb6d9a;
	line-height:1.6;
}

p.omotome {
	font-size:1.5em;
	color:#eb6d9a;
	line-height:1.6;
	font-weight:bold;
	padding-bottom:30px;
}

p.omotome a {
	color:#eb6d9a;
	text-decoration:underline;
}

p.omotome a:hover {
	color:#eb6d9a;
	text-decoration:none;
}

footer {
	width:100%;
	height:90px;
	background:#eb6d9a;
}

.f_wrap {
	width:1000px;
	height:90px;
	margin:0 auto;
	position:relative;
}

.f_logo {
	width:150px;
	height:90px;
	float:left;
}

.f_txt {
	width:850px;
	height:90px;
	float:left;
	text-align:right;
	color:#fff;
}

.f_txt a {
	color:#fff;
	text-decoration:underline;
}

.f_txt a:hover {
	text-decoration:none;
}

.footmenu {
	font-size:1.2em;
	padding-top:7px;
	margin-bottom:15px;
}

small {
	line-height:1.5;
}

.ban_box {
	padding-top:10px;
	padding-bottom:10px;
}

.ban_box table {
	margin:0 auto 0;
	border-collapse: collapse;
	margin:10px auto 10px;
}

.ban_box table th img {
	margin:0 auto 0;
}

.ban_box table th {
	text-align:center;
	color:#f38baf;
	font-weight:bold;
	font-size:1.2em;
}

.ban_box table th span {
	color:#f38baf;
	font-weight:normal;
}

.ban_box table td {
	text-align:center;
	color:#f38baf;
}

.ban_box table td a {
	color:#f38baf;
	text-decoration:none;
}

.ban_box table td a:hover {
	color:#f38baf;
	text-decoration:underline;
}

.ban_box table td span {
	font-size:1.2em;
	font-weight:bold;
}

.urlbox {
	border:1px solid #f38baf;
	background-color:#ffffff;
	font-size:100%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#f38baf;
}

textarea.ban180180 {
	width:180px;
	height:150px;
	margin-top:5px;
}

textarea.ban600120 {
	width:780px;
	height:40px;
	margin-top:5px;
}

textarea.ban150600 {
	width:150px;
	height:90px;
	margin-top:5px;
}

.bannerhead {
	width:1020px;
	height:35px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

.sshead {
	background:url(../ss/head.jpg) left top no-repeat;
	width:1000px;
	height:350px;
	margin:20px auto;
	text-indent:-9999px;
	overflow:hidden;
}

.talkbox {
	width:800px;
	margin:0 auto;
	padding-bottom:40px;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5;
	text-align:left;
}

.talkbox tr {
	height:140px;
}

.talkbox tr th {
	width:140px;
}

.talkbox tr td {
	width:660px;
}

.talkbox tr.chara01 {
	color:#eb6d9a;
}

.talkbox tr.chara02 {
	color:#f19149;
}

.talkbox tr.chara03 {
	color:#478bff;
}

.talkbox tr.chara04 {
	color:#b482ff;
}

.talkbox tr.chara05 {
	color:#00c6ff;
}

.talkbox tr.chara06 {
	color:#8fc31f;
}

.talkbox a {
	color:#478bff;
	text-decoration:underline;
}

.talkbox a:hover {
	color:#478bff;
	text-decoration:none;
}

.webss_list {
	width:800px;
	border:#ffc4d7 1px solid;
	background:#fff;
	margin:0 auto 20px;
}

.count {
	position:absolute;
	width:256px;
	height:84px;
	top:126px;
	left:277px;
}

ul.webss_li {
	margin-left:50px;
}

.webss_li li {
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}

#Radiovisual {
	width:1020px;
	height:425px;
	margin:0 auto;
	background:url(../radio/header_bg.png) left top no-repeat;
}

#Radiovisual img {
	width:1000px;
	height:400px;
	margin:0 auto;
	padding-top:10px;
}

.wrap_radio {
	width:1000px;
	height:1010px;
	background:url(../radio/radio_teaser.png) left top no-repeat;
	margin:0 auto;
	position:relative;
}

.wrap_radio p {
	display:none;
}

.radio_movie {
	width:560px;
	height:315px;
	position:absolute;
	left:45px;
	top:480px;
}

.campaign_link {
	width:910px;
	height:160px;
	position:absolute;
	left:45px;
	top:820px;
}

.lilycle_enquete {
	width:800px;
	margin:0 auto;
	font-size:1.4em;
	line-height:1.5;
	text-align:left;
	color:#a40000;
	background-color:#ffffff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;	
	border-radius: 20px;
}

.lilycle_enquete table {
}

.lilycle_enquete table th {
	padding:10px;
	text-align:right;
	font-weight:bold;
}

.lilycle_enquete table td {
	padding:10px;
}

#Enquetevisual {
	width:1020px;
	height:1025px;
	margin:0 auto;
	background:url(../enquete/header_bg.png) left top no-repeat;
}

#Enquetevisual img {
	width:1000px;
	height:1000px;
	margin:0 auto;
	padding-top:10px;
}

.lilycle_enquete2 {
	width:800px;
	margin:0 auto;
	padding:20px 0;
	font-size:1.4em;
	line-height:1.5;
	text-align:left;
	color:#a40000;
}

.lilycle_enquete2 table {
	background:#fff;
	border:1px solid #f38baf;
}

.lilycle_enquete2 table th {
	border:1px solid #f38baf;
	padding:10px;
}

.lilycle_enquete2 table td {
	border:1px solid #f38baf;
	padding:10px;
}

.enquete_button {
	text-align:center;
	padding-top:20px;
	padding-bottom:40px;
}

.con_reset {
	width:80px;
	height:80px;
	margin-right:50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;	
	border-radius: 50px;
	background-color:#8cafe3;
	border-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
}

.con_reset:hover {
	background-color:#4a83d7;
}

.con_submit {
	width:80px;
	height:80px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;	
	border-radius: 50px;
	background-color:#ee88ad;
	border-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.con_submit:hover {
	background-color:#d44d7d;
}

.formline1 span {
	font-size:75%;
	color:#FF0004;
	font-weight:100;
}

.commentbox {
	width:900px;
	margin:0 auto;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
}

.cmvoice_talk {
	width:700px;
	margin:20px auto;
}

.campaign_return a {
	text-decoration:none;
	color:#fff;
}

.campaign_return {
	width:200px;
	height:30px;
	margin:30px auto;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	-khtml-border-radius: 19px;	
	border-radius: 19px;
	background-color:#ee88ad;
	border-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	color:#fff;
	display:block;
	padding-top:8px;
	text-decoration:none;
}	

.campaign_return:hover {
	background-color:#d44d7d;
	text-decoration:none;
}

.campaign {
	background:url(../radio/campaign.jpg) left top no-repeat;
	width:900px;
	height:1300px;
	margin:20px auto 10px;
	position:relative;
}

.cam_button1 {
	position:absolute;
	width:291px;
	height:31px;
	left:38px;
	top:598px;
}

.cam_button2 {
	position:absolute;
	width:213px;
	height:17px;
	left:196px;
	top:1245px;
}

.commentbox {
	width:900px;
	margin:0 auto;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
}

h3#cast01 {
	font-size:120%;
	background-color:#ff6294;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast02 {
	font-size:120%;
	background-color:#ec6941;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast03 {
	font-size:120%;
	background-color:#338df5;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast04 {
	font-size:120%;
	background-color:#a164ae;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast05 {
	font-size:120%;
	background-color:#04b7d3;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

h3#cast06 {
	font-size:120%;
	background-color:#1fa23c;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
}

p.ques {
	color:#9b9b9b;
	margin-bottom:10px;
	font-weight:bold;
	padding-left:20px;
}

p.signtxt {
	font-size:120%;
	color:#ff6294;
	font-weight:bold;
	text-align:center;
	font-size:1.7em;
	line-height:1.5;
	margin-bottom:40px;
}

p.ans_01 {
	color:#ff6294;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #ff6294;
	padding:20px;
	width:760px;
}

p.ans_02 {
	color:#ec6941;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #ec6941;
	padding:20px;
	width:760px;
}

p.ans_03 {
	color:#338df5;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #338df5;
	padding:20px;
	width:760px;
}

p.ans_04 {
	color:#a164ae;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #a164ae;
	padding:20px;
	width:760px;
}

p.ans_05 {
	color:#04b7d3;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #04b7d3;
	padding:20px;
	width:760px;
}

p.ans_06 {
	color:#1fa23c;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:50px;
	background:#fff;
	border:1px solid #1fa23c;
	padding:20px;
	width:760px;
}