@charset "euc-jp";
/* CSS Document */
body{
	margin:0 0;
	padding:0 0;
	background:#FFF;
	font-size:0.78em;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
	line-height:160%;
	color:#333;
	
}
img{
	border:none;
}
div.wrapper{
	width:750px;
	margin:0 auto;
	padding:0 0;
}

/* link */
a{
	color:#06C;
	text-decoration:none;
}
a:hover{
	color:#F00;
	text-decoration:none;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* header */
#header{
	background:url(../img/p_head_bg.png) top repeat-x;
}
#header h1{
	margin:0 0;
	padding:0 0;
	font-size:0.85em;
	font-weight:normal;
	line-height:17px;
	color:#FFF;
}
#header img.catch{
	float:right;
	padding:15px 0 0 0;
}
#header img.logo{
	padding:7px 0 8px 0;
}

/* main */
#main{
	background:#FAFAFA url(../img/p_bg.png) top repeat-x;
	padding:15px 0 10px 0;
}

#main ul.menu{
	margin:0 0;
	padding:0 0;
	list-style:none;
	height:39px;
	width:750px;
}
#main ul.menu li{
	height:39px;
	width:250px;
	float:left;
	text-indent:-999em;
}
#main ul.menu li.mn1 a{
	background:url(../img/p_menu.png) 0px 0px no-repeat;
	height:39px;
	width:250px;
	display:block;
}
#main ul.menu li.mn2 a{
	background:url(../img/p_menu.png) -250px 0px no-repeat;
	height:39px;
	width:250px;
	display:block;
}
#main ul.menu li.mn3 a{
	background:url(../img/p_menu.png) -500px 0px no-repeat;
	height:39px;
	width:250px;
	display:block;
}
#main ul.menu li.mn1 a.active-thumb{
	background:url(../img/p_menu.png) 0px -39px no-repeat;
	height:39px;
	width:250px;
	display:block;
}
#main ul.menu li.mn2 a.active-thumb{
	background:url(../img/p_menu.png) -250px -39px no-repeat;
	height:39px;
	width:250px;
	display:block;
}
#main ul.menu li.mn3 a.active-thumb{
	background:url(../img/p_menu.png) -500px -39px no-repeat;
	height:39px;
	width:250px;
	display:block;
}

#main div.swf_area{
	position:relative;
	height:288px;
}
#main div.swf_area h2.about{
	position:absolute;
	top:45px;
	left:15px;
	margin:0 0;
	padding:0 0;
}
#main div.swf_area p.about{
	position:absolute;
	top:95px;
	left:15px;
	margin:0 0;
	padding:0 0;
	width:315px;
}
#main div.swf_area p.about_wide{
	position:absolute;
	top:95px;
	left:15px;
	margin:0 0;
	padding:0 0;
	width:360px;
}
#main div.swf_area p.about b{
	font-size:1.25em;
}
#main div.swf_area a.about{
	position:absolute;
	top:245px;
	left:15px;
	margin:0 0;
	padding:0 0;
	width:315px;
}

#main div.recommend{
	background:url(../img/p_bg_recommend.png) no-repeat;
	height:60px;
	position:relative;
	margin:0 0;
	padding:0 0 10px 0;
}
#main div.recommend ul{
	position:absolute;
	top:23px;
	left:90px;
	margin:0 0;
	padding:0 0;
	height:13px;
	list-style:none;
	line-height:100%;
}
#main div.recommend ul li{
	margin:0 0;
	padding:0 12px 0 0;
	height:13px;
	display:inline;
}


