@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a, hr, span {
 margin:0;
 padding:0;
}/*table{border-collapse:collapse;border-spacing:0;}*/

fieldset, img {
 border:0;
 vertical-align:top;
 font-size:0;
 line-height:0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
 font-style:inherit;
 font-weight:inherit;
}

del, ins {
 text-decoration:none;
}

li {
 list-style:none;
}

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;
 font-variant:normal;
}

sup {
 vertical-align:baseline;
}

sub {
 vertical-align:baseline;
}

*html sub {
 vertical-align:sub;
}

legend {
 color:#000;
}

input, button, textarea, select, optgroup, option {
 font-family:inherit;
 font-size:inherit;
 font-style:inherit;
 font-weight:inherit;
}

input, button, textarea, select {
*font-size:100%;
}

* {
 text-indent:0px;
 zoom:1;
}

li {
 zoom:normal;
}

div {
 width:auto;
 overflow:hidden;
}

span {
 height:auto;
}

a {
 outline:0px none #fff;
}

hr {
 display:block;
 height:1px;
 background:#333;
 text-align:left;
 border:0px none #333;
}

sup {
 vertical-align:top;
}

em {
 font-style:normal;
}

fieldset, img {
 border:0;
}

ul, li {
 list-style-type:none;
}

body {
 font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}

select, input, button, textarea, button {
 font:99% arial, helvetica, clean, sans-serif;
}

table {
 font-size:inherit;
 font:100%;
}

pre, code, kbd, samp, tt {
 font-family:monospace;
*font-size:108%;
 line-height:100%;
}

body {
 line-height:1.5;
}

body {
 font-family:"Hiragino Kaku Gothic", "ヒラギノ角ゴ", "MS P Gothic", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, sans-serif;
}

#gNaviArea {
 background:url(../img/bg_gnavi.gif) left top repeat-x;
 width:100%;
 height:40px;
 z-index:100;
 position:relative;
}

ul#gNavi {
 text-align:left;
 margin:0 auto;
 width:990px;
}

ul#gNavi li {
 background-image:url(../img/bg_gnavi_l.gif);
 background-color:#FFFFFF;
 background-repeat:repeat-x;
 background-position:left 1px;
 float:left;
 font-size:0px;
 line-height:0;
}

ul#gNavi li ul.sNavi {
 background:#FFF url(../img/bg_gnavi_l.gif) left top no-repeat;
 border-bottom:1px solid #d5d5d5;
 position:absolute;
 padding:12px 2px 5px 3px;
 margin-top:0px;
 width:226px;
}

* html ul#gNavi li ul.sNavi {
 width:226px;
}

.nml a {
 display:block;
}

ul#gNavi li ul.sNavi li {
 background:none;
 border-right:none;
 margin-bottom:3px;
 width:209px;
}

ul#gNavi li ul.sNavi li a {
 border:none;
 display:inline;
}

ul#gNavi {
 zoom:1;
}

ul#gNavi:after {
 height:0;
 visibility:hidden;
 content:".";
 display:block;
 clear:both;
}

#contentArea {
 background:url(../img/bg_content.gif) left top repeat-x;
 width:100%;
}

#mainContent {
 float:right;
 width:720px;
}

#footerArea {
 margin-top:5px;
 width:100%;
}

#footerBody {
 text-align:left;
 position:relative;
 height:80px;
 margin:0 auto;
 width:990px;
}

#fNavi {
 position:absolute;
 left:0;
 top:31px;
 background:url(../img/bg_fnavi.gif) right center no-repeat;
 vertical-align:top;
}

#fNavi li {
 background:url(../img/bg_fnavi.gif) left center no-repeat;
 margin-right:7px;
 padding-left:9px;
 line-height:1.0em;
 display:inline-block;
}

* html #fNavi li {
 display:inline;
 zoom:1;
 line-height:1.2em;
}

*:first-child+html #fNavi li {
 display:inline;
 zoom:1;
 line-height:1.2em;
}

#fNavi a {
 color:#000099;
}

#share {
 position:absolute;
 top:15px;
 right:0;
 border:1px solid #c5c7d1;
}

#share th {
 border-right:1px solid #c5c7d1;
 padding:3px;
}

#share td img {
 line-height:0;
 margin:0;
 padding:0;
 vertical-align: bottom;
}

