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

/* ========================================
	* TOP
======================================== */

body{
	z-index:50;
	width:2980px;
	height:100%;
}

/* ========================================
	* 上段背景
======================================== */

#upperBG{
	position:relative;
	z-index:1;
	height:703px;
}

#upperBG .ornamentA{
	position:absolute;
	top:-20px;
	left:920px;
	z-index:5;
}

#upperBG .ornamentB{
	position:absolute;
	top:216px;
	left:972px;
	z-index:5;
}

/* ========================================
	* TOP　背景
======================================== */

#top{
	position:relative;
	position:relative;
	z-index:4;
	float:left;
	width:980px;
	height:703px;
	border-left:40px solid #FFEE2E;
	background:#FF327A url(../images/top_bgR.jpg) no-repeat right top;
	text-indent:-9999px;
}

/* ========================================
	* TOP　コンテンツ
======================================== */
#topContents{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	margin:0 0 0 40px;
	width:980px;
	height:703px;
}

#topContents h1{
	position:absolute;
	top:335px;
	left:223px;
}

#topContents ul{
	position:relative;
	padding:0;
	width:910px;
	border-top:10px solid #000;
	text-align:right;
}

#topContents ul li{
	display: -moz-inline-box;
  display: inline-block;
	vertical-align:top;
  /display: inline;
  /zoom: 1;
}

#topContents ol{
	position:absolute;
	top:230px;
	left:-14px;
	z-index:10;
}

#topContents ol li{
	margin:0 0 30px;
}

#topContents #morinomiya {
        position:absolute;
        top:530px;
        left:230px;
}
#morinomiya a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#topContents #morinomiya img{
	margin:0 0 5px;
}

#topContents dl{
	margin:630px 0 0;
	color:#FFACCA;
}

#topContents dl dt,
#topContents dl dd{
	display: -moz-inline-box;
  display: inline-block;
	padding:0 10px;
  /display: inline;
  /zoom: 1;
}

#topContents dl dd{
	background:url(../images/ico_link.gif) no-repeat left center;
}

#topContents dl dd a{
	color:#FFACCA;
}

#topContents dl dd img{
	padding:0 0 0 5px;
	vertical-align:middle;
}

/* ========================================
	* smile　背景
======================================== */

#smile{
	position:relative;
	z-index:5;
	float:left;
	width:980px;
	height:703px;
	background:#FF961E url(../images/smile_bgL.gif) no-repeat left top;
}

#smile .smilebg{
	position:absolute;
	top:0;
	right:0;
}


/* ========================================
	* smile　コンテンツ
======================================== */
#smileContents{
	position:absolute;
	top:0;
	left:1020px;
	z-index:20;
	width:980px;
	height:703px;
}


#smileContents .mainimg{
	position:absolute;
	top:0;
	right:44px;
	z-index:21;
}

#smileContents .smileproject{
	position:absolute;
	right:80px;
	bottom:75px;
}

#smileContents h2{
	position:absolute;
	top:627px;
	left:50px;
}

/**スライダー**/
#smileContents #smileSlider{
	position:absolute;
	top:132px;
	left:45px;
	z-index:22;
	padding:86px 0 50px 50px;
	width:550px;
	height:370px;
	background: url(../images/smile_img_manycahara.png) no-repeat 305px top;
}

#smileContents #main_box{
	margin:0;
	padding:10px;
	width:485px;
	border:1px dotted #FFFFFF;
	background:#FF961E;
	text-align:left;
}

#smileContents #smileSlider .pager{
	position:absolute;
	bottom:20px;
	left:0;
	margin:0 auto;
	width:100%;
	text-align:center;
}

#smileContents #smileSlider .pager a{
  display: inline-block;
	padding:3px 0;
	text-align:center;
}

