@charset "UTF-8";

/*----------------------------
登録、ログインcss
----------------------------*/

body{
	background-color:#fefddd;
	background-image:url(/img/common/BgA.gif);
	background-position:center top;
	background-repeat:repeat-y;
}

/*----------------------------
 header 
 ----------------------------*/
#header{

}

#header .logo{
	margin-left:24px;
}

#header .copy{
	float:left;
	margin-top:0;
	margin-left:10px;
}

#header .userName{
	width:207px;
	height:48px;
	background-image:url(/img/bg/userNameBgA.gif);
	background-repeat:no-repeat;
}

#header .userName .inner{
	height:38px;
	vertical-align:middle;
	padding-top:8px;
	padding-right:50px;
	padding-left:10px;
	line-height:100%;
	text-align:right;
}

#header .nologinImg{
	float:left;
}



/* mainContainer */
#mainContainer{
	background-image:url(/img/common/mainContainerBgA.gif);
	background-position:center top;
	background-repeat:no-repeat;
}


/* container */
#container{
	width: 950px;
	margin: auto;
	background-image:url(/img/common/containerBgA.gif);
	background-repeat:no-repeat;
	background-color:#f1f7e3;
}

.top #container{
	width: 950px;
	margin: auto;
	background-image:url(/img/common/containerBgATop.jpg);
	background-repeat:no-repeat;
	background-color:#f1f7e3;
}

.faq #container{
	width: 950px;
	margin: auto;
	background-image:url(/img/bg/containerBgASub.jpg);
	background-repeat:no-repeat;
	background-color:#f1f7e3;
}

.point #container{
	width: 950px;
	margin: auto;
	background-image:url(/img/bg/containerBgAPoint.jpg);
	background-repeat:no-repeat;
	background-color:#f1f7e3;
}


.maintenance #container{
	width: 950px;
	margin: auto;
	background-image:url(/img/bg/containerBgAMainte.jpg);
	background-repeat:no-repeat;
	background-color:#f1f7e3;
}

/* ----------------------------
menu
 ----------------------------*/
#menu{
	width:290px;
	float:left;
	position:relative;
	height:600px;
}

#menu ul{

}

.point #menu img{
	margin-left:32px;
	margin-top:42px;
}

/* メニューはじまり */

#menu ul li a.m01{
	width: 146px;
	height: 33px;
	display: block;
	position:relative;
	top:52px;
	left:40px;
	text-indent:-9999em;  
	background:url(/img/menu/menu01_off.gif) no-repeat;
}

#menu ul li a.m01:hover{
	background:url(/img/menu/menu01_on.gif) no-repeat;
}


#menu ul li a.m02{
	width: 159px;
	height: 18px;
	display: block;
	position: absolute;
	top:85px;
	left:40px;
	text-indent:-9999em;  
	background:url(/img/menu/menu02_off.gif) no-repeat;
}

#menu ul li a.m02:hover{
	background:url(/img/menu/menu02_on.gif) no-repeat;
}


#menu ul li a.m03{
	width: 80px;
	height: 23px;
	display: block;
	position: absolute;
	top:103px;
	left:40px;
	text-indent:-9999em;  
	background:url(/img/menu/menu03_off.gif) no-repeat;
}

#menu ul li a.m03:hover{
	background:url(/img/menu/menu03_on.gif) no-repeat;
}


#menu ul li a.m04{
	width: 100px;
	height: 39px;
	display: block;
	position: absolute;
	top:126px;
	left:40px;
	text-indent:-9999em;  
	background:url(/img/menu/menu04_off.gif) no-repeat;
}

#menu ul li a.m04:hover{
	background:url(/img/menu/menu04_on.gif) no-repeat;
}


#menu ul li a.m05{
	width: 138px;
	height: 137px;
	display: block;
	position: absolute;
	top:180px;
	left:0px;
	text-indent:-9999em;
	background:url(/img/menu/menu05_off.gif) no-repeat;
}

