@charset "euc-jp";

/*----------------------------------------------------------COMMON-----------------------------------------------------------*/
body {padding:6px 10px 0; margin: 0; text-align: center; background-color: #fff;}
body {font-family:'‚l‚r ‚oƒSƒVƒbƒN', 'MS PGOTHIC'9;letter-spacing:0;}
input, textarea {font-family:'‚l‚r ‚oƒSƒVƒbƒN', 'MS PGOTHIC'9;}

a:link {color:#36c;}
a:visited {color:#609;}
a:hover {color:#c33;}
a img{border:none; text-decoration:none;}

p {margin:0;}
ul{margin:0; padding:0;}
form{margin:0; padding:0;}
input.radio{width:1.5em; height:1.5em;}
select {font-size:90%;}
option {height:1.25em;}
table {font-size:100%;}

.center{text-align:center;}
.right{text-align:right;}
.red{color:#c33;}
.gray{color:#777;}
.nowrap{ white-space:nowrap;}
.bold{font-weight:bold;}

.banner img {vertical-align:middle;}
.banner {margin:0 0 0.8em; clear:both;}

br.clearboth{clear:both; line-height:1%;}
div.clearboth{ clear:both; height:1px; font-size:0px; padding:0; margin:0; line-height:0;}
div.clearboth2{ clear:both; height:1px; font-size:0px; padding:0; margin:0 0 18px 0; line-height:0;}

.fs22{font-size: 140%; line-height: 1.2em;}
html:not(:target) .fs22{font-size: 22px;}
.fs20{font-size: 130%; line-height: 1.2em;}
html:not(:target) .fs20{font-size: 20px;}
.fs18{font-size: 120%; line-height: 1.4em;}
html:not(:target) .fs18{font-size: 18px;}
.fs16{font-size: 110%;}
html:not(:target) .fs16{font-size: 16px;}
.fs14{font-size: 100%;}
html:not(:target) .fs14{font-size: 14px;}
.fs12{font-size: 86%;}
html:not(:target) .fs12{font-size: 12px;}
.fs10{font-size: 70%; line-height: 1.1em;}
html:not(:target) .fs10{font-size: 10px;}
input{font-size: 90%;}
html:not(:target) input{font-size:12px;}


/*-------------------------------------------------
headertext
-------------------------------------------------*/
#htextbox {margin:-6px -10px 10px;}
#htextbox .container{min-width:950px; width: auto !important; width: 950px;}
* html #htextbox .container .minwidth {border-left-width:900px;border-right-width:90px;}
* html #htextbox .container .minwidth .box {margin-left:-900px;margin-right:-90px;}
#htextbox {font-size:80%; /*\*/zoom:1;/**/}
html:not(:target) #htext {font-size:12px;}

#htext {padding:6px 0 5px; _padding:5px 0 0px; background:#fff url("/images/global/ghd_bg.gif") bottom repeat-x; border-bottom:solid 1px #ddd; line-height:1;}

#headnavi {padding:0 10px; margin:0; text-align:right; float:right;}
#headnavi ul {padding:0; margin:0;}
#headnavi ul li {display:inline; padding:0; margin:0 0 0 1em; list-style:none;}
#headnavi ul li a {padding:0 0 0 11px; background:url("/images/global/hn_marker.gif") left center no-repeat; text-decoration:none; color:#777;}
#headnavi ul li a:hover {text-decoration:underline;}

#htext p {text-align:left; padding:0 10px; margin:0; _float:left; _padding-top:1px; color:#777;}


/*-------------------------------------------------
navigation box
-------------------------------------------------*/
#gnav, #fsch, .hsclt, .hscrt, .hsclb, .hscrb {background-image:url("/images/global/navbg.gif");}
#gnav, #fsch {background-position:0 -4px; background-repeat:repeat-x; background-color:#f9f9f9; border:solid 1px #ddd;}
#gnav .inbox, #fsch .inbox {border:solid 1px #fff;}
.hsclt, .hscrt, .hsclb, .hscrb {display:block; width:3px; height:3px; font-size:1px; line-height:1px; position:relative; z-index:1;}
.hsclt {background-position:0 0; float:left; margin:-2px 0 0 -2px;}
.hscrt {background-position:-3px 0; float:right; margin:-2px -2px 0 0;}
.hsclb {background-position:-6px 0; float:left; margin:0 0 -2px -2px;}
.hscrb {background-position:-9px 0; float:right; margin:0 -2px -2px 0;}




/*-------------------------------------------------
searcharea
-------------------------------------------------*/
#header div.searcharea, #footer div.searcharea {margin:5px 0 4px; overflow:hidden;}

div.searcharea input {vertical-align:middle;}
div.searcharea input.text {border:solid 1px #ccc; padding:3px;}
div.searcharea select {margin:0 0 0 6px; vertical-align:middle;}
div.searcharea span {margin:0 0 0 0.6em;}
div.searcharea label {margin:0 0.25em 0 0.8em;}

div.searcharea div.option {margin:4px 0 0;}
div.searcharea div.option label {margin:0 0.8em 0 0;}

div.searcharea .button {display:-moz-inline-box; display:inline-block; margin:0 0 0 8px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#feeda5 url("/images/global/btn_bg.gif") bottom repeat-x; vertical-align:middle;}
div.searcharea .button input {display:block; border:0; padding:2px 16px; margin:0 -1px; cursor:pointer; background:transparent; border-left:solid 1px #ccc; border-right:solid 1px #ccc; line-height:1.2;}

/* any of firefox */
div.searcharea .button input, x:-moz-any-link {padding:1px 16px;}
/* any of firefox */

/* before ie7 */
div.searcharea .button {*display:inline; *zoom:1; _position:relative; *border:solid 1px #ccc;}
div.searcharea .button input {*padding:1px 0 0; *display:block; *border:0;}
/* before ie7 */


/*----------------------------------------------------------HEADER-----------------------------------------------------------*/
#header {width:100%; margin:0; padding:0; min-width:970px; line-height:1.231;}
#header {font-size:78%;}
html:not(:target) #header {font-size:12px;}

#header a.skip {position:absolute; left:-9900px;}

#header input, #header select {font-size:100%;}
#header li {list-style:none;}
#header img {vertical-align:middle;}


/*-------------------------------------------------
global header
-------------------------------------------------*/
#gheader {margin:0 0 0.8em;}



ul#logo {text-align:left; margin:0; padding:0; float:left; list-style:none;}
ul#logo li {margin:0; padding:0; display:inline; font-size:133%; font-weight:bold; display:inline-block; vertical-align:top;}
ul#logo li, x:-moz-any-link {display:inline; vertical-align:middle;}
ul#logo li, x:-moz-any-link, x:default {display:inline-block; vertical-align:top;}
ul#logo li {*display:inline; *zoom:1;}
ul#logo li img {margin:0 8px 0 0;}
ul#logo li a:link {color:#333; text-decoration:none;}
ul#logo li a:visited {color:#333; text-decoration:none;}
ul#logo li a:hover {color:#333; text-decoration:underline;}
ul#logo li a:active {color:#333; text-decoration:none;}

ul#logo #headsname {padding:16px 0 0;}
ul#logo #headsname, x:-moz-any-link {padding:0;}
ul#logo #headsname, x:-moz-any-link, x:default {padding:16px 0 0;}

#ocnnavi {float:right; text-align:right;}
#ocnnavi ul li {display:inline;}

#headcircuit {margin:0 0 6px;}
#headcircuit ul li {padding-right:0.8em; margin-right:0.8em; border-right:solid 1px #ddd;}
#headcircuit ul li.last {padding:0; margin:0; border:0;}
#headlogin span {margin-right:1em;}
#headlogin ul {display:inline; color:#ddd;}
#headgoo {float:right; margin:6px 0 0;}
#headgoo img {vertical-align:top;}

#gheader .banner {float:left; display:inline; width:50%; margin-left:25%; margin-bottom:0; clear:none;}
#gheader .banner img {position:relative;}

#header img.rbanner {float:right; margin-left:-100px; margin-right:20px;}
#header img.banner {}

/*-------------------------------------------------
category
-------------------------------------------------*/
#tn-head {clear:both; padding:3px 0 0; margin:0 0 2px; *margin:0 0 4px;}
#tn-top {padding:4px 2px 2px; line-height:1.1; white-space:nowrap;}
#tn-top li {display:inline; display:inline-block; border-right:solid 1px #ccc;}
#tn-top li.last {border:0;}
#tn-top li a {font-size:116%; font-weight:bold; text-decoration:none; padding:3px 1px 1px;}
#tn-top li a span {color:#333; padding:3px 6px 1px;}
#tn-top li.top-on a, #tn-top li.hover a {background:#333 url("/images/global/tnbg.gif") top no-repeat;}
#tn-top li.top-on a span, #tn-top li.hover a span {border-top:solid 1px #333; border-bottom:solid 1px #333; color:#fff;}
#tn-top li.sub a span {background:url("/images/global/tn_marker.gif") right center no-repeat; padding-right:25px;}

#header {position:relative;}
#tn-top li div {position:absolute; width:486px; margin-top:1px; margin-left:-253px; background:#f4f4f4; border:solid 2px #333; padding:8px 8px 2px; z-index:9; font-size:85%;}
#tn-top li div.col2{width:236px; margin-left:-133px;}
#tn-top li div {display:none;}
#tn-top li.hover div {display:block;}

#tn-top li div ul li {padding:0 0 6px; white-space:normal; border:0; text-align:left;}
#tn-top li div ul li a {background:url("/images/global/tn_cmarker.gif") left center no-repeat !important; padding:0 0 0 10px; font-weight:normal; display:block;}
#tn-top li ul li a:hover {text-decoration:underline;}
#tn-top li div.col2 ul li {width:49%; float:left;}
#tn-top li div.col3 ul li {width:33%; float:left;}
#tn-top li div.col4 ul li {width:24%; float:left;}
#tn-top li div.col5 ul li {width:19%; float:left;}

/* before ie7 */
#tn-top {*padding:0 20px;}
#tn-top li {*display:inline; *zoom:1;}
#tn-top li a {*padding:0 1px; *zoom:1; *position:relative;}
#tn-top li a span {*padding:1px 6px 0px; _padding:2px 6px 1px; *zoom:1; *cursor:pointer; *vertical-align:text-bottom;}
#tn-top li.top-on a span, #tn-top li.hover a span {*position:relative; *margin:-1px 0;}
#tn-top li div {*margin-top:3px; _margin-left:-263px; *zoom:1;}
/* before ie7 */


/*-------------------------------------------------
bread crumb
-------------------------------------------------*/
#crumb {text-align:left; margin:0 4px; padding:5px 8px 3px; background:url("/images/global/bline.gif") top repeat-x; min-height:15px; _height:15px;}
#crumb a {text-decoration:none;}
#crumb a:hover {text-decoration:underline;}

ul#crumb li {display:inline; padding:0 0.5em 0 0;}


/*----------------------------------------------------------FOOTER-----------------------------------------------------------*/
#footer {clear:both; width:100%; min-width:950px; padding:10px 0 0 0; margin:0; line-height:1.231; text-align:center; color:#666;}
#footer {font-size:78%;}
html:not(:target) #footer {font-size: 12px;}

#footer a:link {color:#666;}
#footer a:visited {color:#666;}
#footer a:hover {color:#c33;}

#gfooter {background:url("/images/global/bline.gif") top repeat-x; min-height:8px; _height:8px; padding:1px 8px;}
#footer dl {margin:0.5em 0 0.5em 0; padding:1px 0 0 0;}
#footer dl dt {display:inline; font-weight:bold;}
#footer dl dd{display:inline; margin:0 0 0 1em;}

#footer ul#copy {text-align:left; color:#333; margin:0 0 0.25em 0; float:left; width:60%;}
#footer ul#copy li {display:block; background-color:#fff; padding:0; line-height:1.1;}
#footer div.copy_r {margin:10px; padding:0; text-align:right;}

#fsch div.searcharea {margin:10px 0 9px;}
#footer input, #footer select {font-size:100%;}

#footer p.pr {text-align:center; border:solid 1px #ddd; padding:0.5em; margin:0.25em 0 0.25em 0;}
#footer p.pr img {vertical-align:middle; margin:0 0.25em 0 0;}

#footer #footnavi {border-top:solid 1px #ddd; padding:0.25em 0 0.25em 0;}
#footlogo {float:left;}
#footer #footnavi ul {margin:1em 0 0.5em 135px; padding:0; border-left:solid 1px #333; text-align:left;}
#footer #footnavi ul li {display:inline; margin:0; padding:0 0.8em; border-right:solid 1px #333;}

#copyright {margin:0.5em 0 0.5em 130px; font-style:normal; text-align:left;}