/*============================================================================*/
/* LAYOUT */
	/* Header */
	/* Breadcrumb */
	/* Content */
	/* Center LR Column */
	/* Left Right Column */
	/* Left Right Column Title */
	/* Left Right Column Content */
	/* Footer */
/* COLORING */
	/* hyper-link coloring */
	/* table coloring */
	/* XOOPS CSS - remaining for compatibility   */
/* XOOPS MAIN MENU */
	/* forms */
	/* XOOPS item */
	/* XOOPS Code & Quote */
	/* XOOPS com */
	/* XoopsComments */
	/* dhtmltextarea - just for menu skip */
/* XOOPS DIALOGUE MSG */
	/* errorMsg */
	/* confirmMsg */
	/* resultMsg */
	/* redirectMsg */
	/* ctrlMsg */
/* ANHCOR ICONS */
/* normal headings */
/* XOOPS_DIALOGUE */
/* XOOPS ADMIN SIDE */
	/* admin ctrl */
	/* admin header and footer */
	/* admin headings */
	/* admin left column */
	/* admin left column anchor */
	/* admin table */
	/* admin error */
	/* ModuleContents */
	/* table coloring for admin */
	/* block and modules control pannel */
/* HEADLINES SETTINGS */
/*============================================================================*/
/* LAYOUT */

body {
	font-size: 85%;
	background-color: #000000;
	color: #000000;
	text-align: center;
	font-family: Meiryo, Helvetica, sans-serif;
	line-height: 140%;
    /*width: 800px;*/
    margin: 0px auto 20px;
}
body.ShowBlockL0R0 #Wrapper {
	width: 100%;
}
body.ShowBlockL1R0 #Wrapper {
	width: 100%;
}
body.ShowBlockL0R1 #Wrapper {
	width: 100%;
	float: left;
	margin-right: -180px;
}
body.ShowBlockL1R1 #Wrapper {
	width: 100%;
	float: left;
	margin-right: -180px;
}

body.ShowBlockL0R0 #CenterColumn {
	float: left;
	width: 100%;
}
body.ShowBlockL1R0 #CenterColumn {
	float: right;
	width: 100%;
	margin-left: -180px;
}
body.ShowBlockL0R1 #CenterColumn {
	margin-right: 180px;
}
body.ShowBlockL1R1 #CenterColumn {
	width: 95%;
	float: right;
	margin-left: -180px;
	margin-right:20px;
}

body.ShowBlockL1R0 #CenterWrapper {
	margin-left: 180px;
}
body.ShowBlockL1R1 #CenterWrapper {
	margin-right: 180px;
	margin-left: 180px;
}

div#Container {
	background-image: url(images/2012ryosite_bg.png);
    background-repeat: repeat-y;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	color: ;
	background-color: #FFFFFF;
}

div#CenterWrapper {
	padding: 5px 0px;
}

td.drhd, td.drtd{
	width:70px;
	background-color:#4169E1;
	color:#FFFFFF;
}
/* Header */
div#preheader{
	margin:0px;
	padding:0px;
	width: 100%;
	height: 3px;
	background-image: url(images/menu_bg_2010.png);/*フッターイメージ*/
	background-repeat: repeat-x;
}
div#postheader{
	border-bottom:solid 3px black;
	padding:0px;
	width: 100%;
	height: 3px;
	background-image: url(images/menu_bg_2010.png);/*フッターイメージ*/
	background-repeat: repeat-x;
}
div#Header {
	width: 100%;
	height: 300px;
    background-image: url(images/header_2014_1.png);/*ヘッダーイメージheader_2013_1.jpg*/
	font-family: Verdana, sans-serif;
	color: #F0E4D4;
	background-color: ;
}
div#photos {
	width: 100%;
	height: 155px;
	background-image: url(images/header_2012_photos.png);
}
div#news {
	width: 100%;
	height: 155px;
	background-image: url(images/header_2012_news.png);
}
div#links {
	width: 100%;
	height: 155px;
	background-image: url(images/header_2012_links.png);
}
div#profile {
	width: 100%;
	height: 155px;
	background-image: url(images/header_2012_profile.png);
}
div#info {
	width: 100%;
	height: 155px;
	background-image: url(images/header_2012_info.png);
}

