@charset "utf-8";

/* ===== Reset Style ===== */

html,body,
div,span,
object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,tt,var,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,label,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}

img{
border:0;
vertical-align:top;
}

/* ===== Basic Style for canon.jp ===== */

html{
height:100%;
}

body{
min-width:980px;
padding:50px 0 0;
height:100%;
color:#333;
font-size:120%;
line-height:1;
}

html>body{
height:auto;
}

body.popup{
padding:0;
background:#fff none;
}

body.special{
padding:0;
color:#fff;
background:#000 none;
}

p,
ul,
ol,
dl,
table{
margin:0 0 20px 10px;
}

th p,
th ul,
th ol,
th dl,
td p,
td ul,
td ol,
td dl{
margin:0;
}

.index p,
.index ul,
.index ol,
.index dl,
.index table{
margin-bottom:20px;
}

ul li{
padding-left:16px;
background:url("../img/contents/li.gif") 0 0.5em no-repeat;
list-style:none;
}

ol li{
margin-left:2em;
list-style-type:decimal;
}

dl dt{
clear:both;
padding-bottom:2px;
background:url("../img/contents/line-dotted.gif") 0 100% repeat-x;
font-weight:bold;
}

dl dd{
margin:0 0 10px;
}

p,
ul li,
ol li,
dl dt,
dl dd,
table tr th,
table tr td{
color:#555;
font-size:0.75em;
line-height:1.545;
}

p.minor,
ul.minor li,
ol.minor li,
dl.minor dt,
dl.minor dd{
font-size:0.625em;
}

ul li p,
ul li ul li,
ul li ol li,
ul li dl dt,
ul li dl dd,
ol li p,
ol li ul li,
ol li ol li,
ol li dl dt,
ol li dl dd,
dl dt p,
dl dt ul li,
dl dt ol li,
dl dt dl dt,
dl dt dl dd,
dl dd p,
dl dd ul li,
dl dd ol li,
dl dd dl dt,
dl dd dl dd,
td ul li,
td ol li,
td dl dt,
td dl dd{
font-size:100%;
}

table{
border-collapse:collapse;
border-spacing:0;
}

caption{
margin:0 0 10px 10px;
font-size:0.75em;
font-weight:bold;
line-height:normal;
text-align:left;
}

th{
background:#eee;
font-weight:normal;
}

td{
background:#fff;
}

th,
td{
padding:2px 5px;
border:1px solid #ccc;
border-collapse:collapse;
border-spacing:0;
line-height:1.5;
}

tbody th{
text-align:left;
}

hr{
display:none;
}

a:link{
color:#039;
}

a:visited{
color:#609;
}

a:hover,
a:focus{
color:#09c;
}

a:active{
color:#039;
}

em,
strong{
font-style:normal;
font-weight:normal;
}

sup.note{
margin:0 5px;
line-height:normal;
}

strong{
color:#f00;
}

/* ===== Basic Components ===== */

/* ===== Header (Popup) ===== */

body.popup #header{
position:static;
width:100%;
height:32px;
margin:0 auto;
padding:0;
background:#fff;
border-top:0;
border-bottom:2px solid #ccc;
box-shadow:0 0 0 transparent;
}

#header p{
position:absolute;
top:10px;
left:0;
margin:0;
font-size:11px;
}

#header p img{
display:block;
line-height:1;
}

body.popup #header p{
position:static;
top:auto;
left:auto;
padding:8px 0 8px 12px;
display:block;
float:left;
}

body.popup #header p#close{
position:static;
float:right;
width:10em;
margin:0;
padding:8px 5px 0pt 0pt;
font-size:0.7em;
line-height:1.2;
text-align:right;
}

body.popup #header p#close a{
zoom:1;
}

body.popup #header p#close img{
display:inline;
margin:0pt 3px 0pt 0pt;
vertical-align:middle;
}

/* contents */

#contents{
width:870px;
margin:24px auto 0;
padding:0;
background:#fff url(../img/contents/localnav.gif) 0 0 repeat-y;
}

body.popup #contents,
body.noLocalNav #contents{
width:100%;
background:none;
margin:0 auto;
}

body.noLocalNav #contents{
margin:20px auto 0;
}

/* mainContents */

#mainContents{
float:right;
overflow:visible;
width:650px;
margin:0 0 -1px -220px;
border-bottom:1px solid #fff;
background:#fff;
}

body.popup #mainContents{
float:none;
width:auto;
margin:0 0 -1px;
}

body.noLocalNav #mainContents{
float:none;
width:870px;
margin:0 auto -1px;
}

/* ----- Footer (Popup/Special) -----*/

body.popup #footer{
position:static;
clear:both;
width:auto;
height:auto;
margin:0;
padding:0;
border-top:1px solid #ccc;
background:#fff none;
}


body.popup #footer p{
position:static;
width:250px;
height:11px;
margin:7px 0 0 12px;
padding:0;
vertical-align:top;
font-size:11px;
line-height:1;
}

body.special #footer a,
body.special #footer a:link,
body.special #footer a:visited,
body.special #footer a:hover,
body.special #footer a:focus{
color:#fff;
}

body.special #footer ul li{
border-color:#fff;
}

/* tabNav */