#smileContents #smileSlider .pager a.thumb{
	margin:0 2px;
	padding:0;
	width:12px;
	height:12px;
	-webkit-border-radius: 75px;
	-moz-border-radius:75px;
	border-radius:75px;
	background:#FFFFFF;
	color:#FFFFFF;
}#smileContents #smileSlider .pager a.thumb.active{
	background:#FF47FF;
	color:#FF47FF;
}

#smileContents #smileSlider .pager a.thmbL{
	position:absolute;
	top:-200px;
	left:0;
	width:23px;
	height:33px;
	background: url(../images/smile_slider_arrowL.gif) no-repeat center top;
	text-indent:-9999px;
}#smileContents #smileSlider .pager a.thmbR{
	position:absolute;
	top:-200px;
	right:0;
	width:23px;
	height:33px;
	background: url(../images/smile_slider_arrowR.gif) no-repeat center top;
	text-indent:-9999px;
}


/**スライド中身**/

#smileContents #smileSlider #main_box div.title{
	position:relative;
	margin:0 0 0 60px;
	color:#FFF;
}

#smileContents #smileSlider #main_box div.title h3{
	padding:0 0 3px 40px;
	font-size:12px;
}

#smileContents #smileSlider #main_box div.title h3 span{
	float:right;
	text-align:right;
	font-size:10px;
}

#smileContents #smileSlider #main_box div h4{
	display:table-cell;
	padding:0 0 0 40px;
	width:385px;
	height:52px;
	border:1px solid #FFF;
	color:#FFFFFF;
	vertical-align:middle;
	font-weight:bold;
	font-size:18px;
	line-height:1.2;
}

#smileContents #smileSlider #main_box div h4 img{
	position:absolute;
	top:0px;
	left:-60px;
}

#smileContents #smileSlider #main_box div div.entries{
	margin:5px 0 0 0;
	padding:3px;
}

#smileContents #smileSlider #main_box div div.entries dl{
	padding:10px;
	background:#FFFFFF;
}

#smileContents #smileSlider #main_box div div.entries dl dt{
	float:left;
	margin:8px 0 0;
	width:280px;
	font-size:14px;
}

#smileContents #smileSlider #main_box div div.entries dl dt span{
	display:block;
	margin:8px 0 0;
	text-align:right;
}

#smileContents #smileSlider #main_box div div.entries dl dd{
	float:right;
	width:160px;
	font-size:10px;
}

#smileContents #smileSlider #main_box div div.entries dl dd img{
	margin:0 0 5px;
}

/**あべの**/

#smileContents #smileSlider #main_box div.abeno a:hover{
	color:#FF327A;
}

#smileContents #smileSlider #main_box div.abeno h4{
	background:#FF327A;
}

#smileContents #smileSlider #main_box div.abeno div.entries{
	background:url(../images/smile_sliderbg_abeno.gif);
}

#smileContents #smileSlider #main_box div.abeno div.entries dl{
	border:1px solid #FF9ABE;
}

#smileContents #smileSlider #main_box div.abeno div.entries dl dt span{
	color:#FF327A;
}

/**あまがさき**/
#smileContents #smileSlider #main_box div.ama a:hover{
	color:#eda400;
}

#smileContents #smileSlider #main_box div.ama h4{
	background:#eda400;
}

#smileContents #smileSlider #main_box div.ama div.entries{
	background:url(../images/smile_sliderbg_ama.gif);
}

#smileContents #smileSlider #main_box div.ama div.entries dl{
	border:1px solid #E8C466;
}

#smileContents #smileSlider #main_box div.ama div.entries dl dt span{
	color:#eda400;
}

/**みのお**/
#smileContents #smileSlider #main_box div.mino a:hover{
	color:#FF7284;
}

#smileContents #smileSlider #main_box div.mino h4{
	background:#FF7284;
}

#smileContents #smileSlider #main_box div.mino div.entries{
	background:url(../images/smile_sliderbg_mino.gif);
}

#smileContents #smileSlider #main_box div.mino div.entries dl{
	border:1px solid #FF98A5;
}

