@charset "utf-8";
/*---------------------------------------------
First Import Style master
http://www._DAMMY.co.jp/
Markuped by TERA.inc TechnicalTeam
Moddified by _DAMMY
---------------------------------------------
	layout
	#header
	#sideArea
	#footer
	#top
	#free
	#model
		#faq
		#attention
	#area
	#takeshou
	#escape
	#privacy
	#pushup
		#artist
---------------------------------------------*/

/*---------------------------------------------
	layout
---------------------------------------------*/
html		{  }
body		{ padding-bottom:13px; }
#wrap		{ clear: both;background:url(../images/head_bg.gif) left top repeat-x #fff; display:block; overflow:hidden;  }
.innerBox	{width:950px;clear:both; margin:0px auto;}
#header		{ margin:0px auto;text-align:left; }
#container	{ padding-top:7px; display:block; overflow:hidden; }
#pageHeadSection	{ display:block; overflow:hidden; text-align:left; position:relative;height:72px;}
#content	{ float:left; width:692px; height:auto; text-align:left; }
#sideArea	{ float:right; width:235px; padding:0 0 40px; }
#footer		{ clear:both;margin:0px auto; padding:0px 0px 5px;}

.caption	{ font-size:83.3%; line-height:140%; }

/*---------------------------------------------
	#header
---------------------------------------------*/
#header	{ height:63px; }
#header	#headLogo { margin:0px; padding:0px; float:left; }
#header	#headLogo img	{ margin-right:12px; }
#header	p	{ margin-top:34px; } 

ol#topicPath { text-align:left;margin-bottom:25px; }
ol#topicPath li	{ display:inline-block; float:left; }
ol#topicPath li a	{ padding:0px 10px 0px 0px;margin-right:5px;background:url(../images/topicPath_arrow.gif) right 50% no-repeat; }
ol#topicPath li a:hover	{ color:#f43466; }

#pageHead	{ text-align:left;height:30px; }
#content	{ padding-bottom:20px;}

/*---------------------------------------------
	#sideArea
---------------------------------------------*/
ul.bnrList 		{ padding-bottom:10px;}
ul.bnrList li	{ margin-bottom:10px;}
ul.bnrList li img	{  }
ul.bnrList#sns	{ border-top:1px solid #999;}
ul.bnrList#sns li { margin:0px; display:block; overflow:hidden;width:235px; }
ul.bnrList#sns li a { border-bottom:1px solid #999; display:block; overflow:hidden; }


/*---------------------------------------------
	#footer
---------------------------------------------*/
#footer	{ background-color:#fff;}
#footer	#fNavi		{ font-size:91.7%;padding-top:20px;color:#666; }
#footer	#fNavi li	{ float:left; display:block; overflow:hidden;  }
#footer	#fNavi li a	{ color:#666;line-height:100%; vertical-align:text-bottom;border-right:1px solid #666;padding:0px 10px; }
#footer	#fNavi li.first a	{ border-left:1px solid #666;}
#footer	#fNavi li a:hover	{ text-decoration:underline; }
#footer	address	{ text-align:right; }

/*---------------------------------------------
	#top
---------------------------------------------*/
#top #pageHeadSection	{ height:auto; }
#topVisual	{ margin-bottom:13px; text-align:center; position:relative; }

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none;}
#wrapper {width:950px; margin:0px auto; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:950px; height:226px; padding:0px; }
#image img {position:absolute; z-index:25; width:auto;left:0px;}
#slideleft { display:none;}
#slideright { display:none;}
#slideright:hover {background-color:#333}
#slidearea { position:absolute; left:12px; top:195px ; z-index:500; }
#slider {position:absolute; left:0; height:22px}
#slider img {cursor:pointer; border:1px solid #de8480; padding:0px}

#topPr 		{ display:block; overflow:hidden; }
#topPr li	{ float:left; display:block; overflow:hidden; }
#topPr li img	{ display:block; }
#topPr li#topPr01	{ width:235px;}
#topPr li#topPr02	{ width:234px;}
#topPr li#topPr03	{ width:223px;}

#top #fmTweet				{}
#top #fmTweet h2	{ padding-top:18px;margin-bottom:10px;}
#top #fmTweet .twtr-hd,
#top #fmTweet .twtr-ft		{ display: none; }
#top #tweetFooter				{ margin-top: 13px; }
#top #tweetFooter dl			{ float: right; width: 264px; line-height: 1%; }
#top #tweetFooter dt			{ float: left; width: 176px; }
#top #tweetFooter dt img		{ margin-top: 7px; }
#top #tweetFooter dd			{ float: right; width: 81px; }