div#Header div#Sitename {/*タイトルサイト名*/
	font-weight: bold;
	padding: 22px 0 10px 10px;
	font-size: 210%;
	line-height: 100%;
}
div#Header div#Logo {/*タイトルロゴ*/
	float: left;
	padding: 10px 25px 0 20px;
}
div#Slogan {
	font-size: 120%;
	padding: 0 0 0 10px;
}
div#Header a:link,
div#Header a:visited {
	color: #F0E4D4;
	text-decoration: none;
}

/* Breadcrumb */
div#breadcrumb,
div#theme_breadcrumbs {
	width: 100%;
	margin-bottom: 5px;
	border-bottom: #DDD solid 1px;
}

/* Content */
div#CenterColumn  h2.BlockTitle {
/*  border-bottom: #DDD dashed 1px; */
}
div#CenterColumn div.BlockContent,
div#ModuleContents {
	font-size: 100%;
	line-height: 1.6;
	padding: 0;
	clear: both;
}
p {
	margin: 10px 0;
/*	clear: both; */
	margin-bottom: 10px;
}

/* Center LR Column */
div#CenterLColumn {
	float: left;
	width: 49%;
}
div#CenterRColumn {
	float: right;
	width: 49%;
}

div.CenterCblock {
	margin: 0px auto 20px auto;
	clear: both;
}
div.CenterLblock {
	clear: both;
}
div.CenterRblock {
	clear: both;
}

/* Left Right Column */
div#LeftColumn {
	overflow: hidden; /* ugly? */
	float: left;
	width: 180px;
	background-color: ;
}
div#RightColumn {
	float: right;
	width: 180px;
	background-color: ;
}

div.LeftBlock,
div.RightBlock {
	padding: 0px;
}

/* Left Right Column Title */
div#LeftColumn h2.BlockTitle,
div#RightColumn h2.BlockTitle {
	color: ;
	background-color: ;
	height:23px;
	font-size: 15px;
	background-image: url(images/menu_bg_2010.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 0.5em;
	font-weight:normal;
	padding: 3px 0px;
	font-size:85% !important;
}
div#LeftColumn h3,
div#RightColumn h3,
div#LeftColumn h4,
div#RightColumn h4 {
	margin: 5px 0;
	font-size: 100%;
}

/* Left Right Column Content */
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent,
div#LeftColumn .BlockContent p,
div#RightColumn .BlockContent p {
	text-align: left;
}
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent{
	padding: 0 10px;
}

/* Footer */
div#BacktoTop {
	text-align: right;
	margin: 10px 0px 5px;
	clear: both;
	font-size: 80%;
}
div#Footer {
	background-image: url(images/menu_bg_2010.png);/*フッターイメージ*/
	background-repeat: repeat-x;
	clear: both;
	width: 100%;
    height: 20px;
	margin: 10px auto 0px;
	color: #FFFFFF;
	text-align:center;
	font-size:0.8em;
	
}
#Footer a { color: #FFFFFF;}
div#Banner {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