#tabNav,
#tabNav2{
position:relative;
z-index:10;
width:640px;
margin:8px 0 20px;
padding:0 0 0 10px;
background:url(../img/contents/tabnav.jpg) 0 -8px repeat-x;
}

#tabNav2{
width:648px;
padding:0 0 3px 2px;
background:url(../img/contents/tabnav2.gif) 0 22px repeat-x;
}

#tabNav ul,
#tabNav2 ul{
margin:0 0 0 -3px;
padding:0;
}

#tabNav2 ul{
margin:0;
}

#tabNav ul li,
#tabNav2 ul li{
display:inline;
margin:0 0 0 3px;
padding:0;
background-image:none;
}

#tabNav2 ul li{
margin:0 3px 0 1px;
}

/* breakdownNav */

#mainContents .breakdownNav{
padding-bottom:0px;
}

#mainContents .breakdownNav ul{
padding-bottom:22px;
}

#mainContents #tabNav2.breakdownNav ul{
padding-bottom:23px;
}

#mainContents #tabNav2.breakdownNav ul ul{
padding-bottom:0;
}

#mainContents .breakdownNav ul li ul{
position:absolute;
top:31px;
left:0;
width:640px;
height:16px;
margin:0;
padding:0 0 3px 10px;
border-bottom:3px solid #ddd;
background:none;
font-size:14px;
line-height:14px;
}

#mainContents #tabNav2 ul li ul{
top:27px;
width:646px;
height:26px;
padding:0 2px;
border-bottom:0;
background:#b00 url(../img/contents/bdnav-bg-product.gif) 0 100% no-repeat;
font-size:12px;
line-height:12px;
}

#mainContents .breakdownNav ul li ul li{
height:15px;
min-height:14px;
margin:0 10px 0 0;
padding:0 11px 0 0;
background:url(../img/contents/bdnav-bg.gif) 100% 0 no-repeat;
font-size:15px;
line-height:15px;
vertical-align:top;
}

#mainContents #tabNav2 ul li ul li{
height:25px;
min-height:25px;
margin:0 1px 0 0;
padding:0;
background:none;
}

#mainContents .breakdownNav ul li ul li.lastItem{
margin-right:0;
padding-right:0;
background-image:none;
}

#mainContents .breakdownNav ul li ul li img{
vertical-align:top;
}

#mainContents .breakdownNav ul li ul li em{
padding-left:14px;
background:url(../img/contents/bdnav-cu.gif) 0 50% no-repeat;
}

#mainContents #tabNav2 ul li ul li em{
padding-left:0;
background:none;
}

#mainContents .breakdownNav ul li ul li a{
padding-left:14px;
background:url(../img/contents/bdnav-link.gif) 3px 50% no-repeat;
text-decoration:none;
}

#mainContents #tabNav2 ul li ul li a{
padding-left:0;
background:none;
}

#mainContents .breakdownNav ul li ul li a:hover{
background-image:url(../img/contents/bdnav-link-on.gif);
}

#mainContents #tabNav2 ul li ul li a:hover{
background-image:none;
}

/* detailsNav */

#mainContents .section .detailsNav1{
clear:both;
text-align:right;
}

#mainContents .section .detailsNav1 li{
margin-bottom:5px;
padding-left:0;
background:none;
}

#mainContents .section .detailsNav1 img{
float:none;
margin:0 0 0 5px;
vertical-align:middle;
text-align:right;
}

#mainContents .section .detailsNav1 a{
margin-left:5px;
text-align:right;
}

#mainContents .section .detailsNav2{
display:block;
margin-top:1em;
text-align:left;
}

#mainContents .section .detailsNav2 a{
text-align:left;
}

#mainContents .section .detailsNav2 img{
float:none;
margin:0;
vertical-align:middle;
text-align:left;
}

/* linearNav */

#linearNav{
clear:both;
margin:0 0 30px;
padding:10px 0 0;
background:url(../img/contents/line-dotted.gif) 0 0 repeat-x;
}

#linearNav ul{
margin:0;
}

#linearNav ul li{
float:left;
width:80px;
margin:0;
padding:0;
background:none;
}

#linearNav ul li.lastItem{
float:right;
}

/* backNav */

#backNav{
margin:0 0 30px;
padding:11px 0 0;
background:url(../img/contents/line-dotted.gif) 0 0 no-repeat;
}

/* localNav */

#localNav{
position:relative;
z-index:10;
float:left;
width:204px;
margin:0 -2px;
padding:0 0 10px;
background:transparent;
}

#localNav h2{
height:30px;
margin:0;
padding:0 0 5px;
background:#fff url(../img/local-nav/heading-line.gif) 0 100% no-repeat;
}

#localNav h2 a{
display:block;
height:30px;
padding:0 2px 0 21px;
background-image:url(../img/local-nav/heading-bg.gif);
background-repeat:no-repeat;
background-position:0 -30px;
}

#localNav h2 a:hover{
background-position:0 -60px;
}

#localNav h2 em{
display:block;
height:30px;
padding:0;
background-image:url(../img/local-nav/heading-bg.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#localNav h2 em a{
background:none;
}

