/*base*/

/* 各ブラウザの標準スタイルの破棄'
---------------------------------------------------------------------------- */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}legend{color:#000}


/*link*/

a {
	color:#ff0090;
	text-decoration:none;
}

a:hover {
	color:#800048;
	text-decoration:none;
}

area {
	border:none;
	outline:none;
}

img {
	vertical-align:bottom;
}


.clearfix:after {
	content: "";
	clear: both;
	display: block;
}




/*layout*/

html {
	background:#FFF;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#000;
	text-align:center;
}
a img:hover {
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#teaser_visual_btn:hover,
#teaser_menu a img:hover {
	filter: alpha(style=0, opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}





/*teaser*/

#teaser_container {
	width:1200px;
	margin:0 auto;
	position:relative;
	opacity:0.0;

}

#teaser_container h1 {
	padding:10px 0px;
	text-align:left;
	width:305px;
	float:left;
}

#teaser_menu {
	width:300px;
	position:absolute;
	top:495px;
	left:0;
	text-align:left;
	padding-bottom:20px;
}

#teaser_menu ul {
	margin:15px 0 10px 0;
}

#teaser_menu ul li {
	margin:2px 0;
}

#teaser_menu ul li.none {
	filter: alpha(style=0, opacity=10);
	-moz-opacity:0.10;
	opacity:0.10;
}

.teaser_menu_twitter {
	position:absolute;
	top:10px;
	right:10px;
}

p#teaser_copy {
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-550px;
}

#teaser_block {
	margin-top:40px;
	clear:both;
}

#teaser_block li {
	width:360px;
	display:inline-block;
	vertical-align:top;
	margin:0 18px;
}

img.teaser_block_st {
	margin-bottom:5px;
}

#teaser_twitter {
	width:360px;
	height:202px;
	background:url(../img/teaser_twitter_bg.png) no-repeat;
}

#teaser_news {
	width:360px;
	height:202px;
	background:url(../img/teaser_news_bg.png) no-repeat;
	text-align:left;
}

#teaser_news_box {
	width:357px;
	height:202px;
	overflow:auto;
}

#teaser_news dl {
	text-align:left;
	padding:12px 20px;
}

#teaser_news dl dt {
	float:left;
	width:75px;
	padding-bottom:5px;
}

#teaser_news dl dd {
	margin-left:75px;
	padding-bottom:5px;
}

p#footer_banner {
	margin-top:50px;
}

p#footer_banner img {
	margin:0 1px;
	border:1px solid #999;
}

img#teaser_visual_btn {
	position:absolute;
	top:660px;
	left:50%;
	margin-left:380px;
}

#copyright {
	clear:both;
	padding:20px 0 50px 0;
}


/*--------------------------------------
    #content
--------------------------------------*/

#content {
	width:890px;
	float:right;
	overflow:hidden;
	min-height:1040px;
}

.pagetop {
	position:fixed;
	right:0;
	bottom:0;
	display:none;
}


#teasernews {
	background:url(/img/news_title.png) no-repeat top left #FFF;
	padding-top:60px;
}

#teasernews .teasernews_block {
	text-align:left;
	padding:30px;
	clear:both;
	overflow:hidden;
}

#teasernews p {
	width:100%;
	font-size:14px;
	margin-top:20px;
}

#teasernews p.teasernews_block_date {
	color:#cc0000;
	font-weight:bold;
	font-size:14px;
}

#teasernews h2.teasernews_block_title {
	color:#cc0000;
	font-weight:bold;
	font-size:20px;
	padding-bottom:5px;
	border-bottom:1px solid #000;
}

#teasernews p.teasernews_block_text {
	width:100%;
	font-size:14px;
	margin-top:20px;
	float:left;
}

#teasernews p a.btn {
	display:inline-block;
	padding:5px 10px;
	color:#FFF;
	border-radius:5px;
	background:#cc0000;
	font-size:18px;
	font-weight:bold;
	margin-right:10px;
	margin-bottom:10px;
}

#teasernews p a.btn:hover {
	background:#ff3300;
}

#teasernews img {
}

#teasernews img.alignright {
	float:right;
	margin-left:15px;
}

#teasernews img.alignleft {
	float:left;
	margin-right:15px;
}