@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato);


* { margin: 0; }
html, body { height: 100%; }
div, table, tr, td, th, form, ul, li, ol, dl, dd, dt, span, img,input,textarea,select,option,label{ margin: 0; padding: 0; }

body{ font-size: 13px; color: #333; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;  }
* html body, * html input, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

	/* IE6 */
	* html body { font-size: 81.25%; }
	/* IE7 */
	*:first-child+html body { font-size: 81.25%; }

.sideLeft { float: left; }
.sideRight{ float: right; }
/*-----------------------------
FONT
----------------------------- */
table { font-size: small; }
h1{ font-size: 120%; font-family: 'Noto Sans', sans-serif; }
h2, h3,h4,h5{ font-size: 100%; font-family: 'Noto Sans', sans-serif; }

em{ font-style: normal; }

.xSmall{ font-size: 75% !important; line-height: 140%; }
.bigText{ font-size: 120% !important; line-height:1.6; }

/*-----------------------------
 LINK
----------------------------- */
a:link { color: #005ea9; text-decoration: underline; }
a:visited{ color: #81511c; text-decoration: underline; }
a:hover { color: #cc0000; text-decoration:none; }
a:active { text-decoration:none; }

a:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
img { border:0 ; text-decoration:none;}
a img { border-style: none !important; text-decoration:none !important; }

.arrow01{
background: url(http://www.century.co.jp/images/ya05.gif) 0 center no-repeat;
padding-left: 16px;
}

/*-----------------------------
 COLOR
----------------------------- */
.red { color: #FF0000; }
.blue{ color:#0066CC; }
.White{ color: ffffff; }

.bgGray{ background-color: #CCCCCC; } 
.bgBlue{ background-color: #b3c6ff; }
.bgPink{ background-color: #ffcccc; }

/*-----------------------------
  LINE
----------------------------- */
.bdBottom{ border-bottom: 1px dotted #CCCCCC; padding-bottom: 4px !important; }

/* --------------------------------------
 共通レイアウト
---------------------------------------- */
body{ text-align: center; }
#all{
width: 100%;
background-image: url(http://www.century.co.jp/images/bk_head2015.gif); /* 2015.7.1リニューアル 佐々木 */
background-repeat: repeat-x;
background-position: top;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -160px;
}
#headerTop{
width: 800px;
height: 164px;
margin: 0 auto;
padding: 0;
}

#headerTop2015{
width: 950px;
height: 144px;
margin: 0 auto;
padding: 0;
}

#mainBG{
width: 100%;
background-repeat: repeat-x;
background-position: top;
}

.mainTopBG{ background: #ffffff;}

/*2013.4.4 .mainTopBG背景画像変更(夜景画像 bk_main_0921.gif)田代 */

.mainBG{  background: #ffffff;}

/*夜景バナー　2012.09.24saito*/
.yakeiBG{
background: url(http://www.century.co.jp/images/bana/top_bnr_mihariban_bg.jpg) top center no-repeat; z-index: 2;
}

.mihariban_series{
padding-top: 196px;
width: 800px;
margin: 0 auto;
}

.mihariban_series a:hover img,
.mihariban_info_box_link a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

.mihariban_info_box{
position: relative;
width: 534px;
height: 200px;
background: url(http://www.century.co.jp/images/bana/mihairban_info_img.jpg) left top no-repeat;
margin-bottom: 10px;
}

.mihariban_info_box_link{
position: absolute;
top: 0;
right: 0;
width: 268px;
}
/*夜景バナー　2012.09.24saito*/

#main {
clear:both;
width: 800px;
margin: 0 auto;
padding: 23px 15px 0 15px; 
}

#mainTop{
clear: both;
margin: 0 0 0 0;
padding: 0;
}

/*2012.9.21 トップバナー設定 田代 */

#Topbana a {
overflow: hidden;
float: left;
}

#Topbana a:hover {
border: 3px solid #CC0000;
}

#Topbana a:hover img {
margin: -3px;
}

/*2012.9.21 ここまで（個別スタイル #topSubCategoryも修正） */
#footer, .push {
clear:both;
height: 160px;
}

#footer {
width: 100%;
background-image: url(http://www.century.co.jp/images/bk_foot.gif);
background-position: bottom;
background-repeat: repeat-x;
}

/* 2カラム
------------------------------------ */
#sideBar{
width: 245px;
height: auto;
margin: 0;
padding: 0;
}
#mainContents, #webPageArea{
width: 535px;
height: auto;
margin: 0;
padding: 0;
}
	/* IE6 */
	*html #mainContents, #webPageArea { width: 520px; margin-right: 10px; }
	/* IE6 END */

/* --------------------------------------
 　　　HEADER 旧
---------------------------------------- */
#headerTop h1, #headerTop div.logo{
background-image: url(http://www.century.co.jp/images/logo.gif);
background-repeat: no-repeat;
width: 218px;
height: 65px;
margin: 0;
padding:0;
float:left;
}
a.logoArea{
display: block;
width: 218px;
height: 65px;
margin: 0;
padding:0;
text-indent: -9999px;
}
ul.globalLink{
width: 575px;
height: 40px;
margin: 0;
padding: 25px 0 0 0;
float: right;
list-style-type: none
}
ul.globalLink li{
float: right;
border-right: 1px solid #a0a0a0;
text-align: center;
margin: 0px;
padding: 0 10px;
font-size: 12px;
list-style-type: none;
}
ul.globalLink li a{ color: #333333; } */

/* GLOBAL NAVIGATION
------------------------------------ */
ul#globalNavi{
clear: both;
height: 50px;
margin: 0;
padding: 0;
list-style-type: none
}
ul#globalNavi li{
list-style-type: none;
float: left;
}
ul#globalNavi li a{
border-bottom-width: 0px !important;
background-color: #fff !important;
display: block;
width: 160px;
height: 50px;
background-repeat: no-repeat;
text-decoration: none;
}
ul#globalNavi a:hover{
background-position:0 -50px;
}
.navi01{ background-image: url(http://www.century.co.jp/images/navi_01.gif); }
.navi02{ background-image: url(http://www.century.co.jp/images/navi_02.gif); }
.navi03{ background-image: url(http://www.century.co.jp/images/navi_03.gif); }
.navi04{ background-image: url(http://www.century.co.jp/images/navi_04.gif); }
.navi05{ background-image: url(http://www.century.co.jp/images/navi_05.gif); }

ul#globalNavi li a span{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}

/* 検索エリア
------------------------------------ */
#searchArea{
width: 800px;
clear: both;
height: 49px;
margin: 0;
text-align: right;
line-height: 4;
font-size: 12px;
}

	*html #searchArea { padding-top: 10px; height: 39px; }

#searchArea span{ color: #000000; }

/* --------------------------------------
 　　　パンくず・ページ送り
---------------------------------------- */
.pan{
margin: 0 0 20px 0;
padding: 0;
text-align: left;
line-height: 1.5;
}

.pagePartitionTop{
width: 530px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
padding-bottom: 4px;
border-bottom: 2px solid #CCCCCC;
}

.pagePartitionBottom{
width: 530px;
height: auto;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
margin: 20px 0 15px 0;
}

.pagePartitionTop a, .pagePartitionTop a:visited,
.pagePartitionBottom a, .pagePartitionBottom a:visited{
padding: 0 6px;
text-decoration: underline; 
color: #000066;
}

.pagePartitionTop b, .pagePartitionBottom b{
padding: 0 6px;
text-decoration: none; 
color: #CC0000;
}

/* --------------------------------------
 　　　NEWアイコン
---------------------------------------- */
span.new {
display: none;
color: red;
font-weight: bold;
border: 1px solid red;
padding: 2px;
margin: 0;
}

/* --------------------------------------
 　　　FOOTER
---------------------------------------- */
.footLinkArea{
width: 800px;
height: 60px;
margin: 0 auto;
padding: 0;
font-size: 90%;
line-height: 1.8;
}
.footLinkArea span{
margin: 0 10px;
}
.topLink{
width: 785px;
height: 30px;
background-image: url(http://www.century.co.jp/images/bk_top_link.gif);
background-position: right top;
background-repeat: no-repeat;
text-align: right;
margin: 0 auto;
padding: 5px 15px 0 0;
font-size: 10px;
}
ul.footLink{
width: 800px;
height: 20px;
text-align: left;
margin: 0 auto;
padding: 10px 0 0 0;
}
ul.footLink li{
background-image: url(http://www.century.co.jp/images/ya01.gif);
background-position: left;
background-repeat: no-repeat;
list-style-type: none;
font-size: 90%;
float: left;
padding: 0 12px 0 8px;
}
ul.footLink li a, .footLinkArea a { color: #333; }

.copyright{
clear: both;
width: 800px;
height: 20px;
margin: 0 auto;
text-align: right;
font-size: 90%;
}