@charset "utf-8";

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

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

html{
background-color:transparent;
}

body,
body.popup,
body.special{
overflow:visible !important;
padding:0;
color:#000;
background:#fff none;
font-family:"ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}

ul li{
margin-left:2em;
padding-left:0;
background:none;
list-style:disc;
}

ol li{
margin-left:2em;
}

dl dt{
padding-bottom:0;
background:none;
}

p,
ul li,
ol li,
dl dt,
dl dd,
table tr th,
table tr td{
color:#000;
font-size:10pt;
}

caption{
font-size:10pt;
}

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

/* header */

#header{
position:static;
width:auto;
height:auto;
margin:0;
padding:0;
}

body.popup #header{
height:auto;
border-bottom:0;
}

#header p{
position:static;
top:auto;
left:auto;
margin:8px;
}

body.popup #header p{
float:none;
margin:8px;
padding:0;
}

body.popup #header p#close{
display:none;
}

#header ul{
display:none;
}

#searchform fieldset{
display:none;
}

/* contents */

#contents{
display:table-cell;
width:100%;
margin:0;
padding:0;
background:none;
}

/* mainContents */

#mainContents,
body.popup #mainContents,
body.noLocalNav #mainContents{
float:none;
width:auto;
margin:0;
border:0;
}

/* footer */

#footer{
position:static;
width:auto;
height:auto;
margin-top:10px;
padding:0;
border-top:1px solid #000;
background:none;
}

body.popup #footer{
margin:10px 0 0;
border-color:#000;
}

#footer ul{
display:none;
}

#footer p{
position:static;
top:auto;
left:auto;
width:auto;
height:auto;
margin:10px 0 0;
}

body.popup #footer p{
position:static;
margin:10px 0 0;
}

#footer p img{
margin-bottom:0;
}

body.special #footer{
height:32px;
background:#000;
}

body.special #footer p{
padding-left:10px;
}

/* ===== Navigation ===== */

#globalNav,
#subNav,
#tabNav,
#tabNav2,
#mainContents .breakdownNav,
#mainContents .section .detailsNav1,
#mainContents .section .detailsNav2,
#linearNav,
#backNav,
#localNav,
#subLocalNav,
#topNav{
display:none;
}

.section #iconList.detailsNav1{
display:block;
}

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

.col2 .subSection{
width:48%;
margin-right:0;
padding-left:10px;
}

.col2Asym .subSection{
width:63%;
}

.col3 .subSection{
width:31%;
margin-right:0;
padding-left:10px;
}

.col4 .subSection{
width:23%;
margin-right:0;
padding-left:10px;
}

.col2Asym div.lastItem{
float:left;
width:35%;
padding-left:10px;
}

.col3 div.divider,
.col4 div.divider{
margin-right:0;
}

.noLocalNav .col1{
width:auto;
}

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

h1,h2,h3,h4,h5,h6{
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
line-height:1.4;
}

h1{
min-height:0;
font-size:14pt;
}

body.noLocalNav h1{
min-height:0;
padding-left:0;
background:none;
}

h1 .subTitle{
color:#000;
}

h1 .separator{
display:none;
}

h1 .pageTitle{
min-height:0;
color:#000;
}

h2{
min-height:0;
padding:0;
background:none;
font-size:13pt;
}

.col2 h2,
.col2 h3{
background-image:none;
}

.col2Asym  h3{
background-image:none;
}

.col2Asym div.lastItem h3{
border-bottom:0;
}

body.noLocalNav .section h3{
background:none;
}

.col3 h2,
.col3 h3{
background-image:none;
}

.col4 h2,
.col4 h3{
background-image:none;
}

.index .col2Asym div.lastItem h2{
border-bottom:0;
}

body.noLocalNav .section h2{
background-image:none;
}

h2 .txt{
display:block;
padding:0 0 0 10px;
background:none;
}

.index h2 .txt{
padding:0 0 0 10px;
font-size:1em;
}

body.noLocalNav .section h2 .txt{
background-image:none;
}

body.noLocalNav .col1 h2{
width:auto;
}

body.noLocalNav .col1 h2 .txt{
width:auto;
}

.col2 h2 .txt{
background-image:none;
}

.col2Asym h2{
min-height:0;
}