/*============================================================================*/
/* clearfix http://www.positioniseverything.net/ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
/*	display: inline-table; [hd: 0788] */
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*============================================================================*/
/* COLORING */
/* hyper-link coloring */
a {color: #4B402A;}
a:link   {color: #666666;}
a:visited {color: #666666;}
a:active {color: #000099;}
a:hover  {
	color: #000099;
	text-decoration: none;
}
/* hyper-link coloring default
a {color: #4B402A;}
a:link   {color: #990000;}
a:visited {color: #999999;}
a:active {color: #FF3300;}
a:hover  {
	color: #FF3300;
	text-decoration: none;
} */

/**********
div#LeftColumn  a:link { color: #336699;}
div#RightColumn a:link { color: #336699;}
div#LeftColumn  a:visited { color: #999999;}
div#RightColumn a:visited { color: #999999;}
div#LeftColumn  a:hover { }
div#RightColumn a:hover { }
**********/
.ctrlMsg a:link { color: #336699;}
.ctrlMsg a:visited { color: #336699;}
.ctrlMsg a:hover { color: #336699;}

/*============================================================================*/
/* table coloring */

.head {
	color: #111;
	background-color: #eee;
}
.even,
tr.even td {
	color: #111;
	background-color: #f8f8f8;
}
.odd,
tr.odd td {
	color: #111;
	background-color: #fff;
}
.foot {}

table.outer th,
table.outer1 th,
table.outer2 th,
table.outer3 th{
	color: #111;
	background-color: #f8f8f8;
}
table.outer thead tr th,
table.outer1 thead tr th,
table.outer2 thead tr th,
table.outer3 thead tr th {
	color: #111;
	background-color: #eee;
}
table.outer thead tr td,
table.outer1 thead tr td,
table.outer2 thead tr td,
table.outer3 thead tr td {
	background-color: #111;
	background-color: #f8f8f8;
}

/*============================================================================*/
/* XOOPS CSS - remaining for compatibility   */
/* img {border: 0;} */

#xoopsHiddenText {
	visibility: hidden;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pagneutral {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/pagneutral.gif);
}
.pagact {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/pagact.gif);
}
.paginact {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/paginact.gif);
}

/*============================================================================*/
/* XOOPS MAIN MENU */
#mainmenu,
#usermenu {
	margin: 0 -10px;
	padding: 0;
	text-align: left;
}
#mainmenu li,
#usermenu li {
	display: inline;
}
#mainmenu a,
#usermenu a {
	color: #4B402A;
	text-decoration: none;
	display: block;
	border-bottom: #DDD solid 1px;
	margin: 0 1px;
    padding: 5px 10px;
}
#mainmenu a:hover,
#usermenu a:hover {
	background-color: #ccc;
    color: #000000 !important;
}
#mainmenu a:visited,
#usermenu a:visited {
	color: #4B402A !important;
}
#mainmenu a.menuTop {padding: 5px 10px;}
#mainmenu a.menuMain {padding: 5px 10px;}
#mainmenu a.menuSub {padding: 5px 5px 5px 15px;}
#usermenu a.menuTop {}
#usermenu a.highlight {
	background-color: #FCC;
}

/* forms */
#legacy_xoopsform_block_uname,
#legacy_xoopsform_block_pass,
#legacy_xoopsform_query_block,
#xoops_theme_select{
	width: 120px;
}

/* XOOPS item */
.item {}
.itemHead {
	padding: 3px;
	background-color: #666;
	color: #FFF;
}
.itemInfo {
	text-align: right;
	padding: 3px;
	background-color: #EFEFEF;
}
.itemTitle a {
	font-weight: bold;
	font-variant: small-caps;
	color: #FFF;
	background-color: transparent;
}
.itemPoster {
	font-size: 90%;
}
.itemPostDate {
	font-size: 90%;
}
.itemStats {
	font-size: 90%;
}
.itemBody {
	padding-left: 0px;
}
.itemText {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 100%;
}
.itemText: first-letter {}
.itemFoot {
	text-align: right;
	padding: 3px;
	background-color: #EFEFEF;
}
.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}
/* XOOPS Code & Quote */
div.xoopsCode {
	color: #111;
	background-color: #fafafa;
	border: 1px inset #000080;
	font-family: "Courier New",Courier,monospace;
	padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
	color: #111;
	background-color: #fafafa;
	border: #336699 solid 1px;
	padding: 3px;
}

/* XOOPS com */
.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}
.comText {
	padding: 2px;
}
.comUserStat {
	font-size: 10px;
	color: #2F5376;
	font-weight: bold;
	border: 1px solid silver;
	background-color: #ffffff;
	margin: 2px;
	padding: 2px;
}
.comUserStatCaption {
	font-weight: normal;
}
.comUserStatus {
	margin-left: 2px;
	margin-top: 10px;
	color: #2F5376;
	font-weight: bold;
	font-size: 10px;
}
.comUserRank {
	margin: 2px;
}
.comUserRankText {
	font-size: 10px;font-weight: bold;
}
.comUserRankImg {
	border: 0;
}
.comUserName {}
.comUserImg {
	margin: 2px;
}
.comDate {
	font-weight: normal;
	font-style: italic;
	font-size: smaller;
}
.comDateCaption {
	font-weight: bold;
	font-style: normal;
}

