@charset "utf-8";
body {
margin : 20px auto 0 auto;
padding : 0;
font-size : 12px;
font-family : verdana, Arial, Helvetica, sans-serif;
color : #111111;
background-color : #ffffff;
}
img {
margin : 0;
padding : 0;
border : 0;
}
.clear {
clear : both;
}
a:hover img{
opacity:0.7;
filter: alpha(opacity=70);/*IE6,IE7*/
-ms-filter: "alpha(opacity=70)";/*IE8*/
-moz-opacity:0.7;
-khtml-opacity:0.7;
}
div.wrapper {
position : relative;
float : left;
width : 980px;
margin : 0 20px 0 20px;
text-align : left;
}
.color1 {
color : #cccccc;
background-color : #000000;
border-bottom : 1px solid #cccccc;
}
.color2 {
color : #ffffff;
background-color : #111111;
}
.color3 {
color : #111111;
background-color : #ffffff;
}
.color4 {
color : #ffffff;
background-color : #333333;
}
.color5 {
color : #ffffff;
background-color : #111111;
border-top : 10px solid #333333;
}
.color6 {
color : #ffffff;
background-color : #000000;
border-top : 5px solid #666666;
}
.color7 {
color : #ffffff;
background-color : #333333;
}
#header, #topics, #navi, #maincontent-top, #maincontent, #footer, #copyright {
position : relative;
margin : 0 auto 0 auto;
text-align : left;
display : block;
width : 960px;
}
/* header*/
#header {
height : 160px;
color : #cccccc;
background : #000000 url(img/gazou_folder/bg_header.gif) no-repeat;
}
#header h1, #header p, #header a {
margin : 0;
padding : 0;
font-weight : normal;
list-style : none;
line-height : normal;
}
#header h1 {
position : absolute;
top : 16px;
left : 10px;
font-size : 10px;
}
#header p {
display : block;
position : absolute;
top : 40px;
left : 10px;
font-size : 11px;
}
#navi ul, #navi li {
float : left;
list-style : none;
margin : 0;
padding : 0;
font-weight : bold;
text-transform : uppercase;
}
#navi li a:link, #navi li a:visited {
display : block;
margin : 0 15px 0 0;
padding : 14px 15px;
color : #ff0099;
background-color : #111111;
}
#navi li a:hover, #navi li a.active {
color : #111111;
background-color : #ffffff;
}
#navi li li a:link, #navi li li a:visited {
width : 293px;
float : none;
margin : 0;
padding : 7px 10px;
font-size : 12px;
font-weight : normal;
color : #ff0099;
background-color : #dddddd;
}
#navi li li a:hover {
color : #ffffff;
background-color : #333333;
}
#navi li ul {
z-index : 9999;
position : absolute;
left : -999em;
height : auto;
width : 250px;
border : 1px solid #111111;
}
#navi li ul a {
width : 140px;
}
#navi li ul ul {
margin : -32px 0 0 0;
}
#navi li:hover ul, #navi li li:hover ul {
left : auto;
}
#navi li:hover {
position : static;
}
#navi li.last a {
margin-right : 0;
}
#google_translate {
text-align : right;
margin : 10px;
}
/* content*/
#maincontent-top, #maincontent {
padding : 15px 0;
}
#maincontent-top a:link, #maincontent-top a:visited {
color : #ff0099;
background-color : #ffffff;
}
#maincontent-top a:hover, #maincontent-top a.active {
color : #111111;
background-color : #ffffff;
}
#maincontent-top #maincontent-image {
display : inline;
float : right;
width : 528px;
border : 0;
}
#maincontent-top #maincontent-image p {
display : block;
width : 528px;
margin : 0;
padding : 0;
}
#maincontent-top #maincontent-image p.more {
display : block;
width : 528px;
margin : 15px 0;
padding : 0 0 5px 0;
text-align : right;
clear : both;
border-bottom : 1px dotted #666666;
}
#maincontent-top #maincontent-image p img {
float : left;
margin : 0 5px 3px 0;
padding : 4px;
color : #666666;
background-color : #dddddd;
border : 1px solid #666666;
}
#maincontent-top #maincontent-left {
display : block;
float : left;
width : 385px;
margin : 0;
padding : 0;
}
#maincontent-top #maincontent-left h2.title {
display : block;
width : 385px;
margin : 0 0 15px 0;
padding : 0 0 8px 0;
font-size : 18px;
font-weight : normal;
color : #111111;
background-color : #ffffff;
border-bottom : 1px solid #cccccc;
}
#maincontent-top #maincontent-left p {
display : block;
width : 385px;
margin : 0;
padding : 0;
}
#maincontent-top #maincontent-left p.more {
display : block;
width : 385px;
margin : 15px 0;
padding : 0 0 5px 0;
text-align : right;
clear : both;
border-bottom : 1px dotted #666666;
}
#maincontent-top #maincontent-left p.last {
margin-bottom : 0;
}
#maincontent-top #maincontent-left img {
float : left;
margin : 0;
}
#maincontent-top #maincontent-mainleft {
display : block;
float : left;
width : 623px;
margin : 0;
padding : 0;
}
#maincontent-top #maincontent-mainleft h2.title {
display : block;
width : 620px;
margin : 0 0 15px 0;
padding : 0 0 8px 0;
font-size : 18px;
font-weight : normal;
color : #111111;
background-color : #ffffff;
border-bottom : 1px solid #cccccc;
}
#maincontent-top #maincontent-mainleft p {
display : block;
width : 593px;
margin-left : 20px;
padding : 0;
}
#maincontent-top #maincontent-mainleft img.left {
float : left;
margin-right : 1em;
margin-bottom : 1em;
}
#maincontent-top #maincontent-mainimage {
display : inline;
float : right;
width : 290px;
border : 0;
}
/* footer*/
#maincontent ul {
margin : 0;
padding : 0;
list-style : none;
}
#maincontent a:link, #maincontent a:visited {
color : #ff0099;
}
#maincontent a:hover, #maincontent a.active {
color : #ffffff;
}
#maincontent h2.title {
display : block;
width : 385px;
margin : 0 0 15px 0;
padding : 0 0 8px 0;
font-size : 15px;
font-weight : normal;
border-bottom : 1px solid #cccccc;
}
#maincontent li {
display : block;
float : left;
width : 300px;
margin : 0 30px 0 0;
padding : 0;
}
#maincontent li.last {
margin-right : 0;
}
#maincontent li p.image {
display : block;
width : 290px;
height : 100px;
margin : 0 0 10px 0;
padding : 4px;
background-color : #ffffff;
border : 1px solid #666666;
}
#maincontent li h2 {
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
}
#maincontent p.readmore a {
display : block;
width : 290px;
padding : 5px;
text-align : right;
font-weight : bold;
}
#maincontent p.readmore a:link, #maincontent p.readmore a:visited {
color : #333333;
background-color : #ff0099;
}
#maincontent p.readmore a:hover, #maincontent p.readmore a.active {
color : #cccccc;
background-color : #666666;
}
#topics {
padding : 15px 0;
}
#topics p, #topics ul, #topics a {
margin : 0;
padding : 0;
font-weight : normal;
list-style : none;
line-height : normal;
}
#topics h2.title {
display : block;
width : 385px;
margin : 0 0 15px 0;
padding : 0 0 8px 0;
font-size : 18px;
font-weight : normal;
font-family : verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #111111;
border-bottom : 1px solid #cccccc;
}
#topics li {
display : block;
float : left;
width : 300px;
margin : 0 30px 0 0;
padding : 0;
color : #ffffff;
background-color : #111111;
}
#topics li.last {
margin-right : 0;
}
#topics li p {
margin : 8px;
line-height : 1.6em;
}
#footer {
padding : 15px 0;
}
#footer h2, #footer p, #footer ul, #footer a {
margin : 0;
padding : 0;
font-weight : normal;
list-style : none;
line-height : normal;
}
#footer h2 {
font-size : 14px;
font-weight : bold;
font-family : verdana, Arial, Helvetica, sans-serif;
margin : 0 0 15px 0;
padding : 0 0 8px 0;
border-bottom : 1px dotted #ffffff;
}
#footer a:link, #footer a:visited {
color : #ff0099;
background-color : #000000;
}
#footer a:hover, #footer a.active {
color : #ffffff;
background-color : #000000;
}
#footer .footerbox {
display : block;
float : left;
width : 300px;
margin : 0 30px 0 0;
padding : 0;
}
#footer .link li {
margin-bottom : 25px;
text-align : right;
}
#footer .link span {
display : block;
width : 300px;
text-align : left;
margin-bottom : 5px;
}
#footer .pickup li {
margin-bottom : 25px;
text-align : left;
}
#footer .pickup span {
display : block;
width : 300px;
text-align : left;
margin-bottom : 5px;
}
#footer .Category {
margin-right : 0;
}
#footer .Category .wrap {
display : block;
width : 300px;
}
#footer .Category .wrap .fix {
clear : both;
}
#footer .Category .wrap .Category_image {
display : block;
float : left;
margin : 0 15px 15px 0;
width : 90px;
height : 90px;
}
#footer .Category .wrap #Category_image3, #footer .Category .wrap #Category_image6, #footer .Category .wrap #Category_image9 {
margin-right : 0;
}
#copyright {
padding : 15px 0;
font-size : 11px;
text-align : center;
}
#copyright ul {
margin : 0;
padding : 0;
list-style : none;
}
#copyright a:link, #copyright a:visited {
color : #ffffff;
background-color : #111111;
}
#copyright a:hover, #copyright a.active {
color : #111111;
background-color : #ffffff;
}
#copyright ul li {
display : inline;
margin-right : 8px;
padding-right : 10px;
border-right : 1px solid #ffffff;
}
#copyright ul li.last {
margin-right : 0;
padding-right : 0;
border-right : none;
}