/*--------------------------------------------------------*/
/* PROBONO OFFICIAL SITE [CSS]
/* 2009.10.07 repair 12.25 - Ojas.Inc Yuuki Kasahara
/*--------------------------------------------------------*/

/*----- base design --------------------------------------*/

body	{
	margin:0px;padding:0px;
	font-size:12px;color:#333333;line-height:1.5em;
	background-color:#FF6600;
}

#main	{
	width:860px;margin:0px auto;padding:0px 38px;
	background-image:url(../img/main_bg.gif);
}

#topContents	{
	position: relative;
	width:860px;margin:0px auto 0px auto;padding:0px;
}
#topContentsMain	{
	float:left;
	width:620px;margin:0px;padding:0px;
}
#topContentsSide	{
	float:right;
	width:220px;margin:0px;padding:0px;
}
#topContentsMain p	{
	clear:both;
	margin-bottom:15px;
	line-height:1.5em;
}

#mainClear	{clear:both;}

a:link		{color:#0000FF;}
a:visited	{color:#0000FF;}
a:hover		{color:#FF6600;text-decoration:none;background:#FFE1C4;}
a:active	{color:#FF6600;text-decoration:none;background:#FFE1C4;}

form	{
	margin:0px;padding:0px;
}
input	{
	font-size:12px;line-height:1.5em;
}
textarea	{
	font-size:12px;line-height:1.5em;
}

/*----- header design ------------------------------------*/

h1	{
	clear:both;
	margin:0px 0px 30px 0px;padding:0px;
}

/*----- menu design --------------------------------------*/

#mainMenu	{
	clear:both;
	width:620px;height:20px;margin:0px auto;padding:12px 0px 24px 0px;
}
#mainMenu ul 	{margin:0px;padding:0px;list-style:none;}
#mainMenu li, #mainMenu a {display:block;height:20px;}
#mainMenu li 	{float:left;}
#mainMenu a 	{
	text-decoration:none;
	background:url(../img/main_menu3.gif) no-repeat;
}
#mainMenu span {
	display:block;
	width:0;height:0;overflow:hidden;
}

#mainMenu01 a				{width:46px;background-position:0px 0px;margin-right:10px;}
#mainMenu01 a:hover	{width:46px;background-position:0px -20px;}

#mainMenu02 a				{width:67px;background-position:-46px 0px;margin-right:10px;}
#mainMenu02 a:hover	{width:67px;background-position:-46px -20px;}

#mainMenu03 a				{width:96px;background-position:-113px 0px;margin-right:10px;}
#mainMenu03 a:hover	{width:96px;background-position:-113px -20px;}

#mainMenu04 a				{width:68px;background-position:-209px 0px;margin-right:10px;}
#mainMenu04 a:hover	{width:68px;background-position:-209px -20px;}

#mainMenu05 a				{width:72px;background-position:-277px 0px;margin-right:10px;}
#mainMenu05 a:hover	{width:72px;background-position:-277px -20px;}

#mainMenu06 a				{width:126px;background-position:-349px 0px;}
#mainMenu06 a:hover	{width:126px;background-position:-349px -20px;}

#mainMenu07 a				{width:62px;background-position:-475px 0px;margin-right:10px;}
#mainMenu07 a:hover	{width:62px;background-position:-475px -20px;}


#mainMenu08 a				{width:86px;background-position:-537px 0px;margin-right:10px;}
#mainMenu08 a:hover	{width:86px;background-position:-537px -20px;}


/*----- contents design ----------------------------------*/

#textBox	{
	padding:12px 0px;
}

#guestBox	{
	clear:both;
	margin-bottom:15px;
	line-height:1.5em;
}
#guestBox p	{
	clear:none;
	margin-left:150px;
}
#guestBox img	{
	float:left;
	margin:0px 12px 18px 0px;
}

.toTop	{height:18px;}
.toTop a	{
	float:right;display:block;
	width:64px;height:18px;
	background-image:url(../img/btn_totop.gif);
}
.toTop a:link			{background-position:0px 0px;}
.toTop a:visited	{background-position:0px 0px;}
.toTop a:hover		{background-color:none;background-position:0px -18px;}
.toTop a:active		{background-color:none;background-position:0px -18px;}

.toForm	{
	height:42px;margin:0px 0px 24px 0px;padding:0px 141px;
	text-align:center;
}
.toForm a	{
	display:block;
	width:338px;height:42px;
	background-image:url(../img/btn_form.gif);
}
.toForm a:link			{background-position:0px 0px;}
.toForm a:visited		{background-position:0px 0px;}
.toForm a:hover			{background-color:none;background-position:0px -42px;}
.toForm a:active		{background-color:none;background-position:0px -42px;}

