@import "sousou_basic.css";

/* CSS Document */

h1{
	background: #CCCCFF url("../images/sousou_ti_sub_bg.gif") repeat-x top left;
}
#contents-area{
	margin-top:0px;
	height:600px;
}


#flash{
	margin:0px;
	padding:0px;
}

div#page-link{
	margin:0px auto 0px auto;
	width:650px;
	/* width:<?php echo 50*($conts+1); ?>px;*/
	height:40px;
}



div#page-link p{
	float:left;
	margin:0px 5px 0px 5px;
	width:40px;
	height:40px;
	position:relative;
	font-size:12px;
	/*HideMacIE*/
	overflow:hidden;
	/**/
	color:#000000;
}

div#page-link a.now{
	color:#FF0000;
}

#page-link p span{

	display:block;
	width:100%;
	height:100%;
	background: #CCCCFF url("../images/card/icon_top.jpg") no-repeat top left;
	position:absolute;
	top:0;
	left:0;

}

#page-link p.icon-top span{

	background: url("../images/card/icon_top.jpg") no-repeat top left;
}

/* FLASH再生ページのメニューのみに適用　ロールオーバー時濃く */
div.fla_page p a{
	color:#FFFFFF;
	/*--30%--*/
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}

div.fla_page p a:hover,
div.fla_page p a.now{
	color:#FFFFFF;
	/*--100%--*/
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}

#page-link p.icon-0001 span{background: url("../images/card/icon_0001.jpg") no-repeat top left;}
#page-link p.icon-0002 span{background: url("../images/card/icon_0002.jpg") no-repeat top left;}
#page-link p.icon-0003 span{background: url("../images/card/icon_0003.jpg") no-repeat top left;}
#page-link p.icon-0004 span{background: url("../images/card/icon_0004.jpg") no-repeat top left;}
#page-link p.icon-0005 span{background: url("../images/card/icon_0005.jpg") no-repeat top left;}
#page-link p.icon-0006 span{background: url("../images/card/icon_0006.jpg") no-repeat top left;}
#page-link p.icon-0007 span{background: url("../images/card/icon_0007.jpg") no-repeat top left;}
#page-link p.icon-0008 span{background: url("../images/card/icon_0008.jpg") no-repeat top left;}
#page-link p.icon-0009 span{background: url("../images/card/icon_0009.jpg") no-repeat top left;}
#page-link p.icon-0010 span{background: url("../images/card/icon_0010.jpg") no-repeat top left;}
#page-link p.icon-0011 span{background: url("../images/card/icon_0011.jpg") no-repeat top left;}
#page-link p.icon-0012 span{background: url("../images/card/icon_0012.jpg") no-repeat top left;}


/* メニュー　トップページの場合 */
div.top_page{
	padding-top:130px;
}
/* メニュー　FLASHページの場合 */
div.fla_page{
	padding-top:70px;
}


/* カードトップページにメッセージ */
#contents-area #message{
	padding-top:120px;
}
#contents-area #message p{

	font-size:12px;
	line-height:200%;
	color:#666666;
}
#contents-area #message p.title{

	font-size:14px;

}
#contents-area #message p.text{
	margin-top:30px;
}