#top #sideMovie	{ margin-bottom:15px;}

#top .bnr		{ margin-bottom:15px;}


/*---------------------------------------------
	#free
---------------------------------------------*/
#free #leadBox	{ display:block; overflow:hidden; width:692px;height:502px; background:url(../free/images/lead_bg.jpg) left top no-repeat; position:relative;}
#free #leadBox h2	{ margin:25px 18px;}
#free #leadBox dl	{ margin:0px 18px; }
#free #leadBox dl#subTitle2	{ }
#free #leadBox dl dt	{ margin-bottom:10px; }
#free #leadBox dl dd	{ margin-bottom:25px;width:335px; line-height:200%; }

#free #pointSection				{ padding-top:25px; }
#free #pointSection h2			{ margin-bottom:15px; }
#free #pointSection p			{ margin-bottom:15px; }
#free #pointBox					{ display:block; overflow:hidden;width:692px;height:564px; background:url(../free/images/point_bg.jpg) center 10px no-repeat; }
#free #pointBox dl				{ width:264px; margin-top:30px; }
#free #pointBox dl.leftBox		{ float:left; clear:both;}
#free #pointBox dl.rightBox		{ float:right;}
#free #pointBox dl.leftBox		{ float:left; clear:both;}
#free #pointBox dl dt			{ margin-bottom:10px; }
#free #pointBox dl dd			{ line-height:180%; vertical-align:baseline; }
#free #pointBox dl dd sup		{ line-height:100%; position:relative;top:-2px;font-size:9px; }
#free #pointBox dl dd .caption	{ display:block; }

/*---------------------------------------------
	#model
---------------------------------------------*/

#model h1	{ display:block; overflow:hidden;width:440px; float:left; }
#subPageNavi	{ float:right;padding-right:260px;}
#subPageNavi li	{ display:inline-block;float:left;margin-top:4px; }
#subPageNavi li img	{ margin-left:5px; display:block; }

#model #leadBox	{ display:block; overflow:hidden; width:692px;height:477px; background:url(../model/images/lead_bg.jpg) left top no-repeat;}
#model #leadBox h2	{ margin:25px 18px 15px;}
#model #leadBox p	{ margin:0px 18px; width:400px; line-height:190%;}
#model #leadBox p.caption	{ margin-bottom:18px; line-height:150%;margin-top:5px;}
#model #leadBox #leadMark	{ margin-left:18px; }

#model #bnrBtn_spot	{ margin-bottom:30px;}
#model h2	{ margin-bottom:10px; }

#model #connect	{ margin-top:15px; border:1px solid #f43466; display:block; overflow:hidden; position:relative; }
#model #connect h2	{ margin:15px 15px 10px; }
#model #connect h3	{ margin:0px 0px 10px; }
#model #connect .connectSection	{ display:block; overflow:hidden; position:relative;left:15px; }
#model #connect .connectSection#iPhoneBox	{ background:url(../model/images/iPhone_bg.gif) right bottom no-repeat;width:675px; }
#model #connect .connectSection#iPhoneBox .complete	{ margin-top:67px; }
#model #connect .connectSection#androidBox	{ background:url(../model/images/android_bg.gif) right bottom no-repeat;padding-top:15px;border-top:1px solid #999;width:662px; }
#model #connect .connectSection#androidBox .complete	{ margin-bottom:30px; }
#model #connect li	{ width:141px; display:block; overflow:hidden; float:left; background:url(../model/images/connect_arrow.gif) 119px 69px no-repeat; margin-bottom:15px; }
#model #connect li img	{ margin-bottom:10px; }
#model #connect li.lineEnd	{ width:115px; }
#model #connect li span { color:#0066ff; display:block; width:115px;margin-bottom:5px; }