#menu ul li a.m05:hover{
	background:url(/img/menu/menu05_on.gif) no-repeat;
}

#menu ul li a.m06{
	width: 150px;
	height: 184px;
	display: block;
	position: absolute;
	top:104px;
	left:138px;
	text-indent:-9999em;  
	background:url(/img/menu/menu06_off.gif) no-repeat;
}

#menu ul li a.m06:hover{
	background:url(/img/menu/menu06_on.gif) no-repeat;
}

#menu ul li a.m07{
	width: 102px;
	height: 81px;
	display: block;
	position: absolute;
	top:287px;
	left:152px;
	text-indent:-9999em;  
	background:url(/img/menu/menu07_2_off.gif) no-repeat;
}

#menu ul li a.m07:hover{
	background:url(/img/menu/menu07_2_on.gif) no-repeat;
}


#menu ul li a.m08{
	width: 111px;
	height: 97px;
	display: block;
	position: absolute;
	top:368px;
	left:160px;
	text-indent:-9999em;  
	background:url(/img/menu/menu08_off.gif) no-repeat;
}

#menu ul li a.m08:hover{
	background:url(/img/menu/menu08_on.gif) no-repeat;
}


#menu ul li a.m09{
	width: 138px;
	height: 133px;
	display: block;
	position: absolute;
	top:325px;
	left:16px;
	text-indent:-9999em;  
	background:url(/img/menu/menu09_off.png) no-repeat;
}

#menu ul li a.m09:hover{
	background:url(/img/menu/menu09_on.png) no-repeat;
}

#menu ul li a.m10{
	width: 138px;
	height: 57px;
	display: block;
	position: absolute;
	top:458px;
	left:16px;
	text-indent:-9999em;  
	background:url(/img/menu/menu10_off.gif) no-repeat;
}

#menu ul li a.m10:hover{
	background:url(/img/menu/menu10_on.gif) no-repeat;
}


#menu ul li a.m11{
	width: 134px;
	height: 114px;
	display: block;
	position: absolute;
	top:467px;
	left:154px;
	text-indent:-9999em;  
	background:url(/img/menu/menu11_off.png) no-repeat;
}

#menu ul li a.m11:hover{
	background:url(/img/menu/menu11_on.png) no-repeat;
}

#menu ul li a.m12{
	width: 138px;
	height: 66px;
	display: block;
	position: absolute;
	top:515px;
	left:16px;
	text-indent:-9999em;  
	background:url(/img/menu/menu12_off.png) no-repeat;
}

#menu ul li a.m12:hover{
	background:url(/img/menu/menu12_on.png) no-repeat;
}


/* メニューおわり */

/* ----------------------------
contents 
----------------------------*/
#contents{
	width:660px;
	float:right;
	display:inline;
	position:relative;
}

.contents_inner{
	width:646px;
	margin:auto;
	min-height:500px; 
	height: auto !important;  
    height: 500px; 
}

.typeA{
	background-color:#ffffff;
	background:url(/img/common/a_middle.gif) repeat-y;
}


.imgBottom{
	vertical-align:bottom;
}


/*----------------------------
 top
 ---------------------------- */
.topImg{/* 3/5 */
	padding-left:0;
/*	height:600px;*/
}

.topImg .inner{

}

.topLeft{/* 3/5 */
	width:424px;
	float:left;
}

/* プレ終了後追加 */
.pTop{
	padding-top:437px;
}

.topRight{
	float:right;
	margin:0 0 10px 0;
}

/*---------------------
 コミック
 ---------------------- */
#comic{
	position:absolute;
	top:83px;
	left:280px;
}

/*---------------------
 dvd
 ---------------------- */
#dvd{
	position:absolute;
	top:-18px;
	left:280px;
}

/*---------------------
 atx
 ---------------------- */
#atx{
	position:absolute;
	top:330px;
	left:280px;
}