#main div.sub div.news{
	float:left;
	width:490px;
}
#main div.sub div.news h3.topics{
	margin:0 0;
	padding:0 0;
	background:url(../img/p_bar_topics.png) no-repeat;
	text-indent:-999em;
	height:21px;
}
#main div.sub div.news ul{
	list-style:none;
	margin:0 0;
	padding:0 0;
	line-height:130%;
}
#main div.sub div.news ul li{
	padding:5px 0px 5px 10px;
	background:url(../img/p_link.gif) left center no-repeat;
	border-bottom:#CCC 1px dashed;
}
#main div.sub div.news ul li span{
	font-size:0.85em;
	font-weight:bold;
	color:#666;
}
#main div.sub div.related{
	float:left;
	width:240px;
	padding:4px;
	margin:0 0 0 10px;
	background:#EEE;
	border:#CCC 1px solid;
	text-align:center;
}
#main div.sub div.related p{
	margin:0 0;
	padding:2px 0 5px 0;
	font-size:0.87em;
	color:#666;
	line-height:120%;
}
#main div.sub div.related p.title{
	margin:0 0 5px;
	padding:1px 0 1px 0;
	font-size:0.87em;
	font-weight:bold;
	color:#666;
	background:#FFF;
	border:#CCC 1px solid;
}
#main div.sub div.related img{
	display:block;
	margin:0 0 5px 0;
}
#main div.sub div.related img.last{
	margin:0 0 0 0;
}

/* footer */
#footer{
	border-top:#CCCCCC 1px solid;
	padding:10px 0;
}
#footer p.copyright{
	float:right;
	margin:0 0;
	padding:0 0;
	font-size:0.85em;
	color:#666;
}
#footer p.rcap{
	margin:0 0;
	padding:0 0;
	color:#666;
}

.stripViewer{
	position: relative;
	overflow: hidden;
	width: 750px;
	height: 358px;
}
.stripViewer .panelContainer{
	position: relative;
	left: 0;
	top: 0;
}
.stripViewer .panelContainer .panel{
	float: left;
	height: 100%;
	position: relative;
	width: 750px;
}
.stripNavL,
.stripNavR,
.stripNav{
	display: none;
}
.nav-thumb{
	margin:0 0;
	padding:0 0;
}
.cross-link{
	display: block;
	position: relative;
	z-index: 9999;
}

/* ぱんくず */
#main div.breadcrumb{
	margin:0 0;
	padding:0 0 2px 0;
	font-size:0.87em;
}

/* 関連サイト */
#main div.related_links{
	padding:10px 0 5px 0;
	text-align:center;
	font-size:0.87em;
}
#main div.related_links a.rcap{
	font-weight:bold;
	color:#06C;
}
#main div.related_links a.strength{
	font-weight:bold;
	color:#03C;
}
#main div.related_links a.cardsort{
	font-weight:bold;
	color:#3CAA31;
}
div.related_bn{
	margin:15px 0 0 0;
	clear:both;
}
div.related_bn h3.r_related{
	margin:0 0;
	padding:0 0;
	text-indent:-999em;
	background:url(../img/bar_related.png);
	line-height:20px;
}
div.related_bn div.r_related{
	background:#F5F5F5;
	border-bottom:#999 1px solid;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
	margin:0 0 10px 0;
	padding:6px;
	width:736px;
}
div.related_bn div.r_related div{
	float:left;
	margin:0 25px 0 0;
	width:165px;
	font-size:10px;
	text-align:center;
	line-height:120%;
}
div.related_bn div.r_related div p{
	margin:5px 0 0 0;
	padding:0 0;
}
div.related_bn div.r_related div.last{
	margin:0 0;
}

/* contents */
div.p_contents{
	border:#CCC 1px solid;
	margin:10px 0 0 0;
	padding:4px;
	width:740px;
	background:#FFF;
}
div.p_contents h3{
	margin:0 0;
	padding:0 0;
}
div.p_contents div.p_cont_unit{
	padding:4px 0 0 0;
	width:370px;
	float:left;
}
div.p_contents div.p_cont_unit img.p_cont_face{
	float:left;
	padding:0 5px 0 0;
}
div.p_contents div.p_cont_unit p{
	margin:0 0;
	padding:0 10px 0 0;
	line-height:130%;
}
div.p_contents div.p_cont_unit p.p_shoulder{
	font-size:0.87em;
	font-weight:bold;
	line-height:120%;
	color:#666;
}
div.p_contents div.p_cont_unit p.p_date{
	padding:0 10px 5px 0;
	font-size:0.87em;
	line-height:120%;
	color:#666;
}
div.p_contents div.p_cont_unit a{
	font-weight:bold;
}