/* XoopsComments */
div.XoopsCommentsInfo{}

ul#XoopsCommentsNavigation{
	padding: 0;
	margin: 5px 0;
}
ul#XoopsCommentsNavigation li{
	display: inline;
}
ul.XoopsCommentsThread{
	padding: 0;
	margin: 5px 0 15px;
}
ul.XoopsCommentsThread li{
	padding: 2px 0;
	list-style: none;
}
ul.XoopsCommentsThread li img{
	vertical-align: middle;
}
h3.XoopsCommentsTitle{
	padding: 3px 6px;
	background-color: #ddd;
}
h3.XoopsCommentsTitle img{
	vertical-align: middle;
}
h4.XoopsCommentsThreadTitle{
	border-bottom: 1px #aaa solid;
}
div.XoopsCommentsText{
	clear: both;
	padding: 3px 6px;
}
div.XoopsCommentsSub{
	position: relative;
	padding: 2px 6px;
	background-color: #eee;
}
div.XoopsCommentsCtrl{
	position: absolute;
	top: 2px;
	right: 6px;
}
hr.XoopsCommentsDivision{
	margin: 10px 0;
}

/* dhtmltextarea - just for menu skip */
.dhtmltextarea{
	position: relative;
}

/*============================================================================*/
/* XOOPS DIALOGUE MSG */
/* errorMsg */
.errorMsg {
	color: #111;
	background-color: #fcc;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* confirmMsg */
.confirmMsg {
	color: #136C99;
	background-color: #ddffdf;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* resultMsg */
.resultMsg {
	color: #333;
	background-color: #ccc;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* redirectMsg */
.redirectMsg {
	color: #111;
	background-color: #fafafa;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* ctrlMsg */
.ctrlMsg {
	color: #111;
	background-color: #fafafa;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 15px 25px 10px;
}

/*============================================================================*/
/* ANHCOR ICONS */
/**********
#CenterColumn a[href^="http:"]:after{
	margin: 0 2px;
	content: url(images/_common/ouklink.png);
}
#CenterColumn a[href^="https:"]:after {
	margin: 0 2px;
	content: url(images/_common/lock.png);
}
#CenterColumn a[href^="http://www.michigami-ryo.com"]:after {
	margin: 0;
	content: "";
}**********/
/*============================================================================*/
/* XOOPS_DIALOGUE */
.xoops_dialogue{
	color: #111;
	background-color: #eee;
}
#dialogue_title{
	padding: 3px 5px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background-color: #666;
}
#dialogue_title img{
	vertical-align: middle;
	margin-right: 5px;
}

/*============================================================================*/
/* XOOPS ADMIN SIDE */

/* admin ctrl */
#admin_ctrl{
	border-bottom: 1px #666 solid;
	background-color: #666;
	text-align: right;
	padding: 5px 10px;
	line-height: 100%;
}
#admin_ctrl a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#admin_ctrl a:hover{
	color: #113;
}
#admin_ctrl a:before {
	margin: 0 3px;
	content: url(images/_common/menulist.gif);
}
#admin_ctrl a.direct:before {
	margin: 0 2px;
	content: url(images/_common/menulist_direct.gif);
}
#admin_ctrl a.end_of_shortcut{
	margin-right: 10px;
}

/* admin header and footer */
.AdminMode #Container{
	width: 100%;
	border: none;
}
.AdminMode #Header{
	height: 60px;
	background-color: #222;
}
.AdminMode #Header #Logo{
	margin: 0;
	padding: 0 10px;
}
.AdminMode div#Header div#Sitename {
	font-size: 150%;
	color: #fff;
}
.AdminMode div#Footer {
	color: #fff;
	background-color: #222;
}
.AdminMode div#Footer p a{
	color: #fff;
}