#localNav h2 span.nolink{
display:block;
height:30px;
padding:0 2px 0 21px;
background-image:url(../img/local-nav/heading-bg-nolink.gif);
background-repeat:no-repeat;
background-position:0;
}

#localNav ul{
overflow:hidden;
width:204px;
margin:0;
padding:0;
list-style-type:none;
background:#fff;
}

#localNav ul li{
display:block;
padding:0 2px 0 22px;
background:url(../img/local-nav/item-bg-nolink.jpg) 0 0 no-repeat;
}

#localNav ul li img{
vertical-align:top;
}

#localNav ul li a,
#localNav ul li em{
display:block;
width:182px;
margin-left:-22px;
padding-left:22px;
background:url(../img/local-nav/item-bg-link.jpg) 0 0 no-repeat;
}

#localNav ul li.lastItem a,
#localNav ul li.lastItem em{
padding-bottom:10px;
}

#localNav ul li.hasChild a{
padding-bottom:5px;
background-image:url(../img/local-nav/item-bg-subt.jpg);
}

#localNav ul li a:hover{
background-position:-204px 0;
}

#localNav ul li em{
background:url(../img/local-nav/item-bg-nolink.jpg) -204px 0px no-repeat;
}

#localNav ul li.hasChild em{
padding-bottom:5px;
background-position:-408px 0px;
}

#localNav ul li.hasChild span.nolink,
#localNav ul li.lastItem span.nolink{
display:block;
width:182px;
margin:0 0 0 -22px;
padding:0 0 10px 22px;
background:url(../img/local-nav/item-bg-nolink.jpg) -612px 0 no-repeat;
}

#localNav ul li.hasChild span.nolink{
margin:0 0 0 -22px;
padding:0 0 5px 22px;
background-position:0 0;
}

#contents #localNav ul li.hasChild ul{
width:180px;
margin:0 2px 0 -22px;
padding:0 0 0 22px;
}

#contents #localNav ul li.lastItem ul{
padding-bottom:7px;
}

#contents #localNav ul li.hasChild ul li{
width:178px;
height:auto;
margin:0 0 0 -22px;
padding:2px 2px 0 22px;
background:#f8f8f8 url(../img/local-nav/subt-bg.gif) 0 0 repeat-y;
line-height:1.5;
}

#contents #localNav ul li.lastItem ul li{
padding-bottom:0;
}

#contents #localNav ul li.hasChild ul li.lastItem{
padding-bottom:10px;
background:url(../img/local-nav/subt-btm.gif) 0 100% no-repeat;
}

#contents #localNav ul li.hasChild ul li img{
vertical-align:baseline;
}

#contents #localNav ul li.hasChild ul li a,
#contents #localNav ul li.hasChild ul li em,
#contents #localNav ul li.hasChild ul li span.nolink{
display:block;
width:auto;
height:auto;
min-height:9px;
margin:0 0 0 -22px;
padding:3px 5px 3px 31px;
background-repeat:no-repeat;
background-position:18px 6px;
line-height:1.2;
zoom:1;
}

#contents #localNav ul li.hasChild ul li a{
background-image:url(../img/local-nav/item-link.gif);
}

#contents #localNav ul li.hasChild ul li a:hover{
background-image:url(../img/local-nav/item-link-on.gif);
}

#contents #localNav ul li.hasChild ul li em{
background-image:url(../img/local-nav/item-cu.gif);
}

#contents #localNav ul li.hasChild ul li span.nolink{
background-image:url(../img/local-nav/item-nolink.gif);
}

#contents #localNav ul li.hasChild ul li.hasChild ul{
padding:0 0 0 22px;
background:none;
}

#contents #localNav ul li.hasChild ul li.hasChild ul li{
width:168px;
padding:2px 0 2px 32px;
background:none;
}

#contents #localNav ul li.hasChild ul li.hasChild ul li.hasChild{
padding:2px 0 0 32px;
}

#contents #localNav ul li.hasChild ul li.hasChild ul li.hasChild ul{
width:170px;
margin:0 2px 0 -32px;
padding:0 0 0 32px;
}

#contents #localNav ul li.hasChild ul li.hasChild ul li.hasChild ul li{
margin:0 0 0 -32px;
padding:2px 0 2px 42px;
}

#contents #localNav ul li.hasChild ul li.hasChild a,
#contents #localNav ul li.hasChild ul li.hasChild ul li.hasChild a{
background-image:url(../img/local-nav/item-subt.gif);
}

#contents #localNav ul li.hasChild ul li.hasChild a:hover,
#contents #localNav ul li.hasChild ul li.hasChild ul li.hasChild a:hover{
background-image:url(../img/local-nav/item-subt-on.gif);
}

#contents #localNav ul li.hasChild ul li.hasChild ul li a,
#contents #localNav ul li.hasChild ul li.hasChild ul li.hasChild ul li a{
background-image:url(../img/local-nav/item-link.gif);
}

#contents #localNav ul li.hasChild ul li.hasChild ul li a:hover,
#contents #localNav ul li.hasChild ul li.hasChild ul li.hasChild ul li a:hover{
background-image:url(../img/local-nav/item-link-on.gif);
}

#localNav #variantNav{
margin:0;
padding:3px 0 0;
background:#fff url(../img/local-nav/variant-bg.jpg) 0 0 no-repeat;
}

