/*----------------------------------------------*/
/*@http://www.ryuoo.jp/[uOpCSS] 2008-2009
/*@2006.10.13@Ojas.Inc@Yuuki Kasahara
/*  2008.11.13  repair
/*----------------------------------------------*/

/*-----// common box //-----*/

body	{
	margin:0px;padding:0px;
	background-image:url(http://www.ryuoo.com/img/body_bg.gif);
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3";
}
#main	{
	width:960px;margin:0px auto 0px auto;padding:0px;
	font-size:12px;color:#000000;line-height:1.6em;
	background-color:#FFFFFF;
}
#main2	{
	width:960px;margin:0px auto 0px auto;padding:0px;
	font-size:12px;color:#000000;line-height:1.6em;
	background-color:#FFFFFF;
}
#contentsBox	{
	width:920px;margin:0px auto 0px auto;padding:0px;
}
#mainMenu	{
	float:left;
	width:160px;margin:0px;padding:0px;
}
#mainMenu p	{
	margin:05px 0px 0px 0px;padding:0px;
	font-size:12px;
}
#mainContents	{
	float:right;
	width:740px;margin:0px;padding:0px;
}
.mainContentsMain	{
	width:360px;margin:0px 0px 0px 0px;padding:0px;
}
.mainContentsSub	{
	width:180px;margin:0px 0px 0px 0px;padding:0px;
}
#mainClear	{
 clear:both;
}


/*-----// header box //-----*/

#header	{
	width:920px;height:60px;margin:0px auto 0px auto;padding:0px;
}
.headerLogo	{
	float:left;
	margin:0px;padding:9px 0px 0px 0px;
}
.headerRight	{
	float:right;
	margin:0px;padding:10px 0px 0px 0px;
}


/*-----// footer box //-----*/

#footer	{
	margin:20px auto 0px auto;padding:0px 0px 20px 0px;
}
.footerLeft	{
	float:left;margin:0px;padding:0px 0px 0px 20px;
	font-size:10px;
}
.footerRight	{
	float:right;margin:0px;padding:0px 20px 0px 0px;
}

/*-----// menu box //-----*/

#menu	{
	margin:0px;padding:10px 0px 0px 0px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;
}
#menu img	{
	vertical-align:bottom;margin:0px;padding:0px;
}
#menu01 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -10px;
}
#menu02 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -34px;
}
#menu03 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -58px;
}
#menu04 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -82px;
}
#menu05 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -106px;
}
#menu06 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -130px;
}
#menu07 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -154px;
}
#menu08 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -178px;
}
#menu09 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -202px;
}
#menu10 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -226px;
}
#menu11 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -250px;
}
#menu12 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -274px;
}
#menu13 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -298px;
}
#menu14 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -322px;
}
#menu15 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -346px;
}
#menu16 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -370px;
}
#menu17 a{
	display:block;width:160px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/main_menu.gif) top left no-repeat;background-position:0px -396px;
}
#menu01 a:hover{background-position:-160px -10px;}
#menu02 a:hover{background-position:-160px -34px;}
#menu03 a:hover{background-position:-160px -58px;}
#menu04 a:hover{background-position:-160px -82px;}
#menu05 a:hover{background-position:-160px -106px;}
#menu06 a:hover{background-position:-160px -130px;}
#menu07 a:hover{background-position:-160px -154px;}
#menu08 a:hover{background-position:-160px -178px;}
#menu09 a:hover{background-position:-160px -202px;}
#menu10 a:hover{background-position:-160px -226px;}
#menu11 a:hover{background-position:-160px -250px;}
#menu12 a:hover{background-position:-160px -274px;}
#menu13 a:hover{background-position:-160px -298px;}
#menu14 a:hover{background-position:-160px -322px;}
#menu15 a:hover{background-position:-160px -346px;}
#menu16 a:hover{background-position:-160px -370px;}
#menu17 a:hover{background-position:-160px -396px;}


/*-----// top page box //-----*/

#topFlash	{
	width:960px;height:300px;margin:0px;padding:0px;
}
#topInfo	{
	width:615px;height:22px;margin:10px auto 10px auto;padding:3px 5px 0px 100px;
	color:#006666;
	background:url(http://www.ryuoo.com/img/bg_top_info.gif);
	/*background:#FFEEDD;border:1px dotted #666666;*/
}
#topTopics	{
	height:48px;margin:0px auto 10px 0px;padding:0px 0px 10px 20px;
}
#topTopics img	{
	margin:0px 8px 0px 0px;
}