#smileContents #smileSlider #main_box div.mino div.entries dl dt span{
	color:#FF7284;
}

/**もりのみや**/
#smileContents #smileSlider #main_box div.mori a:hover{
	color:#ADC11B;
}

#smileContents #smileSlider #main_box div.mori h4{
	background:#ADC11B;
}

#smileContents #smileSlider #main_box div.mori div.entries{
	background:url(../images/smile_sliderbg_mori.gif);
}

#smileContents #smileSlider #main_box div.mori div.entries dl{
	border:1px solid #ADC11B;
}

#smileContents #smileSlider #main_box div.mori div.entries dl dt span{
	color:#ADC11B;
}

/**all**/
#smileContents #smileSlider #main_box div.all a:hover{
	color:#05adca;
}

#smileContents #smileSlider #main_box div.all h4{
	background:#05adca;
}

#smileContents #smileSlider #main_box div.all div.entries{
	position:relative;
	background:url(../images/smile_sliderbg_all.gif);
	z-index:5;
}

#smileContents #smileSlider #main_box div.all div.entries dl{
	border:1px solid #AAD2E1;
}

#smileContents #smileSlider #main_box div.all div.entries dl dt span{
	color:#05adca;
}


/* ========================================
	* 9'sday　背景
======================================== */

#qday{
	position:relative;
	position:relative;
	z-index:3;
	float:left;
	width:980px;
	height:703px;
	background:#0CAFE8 url(../images/qday_bgL.jpg) no-repeat left top;;
}

#qday .mainimg{
	position:absolute;
	right:20px;
	bottom:0;
}

#qday .submainimg{
	position:absolute;
	top:0;
	right:20px;
}


/* ========================================
	* 9'sday　コンテンツ
======================================== */
#qdayContents{
	position:absolute;
	top:0;
	left:2000px;
	z-index:15;
	width:980px;
	height:703px;
}

#qdayContents h2{
	position:absolute;
	top:60px;
	left:380px;
}

#qdayContents h3{
	position:absolute;
	top:140px;
	left:400px;
}

#qdayContents .qdaybnr{
	position:relative;
	margin:265px 0 0 396px;
}

#qdayContents .qdaybtn{
	position:relative;
	margin:0 0 0 115px;
}

#qdayContents .qdaycm{
	position:absolute;
	top:212px;
	left:630px;
	z-index:4;
}

#qdayContents .qstab{
	position:relative;
	margin:25px 0 0 95px;
}

#qdayContents .qstab dl{
	position:absolute;
	top:32px;
	left:0;
}

#qdayContents .qstab dl dt{
	position:relative;
	z-index:5;
	height:33px;
	margin-top:-32px;
	float:left;
	cursor:pointer;
}
#qdayContents .qstab dl dd{
	display:none;
	position:relative;
	margin:0 0 0 0;
	padding:12px;
	width:493px;
	border:1px solid #FFF;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px; 
	border-radius: 10px;
}
#qdayContents .qstab dl.on{
	z-index:10;
}
#qdayContents .qstab dl.on dt{
	cursor:default;
}
#qdayContents .qstab dl.on dd{
	display:block;
}

#qdayContents .qstab dl dd .entries{
	margin:-10px 0 0;
	padding:10px 15px 15px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px; 
	border-radius: 10px;
	font-size:14px;
	overflow:hidden;
}

#qdayContents .qstab dl dd .entries h4{
	float:left;
	margin:0 0 8px;
	width:368px;
	font-size:16px;
	font-weight:bold;
}
#qdayContents .qstab dl dd .entries .update{
	float:right;
	font-size:10px;
}
#qdayContents .qstab dl dd .entries .photo{
	float:right;
	width:160px;
	padding:0 0 0 15px;
	vertical-align:top;
}
#qdayContents .qstab dl dd .entries div.body{
	clear:both;
	vertical-align:top;
}
#qdayContents .qstab dl dd .entries div.body.half{
	float:left;
	width:280px;
}
#qdayContents .qstab dl dd .entries div.body.full{
	width:auto;
}
#qdayContents .qstab dl dd .entries span.continue{
	display:block;
	margin:8px 0 0;
	text-align:right;
}

