@charset "UTF-8";

body { margin: 0; padding: 0; font-family: "メイリオ","Meiryo UI",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","MS Gothic",sans-serif,monospace;}
.wrapper_a4 { margin:0 auto; padding-top: 1px; width: 750px;}
.wrapper_ss { margin: 0 auto; padding-top: 1px; width: 800px;}
.wrapper_s { margin: 0 auto; padding-top: 1px; width: 850px;}
.wrapper_m { margin: 0 auto; padding-top: 1px; width: 900px;}
.wrapper_l { margin: 0 auto; padding-top: 1px; width: 950px;}
.wrapper_wide { margin: 0 auto; padding-top: 1px; width: 1000px;}

h1 { font-size: 200%;}
h2 { font-size: 184%;}
h3 { font-size: 156%;}
h4 { font-size: 140%;}
h5 { font-size: 125%;}
h6 { font-size: 115%;}

p { font-size: 13pt; line-height: 165%; margin: 22px 0;}
ul li,ol li { font-size: 13pt; line-height: 160%; margin: 22px 0;}
.ul_2 li,.ol_2 li { font-size: 12pt; line-height: 120%; margin: 8px 0;}
.ul_3 li,.ol_3 li { font-size: 12pt; line-height: 130%; margin: 10px 0;}
.ul_4 li,.ol_4 li { font-size: 13pt; line-height: 130%; margin: 10px 0;}

.auto-cen { margin-left: auto; margin-right: auto;} /* widthを別に指定しないと意味が無い。*/
.float { float: left;}
.float-r { float: right;}
.clear { clear: both;}
.relative { position: relative;}
.absolute { position: absolute;}
.z1 { z-index: 1;} .z2 { z-index: 2;} .z3 { z-index: 3;} .z4 { z-index: 4;} .z5 { z-index: 5;}

.top_0 { margin-top: 0; padding-top: 0;}
.bottom_0 {margin-bottom: 0; padding-bottom: 0;}

.m-top6 { margin-top: 6px;}  
.m-top12 { margin-top: 12px;}
.m-top15 { margin-top: 15px;} .m-bottom15 { margin-bottom: 15px;}
.m-top18 { margin-top: 18px;} .m-bottom18 { margin-bottom: 18px;}
.m-top50 { margin-top: 50px;}

.p-top10 { padding-top: 10px;} .p-bottom10 { padding-bottom: 10px;}
.p-top12 { padding-top: 12px;} .p-bottom12 { padding-bottom: 12px;}
.p-top15 { padding-top: 15px;} .p-bottom15 { padding-bottom: 15px;} .p-left15 { padding-left: 15px;}
.p-top18 { padding-top: 18px;} .p-bottom18 { padding-bottom: 18px;}
.p-top20 { padding-top: 20px;} 

.t-aln-c { text-align: center;}
.t-aln-l { text-align: left;}
.t-aln-r { text-align: right;}
.v-top,.v-top td { vertical-align: top;}
.v-mid,.v-mid td { vertical-align: middle;}
.v-bottom,.v-bottom td { vertical-align: bottom;}

.tx-top { vertical-align: text-top;}
.tx-bottom { vertical-align: text-bottom;}

.cen-top { display: table-cell; text-align: center;}
.right-top { display: table-cell; text-align: right;}
.left-mid { display: table-cell; vertical-align: middle;}
.cen-mid { display: table-cell; vertical-align: middle; text-align: center;}
.right-mid { display: table-cell; vertical-align: middle; text-align: right;}
.left-btm { display: table-cell; vertical-align: bottom;}
.cen-btm { display: table-cell; vertical-align: bottom; text-align: center;}
.right-btm { display: table-cell; vertical-align: bottom; text-align: right;}

.sell_no-border td,th { border: none;}
.collapse { border-collapse: collapse;}
.separate { border-collapse: separate;}
.table_center-top { vertical-align: top; text-align: center;}
.table_right-top { vertical-align: top; text-align: right;}
.table_left-top { vertical-align: top; text-align: left;}
.table_center-mid { text-align: center;}
.table_right-mid { text-align: right;}
.table_center-btm { vertical-align: bottom; text-align: center;}
.table_right-btm { vertical-align: bottom; text-align: right;}
.table_left-btm { vertical-align: bottom; text-align: left;}
.table-title { text-align: center; vertical-align: bottom; font-weight: bold;}
.table-fix { table-layout: fixed;}

.bold { font-weight: bold;}
.italic { font-style: italic;}
.underline { text-decoration: underline;}
.overline { text-decoration: overline;}
.indent_half { text-indent: 0.5em;}
.indent_1em { text-indent: 1em;}
.indent_1-5em { text-indent: 1.5em;}
.indent_2em { text-indent: 2em;}

.line-ht120 { line-height: 120%;}
.line-ht130 { line-height: 130%;}
.line-ht135 { line-height: 135%;}
.line-ht140 { line-height: 140%;}
.line-ht145 { line-height: 145%;}
.line-ht150 { line-height: 150%;}
.line-ht155 { line-height: 155%;}
.line-ht160 { line-height: 160%;}
.line-ht165 { line-height: 165%;}
.line-ht170 { line-height: 170%;}
.fon10pt { font-size: 10pt;}
.fon11pt { font-size: 11pt;}
.fon12pt { font-size: 12pt;}
.fon12-5pt { font-size: 12.5pt;}
.fon13pt { font-size: 13pt;}
.fon13-5pt { font-size: 13.5pt;}
.fon14pt { font-size: 14pt;}
.fon14-5pt { font-size: 14.5pt;}
.fon15pt { font-size: 15pt;}

.quote:before { content: open-quote;}
.quote:after { content: close-quote;}
.no-quote:before { content: no-open-quote;}
.no-quote:after { content: no-close-quote;}

.marker_sq { list-style-type: square;}
.marker_none { list-style-type: none;}
.marker_in { list-style-position: inside;}
.marker1 { list-style-image: url(./Images/marker_green1.png);}
.marker2 { list-style-image: url(./Images/marker_green2.png);}
.marker3 { list-style-image: url(./Images/marker_green3.png);}

.meiryo { font-family: "メイリオ","Meiryo UI",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,monospace;}
.ms-goth { font-family: "ＭＳ ゴシック","MS Gothic","ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo UI",Meiryo,sans-serif,monospace;}
.ms-p-goth { font-family: "ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","MS Gothic","メイリオ","Meiryo UI",Meiryo,sans-serif,monospace;}
.ms-ui-goth  { font-family: "ＭＳ ＵＩ Ｇｏｔｈｉｃ","メイリオ","Meiryo UI",Meiryo,sans-serif,monospace;}
.sans-serif { font-family: sans-serif;}
.cursive { font-family: cursive;}

.tb-cell { display:table-cell;}
.inline { display: inline;}
.block { display: block;}
.inline-bl { display: inline-block;}
.inline-tb { display: inline-table;}

a:link,:visited { color: blue;}
.no-underline { text-decoration: none;}
.a_no-underline a { text-decoration: none;}
.anchor_black { color: black;}
.no-border { border: none;}
.img_no-border img { border: none;}
.bordr-box { box-sizing: border-box;}
hover { outline: 1px solid blue;}

/*色のクラス*/
.black { color: black;}
.dimgray { color: dimgray;}
.slategray { color: slategray;}
.darkslategray { color: darkslategray;}
.teal { color: teal;}
.navy { color: navy;}
.darkred { color: darkred;}
.midnightblue { color: midnightblue;}

/*全ページ用*/
.div_logo-img { float: left; margin: 16px 0 18px; position: relative; width: 362px;}
.div_logo-img img { border: none;}
#title-name { position: absolute; left: 47px; top: 20px;}
#title-text { position: absolute; left: 203px; top: 25px;}
.links-table td { position: relative; width: 162px; height: 45px; border: none;}
.links-table { clear: both; margin-top: 10px; margin-bottom: 10px;}
.links-table td a { text-decoration: none; color: midnightblue;}
.td-link-green a { text-decoration: none; color: black;}
.links-square-img { position: absolute; left: 0; top: 0;}
.links-square-text { position: relative; display: table-cell; text-align: center;}
.bottom-links { background-color: lightgoldenrodyellow; line-height: 170%;}
.bottom-links a { font-size: 11pt; text-decoration: none; color: black;}
.bottom-links div { display: inline-block;}
.kome-mark:before { content: "※"; font-weight: bold; margin-right: 2px;}
.links-line { font-size: 12pt;}
.links-line a { text-decoration: none;}
.blank a span:hover:after { content: "別ウィンドウで開きます"; position: absolute; left: 66px; top: 0px; font-size: 10.5pt; color: forestgreen; text-decoration: none;}
.page-top { position: relative; height: 46px; padding-bottom: 9px;}
.page-top a { color: black; font-size: 11pt; text-decoration: none;}
.page-top-img { position: absolute; left: 700px; top: 6px;}
.page-top-text { position: relative; left: 700px; top: 6px; width: 139px; height: 37px; display: table-cell; vertical-align: middle; text-align: center;}
.page-top-img2 { position: absolute; left: 660px; top: 0;}
.page-top-text2 { position: relative; left: 660px; top: 0; width: 139px; height: 37px; display: table-cell; vertical-align: middle; text-align: center;}

/*トップページ*/
.ez-html:before { content:"※"; font-weight: bold; margin-right: 2px;}
.ez-html { text-align: right; font-size: 12pt;}
.bkrs2-index { text-align: right; font-size: 12pt;}
.bkrs2-url { text-align: center;}
.pattern1-xy { background: url(./Images/pattern2b1.png) repeat;}

/*各々のトップページ*/
.cat-title { height: 74px; background: url(./Images/orange1e.png) no-repeat; padding-top: 18px;}
.border-img { margin: 20px 0;}
.border-img_bottom { margin: 30px 0 30px;}
.wrapping-tables { padding: 0 20px;}
.content-links { border-collapse: collapse; font-size: 13pt; margin-bottom: 22px;}
.title-column { width: 590px;}
.content-links a { color: black;}
.content-links td { border-width: 3px 6px 6px 3px; border-style: ridge; border-color: seagreen; padding-left: 0.5em; padding-right: 0.5em;}
td.sec-colm { width: 240px; padding-left: 25px; vertical-align: bottom; font-size: 13pt !important;}
.content-links_caption { text-align: left;}

/*全てのコンテンツのページ*/

.bg-gradation_a4 { margin: 12px auto; background: url(./Images/bg-gradation750a.png) repeat-y; padding: 0 21px 0 29px;}
.bg-gradation_ss { margin: 12px auto; background: url(./Images/bg-gradation800a.png) repeat-y; padding: 0 22px 0 30px;}
.bg-gradation_s { margin: 12px auto; background: url(./Images/bg-gradation850a.png) repeat-y; padding: 0 22px 0 30px;}
.bg-gradation_m { margin: 12px auto; background: url(./Images/bg-gradation900a.png) repeat-y; padding: 0 22px 0 30px;}
.bg-gradation_l { margin: 12px auto; background: url(./Images/bg-gradation950a.png) repeat-y; padding: 0 22px 0 30px;}
.bg-gradation_wide { margin: 12px auto; background: url(./Images/bg-gradation1000a.png) repeat-y; padding: 0 22px 0 30px;}
.bg-gradation_wider { margin: 12px auto; background: url(./Images/bg-gradation1050a.png) repeat-y; padding: 0 22px 0 30px;}
.bg-gradation_widest { margin: 12px auto; background: url(./Images/bg-gradation1100a.png) repeat-y; padding: 0 22px 0 30px;}
.bg-gradation_s p { font-size: 13pt; line-height: 180%;}
.width773 { width: 773px;}
.pattern1b { margin: 16px 0; height: 23px; background: url(./Images/pattern1b1.png) repeat-x;}
.pattern1b2 { margin: 20px 0; height: 23px; background: url(./Images/pattern1b1.png) repeat-x;}
.first_p { margin-top: 12px;}
.last_p,.last_li { margin-bottom: 8px;}
.table_title { height: 22pt; text-align: center; vertical-align: bottom; font-weight: bold;}
.table_title2 { height: 18pt; text-align: center; vertical-align: bottom; font-weight: bold;}
.table_title2-1 { height: 18pt; padding-bottom: 12px; text-align: center; vertical-align: bottom; font-weight: bold;}
.theme-indent { margin: 22px auto; text-indent: 0.5em;}
.theme-indent2 { margin: 22px auto; text-align: center;}
.h3_pattern1 { text-indent: 1em; color: forestgreen;}
.h4_pattern1 { text-indent: 0.5em; color: darkgreen;}
.h5_pattern1 { margin: 15px 0; color: indigo;}
.h5_pattern2 { margin: 15px 0; color: darkgreen;}
.h5_pattern3 { margin: 15px 0; color: midnightblue;}
.h6_pattern1 { margin: 15px 0; color: darkcyan;}
.h6_pattern2 { margin: 15px 0; color: forestgreen;}
.h6_pattern3 { margin: 15px 0; color: seagreen;}
.h6_pattern4 { margin: 15px 0; color: green;}
.h6_pattern5 { margin: 15px 0; color: teal;}
.p_h4-seagreen h4 { color: seagreen;}
.border_pattern1 { border: 1px dashed darkgreen ;}

/*日常、その他*/

/*fフォステックス スピーカー*/

.m-right12 { margin-right: 12px;}
.max-wdth_582 { max-width: 582px;}
.fostex_spec th,td { border: 1px solid black;}/*テーブル*/
.grill-phrase { text-align: right; margin-top: 10px; margin-right: 35px;}

/*個人的備忘録*/

/*ページ設定ダイヤログ*/
#border_red_180 { position: absolute; left: 41px; top: 140px;}
#border_green_128 { position: absolute; left: 385px; top: 341px;}
#haikei-iro { background-color: azure;}

/*家庭内用*/

.back-to-index { float: right; margin: 50px 7px 0; position: relative; width: 164px; height: 43px; font-size: 14px;}
.back-to-index-bg { position: absolute;}
.back-to-index-text { position: relative;}
.back-to-index-bg td,.back-to-index-text td { width: 164px; height: 43px; text-align: center;}
.theme-indent_f { clear: both; margin: 18px 0; text-indent: 0.5em;}

/*Canon クイック設定*/

.table_canon-quick td { border: none;}
#border_orange235-50 { position: absolute; left: 17px; top: 32px;}
#border_orange222-100 { position: absolute; right: 29px; top: 187px;}
#text_canon_ut-che { position: absolute; right: 40px; top: 248px;}
#attention { position: absolute; right: 208px; top: 241px;}
#arrow_green95_up { position: absolute; right: 150px; top: 216px;}
#arrow_blue80-110_upto2 { position: absolute; left: 132px; top: 272px;}
#border_gray { position: absolute; left: 35px; top: 275px;}
#text_canon_ut_fuchi { position: absolute; left: 158px; top: 280px;}
#border_green88b { position: absolute; left: 132px; top: 444px;}
#border_green35-135-100 { position: absolute; left: 327px; top: 521px;}

/*Canon ページ設定*/
#border_orange235-50a { position: absolute; left: 143px; top: 32px;}
#border_blue90-105 { position: absolute; left: 448px; top: 199px;}
#border-red204-56_224 { position: absolute; left: 451px; top: 286px;}

/*お気に入りを表示*/
.wdth242 { width: 242px; height: 214px; margin-top: 12px;}
#border_blue110 { position: absolute; left: 188px; top: 23px;}
#border_blue100 { position: absolute; left: 41px; top: 57px;}
#border_orange-fav { position: absolute; left: 44px; top: 100px;}
#okiniiri_hyouji_s { position: relative;}
#border-red204-56_224a { position: absolute; left: 122px; top: 43px;}
#border-green112-98_242 { position: absolute; left: 140px; top: 85px;}
#border-green112-98_242thin { position: absolute; left: 450px; top: 87px;}

/*ファイル(F)が無い場合*/
#IE-dropdown1 { width: 270px; height: 355px;}
#border_blue_120-100 { position: absolute; left: 26px; top: 90px;}

/*PC周辺機器*/

/*エレコム USB 3.0 HUB*/
#hub-pictures { width: 710px;}
.wdth404 { width: 404px;}

/*ワイヤレスレーザーマウス MA-NANOLS12BK*/
.a_margin-pattern1 { margin-right: 20px; font-size: 15px;}
.a_pattern1 { text-align: right;}
.cell_p-right10 td { padding-right: 10px;}

/*EOS 6D*/

/*CANON EOS 6D ボディ*/
.m-left10 { margin-left: 10px;}
.ul_narrow li { margin: 6px 0;}

/*色ノイズや輝度ノイズ*/
.iso_sample { padding-bottom: 15px;}
.iso5000sample { width: 445px; margin-right: 15px;}
.iso5000sample th { padding-bottom: 14px;}
.width384 { width: 384px;}
.iso5000sample_p1 { position: absolute; top: 216px;}
.iso5000sample_p2 { position: absolute; top: 432px;}

/*パソコン関連*/

/*NEC LAVIE の無線LAN設定*/
#image_wireless1 { width: 703px; height: 430px;}
#border_green112-98a { position: absolute; left: 27px; top: 342px;}
#image_wireless2 { width: 703px; height: 446px;}
#border_green112-98c { position: absolute; left: 33px; top: 208px;}
#image_wireless3 { width: 703px; height: 474px;}
#border_green112-98 { position: absolute; left: 137px; top: 212px;}
#border_green112-98b { position: absolute; left: 27px; top: 255px;}

/*リンク先ディレクトリ*/
.directory_h4-color h4 { color: teal;}
.directory_h4-color ul li { list-style-type: square;}