.topBanner	{
	text-align:center;vertical-align:middle;
	width:160px;height:60px;margin:0px 0px 8px 0px;
}
.topBanner2	{
	width:150px;height:42px;margin:10px 0px 0px 0px;padding:5px;
	background:url(http://www.ryuoo.com/img/bg_other01.gif);
}
.topBanner3	{
	text-align:center;vertical-align:middle;
	width:160px;margin:0px;padding:0px 0px 10px 0px;
}
.topFrame360	{
	margin:0px 0px 10px 0px;padding:0px;
	background:url(http://www.ryuoo.com/img/top_frame_360.gif) bottom left;
}
.topFrame360 p	{
	margin:5px 10px 5px 10px;padding:0px;
}
.topFrame360 table	{
	margin:5px 10px 0px 10px;padding:0px;
	background-color:#666666;
}
.topFrame360 td	{
	margin:0px;padding:2px;
	font-size:12px;line-height:1.3em;
}
.topFrame180	{
	margin:0px 0px 10px 0px;padding:0px;
}
.topFrame180in	{
	margin:0px 0px 10px 0px;padding:0px 0px 5px 0px;
	background:url(http://www.ryuoo.com/img/top_frame_180.gif) bottom left;
}
.topFrame180 p	{
	margin:0px;padding:5px 10px 5px 10px;
}
.topSpMenu	{
	height:24px;text-align:left;
	margin:0px 10px 0px 10px;padding:5px 0px 10px 0px;
}
.topSpMenu em {
	float:right;
}
.topSpMenu01 a{
	display:block;width:170px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/top_spmenu.gif) top left no-repeat;background-position:0px 0px;
}
.topSpMenu02 a{
	display:block;width:170px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/top_spmenu.gif) top left no-repeat;background-position:0px -24px;
}
.topSpMenu03 a{
	display:block;width:110px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/top_spmenu.gif) top left no-repeat;background-position:0px -48px;
}
.topSpMenu04 a{
	display:block;width:95px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/top_spmenu.gif) top left no-repeat;background-position:0px -72px;
}
.topSpMenu05 a{
	display:block;width:122px;height:24px;margin:0px;padding:0px;text-indent:-9999px;
	background:url(http://www.ryuoo.com/img/top_spmenu.gif) top left no-repeat;background-position:0px -96px;
}
.topSpMenu01 a:hover{background-position:-170px 0px;}
.topSpMenu02 a:hover{background-position:-170px -24px;}
.topSpMenu03 a:hover{background-position:-170px -48px;}
.topSpMenu04 a:hover{background-position:-170px -72px;}
.topSpMenu05 a:hover{background-position:-170px -96px;}


/*-----// blog page box //-----*/

.pageCategoryTitle	{
	margin:10px 0px 5px 0px;padding:5px;
	font-size:12px;font-weight:bold;color:#333333;
	background-color:#EEEEEE;
	border:3px double #555555;
}

#blogSubMenu	{
	margin:0px;padding:0px;
}
#blogSubMenu p	{
	margin:0px;padding:0px;
}

.pageBlog01	{
	margin:0px 0px 10px 0px;padding:0px;
}
.pageBlog01 p	{
	clear:both;
	margin:0px 0px 10px 0px;padding:0px;
}
.pageBlogBody	{
	margin:0px 0px 10px 0px;padding:5px;
}

hr	{
	clear:both;
}


/*-----// sub page box //-----*/

.box01	{
	width:530px;margin:0px auto 15px auto;padding:0px;
}

.box01 ul	{
	margin:0px;padding:0px;
}
.box01 li	{
	margin:0px;padding:0px;
}

.box02	{
	text-align:right;
	width:530px;margin:0px auto 15px auto;padding:0px;
}
.box03	{
	text-align:center;
	width:530px;margin:0px auto 15px auto;padding:0px;
}

.boxCurry	{
	width:530px;margin:0px auto 15px auto;padding:10px;
	background-color:#56170A;color:#FFFFFF;
}
.boxFIS	{
	width:530px;margin:0px auto 15px auto;padding:10px;
	background-color:#000066;
}
.boxPark	{
	width:530px;margin:0px auto 15px auto;padding:10px;
	background-color:#99FF66;
}
.boxStation	{
	width:530px;margin:0px auto 15px auto;padding:10px;
	background-color:#CC0000;color:#FFFFFF;
}
.boxCrepe	{
	width:530px;margin:0px auto 15px auto;padding:10px;
	background-color:#FFCCCC;
}

.boxPrice	{
	text-align:center;
	width:530px;margin:0px auto 15px auto;padding:0px;
	background-image:url(../price/img/page_bg.gif);
	background-repeat:no-repeat;
}
.boxPrice img	{
	vertical-align:bottom;
}

.boxFaq01	{
	width:530px;margin:0px 10px 10px 10px;padding:0px;
	font-weight:bold;color:#009900;
}
.boxFaq02	{
	width:520px;margin:0px 10px 15px 20px;padding:0px;
}

.table00	{
	width:530px;margin:0px auto 15px auto;
}
.table01	{
	width:530px;margin:0px auto 15px auto;
	/*border:1px solid #CCCCCC;border-collapse:separate;*/
}
.table01 td	{
	vertical-align:top;
	padding:3px;
	/*border:1px dotted #CCCCCC;*/border-bottom:1px solid #CCCCCC;
}
.table02	{
	width:530px;margin:0px auto 15px auto;
	/*border:1px solid #CCCCCC;border-collapse:separate;*/
}
.table02 td	{
	padding:3px;
	/*border:1px dotted #CCCCCC;*/border-bottom:1px solid #CCCCCC;
}
.table03	{
	width:530px;margin:0px auto 15px auto;
	/*border:1px solid #CCCCCC;border-collapse:separate;*/
}
.table03 td	{
	vertical-align:top;
	padding:5px;
	/*border:1px dotted #CCCCCC;*/border-bottom:1px solid #CCCCCC;
}
.table03 img	{
	float:left;
	margin:0px 10px 5px 0px;
}

