@charset "utf-8";

/***********************************************/
/* top.css
	css by JCC 2009.07 */
/***********************************************/
/***********************************************/
/* jccglobal.css  */
/***********************************************/
/* Default ---------------------------------------------------------------- */
/* Global */
* {
margin:0;
padding:0;
font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}

body{
text-align:center;
color: #000000;
}

img {
border:0;
align:middle;
}

.divline { margin: 5; }

a:link {color:#272672;text-decoration:none;}
a:visited {color:#272672;text-decoration:none;}
a:hover,a:active {color:#CC3366; text-decoration:none;}

.text_right{
text-align:right;
}

.text_center{
text-align:center;
}

.text_left{
text-align:left;
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/*
ALL BLOCK
----------------------------------------------- */
#ALL {
margin:0 auto;
width:800px;
}

/************** header tag styles **************/
#header{
position:relative;
width:100%;
height: 80px;
overflow: hiden;
}
.toplogo {
display:block;
float:left;
margin:10px 0px 0px 10px; /* up right down left */
}

/************** fontsize_change styles *****************/
/* up right down left */
#widget-fontsize{
position: absolute;
right: 0px;
margin:2px 0px 2px 0px; 
}

#fontsize_change {
width:160px;
height:26px;
list-style:none;
}

#fontsize_change li{
	float:left;
}

#fontsize_change li a{
	display:block;
	text-indent:-9999px;
	background-image:url('../images/font.gif');
	background-repeat:no-repeat;
}

#moji_title a:link,
#moji_title a:visited,
#moji_title a:active { background-position:-1px -26px; width:81px; height:26px; overflow:hidden;}
#moji_title a:hover { background-position:-1px 0; width:81px; height:26px; overflow:hidden;}

#moji_normal a:link,
#moji_normal a:visited,
#moji_normal a:active { background-position:-77px -26px; width:26px; height:26px; overflow:hidden;}
#moji_normal a:hover { background-position:-77px 0; width:26px; height:26px; overflow:hidden;}

#moji_dai a:link,
#moji_dai a:visited,
#moji_dai a:active { background-position:-101px -26px; width:26px; height:26px; overflow:hidden;}
#moji_dai a:hover { background-position:-101px 0; width:26px; height:26px; overflow:hidden;}

#moji_saidai a:link,
#moji_saidai a:visited,
#moji_saidai a:active { background-position:-125px -26px; width:26px; height:26px; overflow:hidden;}
#moji_saidai a:hover { background-position:-125px 0; width:26px; height:26px; overflow:hidden;}
/* *********************************************************************************************** */

/************** widget-search styles *****************/
#widget-search{
position: absolute;
top: 10px;
right: 10px;
font-size: 12px !important;
}
#widget-search form {
	margin: 0;
	padding: 0;
}
#widget-search input{
font-size: 12px !important;
}

/************* globalNav styles ****************/

#globalNav{
position: absolute;
top: 40px;
left:0px;
display:block;
width: 100%;
background:#CC3366;
}

/************* main_navigation styles ****************/
#main_navigation {
	padding: 0px;
	margin: 0px;
	line-height: 1.6;
}
#main_navigation ul{
	margin: 0px 0px 0px 0px; /* up right down left */
	padding: 0px;
}
#main_navigation ul li{
list-style: none;
margin: 1px 0px 0px 0px;
padding: 0px;
background: #CCCCCC;
white-space: nowrap;
float: left;
display: block;
font-size:13px;
}

#main_navigation ul a{
background: #CC3366;
padding: 1px 6px;
border: 1px solid #EDCBDA;
margin: 0px;
display: block;
color: #FFFFFF;
font-size:13px;
font-weight: normal;
text-decoration:none;
}
#main_navigation ul a:hover{
background: #ffffff;
color: #CC3366;
font-size:13px;
}

/*
フッター BLOCK
----------------------------------------------- */

#tophead {
	margin:0px 20px 0px 0px;
	border:1px #ffffff solid;
	text-align:right;
	font-family:"verdana","sans-serif","Georgia","Times New Roman","Times";
	font-size: 12px;
	line-height:120%;
	padding:5px 25px 0px 10px; /* up right down left */
	background:url("../img/dl_bg.gif") repeat-y right top;
}

#topfooter {
	margin:15px 5px 0px 0px;
	border:1px #ffffff solid;
	text-align:right;
	font-family:"verdana","sans-serif","Georgia","Times New Roman","Times";
	font-size: 12px;
	line-height:120%;
	padding:5px 25px 0px 10px; /* up right down left */
	background:url("../img/dl_bg.gif") repeat-y right top;
}

#footer {
position: relative;
margin:10px 0px 10px 0px; /* up right down left */
width:100%;
zoom:1; /* IE用設定 */
}
#footer .footp01 {
display:block;
font-size:95%;
text-align:right;
color:#000000;
font-weight:normal;
padding-bottom:4px;
padding-right:10px;
border-bottom:solid #ffffff 1px;
}
#footer .footp01 a {
color:#339;
font-size:95%;
text-decoration:none;
}
#footer .footp01 a:hover {
color:#900;
font-size:95%;
text-decoration:none;
}

