@charset "UTF-8";

/*************************
ＮＥＷＳ＆ＩＮＦＯスタイル
**************************/
#NewsAndInfo{
width:790px;
margin:0 0 40px 0;
padding:0;
text-align:center;
}

#NewsAndInfo:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*************************
タイトル
**************************/
#NewsAndInfo #NewsAndInfottl{
width:790px;
margin:10px auto 20px auto;
padding:0;
text-align:left;
clear:both;
}


/*************************
一覧表示帯
**************************/
#NewsAndInfo .newsinfoBorder{
width:790px;
height:19px;
text-align:center;
overflow:hidden;
margin:10px auto 15px auto;
padding:0;
clear:both;
background-color:#d70031;
color:#FFFFFF;
}

#NewsAndInfo .newsinfoBorder:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#NewsAndInfo .newsinfoBorder p.opencount{
float:left;
text-align:left;
margin:1px 0 0 0;
padding:0 0 0 10px;
}

#NewsAndInfo .newsinfoBorder p.pagecount{
float:right;
text-align:left;
margin:1px 0 0 0;
padding:0 10px 0 0;
}

#NewsAndInfo .newsinfoBorder p.pagecount a{
color:#FFFFFF;
}

#NewsAndInfo .newsinfoBorder p.pagecount span.back{
margin:0 10px 0 0;
padding:0;
}

#NewsAndInfo .newsinfoBorder p.pagecount span.next{
margin:0 0 0 10px;
padding:0;
}

/*************************
一覧部分
**************************/
#NewsAndInfo #NewsandInfo-back{
width:790px;
text-align:center;
margin:5px auto 0 auto;
padding:0;
}

#NewsandInfo-back dl{
width:780px;
display: block;
text-align:left;
margin:5px auto 25px auto;
padding:0 0 2px 0;
border-bottom:1px solid #CCCCCC;
}

#NewsandInfo-back dl:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#NewsandInfo-back dt{
display:block;
float:left;
width:90px;
text-align:right;
margin:0;
padding:0;
font-size:14px;
overflow:hidden;
font-weight:bold;
}

#NewsandInfo-back dd{
display: block;
float:right;
width:670px;
text-align:left;
padding:0;
margin:0;
font-size:14px;
overflow:hidden;
}

#NewsandInfo-back dd p{
display:inline;
margin:0;
padding:0;
line-height:160%;
}


/*************************
081217特別ニュース
**************************/
#NewsAndInfo #NewsAndInfo-sbox{
width:770px;
margin:0 auto 15px auto;
padding:0;
border:1px solid #CCCCCC;
text-align:center;
}

#NewsAndInfo-sbox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#NewsAndInfo #NewsAndInfo-sboxin{
width:730px;
margin:10px auto;
padding:10px;
text-align:left;
border:1px solid #CCCCCC;
}

#NewsAndInfo-sbox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#NewsAndInfo-sboxin h2{
font-size:14px;
font-weight:bold;
margin:10px 0 15px 0;
}

#NewsAndInfo-sboxin p{
font-size:12px;
margin:0 0 15px 0;
padding:0;
}

#NewsAndInfo-sboxin h3{
font-weight: bold;
margin:0 0 5px 0;
padding:0;
font-size:12px;
}

#NewsAndInfo-sboxin dl{
margin:0 0 5px 0;
padding:0;
text-align:left;
}

#NewsAndInfo-sboxin dl dt{
margin:0 0 5px 0;
padding:0;
list-style-type:none;
}

#NewsAndInfo-sboxin dl dd{
margin:0 0 2px 0;
padding:0;
}


#NewsAndInfo-sboxin table{
margin:0;
padding:0;
text-align:center;
}

#NewsAndInfo-sboxin table td{
height:18px;
margin:0;
padding:5px;
text-align:center;
color:#FFFFFF;
}

/*************************
090814 特集
**************************/
.SpecialMain{
width:788px;
height:1090px;
margin:0 auto;
padding:0;
text-align:right;
background:url(../../../img/news/09autumn/bgimg_090814autumn.jpg) no-repeat;
}

.SpecialMain:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.SpecialContents{
width:689px;
height:795px;
margin:0 0 0 99px;
padding:0;
text-align:center;
}

.SpecialContents:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.SpecialItembox{
width:689px;
height:265px;
margin:0 auto;
padding:0;
text-align:center;
}

.SpecialItembox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.SpecialItembox1{
width:689px;
height:212px;
margin:0 auto;
padding:21px 0 0 0;
text-align:center;
}

.SpecialItembox1:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.SpecialItembox2{
width:689px;
height:212px;
margin:0 auto;
padding:23px 0 0 0;
text-align:center;
}

.SpecialItembox2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.SpecialItembox3{
width:689px;
height:212px;
margin:0 auto;
padding:21px 0 0 0;
text-align:center;
}

.SpecialItembox3:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*アイテム1*/
.itembox1{
width:358px;
height:212px;
margin:0;
padding:0;
text-align:left;
float:left;
}

.itembox1:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.leftBox1{
width:181px;
height:212px;
margin:0;
padding:0;
text-align:left;
float:left;
}

.leftBox1:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.rightBox1{
width:151px;
height:212px;
margin:0;
padding:0;
text-align:left;
float:left;
}

.rightBox1:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.txtimg1{
width:151px;
height:189px;
margin:0;
padding:0;
}

.txtimg1:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.morebtn1{
width:151px;
height:23px;
margin:0;
padding:0;
}

.morebtn1:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.morebtn1 img{
width:80px;
height:23px;
margin:0 0 0 70px;
padding:0;
}

/*アイテム2*/
.itembox2{
width:331px;
height:212px;
margin:0;
padding:0;
text-align:left;
float:left;
}

.itembox2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.leftBox2{
width:169px;
height:212px;
margin:0;
padding:0;
text-align:left;
float:left;
}

.leftBox2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.rightBox2{
width:150px;
height:212px;
margin:0;
padding:0;
text-align:left;
float:left;
}

.rightBox2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.txtimg2{
width:150px;
height:189px;
margin:0;
padding:0;
}

.txtimg2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.morebtn2{
width:151px;
height:23px;
margin:0;
padding:0;
}

.morebtn2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.morebtn2 img{
width:80px;
height:23px;
margin:0 0 0 70px;
padding:0;
}