/* admin headings */
.AdminMode #CenterWrapper h2 {
	line-height: 100%;
	font-size: 110%;
	padding: 6px;
	border: none;
	margin: 0;
	color: #fff;
	background-color: #666;
}
.AdminMode #CenterWrapper h3 {
	line-height: 100%;
	font-size: 110%;
	padding: 6px;
	border-bottom: none !important;
	border-left: 8px#666 solid;
}
.AdminMode #CenterWrapper h4{
	margin: 10px 0 0;
	border-bottom: 1px#666 solid;
}

/* admin left column */
.AdminMode #LeftColumn h2.BlockTitle{
	font-size: 110%;
	margin: -10px 0 0;
	padding: 6px 10px;
	line-height: 100%;
	color: #fff;
	background-color: #222;
}
.AdminMode #LeftColumn div.adminmenu_block_main{
	margin: 0 -10px;
	clear: left;
	border-top: 1px #aaa solid;
}
.AdminMode #LeftColumn div.adminmenu_block_main img{
	padding: 4px 4px 2px 5px;
	float: left;
}

/* admin left column anchor */
.AdminMode #LeftColumn div.adminmenu_block_main a.adminmenu_block_main_module_name{
	font-weight: bold;
	color: #222;
	padding: 4px;
	display: block;
	text-decoration: none;
}
.AdminMode #LeftColumn div ul,
.AdminMode #LeftColumn div li{
	list-style: none;
	margin:0 -5px;
	padding:0;
	border: 1px #fff solid;}
.AdminMode #LeftColumn div li a{
	color: #222;
	padding: 3px 5px;
	display: block;
	text-decoration: none;
}
.AdminMode #LeftColumn div a:hover{
	color: #fff;
	background-color: #999;
}

/* admin table */
.AdminMode table.outer{
	margin: 10px 0;
	border-top: 1px #bbb solid;
	border-left: 1px #bbb solid;
	border-collapse: collapse;
}
.AdminMode table.outer th{
	text-align: center;
	color: #fff;
	background-color: #666;
}
.AdminMode table.outer th,
.AdminMode table.outer td {
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid;
}
.legacy_list_description{
	color: #333;
	font-size: 85%;
}


/* admin error */
div.error{
	color: #900;
	background-color: #eee;
	padding: 5px;
}
/* ModuleContents */
form.odd{
	border				:1px #aaa solid;
}

/* table coloring for admin */
.AdminMode .head {
	color: #fff;
	background-color: #666;
}
.AdminMode .even,
.AdminMode tr.even td {
	color: #111;
	background-color: #ddd;
}
.AdminMode .odd,
.AdminMode tr.odd td {
	color: #111;
	background-color: #fafafa;
}
.AdminMode .foot {}

.AdminMode table.outer th {
	color: #fff;
	background-color: #666;
}
.AdminMode table.outer thead tr th {
	color: #111;
	background-color: #666;
}
.AdminMode table.outer thead tr td {
	background-color: #111;
	background-color: #666;
}

/* block and modules control pannel */
.AdminMode td.legacy_blockside div {
	display: inline;
	padding: 1px;
}
.AdminMode td.legacy_blockside div *{
	vertical-align: middle;
}
.AdminMode td.legacy_blockside div.active {
	background-color: #edd;
}
.AdminMode td.legacy_blockside,
.AdminMode td.blockposition {
	white-space: nowrap !important;
}
.AdminMode tr.active td{
	background-color: #edd;
}
.AdminMode .tips {
	color: #111;
	background-color: #fafafa;
border: 1px #aaa solid;	padding: 10px 15px;
}

/*============================================================================*/
/* HEADLINES SETTINGS */
/* normal headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Verdana, sans-serif;
}

div#CenterColumn h1 {
	color: ;
	background-color: ;
	font-size: 150%;
	margin: 0 0 10px;
	padding: 0;
}
div#CenterColumn h2 {
	color: ;
	background-color: ;
	clear: both;
	font-size: 110%;
	margin: 15px 0 10px;
	padding: 4px 15px;
	border-top: 1px #a0a0a0 solid;
	border-bottom: 1px #a0a0a0 solid;
}
div#CenterColumn h3 {
	font-size: 110%;
	margin: 15px 0 5px;
	padding: 2px 6px;
	border-bottom: 1px  #999 solid;
	color: ;
	background-color: ;
}
h4,
h5 {
	font-size: 110%;
}
.img_abu_l{
	float: left;
    margin: 0px 5px 5px 0px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font-size: 1em/*Verdana, Helvetica, sans-serif*/;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


