@charset "utf-8";

/* ===================================================================
CSS file For YouMedia
　　　　　　　　　　　　　　　　　　┏┓
　　　　　　　　　　　　　　　　　┏╋┛　　　　　　
┏┓┏┳━━┳┓┏┳━━┳━━┳━┛┣┳━━┓
┃┗┛┃┏┓┃┃┃┃┃┃┃　━┫┏┓┃┃┏┓┃
┗┓┏┫┗┛┃┗┛┃┃┃┃　━┫┗┛┃┃┗┛┗┓
　┗┛┗━━┻━━┻┻┻┻━━┻━━┻┻━━━┛

 File names  :campaign.css
 Ver         :1.00
 Last Up Date:2016/05/26
 Author      :ENO
 対応ブラウザ：IE7 ,IE8 , Opera10 , Firefox3 , Chrome7 , safari5
 Style info  :全サイト共通で入れるかもしれない内容を入れるやつ
--------------------


特記事項：あまりいじってはいけない！＞＜　影響の範囲がでかいぞ！


リニューアル型＞＞

http://www.youyou.co.jp/only/koc/css/style.css
↓
http://www.youyou.co.jp/only/common/style.css
からincludeされて呼び出されます。


単独型グランドサイトの場合＞＞
http://www.youyou.co.jp/only/common/css/topbar.css
からincludeされて呼び出されます。

=================================================================== */

/*===============================================
以下、キャンペーンなどの全サイトに差し込まれる
ファイルに対してのCSSを入れる。

単独型とリニューアル型でdivのidなどを変えて
CSSを振り分けたほうが安全な気がする。
===============================================*/

p strong {
	font-weight:bold;
	color:#ff0040;
}





/*フユイベお知らせ用*/
#fuyuibe{
	width:auto;
background-image:url(http://www.youyou.co.jp/only/common/image/fuyuibe_bg.jpg);
	padding:40px 20px 20px 20px;
	margin:40px auto 20px;
	border:2px solid #1D20AB;
	color:#000;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */ 
}

#fuyuibe h2{
	display:block !important;
	text-indent:-9999px !important;
	width:200px !important;
	height:60px !important;
	position:absolute;
	margin:-70px 0 0 0 !important;
	top:initial!important;
	right:initial!important;
	left:initial!important;
}

#fuyuibe h2.xmas{
background-image:url(http://www.youyou.co.jp/only/common/image/fuyuibe2016_logo.png);
}
#fuyuibe h2.eve{
background-image:url(http://www.youyou.co.jp/only/common/image/fuyuibe2016eve_logo.png);
}

#fuyuibe .fuyuibexmas{
	background-image:url(http://www.youyou.co.jp/only/common/image/fuyuibe2016_logo.png);
	display:block !important;
	text-indent:-9999px !important;
	width:200px !important;
	height:60px !important;
	position:absolute;
	margin:-70px 0 0 0 !important;
	top:initial!important;
	right:initial!important;
	left:initial!important;
}

#fuyuibe img{
	position:relative;
}

#fuyuibe p{
	width:100%;	
	margin:5px 0 5px 0; 
	}

#fuyuibe a.link_online{
	position: relative;
	display: initial;
	width: auto;
	height: auto;
	text-indent: inherit;
	background: none;
	background-position: 0px 0px;
	left: 0;
	top: 0;
}

#fuyuibe a.link_online:hover{
	opacity:1.0;
	filter: 1.0;
	margin-top:0;
	color: initial;
	}



/*恋フェスお知らせ用*/

#koifes{
	width:auto;
	background:#FFE5FA;
	padding:40px 20px 20px 20px;
	margin:40px auto 20px;
	border:2px solid #FF1674;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */ 
}

#koifes .logo{
	display:block;
	text-indent:-9999px;
	width:480px;
	height:60px;
	position:absolute;
	margin:-70px 0 0 0px;
	background-image:url(http://www.youyou.co.jp/only/common/image/koifes_logo.png);
}

#koifes p{
	width:95%;
	margin:0 auto 0;
}



/*ハロパお知らせ用*/

#hallopa{
	width:auto;
	background:#f1a400;
	padding:40px 20px 20px 20px;
	margin:40px auto 20px;
	border:2px solid #601c6b;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */ 
}

#hallopa .logo{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:60px;
	position:absolute;
	margin:-70px 0 0 0px;
	background-image:url(http://www.youyou.co.jp/only/common/image/hallopa_logo.png);
}

#hallopa p{
	width:95%;
	margin:0 auto 0;
}

/*東7お知らせ用*/

#higashi7{
	width:auto;
	background:#fffbc2;
	padding:40px 20px 20px 20px;
	margin:50px auto 20px;
	border:2px solid #e61e87;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */ 
}

#higashi7 .logo{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:72px;
	position:absolute;
	margin:-80px 0 0 0px;
	background-image:url(http://www.youyou.co.jp/only/common/image/higashi7_logo.png);
}

#higashi7 p{
	width:95%;
	margin:0 auto 0;
	color: #000;
}