@charset "euc-jp";

/*-------------------------------added for responsive----------------------------*/
ul#logo li a span {display:none;}
#spnav {display:none;}
.searcharea div.buttonarea {display:inline;}

#modochangebutton {clear:both; text-align:right;}
/*-------------------------------added for responsive----------------------------*/


/*----------------------------------------------------------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;}



/*-------------------------------------------------
navigation box
-------------------------------------------------*/
#gnav, #fsch, .hsclt, .hscrt, .hsclb, .hscrb {background-image:url("../img/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;}

#gnav .inbox:after, #fsch .inbox:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
/*\*/ #gnav .inbox, #fsch .inbox {*height:1%;} /**/
/*\*//*/ #gnav .inbox, #fsch .inbox {overflow:hidden;} /**/


/*-------------------------------------------------
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("../img/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; *position:relative; *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;}
#gheader:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
/*\*/ #gheader {*height:1%;} /**/
/*\*//*/ #gheader {overflow:hidden;} /**/

#sethome {float:right;}
#sethome a {background:url("../img/global/btn_start.gif") left center no-repeat; padding:0 0 0 12px;}
#totop {float:right;}
#totop a {background:url("../img/global/btn_start.gif") left center no-repeat; padding:0 0 0 12px; margin-right:0.8em;}

#htext {text-align:left; margin:0 0 8px; color:#999;}

ul#logo {text-align:left; width:38%; float:left; list-style:none; margin:0; padding:0;}
ul#logo li {margin:0; padding:0; display:inline; font-size:133%; font-weight:bold;}
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;}

#headnavi {margin:0; text-align:right;}
#headnavi ul {padding:10px 0 0;}
#headnavi ul li {display:inline; margin:0;}
#headnavi ul li.gray {color:#ddd;}
#headnavi ul li img {vertical-align:middle; margin:0 4px 0 0;}
#headnavi ul li a.uname {font-weight:bold;}

#ghtop #headnavi {margin:0 11px 0 0; float:right;}
#ghtop #headnavi ul {padding:0;}

#headocn{text-align:right;}
#headocn span{display:inline-block; padding:4px 8px 1px; border:1px #ddd solid; vertical-align:middle; position:relative;}
#headocn img{margin:0 7px 0 0; padding:0;}

/*-------------------------------------------------
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("../img/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("../img/global/tn_marker.gif") right center no-repeat; padding-right:25px;}

#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 {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("../img/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.col1 ul li {width:99%; float:left;}
#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;}

#tn-top li div.col1, #tn-top li div.col2 {position:absolute; width:172px; margin-top:1px; margin-left:-96px; background:#f4f4f4; border:solid 2px #333; padding:8px 8px 2px; z-index:9; font-size:85%;}

/* 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-top:-4px; _margin-left:-263px; *zoom:1;}
#tn-top li div.col1, #tn-top li div.col2 {*margin-top:3px; _margin-top:-4px; _margin-left:-106px; *zoom:1;}
/* before ie7 */


/*-------------------------------------------------
bread crumb
-------------------------------------------------*/
#crumb {text-align:left; margin:0 4px; padding:5px 8px 3px; background:url("../img/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:970px; 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("../img/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 {background-color:#f4f4f4; padding:0.25em 0 0.25em 0;}
#footer #footnavi ul {margin:0.5em 0 0.5em 0; padding:0;}
#footer #footnavi ul li {display:inline; margin:0 1em 0 0;}

#footer address {margin:0.5em 0 0.5em 0; font-style:normal;}