#localNav #actionNav{
width:204px;
height:50px !important;
margin:0;
padding:0;
background:#fff url(../img/local-nav/action-bg.gif) 0 0 no-repeat;
}

#localNav #actionNav ul{
position:relative;
width:204px;
height:44px;
background:transparent;
}

#localNav #actionNav li{
position:absolute;
top:0;
width:68px;
margin:0;
padding:0;
background:none;
}

#localNav #actionNav li.catalog{
left:0;
}

#localNav #actionNav li.inquiry{
left:68px;
}

#localNav #actionNav li.shopping{
left:136px;
}

#localNav #actionNav li img{
display:block;
height:0;
}

#localNav #actionNav li a,
#localNav #actionNav li em{
display:block;
overflow:hidden;
width:68px;
height:44px;
margin:0;
padding:0;
background-image:url(../img/local-nav/action-item-bg.jpg);
background-repeat:no-repeat;
}

#localNav #actionNav li.catalog a{
background-position:0 0;
}

#localNav #actionNav li.catalog a:hover{
background-position:0 -44px;
}

#localNav #actionNav li.catalog em{
background:url(../img/local-nav/action-catalog-cu.jpg) 2px 0 no-repeat;
}

#localNav #actionNav li.inquiry a{
background-position:-68px 0;
}

#localNav #actionNav li.inquiry a:hover{
background-position:-68px -44px;
}

#localNav #actionNav li.inquiry em{
background:url(../img/local-nav/action-inquiry-cu.jpg) 2px 0 no-repeat;
}

#localNav #actionNav li.shopping a{
background-position:-136px 0;
}

#localNav #actionNav li.shopping a:hover{
background-position:-136px -44px;
}

/* subLocalNav */

#localNav #subLocalNav{
width:200px;
margin:0 2px;
padding:0 0 12px;
border-bottom:10px solid #fff;
background:url(../img/local-nav/related-info-btm.jpg) 0 100% no-repeat;
}

#localNav #subLocalNav h3{
position:relative;
z-index:20;
width:200px;
height:38px;
margin:0;
padding:0;
background:url(../img/local-nav/related-info-heading-bg.jpg) 0 0 no-repeat;
}

#localNav #subLocalNav h3 img{
position:absolute;
top:10px;
left:10px;
}

#localNav #subLocalNav dl{
margin:-18px 0 0;
width:180px;
padding:0 10px;
background:url(../img/local-nav/related-info-bg.jpg) 0 0 repeat-y;
}

#localNav #subLocalNav dl dt{
position:relative;
width:135px;
margin:10px 0;
padding:10px 0 0 45px;
background:url(../img/local-nav/related-info-line.gif) 0 0 no-repeat;
font-size:0.6667em;
font-weight:normal;
line-height:1.5;
}

#localNav #subLocalNav dl dt img{
position:absolute;
top:10px;
left:0;
}

#localNav #subLocalNav dl dt img.icon{
position:static;
top:auto;
left:auto;
}

#localNav #subLocalNav dl dd{
margin:0 0 0 45px;
width:135px;
_height:30px;
height:auto;
min-height:15px;
font-size:0.5em;
line-height:1.3;
}

/* ===== section/subSection ===== */

.section{
margin-bottom:10px;
}

.index .section{
margin-bottom:5px;
}

.section p{
clear:both;
}

.section p.noClear{
clear:none;
}

.section p.imgOnly{
overflow:hidden;
margin-left:0;
padding-left:10px;
font-size:0.625em;
text-align:center;
}

.section ul ul,
.section ul ol,
.section ul dl,
.section ol ul,
.section ol ol,
.section ol dl,
.section dl ul,
.section dl ol,
.section dl dl,
.section table td p,
.section table td ul,
.section table td ol,
.section table td dl{
margin-bottom:0;
}

.section p img{
float:right;
margin:0 0 10px 10px;
}

.section p img.left{
float:left;
margin:0 10px 10px 0;
}

.section p.imgOnly img{
float:none;
margin-left:0;
}

.col1,
.col2,
.col3,
.col4{
clear:both;
}

.col2 .subSection{
float:left;
width:315px;
margin-right:20px;
}

.col2Asym .subSection{
float:left;
width:430px;
margin-right:0;
}

.col3 .subSection{
float:left;
width:203px;
margin-right:20px;
}

.col4 .subSection{
float:left;
width:147px;
margin-right:21px;
}

.col2 div.lastItem,
.col2Asym div.lastItem,
.col3 div.lastItem,
.col4 div.lastItem{
margin-right:0;
}

.col2Asym div.lastItem{
float:right;
width:200px;
}

.col3 div.divider{
margin-right:21px;
}

.col4 div.divider{
margin-right:20px;
}

.noLocalNav .section{
margin-bottom:0;
}

.noLocalNav .col1{
width:790px;
margin:0 auto 10px;
}

.noLocalNav .col2Asym .subSection,
.noLocalNav .col2AsymRev div.lastItem{
width:573px;
}

.noLocalNav .col2AsymRev div.lastItem{
float:right;
}