.col2Asym h2 .txt{
width:auto;
padding:0 0 0 10px;
background:none;
}

.col2Asym div.lastItem h2 .txt{
width:auto;
background:none;
}

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

.index .col2Asym div.lastItem h2 .txt{
width:auto;
padding:0 0 0 10px;
background:none;
}

.col3 h2 .txt{
background-image:none;
}

.col4 h2 .txt{
background-image:none;
}

h3{
min-height:0;
padding:0 0 0 10px;
background:none;
font-size:12pt;
}

.col2Asym div.lastItem h3{
min-height:0;
}

h4{
min-height:0;
padding:0 0 0 10px;
background:none;
font-size:11pt;
}

.col2Asym div.lastItem h4{
min-height:0;
}

h3 a,
h4 a{
display:inline;
min-height:0;
margin:0;
padding:0;
background:none;
text-decoration:underline;
}

h5{
min-height:0;
padding:0 0 0 10px;
font-size:10pt;
}

h6{
min-height:0;
padding:0 0 0 10px;
font-size:8pt;
}

h5 a,
h6 a{
display:inline;
min-height:0;
margin:0;
padding:0;
background:none;
}

body.noLocalNav .col1 h3{
width:auto;
}

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

/* keyVisual */

/* Links */

.txtLink a{
min-height:0;
padding:0;
background:none;
}

/* captionedImg */

/* boxedArticle */

.section .boxedArticle2{
background:transparent;
}

/* others */

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

/* linkList */

.linkList1 li{
margin-left:2em;
padding:0;
background:none;
border-bottom:0;
}

/* imgList */

.imgList1 li,
.imgList2 li{
margin-left:0;
list-style:none;
}

.imgList1 li{
width:48%;
}

.imgList2 li{
width:31%;
}

/* noticeList */

.noticeList1 li,
.noticeList2 li,
.noticeList3 li{
display:block;
margin-left:0;
list-style:none;
}

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.75em;
}

.noticeList1 li ul li,
.noticeList2 li ul li{
display:list-item;
margin-left:2em;
padding-left:0;
background:none;
list-style:disc;
}

/* col1ImgList */

.col1ImgList1 li,
.col1ImgList2 li,
.col1ImgList3 li{
list-style-type:none;
}

/* specialSiteList */

.index ul.specialSiteList li{
margin-left:0;
list-style:none;
}

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

.relatedInfo,
.col2Asym .relatedInfo{
width:auto;
background:none;
}

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

#mainContents .relatedInfo h2,
#mainContents .col2Asym .relatedInfo h2{
min-height:0;
margin-bottom:10px;
padding:0 0 0 10px;
background:none;
}

.relatedInfo p.detailsNav1,
.relatedInfo p.detailsNav2{
display:none;
}

.relatedInfo ul.linkList{
padding:0 0 0 10px;
background:none;
}

.relatedInfo ul.linkList li{
margin:0 10px 10px 0;
}

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

.inquiryByMail,
.inquiryByTel{
position:static;
border:none;
background:transparent;
}

#mainContents .inquiryByMail h2,
#mainContents .inquiryByTel h2{
padding:0 0 10px 10px;
border-bottom:none;
}

.inquiryByMail .info,
.inquiryByTel .info{
min-height:0;
padding:0;
background:none;
}

#mainContents .inquiryByMail h3,
#mainContents .inquiryByTel h3{
margin:0 0 10px;
padding:0 0 0 10px;
background:none;
}

.inquiryByTel strong{
color:#000;
}

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

.inquiryByMail p.btn,
.inquiryByTel p.btn{
display:none;
}

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

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

/* imgOnly */

/* newsList - dl type */

/* newsList - ul type */

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

.index ul.newsList li,
.index ul#newsList li{
clear:both;
margin-left:0;
background:none;
list-style:none;
}

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

.index ul.newsList li .newsItem,
.index ul#newsList li .newsItem,
.index .col2Asym ul.newsList li .newsItem,
.index .col2Asym ul#newsList li .newsItem{
display:block;
float:none;
width:auto;
margin-left:100px;
}

/* lineupList */

.index .lineupList li,
.index .lineupList2 li{
margin-left:0;
list-style:none;
}

/* pickupList */

.index #pickupList li{
margin-left:0;
list-style:none;
}

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

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