#atxTxt{
  overflow: auto;
	width: 520px;
	height: 450px;
}

#atx #atxTxt{
	display:none;
}

#atxTxt dl{
	display:block;
	margin:-200px 0 0 80px;
	z-index:100;
	line-height:1.2em;
}

#atxTxt dt{
	font-weight:bold;
	margin:0 0 5px -65px;
}

#atxTxt dd{
	text-indent:-65px;
	margin:0 0 5px 0;
}

#atxTxt dd.jan{
	text-indent:0px;
	margin:0 0 5px -55px;
}

#atxTxt #info{
	margin:20px 0 0 0;
}

#atxTxt #atxBtn{
	margin:20px 0 0 25px;
	z-index:100;
}



/*---------------------
 pixiv
 ---------------------- */
#pixiv{
	position:absolute;
	top:-18px;
	left:290px;
}

#pixivTxt{
  overflow: auto;
	width: 520px;
	height: 430px;
}

#pixiv #pixivTxt{
	display:none;
}

#pixivTxt .inner{
	display:block;
	margin:-370px 0 0 20px;
	z-index:100;
	line-height:1.2em;
}


#pixivTxt .inner p{
	display:block;
	width:250px;
	margin:20px 0 0 200px;
}


#pixivTxt #pixivBtn{
	margin:20px 0 0 25px;
}

#pixivLinkTxt{
	display:block;
	font-size:11px;
	margin:10px 0 0 10px;
}


/*---------------------
 live
 ---------------------- */
#live{
	margin:-40px 0 0 0;

}

#liveTxt{
  overflow: auto;
	width: 520px;
	height: 430px;
}

#live #liveTxt{
	display:none;
}

#liveTxt .inner{
	display:block;
	margin:-410px 0 0 10px;
	z-index:100;
	line-height:1.5em;
}


#liveTxt .inner p{
	display:block;
	width:330px;
	margin:10px 0 0 170px;
}





.topSpecialArea{
	width:180px;
}

.topSpecialArea .inner{
	background-image:url(/img/bg/bk_TopSpecialArea.gif);
	background-repeat:no-repeat;
	padding-left:11px;
	padding-right:11px;
	padding-top:9px;
	height:152px;
}

.news{
	width:200px;
	height:185px;
	background-image:url(/img/common/newsBG.gif);
	background-repeat:no-repeat;
	padding-top:20px;
}

.topImg .inner .news .inner{
	width:165px;
	height:140px;
	overflow:auto;
	padding-top:0;
	margin:5px auto 0;
	font-size:13px;
	line-height:110%;
}


/* PV 5.24.2010 追加分 */
#yutoriPV {
	float: right;
	width: 200px;
	margin-bottom: 10px;
	text-align: center;
	z-index:200;
}
#yutoriPVcontainer {
	width: 196px;
	padding: 5px 0;
	background: #fc0 /*url(/img/img/player_bg.gif) repeat left top*/;
	border: 2px solid #8A6C5D;
	border-top: none;
}

/*---------------------
 サイトが増えました
 ---------------------- */
#moreSiteArea{
	margin: 0 0 0 27px;
}

#moreSiteTxt{
	height: 530px;
}

#moreSiteArea #moreSiteTxt{
	display:none;
}

#moreSiteTxt p.moreSiteTxtp{
	margin-left:10px;
	text-align:left;
}

#moreSiteTxt ul{
	margin:10px 0 10px 10px;
}

#moreSiteTxt ul li{
	display:block;
	margin:0 10px 10px 10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
}

#moreSiteTxt ul li span{
	margin:20px 0 0 10px;
}

#mediaMoreSite #moreSiteTxt{
	height: auto;
	padding-bottom:10px;
}


/* ----------------------------
4koma
----------------------------*/

#yonkomaArea{
	margin:0 0 0 30px;
}