/*---------------------------------------------
		#faq
---------------------------------------------*/
#faq h1	{ float:left; }
#faq #content	{ border-top:1px solid #999; padding-top:15px;}
#faq #content dl	{ display:block; overflow:hidden;width:692px; border:1px solid #ccc;padding-top:20px;border-bottom:none;margin-bottom:0px;}
#faq #content dl#qaWhat	{ background:url(../model/faq/images/qa_bg_what.png) right bottom no-repeat #ffedf2; }
#faq #content dl#qaFree	{ background:url(../model/faq/images/qa_bg_free.png) right bottom no-repeat #ffedf2; }
#faq #content dl#qaSetting	{ background:url(../model/faq/images/qa_bg_setting.png) right bottom no-repeat #ffedf2; }
#faq #content dl dt,
#faq #content dl dd	{ padding-left:68px; padding-right:25px }
#faq #content dl.pink dd	{padding-right:187px;}
#faq #content dl dt { background:url(../model/faq/images/icon_Q.png)  18px 0px no-repeat;padding-top:8px;padding-bottom:10px;margin-bottom:15px; }
#faq #content dl dd { background:url(../model/faq/images/icon_A.png)  18px 0px no-repeat;padding-top:3px;padding-bottom:10px;margin-bottom:15px; line-height:190%; }
#faq #content dl.pink dt { background-image:url(../model/faq/images/icon_Q_pink.png)}
#faq #content dl.pink dd { background-image:url(../model/faq/images/icon_A_pink.png)}

