@charset "UTF-8";
/* 基本スタイル指定
-----------------------------------------------------------------------*/
*          {margin: 0px;
            padding: 0px;}
body       {background-color: #FFFFFF;
            background-image: url("images/middle_back.gif");
            background-repeat: repeat-y;
            background-position: left;}
a:link     {color: #000000; text-decoration: underline}
a:visited  {color: #000000; text-decoration: underline}
a:active   {color: #000000; text-decoration: underline}
a:hover    {color: #FF0000; text-decoration: underline}
p          {margin-top:0em; margin-bottom:0em}

/* ポップアップメニュー用
-----------------------------------------------------------------------*/
#links     {width:332px;
            position: absolute;
            top:105px;left:166px;
            padding: 3px;
            background-color:#EFEFEF;
            border:solid 1px #000000;}

/* ヘッダー設定 h1 h2はメインタイトル用
-----------------------------------------------------------------------*/
#head      {background-color: #FFFFFF;
            background-image: url("images/head_bottom.gif");
            background-repeat: no-repeat;
            background-position: bottom left;
            width: 100%; height: 76px;}
#title     {float: left;}
#img       {margin-left: 20px;
            margin-right: 20px;}
h1         {padding-top: 8px;
            padding-left: 25px;}
h2         {color: #000000;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            font-size: 12px;
            font-weight: normal;
            text-indent: 20px;
            letter-spacing: 3px;}

/* 中間のセクションで、ヘッダーのフロートをクリア
-----------------------------------------------------------------------*/
#middle    {width: 100%;
            clear: both;}

/* メニューは左寄せ、最上段のメニューとそれ以外で設定が違う
-----------------------------------------------------------------------*/
#menu      {width: 180px;
            background-image: url("images/back.gif");
            background-repeat: no-repeat;
            background-position: top right;
            float: left;}
.menu      {color: #000000;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            font-size: 12px;
            line-height: 180%;
            margin-left: 15px;}