#share td {
 padding:3px 0px 3px 3px;
 margin:0;
 line-height:0;
}

#share td ul {
 letter-spacing:-0.2em;
}

#share td ul li {
 line-height:0;
 vertical-align:top;
 display:inline-block;
 margin-right:3px;
}

* html #share td ul li {
 display:inline;
 margin-right:3px;
 zoom:1;
}

*:first-child+html #share td ul li {
 display:inline;
 margin-right:3px;
 zoom:1;
}

#share td ul li.shareLast {
 margin-right:3px;
}

#copy {
 position:absolute;
 right:0;
 top:64px;
}

#bnEuro {
 visibility:hidden;
}

#footerLowerArea {
 border-top:1px solid #c6c6c6;
 width:100%;
}

.btPtop {
 text-align:right;
 margin:40px auto 0 auto;
 width:990px;
}

#headerArea {
 margin:0 auto;
 position:relative;
 height:103px;
 width:990px;
 z-index:102;
 padding-top:15px;
}

#headerArea #logo {
 position:absolute;
 left:0;
 top:18px;
}

#rangMenu {
 position:absolute;
 right:0;
 top:14px;
 width:220px;
 font-size:11px;
 z-index:80;
}

#rangMenu dt {
 position:absolute;
 left:0;
 width:188px;
 height:30px;
 background:url(../img/bg_rang_set.gif) left top no-repeat;
}

#rangMenu dt a {
 margin-left:12px;
 margin-top:6px;
 display:block;
}

#rangMenu dd#btRang {
 padding-left:188px;
 cursor:pointer;
}

#rangMenu dd#rangList {
 background:url(../img/bg_rang_bottom.gif) left bottom no-repeat;
 width:220px;
 padding-top:0px;
 padding-bottom:4px;
 margin-top:2px;
}

#rangMenu dd#rangList ul {
 background:url(../img/bg_rang_top.gif) left top no-repeat;
 width:220px;
 padding-top:10px;
}

#rangMenu dd#rangList ul li {
 border-bottom:1px solid #d4d4d4;
 margin-left:5px;
 margin-right:5px;
 margin-bottom:3px;
 padding-bottom:3px;
}

#rangMenu dd#rangList ul li a {
}

#onehundred {
 position:absolute;
 left: 908px;
 top: 11px;
}

#menu {
 position:absolute;
 bottom:5px;
 z-index:0;
}

#menu li {
 float:left;
 font-size:0;
 line-height:0;
 z-index:0;
}

#searchBox {
 position:absolute;
 height:30px;
 width:238px;
 right:226px;
 top:15px;
}

#searchBox p {
 background:url(../img/search_bg.gif) repeat-x left top;
 height:30px;
}

#searchBox p img {
 vertical-align:middle;
}

#searchBox p input {
 vertical-align:middle;
}

#searchBox p input.txt {
 border:0px solid #FFF;
 width:130px;
}

h1 {
 width:380px;
 float:left;
 display:inline;
}

body {
 background:#FFF url(http://www.sharp.co.jp/100th/images_global/bg_menu.jpg) repeat-x left top;
 color:#222;
}

#wrapper {
 background:#FFF url(../img/bg.jpg) no-repeat center top;
}

#content {
 width:990px;
 height:400px;
 overflow:hidden;
 margin:0 auto;
 position:relative;
}

#side {
 position:absolute;
 width:198px;
 top: 36px;
 left:20px;
}

#side ul li {
 font-size:0;
 line-height:0;
}

#news {
 border-bottom:1px solid #ccc;
}

#information {
 width:990px;
 margin:0 auto;
 padding:30px 0;
}

#information dl dt {
 clear:both;
 float:left;
 padding-right:20px;
}

#content #backlist {
 position:absolute;
 right:10px;
 top:10px;
}

#content #backlist a:hover img, #content #yback a:hover img, #content #ynext a:hover img, #story #content dl dt a.active img, #story #content dl dt a:hover img, #story #content ul li#back a:hover img, #story #content ul li#next a:hover img {
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}

#information h2 {
 margin-bottom:10px;
}

#information table td {
 background:url(../img/dotted.gif) repeat-x left bottom;
 line-height:32px;
}

#information table td a {
 color:#222;
}

#information table td a:hover img, #content ul li a:hover img {
 filter:alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}