#slideshow { 
	position: relative; 
  overflow: auto;
	width: 530px;
	height: 530px;
	margin-bottom: 20px; 
	z-index: 300;

	/*height: 875px; */
		}
		
		#slideshow img { 
		position: absolute; 
		top: 30px; 
		left: 0px; 
		z-index: 10; 
		}
		
		ul.recentlist { 
		position: absolute; 
		list-style: none;
		right:0px; 
		_right:20px;
		z-index: 20;
		}
		
		ul.recentlist li { display: inline; }
		
		ul.recentlist li a, ul.recentlist li a:visited { 
		display: block; 
		float: left; 
		background: #e5e5e5; 
		padding: 4px 8px; 
		margin-right: 1px; 
		color: #000; 
		text-decoration: none; 
		cursor: pointer; 
		}
		
		ul.recentlist li a:hover, ul.recentlist li a:visited:hover { 
		background: #666;
		color: #fff; 
		}
		
		ul.recentlist li a.current { 
		background: #f00; 
		color: #fff; 
		}

		ul.list01{
		top: 0px; 
		}
		
		ul.list02{
		bottom: -363px; 
		}
		

#yonkomaArea #slideshow{
	display:none;
}


/* ----------------------------
login 
----------------------------*/

#loginForm{
	width: 484px;
	background:url(/img/bg/loginBG.gif) no-repeat;
	margin:auto;
}

#loginForm .inner{
	padding-top:53px;
	height:170px;
	padding-left:118px;

}

#loginForm table{
}



#loginForm td.left{
	width: 85px;
	padding: 5px 5px 10px 5px;
	border-bottom: 0;
	font-weight: bold;
	vertical-align:top;
}

#loginForm td.right{
	padding: 5px;
	border-left: 0;
	border-bottom: 0;
	vertical-align:top;
}

#loginForm table td input.loginInfo{
	border:none;
	background-color:#FFFFFF;
	font-size:12px;
}

.newRegist{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #de859c;
	padding:5px;
}

/* yutori_comment */
.comment{
	width:173px;
}


/*----------------------------
 regist 
----------------------------*/

.registCatch{
	background-image: url(/img/bg/registTopBg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:10px;
}

.registTop{
	width:500px;
	float:left;
}

.registInfoBtn{
	float:right;
	padding-top:150px;
	padding-right:10px;
}

.registTop .registLeft{
	width:230px;
}

.registTop .border{
	border:1px solid #896b5c;
	padding:4px;
	background-color:#FFFFFF;
}

.torisetu{
	 width:640px;
	 margin:auto;
	 background-image:url(/img/bg/torisetu_bg.gif);
	 border:1px solid #a0a0a0;
	 line-height:110%;
}

.registLeft{
	width:300px;
}

.registBorderPadding{
	padding:7px;
}

.registChangeBtn{
	width:600px;
	border-top: 1px solid #dbdcdf;
}

/*----------------------------
 point 
 ----------------------------*/
.passInput{
	width:400px;
	margin:20px auto;
	padding:20px;
	border:1px solid #896b5c;
}

.tokuten{
	width:490px;
	background-image:url(/img/bg/tokuten_bg.gif);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
}

.tokuten .inner{
	padding-left:30px;
}

.tokuten .inner img{
	vertical-align:middle;
	margin-bottom:5px;
}

.pointLeftTxt{
	width:335px;
}


.pointCenterTxt{
	width:200px;
	margin:auto;
}




/*----------------------------
 passRemaider 
 ----------------------------*/

#passReminderForm{
	width: 600px;
	border-bottom: 1px solid #dbdcdf;
}

#passReminderForm tr{
	border: 1px solid #dbdcdf;
}

#passReminderForm td.left{
	width: 150px;
	padding: 8px;
	background: #f4f4f3;
	border: 1px solid #dbdcdf;
	border-bottom: 0;
	font-weight: bold;
	vertical-align:top;
}

#passReminderForm td.right{
	padding: 8px;
	border: 1px solid #dbdcdf;
	border-left: 0;
	border-bottom: 0;
	vertical-align:top;
}