.btnRegist	{
	margin:0px 0px 12px 0px;padding:52px 56px 33px 56px;
	text-align:center;
	background-color:#FFFFFF;
}
.btnRegist a	{
	display:block;
	width:108px;height:108px;
	background-image:url(../img/btn_regist.gif);
}
.btnRegist a:link			{background-position:0px 0px;}
.btnRegist a:visited	{background-position:0px 0px;}
.btnRegist a:hover		{background-color:none;background-position:-108px 0px;}
.btnRegist a:active		{background-color:none;background-position:-108px 0px;}

.video	{
	margin:0px;padding:10px 6px 0px 6px;
}
.video object	{
	margin-bottom:10px;
}
.video p	{
	clear:both;
	margin:0px 0px 15px 0px;padding:0px;
	line-height:1.5em;
}

.side	{
	margin:0px;padding:0px;
}
.side p	{
	clear:both;
	margin:0px 8px 12px 8px;padding:0px;
	line-height:1.5em;
}
.sidePhoto	{
	margin:0px 0px 12px 0px;padding:20px 0px;
	background-color:#FFFFFF;
}

.toMovie	{
	height:30px;margin:24px;padding:0px 110px;
	text-align:center;
}
.toMovie a	{
	display:block;
	width:320px;height:30px;
	background-image:url(../img_report/btn_movie.gif);
}
.toMovie a:link			{background-position:0px 0px;}
.toMovie a:visited	{background-position:0px 0px;}
.toMovie a:hover		{background-color:none;background-position:0px -30px;}
.toMovie a:active		{background-color:none;background-position:0px -30px;}



.comment	{
	font-size:14px;
	font-weight:bold;
	color:#555555;
}

.pointGry	{font-size:12px;color:#999999;}

.reportPhoto	{
	margin:0px 10px 0px 0px;
	border:1px solid #999999;
}
.reportPhotoLeft	{
	float:left;
	margin:0px 10px 15px 0px;
	border:1px solid #999999;
}

.reportSheet	{
	margin:0px 0px 15px 0px;
}
.reportSheet a	{
	float:left;
	width:180px;height:135px;
	margin:0px 10px 10px 0px;
}
.reportSheet img	{
	border:1px solid #999999;
}
.reportSheet a:hover	{
	background:none;
}

.linkBanner	a:hover	{
	background:none;
}


/*----- footer design ------------------------------------*/

#footer	{
	clear:both;
	height:68px;margin:0px auto;padding:12px 0px 0px 0px;
	border-top:2px solid #FF6600;
	background-color:#FFFFFF;
	text-align:left;
}

.mainFooter	{
	clear:both;
	margin:0px;padding:0px 0px 0px 0px;
	text-align:center;
	vertical-align:bottom;
}
.mainFooterLeft	{
	float:left;
	width:600px;margin:0px;padding:72px 10px 10px 10px;
	text-align:center;
}

.mainFooterLeft	a:hover	{
	background:none;
}

.mainFooterSide	{
	float:right;
    width:200px;padding:10px;
	text-align:center;
	font-size:10px;
}
.mainFooterLeft img	{
	vertical-align:text-top;margin:0px 5px;
}
.mainFooterSide	{
	float:right;
    width:200px;padding:10px;
	text-align:center;
	font-size:10px;
}
.mainFooterSide img	{
	vertical-align:text-top;margin:0px 0px 5px 0px;
}


/*----- headline design ----------------------------------*/

h2	{
	clear:both;
	margin:0px 0px 18px 0px;padding:0px;
}
h3	{
	clear:both;
	font-size:14px;color:#222222;
	margin:0px 0px 12px 0px;padding:12px 0px 0px 0px;
}

/*----- ▼フォント設定 -----------------------------------*/

.size1		{font-size:10px;line-height:1.4em;}
.size2		{font-size:12px;line-height:1.4em;}
.size3		{font-size:14px;line-height:1.4em;}
.size4		{font-size:16px;line-height:1.4em;}
.size5		{font-size:18px;line-height:1.4em;}

.colorBlk	{color:#000000;}
.colorGry	{color:#555555;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0066CC;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#008000;}
.colorMrn	{color:#800000;}
.colorPnk	{color:#E9287D;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#555555;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0066CC;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#008000;font-weight:bold;}
.colorMrnBold	{color:#800000;font-weight:bold;}
.colorPnkBold	{color:#E9287D;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}


/*----- ▼ポイント設定 -----------------------------------*/

.pointNvy	{font-size:10px;color:#000080;margin-right:3px;}
.pointBlu	{font-size:10px;color:#0000FF;margin-right:3px;}
.pointGrn	{font-size:10px;color:#008000;margin-right:3px;}
.pointMrn	{font-size:10px;color:#800000;margin-right:3px;}
.pointPpl	{font-size:10px;color:#800080;margin-right:3px;}
.pointRed	{font-size:10px;color:#FF0000;margin-right:3px;}
.pointOrg	{font-size:10px;color:#FF6600;margin-right:3px;}
.pointYlw	{font-size:10px;color:#FFCC00;margin-right:3px;}


/*----- ▲ここまで ---------------------------------------*/