@charset "utf-8";

/* ------------------------- TOC 
base
css hack
 ------------------------- */

/* base ------------------------------ */

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

html {
	overflow-y:scroll; 
	height:100%;
	margin-bottom:1px;
}

body {
	color: #000000;
	font-size: 12px;
	font-family: "Verdana" , "ＭＳ ゴシック" , "ヒラギノ角ゴ Pro W3",  "Osaka‐等幅";
	background: #ffffff;
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0;}
img { vertical-align: bottom ; border: 0;}
i, em, address { font-style: normal; }
input, button { line-height: normal; }

a { color: #bb0000; text-decoration: underline ; }
a:link { color: #bb0000; text-decoration: underline ; }
a:visited { color: #bb0000; }
a:hover, a:active { color: #bb0000; text-decoration: none ; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

p { margin: 0 0 10px 0 ; padding: 0 ; }


/* css hack ------------------------------ */

/* floating box clear */
.clearfix {
    zoom: 1 ;
}
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear:both;
    visibility: hidden ;
}

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }

/* centered background fix - for Firefox 3 */
body,x:-moz-broken { margin-left:-1px; }


/* common */
h1{
	width: 110px ;
	height: 70px ;
	background: url(/img/logo.gif) ;
	text-indent: -9999px ;
	float: left ;
}

h1 a{
	width: 110px ;
	height: 70px ;
	display: block ;
	overflow: hidden ;
}

h2{margin-bottom: 20px ;}

h3{margin-bottom: 15px ;}
h3#menu{margin-bottom: 15px ;}

#pagetop {
	text-align: right ;
	background: url(/img/bottomline.gif) repeat-x center top ;
	padding-top: 20px ;
}

.sectionLeft, .blockLeft, .columnLeft, .boxLeft { float: left ; }
.sectionCenter, .blockCenter, .columnCenter, .boxCenter { float: left ; }
.sectionRight, .blockRight, .columnRight, .boxRight { float: right ; }


/* layout ------------------------------ */
/* common */

#wrapper{
	background: url(/img/bgWrapper.jpg) repeat-x ;
}

#container{background: url(/img/bgContainer.jpg) no-repeat center top ;}


/* index */

#index #contents{background: url(/img/bgContents.jpg) repeat-x ;}
#index #contents .spot{background: url(/img/bgSpot.jpg) no-repeat center top ;}
#index #contentsInner{
	width: 950px ;
	margin: 0 auto ;
	padding-top: 12px ;
}


/* header */
#header{
	width: 100% ;
	background: url(/img/bgHeader.gif) repeat-x;
}

#header .spot{
	width: 950px ;
	margin: 0 auto ;
}

#headerInner{
	width: 950px;
	overflow: hidden ;
	margin: 0 auto ;
}

/* gnav */
ul#gnav{
	width: 830px ;
	overflow: hidden ;
	float: right ;
}

ul#gnav li{
	height: 70px ;
	float: left ;
}

ul#gnav li.right{
	margin-right: 0 ;
}

/* footer */
#footer{
	width: 950px ;
	text-align: right ;
	background: url(/img/bgFooter.gif) no-repeat center top ;
	border-top: 1px solid #b1b4c6 ;
	padding: 10px 0 100px ;
	margin: 20px auto 0 ;
}

#footer span{
	margin: 0 10px ;
}

#footer img{
	vertical-align: middle ;
}


/* under */

body.under{

}@charset "utf-8";

/* ------------------------- TOC 
base
css hack
 ------------------------- */

/* base ------------------------------ */

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

html {
	overflow-y:scroll; 
	height:100%;
	margin-bottom:1px;
}

body {
	color: #000000;
	font-size: 12px;
	font-family: "Verdana" , "ＭＳ ゴシック" , "ヒラギノ角ゴ Pro W3",  "Osaka‐等幅";
	background: #ffffff;
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0;}
img { vertical-align: bottom ; border: 0;}
i, em, address { font-style: normal; }
input, button { line-height: normal; }