/*----------------------------
 charactor
  ----------------------------*/

.chara{
	width:646px;
	height:800px;
	background-image:url(/img/character/yutoriCharactor2BG.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:46px;
}

.chara02{
	width:646px;
	height:730px;
	background-image:url(/img/character/yutoriCharactor2BG02.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:46px;
}

.chara02 .resume2{
	margin-top:50px;
}

.chara img{
	vertical-align:bottom;
}

.chara .card{
	float:left;
	margin-left:42px;
	margin-top:30px;
	display:inline;
}

.chara .thum{
	float:right;
	width:214px;
	margin-top:2px;
}

.chara .thum .img2{
	padding-top:28px;
	padding-left:22px;
}
	 
.chara .resume1{
	padding-left:90px;
}

.chara .resume1 img{
	vertical-align:middle;
	margin-left:25px;
}

.chara .resume1 img.rimg{
	margin-left:40px;
}

.chara .resume2 .leftContents{
	float:left;
	width:330px;
	margin-top:50px;
	margin-left:50px;
	display:inline;
}

.chara .resume2 .rightContents{
	float:right;
	margin-right:48px;
	display:inline;	
}

.chara .resume2 .rightContents img{
	vertical-align:top;	
}


.chara .resume3{
	margin-left:50px;
	margin-top:20px;
}

/*----------------------------
 maintenance 
 ----------------------------*/
.maintenanceArea{
	background-image:url(/img/bg/maintenanceBG.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:636px;
	padding-bottom:138px;
}

.maintenanceArea img{
	vertical-align:bottom;
}

.maintenanceTxt{
	background-image:url(/img/bg/img_maintenance_middle.gif);
	background-repeat:repeat-y;
	width:437px;
	margin-left:10px;
}

.maintenanceTxt .inner{
	width:95%;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.1em;
	text-align:left;
}

/*----------------------------
 作品情報 
 ----------------------------*/

.media00BG{
	background-image:url(/img/bg/yutoriMediaBG00.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
}

.media01BG{
	background-image:url(/img/bg/yutoriMediaBG01.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
}

.media02BG{
	background-image:url(/img/bg/yutoriMediaBG02.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

.media03BG{
	background-image:url(/img/bg/yutoriMediaBG03.gif);
	background-position:right 170px;
	min-height:300px; 
	height: auto !important;  
    height: 300px; 
	background-repeat:no-repeat;
}


.yutoriTitle{
	font-size:18px;
	font-weight:bold;
	color:#fb5b04;
	background:url(/img/ico/ico_yutoriNews.gif) top left no-repeat;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
}


.link img{
	margin-right:10px;
}

/*--------------------------------
アバウト
 --------------------------------*/
#about dl{
	margin:5px 10px 30px 10px;
}

#about dt{
	color:#fb5b04;
	font-weight:bold;
	font-size:16px;
	line-height:1.3em;
}

#about dd{
	margin-bottom:10px;
}



/*--------------------------------
配信情報（media）
 --------------------------------*/
#mediaHead p{
	text-align:center;
}
 
#mediaHead p.attention{
	text-align:right;
}

#mediaHead ul{
	display:block;
	width:605px;
	margin:10px auto;
}


/*--------------------------------------
よくある質問（FAQ) アニメワンのfaqのcss
----------------------------*/
.faq_area{
}
	
.faq_area .mtitle{
	margin:10px 0;
	padding:10px 0;
	border-bottom:1px solid #333333;
}
	
.faq_area dd a{
	text-decoration:none;
	font-weight:normal;
	}

.faq_area dt{
	margin-top:5px;}

.faq_area dd{
	padding-top:10px;
	margin: 0 0 0 15px;
	background-image: url(/img/ico/al_ic_q.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left:25px;
	font-weight:bold;}


.faq_area dd.ans{
	background-image: url(/img/ico/al_ic_a.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 5px 25px;
	border-bottom: 1px dashed #CCCCCC;
	font-weight: normal;}

.faq_area dd.ans img{
	vertical-align:middle;
	margin:2px 0;}

.faq_area dd.ans a{
	text-decoration: underline;}
	
.faq_area dd.top{
	background-image: none;
	text-align:right;
	margin-bottom: 15px;
	font-weight: normal;}
	
.faq_area dd.top a{
	text-decoration:underline;}

.faq_area dd.contact {
	font-weight:normal;}
	
.faq_area dd.contact a{
	text-decoration: underline;}
	
.faq_area table{
	width:80%;
	margin:10px 0;}
	
.faq_area table td.left{
	padding:5px 10px;
	color:#424242;
	background-color:#f7f7f7;}

.faq_area table td.head{
	padding:5px 10px;
	color:#424242;
	background-color:#f2fad3;}

.faq_area table td{
	padding:5px 10px;
	color:#424242;
	border: 1px solid #a0a0a0;}

.faq_area .bottom{
	float:left;
	margin-right:10px;
	margin-top:4px;
}

.list{
	border-bottom:1px solid #896b5c;
	padding-bottom:20px;
}

.list dd{
	padding-top:5px;
	padding-bottom:0px;
	background-position: left 5px;
}


/*----------------------------
 special 
 ----------------------------*/

ul#sp_menu li{
	margin-right:26px;
}

ul#sp_menu li.sp_menu_last{
	margin-right: 0;
}
.line_special01 {
	margin: 15px 0 15px 0;
}

div#wpdl_area {
	width:626px;
}

img.wp_left {
	float: left;
	margin-right: 5px;
}


img#stitle_Special_di {
	display: block;
	margin: 10px auto 20px auto;
	border: 1px solid #F39D3D;
}
p#special_di_lead {
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #FF6702;
}
p#special_di_lead2 {
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #FF6702;
}
div#btn_Special_next_di img {
	display: block;
	margin: 10px auto 15px auto;
}