/**あべの**/
#qdayContents .qstab dl.abeno dt{
	margin-left:22px;
}
#qdayContents .qstab dl.abeno dd{
	background:#ff2e7d;
}
#qdayContents .qstab dl.abeno dd .entries{
	background:#FFD5E5;
}
#qdayContents .qstab dl.abeno dd .entries h4,
#qdayContents .qstab dl.abeno dd .entries a:hover,
#qdayContents .qstab dl.abeno dd .entries span.continue{
	color:#ff327a;
}

/**あまがさき**/
#qdayContents .qstab dl.ama dt{
	margin-left:142px;
}
#qdayContents .qstab dl.ama dd{
	background:#eda300;
}
#qdayContents .qstab dl.ama dd .entries{
	background:#FBECCC;
}
#qdayContents .qstab dl.ama dd .entries h4,
#qdayContents .qstab dl.ama dd .entries a:hover,
#qdayContents .qstab dl.ama dd .entries span.continue{
	color:#921b11;
}

/**みのお**/
#qdayContents .qstab dl.mino dt{
	margin-left:261px;
}
#qdayContents .qstab dl.mino dd{
	background:#ff7386;
}
#qdayContents .qstab dl.mino dd .entries{
	background:#FFE3E6;
}
#qdayContents .qstab dl.mino dd .entries h4,
#qdayContents .qstab dl.mino dd .entries a:hover,
#qdayContents .qstab dl.mino dd .entries span.continue{
	color:#FF7386;
}


/**もりのみや**/
#qdayContents .qstab dl.mori dt{
	margin-left:380px;
}
#qdayContents .qstab dl.mori dd{
	background:#a6c200;
}
#qdayContents .qstab dl.mori dd .entries{
	background:#F6F9DD;
}
#qdayContents .qstab dl.mori dd .entries h4,
#qdayContents .qstab dl.mori dd .entries a:hover,
#qdayContents .qstab dl.mori dd .entries span.continue{
	color:#0d7c22;
}


/* ========================================
	* 下段背景
======================================== */
#bottomBG{
	position:relative;
	z-index:2;
	padding:100px 0 0;
	height:703px;
}

#bottomBG .ornamentA{
	position:absolute;
	top:7px;
	left:56px;
	z-index:60;
}

#bottomBG .ornamentB{
	position:absolute;
	top:74px;
	left:1449px;
	z-index:60;
}


#bottomBG .bottom{
	position:absolute;
	top:-100px;
	left:0;
	z-index:50;
	border:none;
}

#bottomBG #belt{
	position:absolute;
	top:0px;
	left:0;
	z-index:100;
	width:2980px;
	height:90px;
	border:0;
	background:url(../images/bound_bg.png) repeat-x left center;
	text-indent:-9999px;
}

/* ========================================
	* character　背景
======================================== */

#chara{
	position:relative;
	z-index:7;
	float:left;
	clear:left;
	width:980px;
	height:703px;
	border-left:40px solid #7FBF1B;
	background:#C4D414 url(../images/chara_bgR.gif) no-repeat right bottom;
}

#chara .mainimg{
	position:absolute;
	bottom:0;
	left:-40px;
	z-index:62;
}

#chara .deco{
	position:absolute;
	top:-84px;
	left:27px;
	z-index:61;
}

/* ========================================
	* character　コンテンツ
======================================== */
#charaContents{
	position:absolute;
	top:100px;
	left:0;
	z-index:60;
	margin:0 0 0 40px;
	width:980px;
	height:703px;
}


#charaContents h2{
	position:absolute;
	top:40px;
	right:50px;
}