.tablePrice	{
	width:510px;margin:10px auto 10px auto;
	/*border:1px solid #CCCCCC;border-collapse:separate;*/
}
.tablePrice td	{
	vertical-align:top;
	padding:3px;
	/*border:1px dotted #CCCCCC;*/border-bottom:1px solid #CCCCCC;
}

.liveCamera01	{
	width:530px;margin:0px auto 15px auto;
	/*border:1px solid #CCCCCC;border-collapse:separate;*/
}
.liveCamera01 td	{
	padding:10px;
	/*border:1px dotted #CCCCCC;*/border-bottom:1px solid #CCCCCC;
}

.tablePop	{
	margin:10px;
	font-size:12px;
}

.tdTitle01	{
	font-size:12px;font-weight:bold;
	background-color:#FFE8E8;
}
.tdTitle02	{
	font-size:12px;font-weight:bold;
	background-color:#EEEEEE;
}
.tdTitle03	{
	font-size:12px;font-weight:bold;
	background-color:#CEFFFF;
}
.tdTitle04	{
	font-size:12px;font-weight:bold;
	background-color:#D7FFD7;
}
.tdTitle05	{
	font-size:12px;font-weight:bold;
	background-color:#FFCC99;
}
.tdTitle06	{
	font-size:12px;font-weight:bold;
	background-color:#E6E6FF;
}

.pageNavi	{
	width:920px;margin:0px auto 0px auto;padding:3px 0px 3px 0px;
	/*border-bottom:1px solid #666666;*/
}
.pageNaviBottom	{
	text-align:right;
	width:920px;margin:10px auto 0px auto;padding:3px 0px 3px 0px;
	border-top:1px solid #666666;border-bottom:1px solid #666666;
}

.paging	{
	text-align:right;
	margin:0px 0px 15px 0px;padding:0px;
	font-size:12px;color:#333333;
}

.imageLeft	{
	float:left;
	margin:0px 10px 0px 0px;
}
.imageRight	{
	float:right;
	margin:0px 0px 0px 10px;
}


/*-----// heading box //-----*/

h1		{margin:0px;padding:0px;}
h1 img	{vertical-align:top;}

h2		{margin:0px;padding:0px;}
h2 img	{vertical-align:top;}

h3		{margin:0px 0px 20px 0px;padding:0px;}
h3 img	{
	vertical-align:top;
}

h4	{
	clear:both;
	margin:0px 0px 10px 0px;padding:3px 3px 3px 3px;
	font-size:14px;color:#333333;
	border:1px solid #999999;
}
h5	{margin:10px 0px 10px 10px;padding:0px;}
h5 img	{vertical-align:top;}
h6	{
	clear:both;
	margin:0px 0px 10px 0px;padding:3px 0px;
	font-size:14px;color:#333333;
	border-bottom:3px double #999999;
}

/*-----// font box //-----*/

a:link		{color:#0000FF;}
a:visited	{color:#0000FF;}
a:hover		{color:#0000FF;background-color:#CCFFFF;}
a:active	{color:#0000FF;background-color:#CCFFFF;}

.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;}

.size1Bold		{font-size:10px;font-weight:bold;line-height:1.4em;}

.size2Bold		{font-size:12px;font-weight:bold;line-height:1.4em;}
.size3Bold		{font-size:14px;font-weight:bold;line-height:1.4em;}
.size4Bold		{font-size:16px;font-weight:bold;line-height:1.4em;}
.size5Bold		{font-size:18px;font-weight:bold;line-height:1.4em;}

.colorBlk	{color:#000000;}
.colorGry	{color:#333333;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0000FF;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#008000;}
.colorMrn	{color:#800000;}
.colorPpl	{color:#800080;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#333333;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0000FF;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#008000;font-weight:bold;}
.colorMrnBold	{color:#800000;font-weight:bold;}
.colorPplBold	{color:#800080;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}

.point01	{
	margin:0px 5px 0px 10px;padding:0px;
	font-size:10px;color:#CC0000;
}
.point02	{
	margin:0px 3px 0px 0px;padding:0px;
	font-size:10px;color:#FF6600;
}
.point03	{
	margin:0px 5px 0px 5px;padding:0px;
	font-size:10px;color:#008000;
}
.point04	{
	margin:0px 5px 0px 5px;padding:0px;
	font-size:10px;color:#0000FF;
}
.point05	{
	margin:0px 5px 0px 5px;padding:0px;
	font-size:10px;color:#808000;
}

.answer01	{
	color:#660000;
	background-color:#FEEDD8;
}