#imagebox {
	float:right;
	 text-align:center;
	 width:220px;
	 /*background-color:orange;*/
}
.imagebox {
	float:right;
	 text-align:center;
	 width:220px;
	 /*background-color:orange;*/
}
#imagebox img, #imagebox_pico img, .imagebox img {
	margin:1px auto;
}


/**********
photos lightbox
**********/
div.ph_g_img{
	display:inline;
	float:left;
	width:122px;
	height:80px;
	padding:5px;
	margin-bottom:1px;
	margin-right:1px;
	text-align:center;
	background-color:#000000;
	font-size:0.6em;
	line-height:1.2em;
	color:#FFFFFF;
}

/**********
slider
**********/
.jquery-slider {
    overflow: hidden;
    position: relative;
}
.jquery-slider-element {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.jquery-slider-control {
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 1px solid #666;
    background: #fff;
    opacity: 0.33;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: #666 0 0 2px;
    text-shadow: #fff 0 0 1px;
}
.jquery-slider-control:hover {
    opacity: 1;
}
.jquery-slider-control-prev {
    left: 5px;
    top: 5px;
}
.jquery-slider-control-next {
    right: 5px;
    top: 5px;
}
.jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 5px;
    bottom: 5px;
    height: 20px;
    right: 5px;
}
.jquery-slider-page {
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    background: #999;
	cursor: pointer;
    opacity: 0.33;
    margin: 3px;
    border-radius: 6px;
    box-shadow: #333 0 0 2px;
}
.jquery-slider-page:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
}
.jquery-slider-page-current {
    opacity: 1;
}

/**********
一般設定
**********/
.v_top {
	vertical-align: top !important;
}
.spacer{
	clear: both;
	display: block;
	font-size: 0px;
	height: 1px;
	width: auto;
	margin:0px;
}

.result {
	margin:0px 0px 10px 0px;
}
#menu {
	margin-bottom:20px;
}
a.menuline:link, a.menuline:visited {
	font-size:90% !important;
	margin-left:-10px;
	vertical-align:baseline;
	margin-bottom: 1px;
	padding: 3px 0px;
	width: 180px;/**/
	height: 19px;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 0.5em;
	/*font-family: Helvetica, Lucida Sans Unicode;*/
	font-size: 15px;
	background-image: url(images/button2010.gif);
	background-repeat: repeat-x;
}
a.menuline:hover, a.menuline:active{
	font-size:90% !important;
	margin-left:-10px;
	vertical-align:baseline;
	margin-bottom: 1px;
	padding: 3px 0px;
	width: 180px;/**/
	display:block;
	color: #000099;
	text-decoration: none;
	text-indent: 0.5em;
	font-size: 15px;
	font-weight:bold;
	background-repeat: repeat-x;
	background-image: url(images/button_ro.gif);	/*font-weight:bold;*/
}

div.sponsorImages{
	margin:5px auto 10px;
}
.left{
	margin-right:10px;
	float:left;
}
img.left{
	display:block !important;
	margin-right:10px;
	float:left;
}
.right{
	margin-left:10px;
	float:right;
}
img.right{
	display:block !important;
	margin-left:10px;
	float:right;
}
.center{
	margin:15px auto 0px;
	display:block;
	text-align:center;
}
.large{font-size:1.2em !important;}
.larger{font-size:1.5em !important;}
.largest{font-size:1.8em !important;}
.small{font-size:0.8em !important;line-height:1.5em;}
.smaller{font-size:0.7em !important;line-height:1.5em;}
.smallest{font-size:0.6em !important;}
.bold{font-weight:bold !important;}
.cap{font-size:0.8em !important; line-height:1.2em;}