@charset "UTF-8";/* CSS Document */

* {FONT-FAMILY: "Meiryo","Hiragino Kaku Gothic Pro","Osaka","Arial","Helvetica","sans-serif",Verdana; LINE-HEIGHT: 1.3}
html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-size:12px; background-image: url(img/all/body-bg2.jpg); background-repeat: repeat-x;}
img {margin:0; padding:0; border:0;}

#ImgTop {height:120px;}
#topsize {width:900px; margin: 0 auto;}
#skipto {display: none; overflow: hidden;}
#logo {height:92px; width:287px; background-image: url(img/all/logo.gif);
background-repeat: no-repeat; margin-top:23px; float:left;}
#logo h1{position:absolute; display:none;}

#barraNav {float:right; margin-top:100px;}
#barraNav li, #barraNav ul{display:inline; margin:0; padding:0;}
#barraNav a {font-size:11px; text-decoration:none; color: #666; padding-bottom: 0px; font-weight:bold;}
#barraNav li {margin-left:20px;}
#barraNav a:hover {color:#FF3399; background-image: url(img/all/ahover.jpg); background-repeat: no-repeat; background-position: 50% 16px;}
.menu a{color:#111; background-image: url(img/all/ahover.jpg); background-repeat: no-repeat; background-position: 50% 16px;}

#main {width:900px; margin: 0 auto; height:auto;}
#main1 {width:900px; margin: 0 auto; height:auto;}
#capSx {text-align:left; padding-top:7px; padding-bottom:10px; width:390px; float:left;}
#capSx h2, #capDx h2{font-size:1.4em; color:#FF3399; margin:0px; padding:0px; font-weight:normal;}
#capSx h3, #capDx h3{font-size:1.0em; margin:0px; padding:0px; color:#999; padding-bottom:5px; font-weight:normal;}
#capSx p, #capDx p{font-size:1em; line-height: 1.6em;}
#capSx img{float:left; margin-right:8px; border: 1px solid #C7C7BD; margin-top: 5px;}
#capSx a:hover img {border: 1px solid #999999;}
#capMx {text-align:left; padding:0px; width:260px; float:left; PADDING-TOP: 50px}
#capMx p{font-size:1em; line-height: 20px; width:250px; PADDING-TOP: 5px; PADDING-BOTTOM: 5px}
#capMx img, #capDx img{float:left; margin-right:0px;}
#capDx {height:100%; text-align:left; width:250px; float:right; PADDING-TOP: 50px}
#capDx img{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 0px}
P.back {margin: 5px 0px 40px 0px;}

#main2 {CLEAR: both; width:900px; margin: 0 auto; height:100%;}
#main2 a img {border: 1px solid #C7C7BD; margin-top:0px; margin-bottom:10px; margin-right:5px;}
#main2 a:hover img {border: 1px solid #999999;}

#footer {CLEAR: both; background-color:#333333; width:100%; height:50px; MARGIN-TOP: 15px;}
#footerSx {TEXT-ALIGN: center; PADDING-TOP: 7px}
#copyright A {COLOR: #ffffff; TEXT-DECORATION: none}
#copyright A:hover {COLOR: #ff3399}
#copyright {MARGIN-TOP: 5px; FONT-SIZE: 0.8em; COLOR: #ffffff; TEXT-ALIGN: center}

#itemlist {width: 100%; margin: 0px 0px;}
#itemlist li {list-style: none; float: left; width: 100px;}
#itemlist ul .list {margin: 0px 7px 0px 0px}
#itemlist .thumnail a img {border: 1px solid #C7C7BD;}
#itemlist .thumnail a:hover img {border: 1px solid #999999;}
#itemlist p {margin: 2px 0px 0px 0px; padding: 0; font-size: 12px; line-height: 1.5em;}
#itemlist p a {line-height: 1.3em}

#intro {MARGIN: 0px auto; WIDTH: 900px; HEIGHT: 140px}
#intro IMG {MARGIN-TOP: 35px; FLOAT: left}
#intro P {MARGIN-TOP: 60px; MARGIN-LEFT: 0px; WIDTH: 675px; COLOR: #ffffff; text-align:left;}

#rest_body {width:900px; height:140px; margin: 0 auto; }

#rest_body img {padding-top:35px;}

#rest_left {
float:left;
 margin-right:5px;
}

#rest_right {
text-align:left;}
#rest_right p{float:left;
 margin-top:48px; font-size:12px; line-height:18px; COLOR: #ffffff;}
#rest_right p.snd {float:left;
 margin-top:54px; font-size:12px; line-height:18px; COLOR: #ffffff;}

#pickup {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; WIDTH: 100%; PADDING-TOP: 10px; float:center}
#pickup P.top {FLOAT: center; WIDTH: auto; PADDING-TOP: 10px}
#pickup A IMG {BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; float:center}

#category {BORDER-BOTTOM: #ffffff 5px solid; HEIGHT: 37px}
#category UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;}
#category li{list-style-type:none; width:250px; height:30px; float:center;}
#category li img{border:0;}
#category li.backBtn{background:url(img/all/back1.gif); MARGIN-TOP: 10px;}
#category li.back1Btn{background:url(img/all/back3.gif); MARGIN-TOP: 10px;}
#category li a{display:block; width:250px; height:30px;}
#category li a:hover {background-color:transparent;}
#category li a:hover img{visibility:hidden;}

/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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 {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;}

*fonts.css*/
body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code 
{font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}

