@charset "utf-8";

/***** init code *********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align:top;
	text-align:left;
}
th, td {
	padding:2px 5px;
}

/********************************************************/


/*-------------------------------------------
common part
----------------------------------------------*/
html {
	height: 100%;
	font-size:62.5%;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック',sans-serif;
}

body {
	height: 100%;
	background: url(img/back/back_b.jpg)   repeat-x   #dcf1f8;
	color:#333333;
	line-height:120%;
	font-size:1.4em;
}

a:link{
	color: #FCB504;
	text-decoration: underline;
}
a:visited {
	color: #FCB504;
	text-decoration: underline;
}
a:hover {
	color: #ff3300;
	text-decoration: underline;
}
a:active {
	color: #ff6600;
	text-decoration: underline;
}

h1,h2{
	font-size:1.8em;
}
h3{
	font-size:1.6em;
}
h4{
	font-size:1.4em;
}
h5{
	font-size:1.2em;
}

img{
	border:none;
}
div#wrapper{
	height:100%;
	width:100%;
    background:url(img/back/back_f.jpg)  50% 0  no-repeat;
	text-align:center;
	margin:0 auto;
}
div#wrapper-inner{
	margin:0 auto;
	text-align:left;
	width:972px;
	background:#ffffff;
	padding-left:1px;
	padding-right:1px;
	zoom:1;
}

/*
header
-------------------*/
div#header{
	height:183px;
}
div.htitle{
	margin:0 auto;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	width:970px;
	height:150px;
	background: url(img/header/mheader.jpg) no-repeat top center;
}

div.htitle a.hlogo{
	display:block;
	text-indent:-9999px;
	height:150px;
	width:217px;
	background: url(img/header/mheader.jpg) no-repeat top left;
}

/*
global menu
-----------*/
div.header-navi{
	background:#333333;
	width:970px;
	height:30px;
	text-align:left;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:0 auto;
}

ul.navi{
	padding:0 5px;
}
ul.navi li{
	float:left;
	display:block;
	width:119px;
	height:30px;
	text-indent:-9999px;
}

ul.navi li a{
	width:119px;
	height:30px;
	display:block;
	border-left:1px solid #ffffff;
}

ul.navi .top{
	background:url(img/navi/homebtn.gif) no-repeat top left;
	border-left:none;
}

ul.navi .area{
	background:url(img/navi/areabtn.gif) no-repeat top left;
}

ul.navi .photo{
	background:url(img/navi/photobtn.gif) no-repeat top left;
}

ul.navi .guide{
	background:url(img/navi/guidebtn.gif) no-repeat top left;
}

ul.navi .rules{
	background:url(img/navi/rulesbtn.gif) no-repeat top left;
}

ul.navi .links{
	background:url(img/navi/linksbtn.gif) no-repeat top left;
}

ul.navi .about{
	background:url(img/navi/aboutbtn.gif) no-repeat top left;
}

ul.navi .entry{
	background:url(img/navi/entrybtn.gif) no-repeat top left;
}

ul.navi .current{
	border-left:1px solid #ffffff;
	background-position:bottom left;
}

ul.navi li.top{
	border-left:none;
}

ul.navi li a:link,ul.navi li a:visited{
	background-position:0px 0px;
}

ul.navi li a:hover{
	background-position:0px -30px;
}

ul.navi li a:active{
	background-position:0px -30px;
}

/*
main-body
--------------*/
div#main-body{
	clear:both;
	width:970px;
	margin:1px auto;
}

/* left-column */
div#left-column{
	float:left;
	width:70%;
}
div#left-column-inner{
	padding:15px 10px;
}
/* right-colum */
div#right-column{
	float:left;
	width:30%;
	background:#000000;
}
div#right-column-inner{
	padding:15px 10px;
	color:#ffffff;
}

/*
footer
---------------------*/
div#footer{
	clear:both;
	height:30px;
	margin:0 auto;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	width:970px;
	height:30px;
	background: url(img/footer/footer.jpg) no-repeat top center;
}
/*
table */
.menu_table td.menu_title { border-bottom: 1px solid #B5B5B5; border-top: 1px solid #B5B5B5; border-left: 1px solid #B5B5B5; border-right: 1px solid #B5B5B5; vertical-align:top; background: #000; }
.menu_table td.menu_subtitle { border-bottom: 1px solid #B5B5B5; border-top: 1px solid #B5B5B5; border-left: 1px solid #B5B5B5; border-right: 1px solid #B5B5B5; vertical-align:top; background: #1C1C1C; }
.menu_table td.menu_content { border-bottom: 1px solid #B5B5B5; border-top: 1px solid #B5B5B5; border-left: 1px solid #B5B5B5; border-right: 1px solid #B5B5B5; vertical-align:top; background: #FFF; }

.global_table { table-layout: fixed; }
.global_table td.menu_global { border-bottom: 1px solid #B5B5B5; border-top: 1px solid #B5B5B5; border-left: 1px solid #B5B5B5; border-right: 1px solid #B5B5B5; vertical-align:top; background: #FFF; }

/*
background */
.bg_table td.bg_gray { padding: 10px; margin: 10px; vertical-align: top; color: #FFFFFF; background: #333333; }
.bg_table td.bg_offgray { padding: 10px; vertical-align: bottom; color: #FFFFFF; background: #B5B5B5; }
.bg_table td.bg_offgray2 { padding: 10px; vertical-align: bottom; color: #333333; background: #F0F0F0; width: 625px;}

.bg_table td.bg_offyellow { padding: 10px; vertical-align: top; color: #5F5F5F; background: #FFD591; }
.bg_table td.bg_white { padding: 10px; text-align: left; vertical-align: middle; line-height:120%; color: #000000; background: #FFFFFF; }

/*
table frame */
.frame_table {
 padding: 10px;
 border-bottom: 2px solid #B5B5B5; border-top: 2px solid #B5B5B5;
 border-left: 2px solid #B5B5B5; border-right: 2px solid #B5B5B5;
 vertical-align:middle; background: #FFF; 

}

/*
table report */
.repo_table td {
	padding:0px 0px;
	font-size: 11px;
        text-align: center;
        vertical-align:middle;
}

/*
row_span*/
#row_narrow{line-height:60%;}

.css1a{font-size:10px; line-height:12px;}
.css1{font-size:10px; line-height:12px;}
.css2{font-size:11px; line-height:15px;}
.css3{font-size:12px; line-height:170%;}
.css3a{font-size:12px; line-height:140%;}
.css13{font-size:13px; line-height:170%;}
.css13a{font-size:13px; line-height:140%;}
.css14{font-size:14px; line-height:170%;}
.css14a{font-size:14px; line-height:140%;}
.css15{font-size:15px; line-height:170%;}
.css15a{font-size:15px; line-height:140%;}
.css16{font-size:16px; line-height:170%;}
.css16a{font-size:16px; line-height:140%;}
.css18{font-size:18px; line-height:170%;}
.css21{font-size:21px; line-height:170%;}