@charset "Shift-JIS";
/* =====================================================================
*    Reset CSS
* =================================================================== */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* =====================================================================
*    Basic Format
* =================================================================== */
html{
	height:100%;
}
body{
	height:100%;
	background-image:url(../img/mainBg.gif);
	background-position:top center;
	background-repeat:repeat-y;
	background-color:#59dab4;
	text-align:center;
}
hr{
	display:none;
}
input, textarea{
	font-family:Arial, Helvetica, sans-serif;
}
img{
	vertical-align:middle;
}
a{color:#ff5500;}
a:hover{text-decoration:none;}
a, a:hover{outline:none;}
.snapTxt{
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:0px 0px;
	text-indent:-9999px;
}
.textR{ text-align:right; }
.textL{ text-align:left; }
.textC{ text-align:center; }
.clear{ clear:both; }

/* =====================================================================
*    Font Format
* =================================================================== */
body{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-size:13px;
}
*:first-child+html body{
	font-size: small;
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* html body{
	font-size: small;
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
.x-large{ font-size:174%; }
.large  { font-size:144%; }
.mid    { font-size:122%; }
.small  { font-size:92%; }
.x-small{ font-size:77%; letter-spacing: 1px; }
a:hover img{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* =====================================================================
*    Basic Block
* =================================================================== */
#mainContainer{
	width:850px;
	height:100%;
	min-height:100%;
	margin:0px auto;
	text-align:left;
	background-image:url(../img/cttMainBg.gif);
	background-repeat:repeat-y;
	background-color:#ffffff;
}
body > #mainContainer{
	height:auto;
}
#breadcrumb{
	width:790px;
	margin: 0px 0px 30px 30px;
}
#contents{
	width:100%;
}

/* =====================================================================
*    Header
* =================================================================== */
#header{
	width:100%;
}
#header .logo{
	float:left;
	display:inline;
	margin:0px 0px 0px 30px;
	width:235px;
	height:58px;
	background-image:url(../img/headerLogo.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border-right:solid 1px #e4e4e4;
}
#header .logo a{
	display:block;
	width:100%;
	height:58px;
	cursor:pointer;
}
#header p{
	float:right;
	display:inline;
	margin-right:8px;
	width:554px;
	height:69px;
	background-image:url(../img/headerImage.gif);
	background-repeat:no-repeat;
}
#header span{
	display:block;
	padding:7px 8px 3px 288px;
	font-size:14px;
}

/* =====================================================================
*    Navigation
* =================================================================== */
#navigation{
	margin-bottom:5px;
}
#navigation ul{
	width:846px;
	height:37px;
	margin-left:2px;
	overflow: hidden;
}
#navigation ul li{
	float:left;
	display:inline;
}
#navigation ul li a{
	display:block;
	width:100%;
	height:37px;
	background-image:url(../img/naviBg.gif);
	background-repeat:no-repeat;
}
#navigation ul li.m1 a{width:117px; background-position:0px 0px;}
#navigation ul li.m2 a{width:245px; background-position:-117px 0px;}
#navigation ul li.m3 a{width:84px; background-position:-362px 0px;}
#navigation ul li.m4 a{width:116px; background-position:-446px 0px;}
#navigation ul li.m5 a{width:165px; background-position:-562px 0px;}
#navigation ul li.m6 a{width:119px; background-position:-727px 0px;}
#navigation ul li.m1 a:hover, #navigation ul li.m1 a.curr{background-position:0px -37px;}
#navigation ul li.m2 a:hover, #navigation ul li.m2 a.curr{background-position:-117px -37px;}
#navigation ul li.m3 a:hover, #navigation ul li.m3 a.curr{background-position:-362px -37px;}
#navigation ul li.m4 a:hover, #navigation ul li.m4 a.curr{background-position:-446px -37px;}
#navigation ul li.m5 a:hover, #navigation ul li.m5 a.curr{background-position:-562px -37px;}
#navigation ul li.m6 a:hover, #navigation ul li.m6 a.curr{background-position:-727px -37px;}


#navigation ul li.cat a{width:170px; background-position:0px 0px;}
#navigation ul li.int a{width:175px; background-position:-170px 0px;}
#navigation ul li.clb a{width:245px; background-position:-345px 0px;}
#navigation ul li.bus a{width:126px; background-position:-590px 0px;}
#navigation ul li.cnt a{width:130px; background-position:-716px 0px;}
#navigation ul li.cat a:hover, #navigation ul li.cat a.curr{background-position:0px -37px;}
#navigation ul li.int a:hover, #navigation ul li.int a.curr{background-position:-170px -37px;}
#navigation ul li.clb a:hover, #navigation ul li.clb a.curr{background-position:-345px -37px;}
#navigation ul li.bus a:hover, #navigation ul li.bus a.curr{background-position:-590px -37px;}
#navigation ul li.cnt a:hover, #navigation ul li.cnt a.curr{background-position:-716px -37px;}

/* =====================================================================
*    Footer
* =================================================================== */
#footer{
	width:848px;
	background-image:url(../img/footerBg.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	margin-left:1px;
}
* html #footer{margin-top:30px;}
#footer p{
	padding:30px 0px 50px;
	color:#5a4017;
}
#footer a{
	color:#5a4017;
}