/********************* end *************************************************************/

/***********************************************/
/* jccmain.css  */
/***********************************************/
#top h1{
font-size:120%;
font-weight:bold;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/* トップSEO用 */
#top h2 {
font-size:1px;
line-height:0;
text-indent:-9999px;
margin:0;
}

/* page_right -top1 */
#top01 {
float:right;
width:100%;
margin:0px 0 0;
}

/* page_right -top2 */
.top02 {
float:left;
width:99%;
margin:10px 0 0;
}

.top02 h3 {
font-size:110%;
font-weight:bold;
padding:1px 10px 1px 10px; /* up right down left */
border-color:#0B0099;
border-width:1px 1px 1px 10px;
border-style:solid;
background:#F8F8F8;
}

/* page_right -top3 */
.top03 {
float:left;
width:99%;
margin: 10px 0px 0px 0px; /* up right down left */
}

.top03 h3 {
font-size:110%;
font-weight:bold;
padding:1px 10px 1px 10px; /* up right down left */
border-color:#B22222;
border-width:1px 1px 1px 10px;
border-style:solid;
background:#F8F8F8;
}

/************* page main styles ****************/
#container{
position: relative;
top:0px;
width:100%;
background: #ffffff;
margin: 0px 0 0;
overflow: hiden;
border: 0px solid #555;
align:top;
zoom:1; /* IE用設定 */
}

div#container:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

.btnLinks {
margin: 0px;
padding: 0px 0px 0px 0px;
}

.btnLinks img{
margin-top: 1px;
vertical-align: -8px;
}

.btnLinks a {
font-size:14px;
font-weight:normal;
color: #272672;
text-decoration: none !important;
}
.btnLinks a:hover {
    color: #CC3366;
}
div.btnLinks.table {
border:0;
margin: auto;
}
div.btnLinks.td {
padding: 0em;
height: 0.1em
}

.img_middle{
float:right;
align:middle;
}

/* What's New用　**********************************/
.scrollbox{
overflow: auto;   /* スクロール表示 */
height: 150px;
padding: 5px 0px 0px 5px; /* up right down left */
margin:3px 0px 10px 0px;
border:1px solid #cccccc;
}
div.scrollbox a:link {color:#272672; text-decoration:none;}
div.scrollbox a:visited {color:#272672; text-decoration:none;}
div.scrollbox a:hover,a:active {color:#CC3366; text-decoration:none;}

dl.sbox{
	padding:0px 0px 0px 0px;
}
dt.sbox{
	font-weight:bold;
	font-size: 95%;
	border-bottom:1px solid #B22222;
	padding:5px 0px 0px 0px;
}
dd.sbox{
	font-weight:normal;
	font-size: 95%;
	border-bottom:1px dotted #999999;
	padding: 1px 0px 1px 0px; /* up right down left */
}

/************ sectionLinks styles **************/
.sectionLinks{/* up right down left */
float:right;
margin:3px 0px 3px 10px;
padding: 0px 0px 0px 1px;
}

div.sectionLinks li {
margin:3px 0px 0px 5px;
padding: 2px 0px 2px 1px;
font-size:100%;
font-weight:none;
}

div.sectionLinks li a {
width: 350px;
display: block;
color:#000066;
text-decoration:none;
}
div.sectionLinks a:hover {
width: 350px;
display: block;
color:#000000;
background:#99CCFF;
text-decoration:none;
}
/* ---------------------------------------------------------------------- */
.ul_red {
	padding: 0px 0px 0px 8px; 
    list-style-image:url("../images/arrow1-red.gif");
	vertical-align: -10px;
}
.ul_rednotice{
	padding: 0px 0px 0px 8px; 
    list-style-image:url("../images/arrow1-red.gif");
	vertical-align: -10px;
}
.ul_blue {
	padding: 0px 0px 0px 8px; 
    list-style-image:url("../images/arrow1-skyblue.gif");
	vertical-align: -10px;
}
.ul_green {
	padding: 0px 0px 0px 8px; 
    list-style-image:url("../images/arrow1-green.gif");
	vertical-align: -10px;
}
ul.ul_red li a {
width: 350px;
display: block;
color: #CC3366;
text-decoration:none;
}
ul.ul_red li a:hover {
width: 350px;
display: block;
color:#000000;
background:#ffcccc;
text-decoration:none;
}
ul.ul_rednotice li a {
width: 350px;
display: block;
color: #000000;
background:#ffcccc;
text-decoration:none;
}
ul.ul_rednotice li a:hover {
width: 350px;
display: block;
color:#ffffff;
background:#B22222;
text-decoration:none;
}
ul.ul_blue li a {
width: 350px;
display: block;
color: #000066;
text-decoration:none;
}
ul.ul_blue li a:hover {
width: 350px;
display: block;
color:#000000;
background:#99CCFF;
text-decoration:none;
}
ul.ul_green li a {
width: 350px;
display: block;
color:#000000;
background:#ccff99;
text-decoration:none;
}
ul.ul_green li a:hover {
width: 350px;
display: block;
color:#ffffff;
background:#006600;
text-decoration:none;
}