/*-------------------------
コンテスト結果
---------------------------*/
#pixiv_result{
	background:url(/img/contest/bgContest.jpg) no-repeat left top;
}

#pixiv_result .inner{
	width:390px;
	margin:0 0 0 220px;
}

#pixiv_result .inner p{
	padding:10px 0 0 10px;
}

#pixiv_result .inner .btn{
	display:block;
	text-align:right;
}

#pixiv_result .banner{
	display:block;
	text-align:center;
	margin:10px 0;
}

#resultArea{
	width:605px;
	margin:0 auto;
}

#resultArea h4{
	margin:20px 0;
}

#resultArea ul{
	display:block;
	padding:0 10px 20px;
	border-bottom:1px dashed #999999;
	margin:0 0 10px 0;
}

#resultArea ul li{
	margin:0 0 5px 0;
}

#resultArea .leftImg{
	float:left;
	margin:0 20px 0 0;
}

#resultArea .author{
	font-weight:bold;
	font-size:18px;
	display:block;
}

#resultArea .title{
	font-weight:bold;
	font-size:16px;
	display:block;
	margin:0 0 10px 0;
}

#resultArea li dl{
	margin:0 0 20px 0;
}

#resultArea li dt{
	margin:10px 0 5px;
}



/*------------------------------------
goods
----------------------------------------*/
#goodsContainer{
	padding:10px;
}
.goodstxt{
	width:380px;
	display:inline-block;
}

.goodstxt span{
	font-weight:bold;
}

.goodstxt span.title{
	color:#FF0066;
	font-size:18px;
}

.goodstxt span.kakaku{
	color:#FF0066;
}
.goodstxt span.hatubai{
	font-size:14px;
	color:#0099FF;
}


/*------------------------------------
goods&special 2010.11.18
----------------------------------------*/

#special_menu{
	margin:10px;
	border-bottom:1px dotted #896b5c;
	padding:10px 10px 20px 10px;
}