.noLocalNav .col2Asym div.lastItem,
.noLocalNav .col2Asym .col2 .subSection,
.noLocalNav .col2AsymRev .subSection,
.noLocalNav .col2AsymRev .subSection div.lastItem{
width:276px;
}

.noLocalNav .col2AsymRev .subSection{
float:left;
}

.noLocalNav .col3 .subSection{
width:276px;
margin-right:21px;
}

.noLocalNav .col3 div.lastItem{
margin-right:0;
}

/* ===== Headings ===== */

h1,h2,h3,h4,h5,h6{
clear:both;
margin-bottom:10px;
font-weight:bold;
}

h1{
min-height:17px;
font-size:1.0625em;
font-weight:bold;
line-height:1.3;
vertical-align:middle;
}

h1 .subTitle{
margin-left:15px;
color:#666;
}

h1 .separator{
margin:0 5px;
color:#666;
}

h1 .pageTitle{
min-height:15px;
color:#666;
font-size:0.8824em;
}

h2{
min-height:15px;
padding:0 0 3px;
background:url(../img/heading/line-default-col1.jpg) 0 100% no-repeat;
font-size:0.9375em;
font-weight:bold;
}

.col2 h2,
.col2 h3{
background-image:url(../img/heading/line-default-col2.jpg);
}

.col2Asym h3{
background-image:url(../img/heading/line-default-col2-main.jpg);
}

.col2Asym div.lastItem h3{
background-image:none;
border-bottom:3px solid #ccc;
}

.col3 h2,
.col3 h3{
background-image:url(../img/heading/line-default-col3.jpg);
}

.col4 h2,
.col4 h3{
background-image:url(../img/heading/line-default-col4.jpg);
}

.index .col2Asym div.lastItem h2{
padding:0;
border-bottom:3px solid #ccc;
background-image:none;
}


h2 .txt{
display:block;
padding:8px 10px 5px;
background:url(../img/heading/bg-col1.png) 0 0 no-repeat;
}

.index h2 .txt{
padding:6px 10px 3px;
font-size:0.93em;
}

.col2 h2 .txt{
background-image:url(../img/heading/bg-col2.png);
}

.col2Asym h2{
min-height:13px;
}

.col2Asym h2 .txt{
width:410px;
background:url(../img/heading/bg-col2-main.png) 0 0 no-repeat;
}

.col2Asym div.lastItem h2 .txt{
width:180px;
background:url(../img/heading/bg-col2-sub.gif) 0 0 no-repeat;
font-size:0.9em;
}

.index .col2Asym div.lastItem h2{
min-height:12px;
}

.index .col2Asym div.lastItem h2 .txt{
width:180px;
padding:6px 10px 4px;
background:url(../img/heading/bg-col2-sub.gif) 0 0 no-repeat;
font-size:0.8em;
}

.col3 h2 .txt{
background-image:url(../img/heading/bg-col3.png);
}

.col4 h2 .txt{
background-image:url(../img/heading/bg-col4.png);
}

h3,
h4{
font-size:0.8125em;
line-height:1.3;
}

h3{
min-height:13px;
padding:3px 10px 6px 10px;
background:url(../img/heading/line-default-col1.jpg) 0 100% no-repeat;
}

.col2Asym div.lastItem h3{
min-height:12px;
font-size:0.75em;
}

h4{
min-height:13px;
padding:3px 10px;
background:url(../img/heading/h4.gif) 0 4px no-repeat;
}

.col2Asym div.lastItem h4{
min-height:12px;
font-size:0.75em;
}

h3 a{
text-decoration:none;
}

h3 a,
h4 a{
display:block;
min-height:9px;
margin:-3px -10px;
padding:3px 10px;
background:url(../img/heading/h3-h4-link.gif) 0 4px no-repeat;
}

h5{
min-height:12px;
padding:3px 10px;
font-size:0.75em;
}

h6{
min-height:10px;
padding:3px 10px;
font-size:0.625em;
}

h5 a,
h6 a{
display:block;
min-height:6px;
margin:-3px -10px;
padding:3px 10px;
background:url(../img/heading/h5-h6-link.gif) 0 6px no-repeat;
}

body.noLocalNav h1{
width:853px;
min-height:12px;
padding-left:17px;
background:url(../img/heading/h1.gif) 0 0.35em no-repeat;
}

body.noLocalNav .section h2{
width:870px;
background-image:url(../img/heading/line-default-col1-noln.jpg);
}

body.noLocalNav .section h2 .txt{
width:850px;
background-image:url(../img/heading/bg-col1-noln.png);
}

body.noLocalNav .col1 h2{
width:790px;
background-image:url(../img/heading/line-default-col1-noln-narrow.jpg);
}

body.noLocalNav .col1 h2 .txt{
width:770px;
background-image:url(../img/heading/bg-col1-noln-narrow.png);
}

body.noLocalNav .col2Asym .subSection h2 .txt{
width:553px;
background-image:url(../img/heading/bg-col2-main-noln.png);
}

body.noLocalNav .col2Asym div.lastItem h2 .txt{
width:256px;
background-image:url(../img/heading/bg-col2-sub-noln.png);
font-size:0.93em;
}

body.noLocalNav .col3 h2 .txt{
width:256px;
background-image:url(../img/heading/bg-col3-noln.png);
}

