@charset "utf-8";

/*============================================================
	universal reset
============================================================*/

*{
	margin:0;
	padding:0;
	font-style:normal;
	font-size: 95%;
	line-height: 1.5em;
}

div, p, img, a, td, ul, ol {
    font-size: 12px;
}

ul,ol,li {
	font-size: 12px;
	color: #777777;
}
ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}
ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}

table,td,th{
	border:none;
	text-align:left;
	vertical-align:top;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

img,a img{
	border:none;
	vertical-align:bottom;
}

hr{
	display:none;
}

/*============================================================
	common setting
============================================================*/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-attachment: fixed;
	background-image: url(../img/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	font-family: 'Lucida Grande',Arial, Helvetica, sans-serif,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック';
}

em,strong{font-weight:bold;}

h1 {
	font-size: 140%;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #CC0000;
	margin: 0px 0px 10px 0px;
	padding: 0;	
}
h2 {
	background: url(../img/Hx_bg.gif) repeat-x left bottom;
	border-top: #F5F5F5 1px solid;
	border-right: #D3D3D3 1px solid;
	border-bottom: #B1B1B1 1px solid;
	border-left: #D3D3D3 1px solid;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 3px;
	font-size: 12px;
	color: #616B61;
	text-indent: 0.8em;
}
h3 {
	border: none;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
	color: #616B61;
	text-indent: 0.5em;
	background: url(../img/Hx_bg.gif) repeat-x left bottom;
}
*html h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 1px 1px 1px;
}
h4 {
	font-size: 100%;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	margin: 0px 0px 10px 0px;
	padding: 0;
}
h5 {
	text-transform: uppercase;
	margin: 0px 0px 7px 0px;
	ffont-size: 118%;
	color: #758275;
	text-indent: 1.5em;
	background: url(../img/bullet_14x14.gif) no-repeat left center;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
h6 {
	text-transform: uppercase;
	font-size: 12pt;
	color: #758275;
	text-indent: 20px;
	background: url(../img/tick.jpg) no-repeat left center;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
 
p {
	font-size: 12px;
	line-height: 1.5em;
	color: #555555;
	margin: 5px 0px 0px 25px;
}

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

/* a
----------------------------------------------------*/

a:link,a:visited{
	font-size: 12px;
	line-height: 1.5em;
	color: #BB0000;
}
a:hover{
	color: #777777;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;*/
	border-bottom-color: #FF6600;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
}
a:active{
	text-decoration:none;
}

img,a img{
	border:none;
	vertical-align:bottom;
	text-decoration: none;
}
img,a:hover img{
	border:none;
	vertical-align:bottom;
	text-decoration: none;
}

/*============================================================
	wrapper
============================================================*/

#wrapper {
	margin: 0 auto;
	width: 830px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../img/2col_bg.gif);
	background-repeat: repeat-y;
	padding: 0;
}
body#col1 #wrapper,body#col1bk #wrapper {
	background-image: url(../img/body_bg.jpg);
}

/*============================================================
	header
============================================================*/

#header {
	height: 91px;
	background: url(../img/header_bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
body#col1bk #header,body#col2bk #header {
	background: url(../img/header_bg_bk.jpg) no-repeat;
}

/*============================================================
	ajaxmenu
============================================================*/

#ajaxmenu {
}

/*============================================================
	cover
============================================================*/

#cover {
	margin: -6px 0px 0px 4px;
	background: url(../img/cover.jpg) no-repeat;
	height: 376px;
	width: 822px;
	padding: 0;
	position: relative;
}
#cover p {
	font-size: 16px;
	font-weight: bold;
	color: #D52226;
	text-align: right;
	right: 30px;
	top: 15px;
	position: absolute;
}

/*============================================================
	content
============================================================*/

#content {
	height: auto !important; /* Detect height automatically, Incompatible w/IE */
	height: 250px;
	min-height: 250px;
	margin: 0;
	padding: 0;
}
body#col1 #content,body#col1bk #content,body#col2 #content,body#col2bk #content {
	height: 575px;
	min-height: 575px;
}

/*============================================================
	main
============================================================*/

#main {
	float: left;
	width: 595px;
	margin: 0;
	padding-left: 10px;
}
body#col1 #main,body#col1bk #main {
	width: 810px;
	margin: 0;
	padding-left: 10px;
	float: none;
}
#main img {
	border: none;
	text-decoration: none;
}
.thumbscontainer a:hover {
	border: none;
}

/*============================================================
	subcol
============================================================*/

#subcol {
	float: right;
	width: 185px;
	margin: 10px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
*html #subcol {
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#subcol h3 {
	color: #FFFFFF;
	background: url(../img/Hx_bg_bk.gif) repeat-x left center;
	margin-top: 5px;
}
#subcol ul,ol,li {
	font-size: 12px;
	color: #777777;
}
#subcol ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
}
#subcol li {
    list-style: none;
    padding-left:  0px;
    margin-bottom:  0px;
}
#banner {
	width: 185px;
	margin: 7px 0px 10px;
	padding: 0px;
	_margin: 7px 0px 0px;
}
#banner p {
	margin: 0px;
	padding: 0px;
}
#banner img {
	margin-bottom: 10px;
	padding-right: 20px;
	_padding-right: 0px;
	display: block;
	border-style: none;
}
#banner a img {
	text-decoration: none;
}
/*#subcol a:link,#subcol a:visited{
	text-decoration:none;
	color: #006633;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006633;
	font-size: 12px;
	line-height: 1.5em;
}
#subcol a:hover{
	
	font-size: 12px;
	line-height: 1.5em;	
	text-decoration:none;
	color: #FF3300;
	border: none;
}
#subcol a:active{
	text-decoration:none;
}*/

/*============================================================
	footer
============================================================*/

#footer {
	height: 81px;
	background: url(../img/footer_bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
#footer_bg_bk {
	height: 81px;
	background: url(../img/footer_bg_bk.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

address {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 35px;
	text-align: center;
}

.B_crumbBox {
	display: block;
	margin-bottom: 15px;
	margin-top: 0px;
	padding:0
}
.B_crumbBox,.B_firstCrumb,.B_homeCrumb,.B_lastCrumb,.B_currentCrumb {
	font-size: 12px;
}

/*============================================================
	FrogJS
============================================================*/

#FrogJS{
	width: 760px;
	height: 550px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 12px;
	color: #CC3300;
	clear: both;
}
#FrogJSCredit{
	text-align: right;
	font-size: 12px;
	color: #CC3300;
	padding: 1px;
	text-transform: uppercase;
}
#FrogJSCaption{
	text-align: left;
	line-height: 140%;
}

/*============================================================
	topnav
============================================================*/

ul.topnav {
	margin-left: 13px;
}
ul.topnav li a {
	background: url(../img/tick.jpg) no-repeat left center;
	padding-left: 20px;
}
ul.topnav li ul {
	margin-top: 3px;
	margin-bottom: 20px;
	margin-left: 8px;
}
ul.topnav li ul li a {
	background: url(../img/mouse.jpg) no-repeat left center;
	padding-left: 20px;
}
ul.topnav li ul li a:link,ul.topnav li ul li a:visited {
	color: #777777;
}
ul.topnav li ul li a:hover {
	color: #BB0000;
}