a { color: #bb0000; text-decoration: underline ; }
a:link { color: #bb0000; text-decoration: underline ; }
a:visited { color: #bb0000; }
a:hover, a:active { color: #bb0000; text-decoration: none ; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

p { margin: 0 0 10px 0 ; padding: 0 ; }


/* css hack ------------------------------ */

/* floating box clear */
.clearfix {
    zoom: 1 ;
}
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear:both;
    visibility: hidden ;
}

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }

/* centered background fix - for Firefox 3 */
body,x:-moz-broken { margin-left:-1px; }


/* common */
h1{
	width: 110px ;
	height: 70px ;
	background: url(/img/logo.gif) ;
	text-indent: -9999px ;
	float: left ;
}

h1 a{
	width: 110px ;
	height: 70px ;
	display: block ;
	overflow: hidden ;
}

h2{margin-bottom: 20px ;}

h3{margin-bottom: 15px ;}
h3#menu{margin-bottom: 15px ;}

#pagetop {
	text-align: right ;
	background: url(/img/bottomline.gif) repeat-x center top ;
	padding-top: 20px ;
}

.sectionLeft, .blockLeft, .columnLeft, .boxLeft { float: left ; }
.sectionCenter, .blockCenter, .columnCenter, .boxCenter { float: left ; }
.sectionRight, .blockRight, .columnRight, .boxRight { float: right ; }


/* layout ------------------------------ */
/* common */

#wrapper{
	background: url(/img/bgWrapper.jpg) repeat-x ;
}

#container{background: url(/img/bgContainer.jpg) no-repeat center top ;}


/* index */

#index #contents{background: url(/img/bgContents.jpg) repeat-x ;}
#index #contents .spot{background: url(/img/bgSpot.jpg) no-repeat center top ;}
#index #contentsInner{
	width: 950px ;
	margin: 0 auto ;
	padding-top: 12px ;
}


/* header */
#header{
	width: 100% ;
	background: url(/img/bgHeader.gif) repeat-x;
}

#header .spot{
	width: 950px ;
	margin: 0 auto ;
}

#headerInner{
	width: 950px;
	overflow: hidden ;
	margin: 0 auto ;
}

/* gnav */
ul#gnav{
	width: 830px ;
	overflow: hidden ;
	float: right ;
}

ul#gnav li{
	height: 70px ;
	float: left ;
}

ul#gnav li.right{
	margin-right: 0 ;
}

/* footer */
#footer{
	width: 950px ;
	text-align: right ;
	background: url(/img/bgFooter.gif) no-repeat center top ;
	border-top: 1px solid #b1b4c6 ;
	padding: 10px 0 100px ;
	margin: 20px auto 0 ;
}

#footer span{
	margin: 0 10px ;
}

#footer img{
	vertical-align: middle ;
}


/* under */

body.under{
	background: #000000 url(/img/under_bg.gif) center top no-repeat;
}

body.under #under_wrapper{
	width: 760px ;
	overflow: hidden ;
	margin: 0 auto ;
	padding-top: 20px ;
}

body.under #under_topbar,
body.under #under_footer{
	text-align: right ;
	width: 760px ;
	height: 22px ;
	background: url(/img/under_bg02.gif) no-repeat ;
	overflow: hidden ;
	margin-bottom: 5px ;
	padding-top: 2px ;
}

body.under #under_topbar a{
	padding-right: 10px ;
}

body.under #under_container{
	width: 758px ;
	background: #fff ;
	border: 1px solid #000 ;
	position: relative ;
	margin-bottom: 5px ;
}

body.under h1{
	position: absolute ;
	top: -20px ;
	left: 19px ;
	width: 95px ;
	height: 245px ;
	background: none ;
	text-indent: 0 ;
	float: none ;
}

body.under #under_main{
	width: 605px ;
	overflow: hidden ;
	margin-left: 133px ;
	padding-top: 20px ;
}

body.under #under_gnav{
	margin-bottom: 25px ;
}

body.under #under_gnav ul{
}

body.under #under_gnav ul li{
	display: inline ;
	border-left: 1px solid #222 ;
	padding: 0 10px ;
}

body.under #under_gnav ul li:last-child{
	border-right: 1px solid #222 ;
}

body.under #pagetop{
	margin-bottom: 25px ;
}

body.under #under_footer ul{
	width: 200px ;
	float: left ;
	padding-left: 10px ;
}

body.under #under_footer ul li{
	font-size: 10px ;
	display: inline ;
	padding: 0 10px ;
	border-left: 1px solid #999 ;
}

body.under #under_footer ul li.last-child{
	border-right: 1px solid #999 ;
}

body.under #under_footer img{
	vertical-align: middle ;
}

body.under #under_footer .sectionRight{
	width: 152px ;
	text-align: right ;
	padding-right: 10px ;
}

body.under #under_footer_link{
	text-align: right ;
	padding-bottom: 20px ;
}