#special_menu li{
	margin:0 26px 0 0;
}

#special_menu li.sp_menu_last{
	margin-right: 0;
}

dl.goodsArea{
	margin:0 10px 10px;
	line-height:1.2em;
}

dl.goodsArea dt{
	float:left;
	width:225px;
}

dl.goodsArea dt img.btn{
	margin:5px 0 0 10px;
}


dl.goodsArea dd{
/*	overflow:auto;
	zoom:1;*/
	margin:0 0 0 10px;
	padding:5px 0 0 225px;
}


dl.goodsArea dd span.title{
	color:#FF0066;
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
}

dl.goodsArea dd span.kakaku{
	color:#FF0066;
	font-weight:bold;
}

dl.goodsArea dd span.hatubai{
	display:block;
	font-size:14px;
	color:#0099FF;
	font-weight:bold;
	margin:5px 0;
}

dl.goodsArea span.moreSp{
	display:block;
	border:1px solid #FF0000;
	background-color:#FFFFCC;
	padding:5px;
	margin:10px 0;
}

dl.goodsArea span.moreSp span{
	font-weight:bold;
}

dl.goodsArea span.btn{
	display:block;
	margin:10px 0 0 0;
}


/* 法人特典　*/
h4.goods{
	text-align:center;
	margin:30px 0 0 0;
}

dl.houjin{
	border:1px solid #fd6e5b;
	width:578px;
	padding:10px;
	margin:0 auto;
}

dl.houjin dt{
	font-weight:bold;
	color:#FF0066;
	font-size:16px;
}

dl.houjin dd{
	border-bottom:1px dashed #fd6e5b;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

dl.houjin dd span.item{
	display:block;
	font-weight:bold;
	color:#0099FF;
	margin:0 0 10px 0;
}

dl.houjin dd img.btn{
	margin:10px 0 0 0;
}

/* 嫁コレ　*/
#appIntro{
	margin:10px 0;
}
#appIntro dt{
	color:#FF0066;
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
}
#aboutYome {
	margin:20px 0 0 0;
}
#aboutYome dt{
	clear:both;
	margin:5px;
}
#aboutYome dd{
	margin:15px;
}
#aboutYome dd.ayImg{
	float:left;
	margin:5px 10px 10px 10px;
}

/*--------------------------------
story
 --------------------------------*/
#storyArea{
	width:550px;
	height:160px;
	margin:0 auto;
	padding:20px 35px 0;
	line-height:1.5em;
	background:url(/img/story/bg_StoryTxt.gif) no-repeat center top;
}

#storyImg{
	text-align:center;
}

#subStory{
	margin:20px 0 0 10px;
}

#subStory h3{
	margin:0 0 10px 0;
}

#subStory ul{
	display:block;
	width:180px;
	float:left;
	margin:0 0 0 20px;
	line-height:1.5em;
}

#subStory ul li{
	display:block;
}


/*------------------------------------
service
----------------------------------------*/
p#intro{
	text-align:center;
	color:#FF6600;
	font-weight:bold;
	margin:10px 0 20px;
}

#service01{
	background:url(/img/bg/yutoriMediaBG01.gif) right 70px no-repeat;	
}

#service03{
	background:url(/img/bg/yutoriMediaBG02.gif) right 50px no-repeat;	
}

.serviceContents{
	border:1px solid #896b5c;
	margin:10px 10px 30px;
	padding:10px;
}

.serviceContents p{
	margin:10px;
}

.service021 dl{
	width:285px;
	float:left;
	margin:10px 8px 40px;
	display:inline;
	line-height:1.2em;
	
}

.service022 dl{
	margin:10px 10px 40px;
	line-height:1.2em;
}

.service021 dd.img,.service022 dd.img{
	text-align:center;
	margin:10px 0;
}


/*------------------------------------
common
----------------------------------------*/
h2#title{
	text-align:center;
}