@charset "Shift_JIS";

/*============================================================
//  金魚坂
//==========================================================*/


/*=============メイン=============*/
#about{
	width:730px;
	background : url(/about/image/bg_menu.gif) repeat-y;
}
#about .main{
	width:520px;
	float:left;
}

.CollapsiblePanelContent {
	margin-bottom: 15px;
}

.AccordionPanelTab {
}

.AccordionPanelContent {
	overflow: auto;
}

#about .main .title-box h2{
	width:495px;
	height:140px;
	background : url(/about/image/title.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

#about .main .message {
	width:495px;
	height:190px;
	background : url(/imgcommon/in_message.gif) no-repeat;
}

#about .main .message h2{
	font-size:12px;
	color:#333333;
	line-height:160%;
	padding:5px 120px 10px 20px ;
}

#about .main .message h2 a{
	font-size:12px;
	color:#0C728D;
	line-height:140%;
	text-decoration:none;
}

#about .main .message h2 a:hover{
	font-size:12px;
	color:#0C728D;
	line-height:140%;
	text-decoration:underline;
}

#about .main .message span{
	font-size:12px;
	color:#0C728D;
}

#about .main .sub-title01 h3{
	width:250px;
	height:30px;
	background : url(/about/image/sub_title01.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}

#about .main .sub-title02 h3{
	width:250px;
	height:30px;
	background : url(/about/image/sub_title02.gif) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:10px;
}

#about .main .sub-title03 h3{
	width:250px;
	height:30px;
	background : url(/about/image/sub_title03.gif) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:10px;
}

#about .main .entry-box-left{
	width:245px;
	float:left;
	margin-bottom:15px;
}

#about .main .entry-box-right{
	width:245px;
	float:right;
	margin-bottom:15px;
}

#about .main .entry-box-left .entry-title,
#about .main .entry-box-right .entry-title {
	width:245px;
	height:60px;
	background : url(/about/image/entry_title_bg.gif) no-repeat;
}

#about .main .entry-box-left .entry-title .title,
#about .main .entry-box-right .entry-title .title {
	width:240px;
	background : url(/about/image/entry_point.gif) no-repeat;
	float:left;
	margin:2px 0 0 0;
}

#about .main .entry-box-left .entry-title .title h4,
#about .main .entry-box-right .entry-title .title h4{
	font-size:16px;
	color:#666666;
	line-height:120%;
	margin:3px 0 0 20px;
}

#about .main .entry-box-left .entry-body,
#about .main .entry-box-right .entry-body {
	width:245px;
	background : url(/about/image/entry_body_bg.gif) repeat-y;
	text-align:center;
}

#about .main .entry-box-left .entry-body img,
#about .main .entry-box-right .entry-body img{
	border:1px solid #CCCCCC;
}

#about .main .entry-box-left .entry-foot,
#about .main .entry-box-right .entry-foot{
	width:245px;
	background : url(/about/image/entry_foot_bg.gif) no-repeat;
}

#about .main .entry-box-left .entry-foot h5,
#about .main .entry-box-right .entry-foot h5{
	width:240px;
	font-size:10px;
	color:#666666;
	line-height:140%;
	padding:22px 0 0 0;
}

#about .main .entry-box-left .entry-foot h5 a,
#about .main .entry-box-right .entry-foot h5 a{
	font-size:10px;
	color:#096F8A;
	line-height:140%;
}

#about .main .entry-box-left .entry-foot h5 a:hover,
#about .main .entry-box-right .entry-foot h5 a:hover {
	font-size:10px;
	color:#096F8A;
	line-height:140%;
}

#about .main .entry-box-left .entry-foot h5 span,
#about .main .entry-box-right .entry-foot h5 span {
	font-size:10px;
	color:#096F8A;
	line-height:140%;
}

/*=============トップリスト=============*/

#about .main .about-main{
	width:380px;
	float:right;
}

#about .main .about-main .entry-box{
	width:380px;
	margin-bottom:15px;
}

