/* ************************************************ 
 *	共通の設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}



body {
font-size : 14px;
color : #333333;
font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
background-color: #FFFFFF;
text-align: center;
line-height: 160%;
}



img {
border: 0px;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
margin: 0 auto;
width : 900px;
background-color: #FFFFFF;
text-align:left;
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : #C0C0C0;
border-right-color : #C0C0C0;
}



/*ヘッダー（ロゴ、グローバルメニュー）*/
.header {
width: 100%;
}



#contents{
width: 100%;
}




/*　左側エリアの幅　*/
.main {
float: left;
width : 545px;
}

.main-container {
margin-left: 15px;
margin-right: 0px;
margin-bottom: 10px;
padding-bottom: 5px;
}

.main-contents {
width : 530px;
}



/*　右側エリアの幅　*/
.side {
float: right;
width : 315px;
}

.side-container {
margin-left: 0px;
margin-right: 15px;
margin-bottom: 10px;
}


.side-title{
width: 300px;
height: 27px;
color : #FFFFFF;
font-size : 14px;
font-weight : bolder;
margin-bottom: 0px;
padding-top: 3px;
padding-left: 10px;
background-image : url(images/sidetitle.gif);
background-repeat : no-repeat;
}


.side-contents{
font-size : 14px;
background-color : #FFFFFF;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
margin-top: 0px;
margin-bottom: 15px
}


.side-record{
background-color : #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
margin-top: 0px;
margin-bottom: 15px
}


/*　フッター（コピーライト）　*/
.footer {
 clear : both;
text-align : center;
margin-top : 5px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}



/* ------------------------------------- 
 *	フォント
 * ------------------------------------- 
 */


h1{
font-size : 24px;
}


h2{
font-size : 24px;
padding-top : 0px;
padding-left : 5px;
width: 530px;
}



h3{
font-size : 14px;
color : #CC0000;
padding-top : 5px;
padding-left: 5px;
margin-top: 10px;
width: 510px;
height : 30px;
text-decoration : underline;
}


/* ------------------------------------- 
 *	リンク
 * ------------------------------------- 
 */



a{
color : #0000FF;
}

a:link{
color : #0000FF;
}

a:visited{
color : #0000FF;
}

a:hover{
color : #FF8000;
}

a:active{
color : #0000FF;
}




/* ------------------------------------- 
 *	ヘッダーエリア
 * ------------------------------------- 
 */


.description{
font-size: 12px;
color: #FFFFFF;
text-align: left;
padding-top: 2px;
padding-left: 10px;
padding-bottom: 2px;
height: 20px;
background-color: #CC0000;
}



.logoarea{
margin-top : 5px;
margin-bottom : 5px;
height : 60px;
}




.logo-left{
float : left;
width : 440px;
padding-top : 5px;
padding-left : 15px;
}


.logo-right{
width: 420px;
font-size: 12px;
color: #0000FF;
float: right;
text-align: right;
padding-top : 3px;
padding-right : 10px;
}



.header-navi-area{
clear: both;
width: 100%;
text-align : center;
border-top:3px solid #CC0000;
border-bottom:3px solid #CC0000;
}


.header-navi{
width : 149px;
height : 40px;
text-align : center;
background-color : #FFEEFF;
}

.header-navi a {
	color: #0000FF;
}

.header-navi a:link {
	color: #0000FF;
}

.header-navi a:visited {
	color: #0000FF;
}

.header-navi a:hover {
	color: #FF8000;
}

.header-navi a:active {
	color: #0000FF;
}




.pannavi{
font-size : 12px;
padding-left : 15px;
margin-top : 5px;
margin-bottom : 7px;
clear : both;
}



.article-pannavi{
font-size : 10px;
padding-top : 3px;
padding-left : 5px;
padding-right : 10px;
padding-bottom : 3px;
line-height: 140%;
}




.top-title{
margin-top : 20px;
}



.main-title{
padding-top : 5px;
padding-left: 5px;
margin-top: 10px;
width: 530px;
height : 30px;
text-decoration : underline;
}




.footer-navi{
font-size : 12px;
color: #000099;
padding-top: 5px;
padding-bottom: 5px;
border-top:1px solid #C0C0C0;  
}


.copyright{
font-size : 12px;
color: #FFFFFF;
background-color: #CC0000;
padding-top: 2px;
padding-bottom: 2px;
height: 20px;
}




table{
line-height: 160%;
}



p{
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}



strong{
color : #CC0000;
}



ul{
list-style-type: none;
list-style-position: outside;
}



li{
background: url(images/list.gif) no-repeat;
background-position: 0px 7px;
padding-left: 15px;
}


.sponsor{
text-align : center;
margin-top: 0px;
margin-bottom: 15px
padding: 0px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
}

.sponsor-article{
font-size : 12px;
padding-left: 25px;
padding-top: 15px;
}


.header-table{
margin-top : 0px;
margin-bottom : 0px;
}


.article-table{
margin-top : 10px;
line-height: 150%;
}


.date-article-left{
width : 120px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #FFEEFF;
}



.date-article-right{
width : 380px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}



.category-left{
width : 140px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #FFEEFF;
}



.category-right{
width : 360px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;     
}



.article-left{
width : 150px;
text-align: center;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3;
background-color : #FFEEFF;
}



.article-right{
width : 350px;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #E3E3E3; 
margin-left: 1px;
}



.sponsor-top{
text-align : center;
padding-top: 15px;
padding-bottom: 5px;
}

.sponsor-bottom{
text-align : center;
padding-top: 15px;
padding-bottom: 10px;
}


.date-header{
font-size: 12px;
text-align: right;
padding-top: 5px;
padding-right: 5px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #CC0000;
}

.entry-more{
text-align: right;
padding-top: 5px;
padding-right: 15px;
}

.search{
margin-bottom: 10px;
padding-left: 0px;
}

.side-pr-contents{
text-align: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}


.side-pr{
padding-bottom: 10px;
}


.sponsor-side{
background-color : #FFFFFF;
padding-top: 0px;
padding-left: 7px;
padding-bottom: 10px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
margin-top: 0px;
margin-bottom: 15px
}

.category-title{
font-size: 14px;
color : #FFFFFF;
padding-top : 4px;
padding-left : 18px;
background-image : url(images/maintitle-background.gif);
background-repeat : no-repeat;
width: 530px;
height : 30px;
}

.recententries-title{
font-size: 14px;
color : #FFFFFF;
margin-top : 10px;
padding-top : 4px;
padding-left : 18px;
background-image : url(images/maintitle-background.gif);
background-repeat : no-repeat;
width: 530px;
height : 30px;
}

.recententries-contents{
width: 530px;
padding-top : 5px;
padding-left : 5px;
padding-bottom : 10px;
}

.amazon-contents{
text-align: center;
padding-top: 10px;
}

.list{
padding-top: 5px;
padding-left: 5px;
}

.menu-title{
font-size: 14px;
color : #FFFFFF;
margin-top : 10px;
padding-top : 4px;
padding-left : 18px;
background-image : url(images/maintitle-background.gif);
background-repeat : no-repeat;
width: 530px;
height : 30px;
}

.toppage-title{
font-size: 14px;
color : #FFFFFF;
padding-top : 4px;
padding-left : 18px;
background-image : url(images/maintitle-background.gif);
background-repeat : no-repeat;
width: 530px;
height : 30px;
}