body.noLocalNav .section h3{
width:850px;
border:0;
background-image:url(../img/heading/line-default-col1-noln.jpg);
}

body.noLocalNav .col1 h3{
width:770px;
background-image:url(../img/heading/line-default-col1-noln-narrow.jpg);
}

body.noLocalNav .col3 .subSection h3,
body.noLocalNav .col2Asym div.lastItem h3,
body.noLocalNav .col2Asym .col2 .subSection h3,
body.noLocalNav .col2AsymRev .subSection h3{
width:256px;
}

/* ===== General ===== */

/* keyVisual */

#keyVisual{
margin:0 0 10px;
padding:0;
}

/* Links */

.txtLink a{
min-height:8px;
padding:0 0 0 8px;
background:url(../img/contents/link-marker.gif) 0 3px no-repeat;
}

/* captionedImg */

.section .captionedImg p,
.section .captionedImg ul,
.section .captionedImg ol,
.section .captionedImg dl{
clear:none;
}

.section .captionedImg p.img{
float:right;
margin:0 0 10px 10px;
font-size:0.625em;
}

.section .captionedImg p.img img{
float:none;
margin:0 0 5px;
}

.section .captionedImg p.img.w42{
width:42px;
}

.section .captionedImg p.img.w64{
width:64px;
}

.section .captionedImg p.img.w90{
width:90px;
}

.section .captionedImg p.img.w91{
width:91px;
}

.section .captionedImg p.img.w140{
width:140px;
}

.section .captionedImg p.img.w147{
width:147px;
}

.section .captionedImg p.img.w200{
width:200px;
}

.section .captionedImg p.img.w305{
width:305px;
}

/* boxedArticle */

.section .boxedArticle1,
.section .boxedArticle2{
margin:0 0 20px 10px;
padding:20px 20px 0 10px;
border:1px solid #ccc;
zoom:1;
}

.section .boxedArticle2{
background:#eee;
}

/* others */

table th.nowrap,
table td.nowrap{
white-space:nowrap;
}

/* ===== List ===== */

/* linkList */

.linkList1 li{
padding:5px 0 5px 10px;
background:url(../img/contents/link-marker-big.gif) 0 0.75em no-repeat;
border-bottom:1px solid #ccc;
}

/* imgList */

.imgList1 li,
.imgList2 li{
float:left;
padding:0;
background:none;
font-size:0.625em;
text-align:center;
}

.imgList1 li{
width:320px;
}

.imgList2 li{
width:213px;
}

.imgList1 li img,
.imgList2 li img{
float:none;
margin:0 0 5px;
}

/* noticeList */

.noticeList1,
.noticeList2,
.noticeList3{
margin-top:-10px;
clear:none;
}

li .noticeList1,
li .noticeList2,
dt .noticeList1,
dt .noticeList2,
dd .noticeList1,
dd .noticeList2,
th .noticeList1,
th .noticeList2,
td .noticeList1,
td .noticeList2{
margin-top:0;
}

.noticeList1 li.firstItem,
.noticeList2 li.firstItem{
padding-top:10px;
}

.noticeList3{
margin:0;
}

.noticeList1 li,
.noticeList2 li,
.noticeList3 li{
clear:left;
padding-left:0;
background:none;
font-size:0.625em;
zoom:1;
}

th .noticeList1 li,
th .noticeList2 li,
th .noticeList3 li,
td .noticeList1 li,
td .noticeList2 li,
td .noticeList3 li,
ul li .noticeList1 li,
ul li .noticeList2 li,
ul li .noticeList3 li,
dl dd .noticeList1 li,
dl dd .noticeList2 li,
dl dd .noticeList3 li{
font-size:0.833em;
}

.noticeList1 li .marker,
.noticeList3 li .marker{
float:left;
width:2.5em;
margin:0;
font-size:1em;
}

.noticeList1 li .txt,
.noticeList3 li .txt{
display:block;
margin-left:2.5em;
}

.noticeList2 li .marker{
float:left;
width:1.5em;
margin:0;
font-size:1em;
}

.noticeList2 li .txt{
display:block;
margin-left:1.5em;
}

.noticeList1 li ul li,
.noticeList2 li ul li{
display:block;
padding-left:16px;
background:url(../img/contents/li.gif) 0 0.5em no-repeat;
font-size:1em;
}

.noticeList3 li{
line-height:1.2;
}

/* col1ImgList */

.col1ImgList1,
.col1ImgList2,
.col1ImgList3{
margin-left:0;
}

.col1ImgList1 li,
.col1ImgList2 li,
.col1ImgList3 li{
float:left;
margin:0 20px 0 0;
padding:0 0 0 10px;
background:none;
font-size:0.625em;
text-align:center;
}

.col1ImgList1 li.lastItem,
.col1ImgList2 li.lastItem,
.col1ImgList3 li.lastItem{
margin:0;
}

.col1ImgList1 li.lastItem{
padding-left:9px;
}

.col1ImgList2 li.lastItem{
padding-left:11px;
}

.col1ImgList3 li.lastItem{
padding-left:12px;
}

.col1ImgList1 li{
width:305px;
}