#faq #content dl dd a	{ color:#ff3366; font-weight:bold; text-decoration:underline; }
#faq #content dl dd a:hover	{ text-decoration:none; }
#faq #content dl.lastQA	{ border-bottom:1px solid #ccc;}
.txtHighlight	{ color:#ff3366; }

/*---------------------------------------------
		#attention
---------------------------------------------*/
#attention h1	{ float:left; }
#attention #content	{ border-top:1px solid #999; padding-top:10px;}
#attention #content	#innerContent	{ margin:40px 55px; }
#attention #content	#innerContent h2	{ font-size:133%;color:#ff3366; font-weight:bold; margin-bottom:25px }
#attention #content	#innerContent li	{ margin-left:20px; list-style:disc; margin-bottom:20px; line-height:190%;}

/*---------------------------------------------
	#area
---------------------------------------------*/
#area #content	{ border-top:1px solid #999;}
#area #content h2	{ margin:17px 0px 25px; text-align:left; }
#area #content h3	{ margin:25px 0px 15px; text-align:left; }
#area #content p	{ margin-bottom:22px; }
#area #content #areaMapSection h3	{ float:left;margin:0px; }
#area #content #areaMapSection ul#tabList li	{ display:block; float:left; }
#area #content #areaMap	{ margin-bottom:15px; }
#area #content #otherTxt	{ float:left; }
#content .moreBtn	{ float:right; }
#area #content #areaMap		{ position:relative; display:block; clear:both; }
#area #content #areaMap	ul	{ position:absolute; }
#area #content #areaMap	ul li	{ position:absolute;width:30px;height:30px; }
#area #content #areaMap	ul li a{ display:block; overflow:hidden; position:absolute;  }
#area #content #areaMap	ul li#eto_sakae		{ left:228px ; top:348px ; display:block; overflow:hidden;  }
#area #content #areaMap	ul li#ipec			{ left:99px  ; top:499px ; }
#area #content #areaMap	ul li#timesSakaeIse	{ left:348px ; top:214px ; }
#area #content #areaMap	ul li#imperial		{ left:266px ; top:347px ; }
#area #content #areaMap	ul li#fgSakae		{ left:226px ; top:687px ; }


/*		.pop
---------------------------------------------*/
body.pop	{ background-color:#fff; padding:20px 0px 0px;margin:0px; display:block; overflow:hidden;width:100%; text-align:center; }
body.pop #popContainer	{ width:560px; margin:0px auto; }
body.pop h1	{ background:url(../area/images/pop_logo.gif) right 4px no-repeat; border-bottom:1px solid #f23365; font-size:18px; text-align:left;margin-bottom:10px;padding-bottom:4px; font-weight:bold; }
#txtBox	{ float:right;width:267px; text-align:left; }
#txtBox	table	{ border-spacing: 1px;border-collapse:separate;width:267px;margin-top:10px;}
#txtBox	table th,
#txtBox	table td	{ padding:7px 9px;margin:1px;}
#txtBox	table th	{ background-color:#c5c5c5;}
#txtBox	table td	{ background-color:#dadada;}
#photoBox	{ float:left;width:276px; text-align:left; }
#photoBox img { margin-bottom:5px; }


/*---------------------------------------------
	#takeshow
---------------------------------------------*/
#takeshou #content	{ border-top:1px solid #999;}
#takeshou #content h1	{ margin:40px 0px 30px; text-align:left;padding-left:45px; }
#takeshou #content h2	{ margin:0px 0px 15px; text-align:left; padding-left:45px; }
#takeshou #content p	{ margin:0px 0px 15px; text-align:left; padding:0px 45px; }
#takeshou #content ul#contentLinkBtn	{ text-align:right;padding-right:45px;margin-bottom:40px;}
#takeshou #content ul#contentLinkBtn li	{ margin-bottom:10px;}

/*---------------------------------------------
	#escape
---------------------------------------------*/
#escape #content	{ border-top:1px solid #999; padding-top:10px;}
#escape #content	#innerContent	{ margin:40px 45px; }
#escape #content	#innerContent h2	{ font-size:133%;color:#ff3366; font-weight:bold; margin-bottom:25px }
#escape #content	#innerContent ul li	{ margin-left:20px; list-style:disc; margin-bottom:20px; line-height:190%;}
#escape #content	#innerContent ol li	{ margin-left:20px; list-style:decimal;margin-bottom:10px; }

/*---------------------------------------------
	#privacy
---------------------------------------------*/
#privacy #content	{ border-top:1px solid #999; padding-top:10px;}
#privacy #content	#innerContent	{ margin:40px 45px; }
#privacy #content h2	{ font-size:133%;margin:0px 0px 50px; }
#privacy #content dt	{ color:#ff3366; font-weight:bold; margin-bottom:25px; }
#privacy #content dd	{ margin-bottom:30px; }

/*---------------------------------------------
	#pushup
---------------------------------------------*/
#pushup #content	{ background: url(../pushup/images/bottom_image.jpg) no-repeat left 452px ; padding:0 0 20px 0; }
#pushup #content dl	{ margin: 8px 0 0 22px; }
#pushup #content dt	{ margin-bottom: 6px; }
#pushup #content ul	{ width: 495px; }
#pushup #content li	{ float: left; margin: 0 13px 20px 0; }
#pushup #content p	{ padding: 160px 0 0 14px; }

/*---------------------------------------------
		#artist
---------------------------------------------*/
#artist			{ background-color: #99cb5e; text-align: left; zoom:1; }
#artist #wrap	{ width: 860px; margin: auto; background: none #eff1f0; }
#artist h1		{ margin-bottom: 15px; }

#artist #container		{ padding: 0 25px 0 25px; }
#artist #info			{ float: right; width: 232px; background: #fff; border: 1px solid #ccc; padding: 15px; margin-bottom: 12px; }

#artist #movie			{ float: left; width:537px;}
#artist #youtube		{ margin: 0 0 12px;  }

#artist .boxBottom			{ background: url(../pushup/images/box_bttom.gif) no-repeat bottom; padding: 10px 15px 8px; }
#artist .boxTop				{ background: url(../pushup/images/box_top.gif) no-repeat top; }
#artist .boxArea			{ position: relative; background:url(../pushup/images/box_bg.gif) repeat-y right; background:url(../pushup/images/box_bg.gif) repeat-y left\9; /background:url(../pushup/images/box_bg.gif) repeat-y right; }
#artist .boxArea ul			{ float: left; padding: 5px 0 0; }
#artist .boxArea li			{ float: left; display:inline; margin-right: 10px; }
#artist .boxArea p			{ position: absolute; right: 15px; top: 15px; }

#artist #txtArea h2		{ color: #3366CC; font-size: 134%; font-weight: bold; }
#artist #txtArea h3		{ color: #333333; font-size: 117%; font-weight: bold; margin: 0 0 13px; }
#artist #txtArea p		{ line-height: 150%; }
#artist #txtArea		{ margin-bottom: 23px; }
#artist #schedule h4	{ font-weight: bold; margin-bottom :10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
#artist #schedule dl	{ margin-bottom: 35px; line-height: 180%; }


#artist #footer			{ padding: 5px 15px; background: #000; color: #999; }
#artist #footer address	{ float:left; padding-top:1px; }
#artist #footer  p		{ float: right; padding-top:4px; }

/*---------------------------------------------
	#present
---------------------------------------------*/
#present #pageHeadSection	{ display:block; overflow:hidden; text-align:left; position:relative;height:35px;}

#present #presentMiddle		{ position: relative; width: 688px; height: 316px; background: url(../present/images/present_bottom.jpg) no-repeat; }
#present #presentMiddle p	{ position: absolute; top: 0; right: 15px; }

#present #application		{ position: relative; height: 189px; }
#present #application h1	{ position: absolute; }
#present #application p		{ position: absolute; top: 3px; right: 0px; }