.mfir      {color: #000000;
            background-color: #DEDEDE;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            font-size: 12px;
            line-height: 150%;
            margin: 0px 6px 5px 2px;
            padding-left: 5px;
            border-top: solid 1px #000000;
            border-left: solid 3px #000000;
            border-bottom: solid 1px #000000;}
.msec      {color: #000000;
            background-color: #DEDEDE;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            font-size: 12px;
            line-height: 150%;
            margin: 5px 6px 5px 2px;
            padding-left: 5px;
            border-top: solid 1px #000000;
            border-left: solid 3px #000000;
            border-bottom: solid 1px #000000;}

/* カメラレンズ用メニューはリスト形式
-----------------------------------------------------------------------*/
ul         {margin: 0px 0px 5px 0px;
            list-style-type: disc;
            list-style-position: inside;}
ul.menu    {margin: 0px 0px 5px 0px;
            list-style-type: none;
            list-style-position: inside;}
li         {color: #000000;
            font-family: verdana,Geneva,sans-serif;
            font-size: 11px;
            line-height: 180%;
            margin-left: 10px;}
li.jp      {color: #000000;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            font-size: 12px;
            line-height: 180%;
            margin-left: 10px;}

/* 選択されているメニューは背景の色を変える ２種類アリ
-----------------------------------------------------------------------*/
.choice    {color: #000000;
            background-color: #FFFFFF;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            font-size: 12px;
            margin-left: 10px;
            padding-left: 4px;
            line-height: 150%;
            border-top: solid 1px #000000;
            border-left: solid 1px #000000;
            border-bottom: solid 1px #000000;}
.choicel   {color: #000000;
            background-color: #FFFFFF;
            font-family: verdana,Geneva,sans-serif;
            font-size: 11px;
            margin-left: 5px;
            padding-left: 4px;
            line-height: 150%;
            list-style-type: circle;
            list-style-position: inside;
            border-top: solid 1px #000000;
            border-left: solid 1px #000000;
            border-bottom: solid 1px #000000;}
.choicej   {color: #000000;
            background-color: #FFFFFF;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            font-size: 12px;
            margin-left: 5px;
            padding-left: 4px;
            line-height: 150%;
            list-style-type: circle;
            list-style-position: inside;
            border-top: solid 1px #000000;
            border-left: solid 1px #000000;
            border-bottom: solid 1px #000000;}
.choicem   {color: #FF0000;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            font-size: 12px;
            margin-left: 5px;
            padding-left: 4px;
            line-height: 150%;
            list-style-type: none;
            list-style-position: inside;}

.choice a:link     {color: #000000; text-decoration: none;}
.choice a:visited  {color: #000000; text-decoration: none;}
.choice a:active   {color: #000000; text-decoration: none;}
.choice a:hover    {color: #000000; text-decoration: none;}
.choicel a:link     {color: #000000; text-decoration: none;}
.choicel a:visited  {color: #000000; text-decoration: none;}
.choicel a:active   {color: #000000; text-decoration: none;}
.choicel a:hover    {color: #000000; text-decoration: none;}
.choicej a:link     {color: #000000; text-decoration: none;}
.choicej a:visited  {color: #000000; text-decoration: none;}
.choicej a:active   {color: #000000; text-decoration: none;}
.choicej a:hover    {color: #000000; text-decoration: none;}
.choicem a:link     {color: #000000; text-decoration: none;}
.choicem a:visited  {color: #000000; text-decoration: none;}
.choicem a:active   {color: #000000; text-decoration: none;}
.choicem a:hover    {color: #000000; text-decoration: none;}

/* メインも左寄せ(幅指定しないとfirefoxで崩れる)  メインの中のdocでパディング
-----------------------------------------------------------------------*/
#main      {width: 75%;
            margin-left: 0px;
            float: left;}
div.doc    {padding: 10px;
            clear:both;}

/* メイン用スタイル
-----------------------------------------------------------------------*/
.imagel    {float: left;                       /*画像を左寄せ----------*/
            border: none;
            margin: 3px 13px 0px 0px}
.imager    {float: right;                      /*画像を左寄せ----------*/
            border: none;
            margin: 3px 0px 0px 13px}
.locate    {color: #848484;                  /*文章の場所説明----------*/
            font-family: "メイリオ","ＭＳ ゴシック";
            font-size: 11px;
            line-height: 120%;
            text-align: right}
.dmain     {color: #000000;                  /*文章用文字--------------*/
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            /* font-size: 12px; */
            line-height: 180%;
            text-indent:1em}
.emain     {color: #000000;
            font-family: "verdana", "Geneva", "sans-serif";
            /* font-size: 12px; */
            line-height: 180%;}
.date      {color: #424242;                  /*日付用文字--------------*/
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            /* font-size: 12px; */
            line-height: 150%;
            text-align: right;}

/* メイン用見出し
-----------------------------------------------------------------------*/
h3.jp      {color: #FF0000;
            font-family: "メイリオ","ＭＳ ゴシック";
            font-size: 120%;
            font-weight: normal;
            line-height: 150%;
            text-align: left;
            padding-left: 5px;
            border-left: solid 5px #848484;
            border-bottom: solid 1px #848484;}
h3.en      {color: #FF0000;
            font-family: "verdana", "Geneva", "sans-serif";
            font-size: 120%;
            font-weight: normal;
            line-height: 150%;
            text-align: left;
            padding-left: 5px;
            border-left: solid 5px #848484;
            border-bottom: solid 1px #848484;}

/* メイン下部用見出しとコメント
-----------------------------------------------------------------------*/
h4.jp      {color: #000000;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            /* font-size: 12px; */
            font-weight: normal;
            padding-left: 5px;
            line-height: 150%;
            border-left: solid 5px #848484;
            border-bottom: solid 1px #848484;
            clear: both;}       /*レンズの紹介用に画像のフロートをクリア*/
h5         {color: #FF0000;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            /* font-size: 12px; */
            font-weight: normal;
            margin-left: 0.5em;
            line-height: 150%;
            clear: both;}
.comment   {color: #000000;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            /* font-size: 12px; */
            line-height: 150%;
            text-indent: 2em;}
.ecomment  {color: #000000;
            font-family:verdana,Geneva,sans-serif;
            /* font-size: 12px; */
            line-height: 150%;
            text-indent: 2em;}

/* レンズ紹介等用見出し 背景色、ボーダー指定なし
-----------------------------------------------------------------------*/
h4.en      {color: #FF0000;
            font-family: "verdana", "Geneva", "sans-serif";
            /* font-size: 12px; */
            font-weight: normal;
            line-height: 150%;
            clear: both}       /*レンズの紹介用に画像のフロートをクリア*/

/* フッターの設定
-----------------------------------------------------------------------*/
#foot      {background-color: #FFFFFF;
            background-image: url("images/foot_top.gif");
            background-repeat: no-repeat;
            background-position: top left;
            clear: both;}
.copy      {color: #666666;
            font-family:verdana,Geneva,sans-serif;
            font-size: 10px;
            line-height: 250%;
            text-align: left;
            text-indent: 10px;}

.main      {color: #000000;
            font-family: "メイリオ","Osaka－等幅", "ＭＳ ゴシック";
            /* font-size: 12px; */
            line-height: 180%;}