.col1ImgList2 li{
width:193px;
}

.col1ImgList3 li{
width:137px;
}

.col1ImgList1 li img,
.col1ImgList2 li img,
.col1ImgList3 li img{
float:none;
margin:0 0 5px;
}

/* specialSiteList */

ul.specialSiteList{
margin-left:0;
}

ul.specialSiteList li{
width:200px;
margin-bottom:15px;
padding:0;
background:none;
}

ul.specialSiteList li a{
display:block;
width:200px;
margin-bottom:10px;
text-align:center;
}

ul.specialSiteList li.imgOnly a{
margin-bottom:0;
}

/* ===== relatedInfo ===== */

.relatedInfo{
width:650px;
margin:0 0 30px;
padding:0;
background:url(../img/contents/bg-framed-mdl.png) 0 0 repeat-y;
}

.relatedInfo p,
.relatedInfo ul{
margin:0 15px 10px;
}

#mainContents .relatedInfo h2{
min-height:16px;
margin:0;
padding:10px;
background:url(../img/contents/bg-framed-top.png) 0 0 no-repeat;
font-size:0.8em;
}

#mainContents .col2Asym .relatedInfo h2{
background-image:url(../img/contents/bg-framed-top-col2.png);
}

.relatedInfo p.detailsNav1,
.relatedInfo p.detailsNav2{
margin:0;
padding:0 15px 15px;
background:url(../img/contents/bg-framed-btm.png) 0 100% no-repeat;
line-height:1;
text-align:left;
}

.relatedInfo p.detailsNav1{
text-align:right;
}

.col2Asym .relatedInfo{
width:430px;
background-image:url(../img/contents/bg-framed-mdl-col2.png);
}

#mainContents .col2Asym .relatedInfo p.detailsNav1,
#mainContents .col2Asym .relatedInfo p.detailsNav2{
margin-top:0;
background-image:url(../img/contents/bg-framed-btm-col2.png);
}

.relatedInfo ul.linkList{
margin:0;
padding:5px 15px 5px 5px;
background:url(../img/contents/bg-framed-btm.png) 0 100% no-repeat;
}

.relatedInfo ul.linkList li{
position:relative;
display:-moz-inline-block;
display:inline-block;
*display:inline;
width:200px;
min-height:43px;
height:auto;
_height:43px;
margin:0 0 10px 10px;
padding:0;
background:none;
font-size:0.625em;
vertical-align:top;
zoom:1;
}

.relatedInfo ul.linkList li img{
position:absolute;
top:0;
left:0;
}

.relatedInfo ul.linkList li a,
.relatedInfo ul.linkList li p{
display:block;
margin:0 0 0 53px;
width:147px;
}

.relatedInfo ul.linkList li p{
font-size:0.8em;
}

/* ===== inquiryInfo ===== */

.inquiryByMail,
.inquiryByTel{
position:relative;
margin:0 0 30px;
border:1px solid #ccc;
background:#f3f3f3;
zoom:1;
}

#mainContents .inquiryByMail h2,
#mainContents .inquiryByTel h2{
margin:0;
padding:10px;
border-bottom:1px solid #ccc;
background:none;
}

.inquiryByMail .info,
.inquiryByTel .info{
min-height:52px;
padding:10px 10px 0 72px;
}

.inquiryByMail .info{
background:url("../img/icon/mail.gif") 10px 10px no-repeat;
}

.inquiryByTel .info{
background:url("../img/icon/tel.gif") 10px 10px no-repeat;
}

#mainContents .inquiryByMail h3,
#mainContents .inquiryByTel h3{
margin:0 0 5px;
padding:0 0 5px;
background:url("../img/contents/line-dotted.gif") 0 100% repeat-x;
vertical-align:middle;
}

.inquiryByTel strong{
color:#333;
font-size:1.083em;
font-weight:bold;
}

.inquiryByMail p,
.inquiryByTel p,
.inquiryByTel dl{
margin:0 0 10px 0;
}

.inquiryByTel dt{
float:left;
clear:left;
width:5em;
background:none;
font-weight:normal;
}

.inquiryByTel dd{
margin:0 0 10px 5em;
}

.inquiryByTel dd ul{
margin-bottom:0;
}

.inquiryByMail p.btn,
.inquiryByTel p.btn{
position:absolute;
bottom:10px;
right:10px;
margin:0;
line-height:1;
}

/* ===== Server Info ===== */

#serverInfo{
margin-bottom:10px;
}

#serverInfo .serverInfoList{
float:left;
width:855px;
margin:0 auto 10px;
padding:5px 5px 5px 8px;
border:1px solid #ccc;
}

#serverInfo .serverInfoList dt{
float:left;
min-height:18px;
width:325px;
margin:1px 10px 0 0;
padding:0 0 0 25px;
background:url(../img/icon/caution.gif) 0 5px no-repeat;
border-bottom:none;
letter-spacing:-2px;
}

#serverInfo .serverInfoList dd{
float:right;
width:465px;
margin:0;
padding-left:15px;
font-weight:normal;
}

/* ===== Index ===== */

/* imgOnly */

.index .col2Asym p.imgOnly{
margin-bottom:10px;
}

/* newsList - dl type */