#charaContents .sideimg{
	position:absolute;
	top:564px;
	right:-52px;
}

#charaContents ul{
	position:relative;
}

#charaContents ul.line1{
	padding:145px 0 0 313px;
}

#charaContents ul.line2{
	padding:1px 0 0 221px;
}

#charaContents ul.line3{
	padding:2px 0 0 310px;
}

#charaContents ul li{
	float:left;
}



/* ========================================
	* about 背景
======================================== */

#about{
	position:relative;
	z-index:8;
	float:left;
	width:980px;
	height:703px;
	background:#eaae17 url(../images/about_bgL.gif) no-repeat left bottom;
}

#about .upperimg{
	position:absolute;
	top:0px;
	right:94px;
	z-index:65;
}

#about .deco{
	position:absolute;
	top:-2px;
	right:-33px;
	z-index:61;
}

#about .aboutbg{
	position:absolute;
	right:0;
	bottom:0;
}

/* ========================================
	* about コンテンツ
======================================== */

#aboutContents{
	position:absolute;
	top:100px;
	left:980px;
	z-index:70;
	margin:0 0 0 40px;
	width:980px;
	height:703px;
}

#aboutContents h2{
	position:absolute;
	top:493px;
	left:516px;
}

#aboutContents .aboutbtn{
	margin:280px 0 0 506px;
}


#aboutContents .mainimg{
	position:absolute;
	bottom:0;
	left:64px;
}

#aboutContents .subimg{
	position:absolute;
	right:-80px;
	bottom:45px;
}

#aboutContents .sideimg{
	position:absolute;
	top:269px;
	left:-104px;
}

#aboutContents .sidetopimg{
	position:absolute;
	top:227px;
	right:-53px;
}

/* ========================================
	* pointcard　背景
======================================== */

#card{
	position:relative;
	z-index:6;
	float:left;
	width:980px;
	height:703px;
	background:#ff76a2 url(../images/card_bgL.gif) no-repeat left bottom;
}

#card .mainimg{
	position:absolute;
	top:213px;
	right:0;
}

/* ========================================
	* pointcard　コンテンツ
======================================== */

#cardContents{
	position:absolute;
	top:100px;
	left:2000px;
	z-index:65;
	width:980px;
	height:703px;
}


#cardContents h2{
	margin:38px 40px 0 0;
	text-align:right;
}

#cardContents p{
	margin:23px 40px 0 0;
	text-align:right;
}

#cardContents .cardimg{
	position:relative;
	z-index:66;
	margin:44px 0 0 132px;
}

#cardContents .manyimg{
	position:absolute;
	right:70px;
	bottom:0;
	z-index:67;
}

/* ========================================
	* emergency 緊急告知文
======================================== */

#emergency {
        position: relative;
        background:#fff;
        border:solid 8px navy;
        margin:160px 0 0 150px;
        width:600px;
        padding:20px;
        text-align:center;
        z-index:100;
}

#emergency h2 {
        font-weight:bold;
        color:red;
        font-size:20px;
}

#emergency p {
        font-size:16px;
        line-height:1.8;
}

/* ========================================
	* 404　背景
======================================== */

#notfound {
	position:relative;
	position:relative;
	z-index:4;
	float:left;
	width:980px;
	height:703px;
	border-left:40px solid #FFEE2E;
	background:#FF327A url(../images/top_bg404.jpg) no-repeat right top;
	text-indent:-9999px;
}

#balloon {
        position: relative;
        background:#fff;
        border:solid 8px #ff9700;
        margin:100px 0 0 450px;
        width:350px;
        padding:15px;
        text-align:center;
        z-index:100;
}

#balloon h2 {
        font-weight:bold;
        color:#621408;
        font-size:20px; 
		margin-bottom:10px;
}

#balloon p {
        font-size:14px;
        line-height:1.2;
}

#topContents dl.nfooter {
	margin:485px 0 0;
	color:#FFACCA;
}