#about .main .about-main .list-image{
	width:192px;
	background:url(/about/image/list_body.gif) repeat-y ;
	float:left;
}

#about .main .about-main .list-image .head{
	width:192px;
	height:5px;
	font-size:5px;
	text-indent:-9999px;
	background:url(/about/image/list_head.gif) no-repeat top;
}

#about .main .about-main .list-image .bottom{
	width:192px;
	height:8px;
	font-size:5px;
	text-indent:-9999px;
	background:url(/about/image/list_bottom.gif) no-repeat scroll bottom;
}
#about .main .about-main .list-image .inner{
	padding:0 5px 0 5px;
}
#about .main .about-main .list-text{
	width:182px;
	float:right;
	margin-top:5px;
}

#about .main .about-main .list-text h3{
	font-size:14px;
	font-weight:bold;
	line-height:130%;
	color:#016B88;
	margin-bottom:5px;
}
#about .main .about-main .list-text h3 a{
	color:#016B88;
	text-decoration: none;
}

#about .main .about-main .list-text h3 a:hover{
	color:#016B88;
	text-decoration: underline;
}

#about .main .about-main .list-text p{
	font-size:10px;
	margin-bottom:5px;
}

#about .main .about-main .list-text p.more{
	font-size:10px;
	color:#016B88;
	margin-bottom:5px;
}
#about .main .about-main .list-text p.more a{
	color:#016B88;
	text-decoration: underline;
}

#about .main .about-main .list-text p.more a:hover{
	font-size:10px;
	color:#016B88;
	text-decoration: underline;
}

/*=============メニュー=============*/

#about .main .about-menu{
	width:102px;
	padding:10px 10px 5px 5px;
}

#about .about-menu h4{
	background:url(/about/image/catch_s.gif) no-repeat;
	background-position : 0 50% ;
	padding-left : 15px ;
	font-size:12px;
	line-height:160%
	color:#333;
	cursor: pointer;
	margin-bottom:10px;
}

#about .about-menu h4 a{
	color:#333;
	text-decoration: none;
}

#about .about-menu h4 a:hover{
	color:#0C728D;
	text-decoration: underline;
}

#about .about-menu ul.name{
	width:87px;
	list-style:disc;
	padding-left : 15px ;
}

#about .about-menu ul.name li{
	font-size:10px;
	color:#333;
	margin-bottom:7px;
}
#about .about-menu ul.name li a{
	color:#333;
	text-decoration: none;
}
#about .about-menu ul.name li a:hover{
	color:#0C728D;
	text-decoration: underline;
}

/*=============詳細ページ=============*/

#about .about-main p.pager{
	font-size:12px;
	text-align:center;
	color:#333;
	margin-bottom:10px;
}
#about .about-main p.pager a{
	color:#333;
	text-decoration: none;
}
#about .about-main p.pager a:hover{
	color:#0C728D;
	text-decoration: underline;
}

#about .about-main h3.history{
	width:250px;
	height:30px;
	background : url(/about/image/sub_title01.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
#about .about-main h3.release{
	width:250px;
	height:30px;
	background : url(/about/image/sub_title02.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}
#about .about-main h3.architecture{
	width:250px;
	height:30px;
	background : url(/about/image/sub_title03.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}

#about .spec-box{
	width:390px;
	margin-bottom:40px;
}

#about .spec-box h4.name{
	width:375px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background :#016B88;
	padding:7px 7px 7px 8px;
	margin-bottom:7px;
}

#about .spec-box .image{
	width:390px;
	margin-bottom:4px;
}

#about .spec-box img{
	border:1px solid #AAA;
}

#about .spec-box p.lead{
	font-size:12px;

	margin-bottom:7px;
}

#about .spec-box p.spec{
	font-size:12px;
	margin-bottom:7px;
}

#about .spec-box .detail-box{
	font-size:12px;
	margin:10px 0 10px 0;	
}

#about .spec-box .detail-box img{
	border:1px solid #eee;
	padding:4px;	
}