.index dl.newsList{
background:url(../img/contents/line-dotted.gif) 0 100% no-repeat;
}

.index dl.newsList dt{
float:left;
width:110px;
padding:6px 0 5px;
background:url(../img/contents/line-dotted.gif) 0 0 no-repeat;
font-weight:normal;
}

.index dl.newsList dd{
float:left;
*float:none;
width:750px;
*width:auto;
margin:0;
*margin:0 0 0 110px;
padding:5px 0 5px;
background:url(../img/contents/line-dotted.gif) 0 0 no-repeat;
font-weight:normal;
}

.index dl.newsList .firstItem{
padding-top:0;
background:none;
}

/* newsList - ul type */

.index ul.newsList,
.index ul#newsList{
width:640px;
}

.index .col2Asym ul.newsList,
.index .col2Asym ul#newsList{
width:420px;
}

.index ul.newsList li,
.index ul#newsList li{
clear:both;
padding:3px 0 3px;
background:url("../img/contents/line-dotted.gif") 0 100% repeat-x;
}

.index ul.newsList li .date,
.index ul#newsList li .date{
display:block;
float:left;
width:130px;
}

.index ul.newsList li .newsItem,
.index ul#newsList li .newsItem{
display:block;
float:left;
width:510px;
}

.index .col2Asym ul.newsList li .newsItem,
.index .col2Asym ul#newsList li .newsItem{
width:290px;
}

/* lineupList */

.index .lineupList{
margin:0 0 0 -10px;
}

.index .lineupList li{
float:left;
width:200px;
padding:0 0 15px 20px;
background:none;
}

.index .lineupList li img{
display:block;
margin:0 auto 10px;
text-align:center;
}

.index .lineupList li a{
display:block;
text-align:center;
}

.index .lineupList2{
margin:0 0 0 -20px;
}

.index .col2 .lineupList2{
margin:0;
}

.index .lineupList2 li{
float:left;
width:305px;
padding:0 0 15px 30px;
background:none;
text-align:left;
}

.index .lineupList2 li img{
display:block;
margin:0 auto 10px;
}

.index .col2 .lineupList2 li{
padding:0 0 15px 10px;
}

/* pickupList */

.index #pickupList{
margin-left:-10px;
}

.index #pickupList li{
float:left;
width:200px;
margin-bottom:15px;
padding-left:20px;
background:none;
}

.index #pickupList li a{
display:block;
margin-bottom:10px;
}

/* ===== Dialog Box ===== */

.dialogOverlay{
position:absolute;
top:0;
left:0;
z-index:10000;
background-color:#000;
}

.dialogInitialized .dialog{
margin:20px;
padding:27px 0 0;
display:none;
position:absolute;
top:0;
left:0;
z-index:10001;
outline:0;
-webkit-user-select:element;
-moz-user-select:element;
-ms-user-select:element;
-o-user-select:element;
user-select:element;
}

.dialogHeader{
position:relative;
color:#fff;
background-color:#666;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-ms-border-top-left-radius:4px;
-ms-border-top-right-radius:4px;
-o-border-top-left-radius:4px;
-o-border-top-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}

.dialogFooter{
position:absolute;
top:0;
left:0;
width:100%;
color:#fff;
background-color:#666;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-ms-border-top-left-radius:4px;
-ms-border-top-right-radius:4px;
-o-border-top-left-radius:4px;
-o-border-top-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}

.normalDialog .dialogFooter{
background-color:#ccc;
}

.dialogCloseWrapper{
padding:4px 3px 2px;
text-align:right;
}

.dialogContent{
padding:0;
overflow:auto;
position:relative;
background-color:#555;
}

.normalDialog .dialogContent{
padding:10px;
color:#555;
background-color:#fff;
}

.dialogContent object,
.dialogContent embed{
display:block;
}

/* ===== Self Clearing ===== */

#menu .classification:after,
.section:after,
.section .captionedImg:after,
.col2:after,
.col2Asym:after,
.col2AsymRev:after,
.col3:after,
.col4:after,
.col1ImgList1:after,
.col1ImgList2:after,
.col1ImgList3:after,
.imgList1:after,
.imgList2:after,
.index dl.newsList:after,
.index ul.newsList li:after,
.index ul#newsList li:after,
.index .lineupList:after,
.index .lineupList2:after,
.index #pickupList:after,
#header ul:after,
#globalNav ul:after,
#contents:after,
#linearNav ul:after,
#localNav #actionNav:after,
#subLocalNav dl:after,
#serverInfo:after{
display:block; 
visibility:hidden;
clear:both; 
height:0; 
content:" ";
font-size:0;
line-height:0;
}

#menu .classification,
.section,
.section .captionedImg,
.col2,
.col2Asym,
.col2AsymRev,
.col3,
.col4,
.col1ImgList1,
.col1ImgList2,
.col1ImgList3,
.imgList1,
.imgList2,
.index dl.newsList,
.index ul.newsList li,
.index ul#newsList li,
.index .lineupList,
.index .lineupList2,
.index #pickupList,
#header ul,
#globalNav ul,
#contents,
#linearNav ul,
#localNav #actionNav,
#subLocalNav dl,
#serverInfo{
zoom:1;
}