@charset "utf-8";


#Wrapper {
	width: 980px;
	margin: 0 auto;
	text-align:left;
	background-color:#FFFFFF;
}

h1,h2,h3,h4 {
	font-size: 16px;
	font-weight: bold;

}

/* /////////////////////////////////////////// */
/* Header
/* /////////////////////////////////////////// */

#header {
	height: 113px;
	width: 980px;
	padding-bottom: 7px;
	background-image: url(../image/title-b.gif);
	background-repeat: repeat-x;
}
#header #left{
	height: 113px;
	width: 352px;
	float: left;
}
#header #right{
	height: 113px;
	width: 200px;
	float: right;
	clear: right;
}
#header #right p{
	padding-top: 68px;
	font-size: 14px;
}


/* /////////////////////////////////////////// */
/* Image
/* /////////////////////////////////////////// */

#image {
	height: 279px;
	width: 980px;
}
#img {
	height: 220px;
	width: 980px;
	padding-bottom: 7px;
}

/* /////////////////////////////////////////// */
/* Contents
/* /////////////////////////////////////////// */

#contents {
	width: 980px;
}

#contents #right{
	width: 712px;
	float: right;
	padding-right: 8px;
}

#contents #left{
	width: 246px;
	float: left;
}



/* /////////////////////////////////////////// */
/* Right Contents
/* /////////////////////////////////////////// */

#contents #right #barFst{
	height: 44px;
	width: 712px;
	padding-top: 7px;
}
#contents #right #barnews02{
	height: 44px;
	width: 712px;
	padding-top: 18px;
}

#contents #right #headline{
	height: 317px;
	width: 680px;
	background-image: url(../image/headline.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 22px;
}
#contents #right #headline p{
	font-family	: "Trebuchet MS", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	line-height: 21px;
	color: #666666;
}
#contents #right #headline02{
	height: 317px;
	width: 680px;
	background-image: url(../image/headline.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 20px;
}
#contents #right #banner{
	width: 712px;
	padding-top: 8px;
}

#contents #right #banner02{
	width: 712px;
	padding-top: 8px;
}

#contents #right #banner333{
	width: 712px;
	padding-top: 6px;
}
#contents #right #banner666{
	width: 712px;
	padding-top: 6px;
}
#contents #right #barSecond{
	height: 27px;
	width: 662px;
	background-image: url(../image/bar02.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-top: 15px;
	padding-left: 50px;
}
#contents #right #bodySecond{
	width: 652px;
	background-image: url(../image/bar-mdl.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 40px;
}
#contents #right #barThird{
	height: 27px;
	width: 662px;
	background-image: url(../image/bar03.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-top: 15px;
	padding-left: 50px;
}
#contents #right #bodyThird{
	width: 672px;
	background-image: url(../image/bar-mdl.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
}
#contents #right #barFourth{
	height: 27px;
	width: 662px;
	background-image: url(../image/bar04.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-top: 15px;
	padding-left: 50px;
}
#contents #right #bodyFourth{
	width: 672px;
	background-image: url(../image/bar-mdl.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
}

#contents #right img.news{
	width: 176px;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.end {
	background-image: url(../image/bar-end.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 712px;	
}
.txtright {
	text-align: right;
	color: #FF3300;
	font-weight: bold;
}
#contents #right #bodyThird img, #contents #right #bodyFourth img{
	padding-top: 10px;
}

/* /////////////////////////////////////////// */
/* Right Contents ニュース
/* /////////////////////////////////////////// */

.newsheader{
	height: 25px;
	width: 667px;
	background-image: url(../image/news-header.jpg);
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-left: 45px;
	padding-top: 26px;
	font-size: 15px;
	font-weight: bold;
}

.news{
	width: 652px;
	background-image: url(../image/news-mdl01.jpg);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 40px;
}
#contents #right img.newsb{
	width: 345px;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.news p{
	padding-bottom: 15px;
}
.news p.date{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding-bottom: 15px;
	padding-right: 25px;
	color: #003366;
}



/* /////////////////////////////////////////// */
/* Footer
/* /////////////////////////////////////////// */
#bylow {
	height: 40px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	font-size: 10px;
}
#bylow span {
	background-color: #FFFF99;
}


#foot {
	height: 20px;
	width: 100%;
	text-align: center;
}

#footer {
	height: 30px;
	width: 100%;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #A00429;
	text-align: center;
	padding-top: 8px;
}
#foot ul{
	font-size: 12px;
}
#foot li{
	display:inline;
	padding-right: 15px;
}
#foot li a{
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}
#foot li a:hover{
	color: #FF0000;
}


/* /////////////////////////////////////////// */
/* Banner
/* /////////////////////////////////////////// */

#contents #right table.banner{
	width: 712px;

}
#contents #right td.banner{
	height: 60px;
	width:  234px;
	text-align: center; 
	vertical-align: top;
}

/* /////////////////////////////////////////// */
/* navi
/* /////////////////////////////////////////// */

#navi00 {
	height: 96px;
	width: 246px;
	margin-top: 7px;
	margin-bottom: 7px;
}

#navi01 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 15px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi01_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

#navi01 a:hover{
	color:orange;
	background-image: url(../image/navi01_on.jpg);
	background-repeat: no-repeat;
}
#navi02 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 15px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi02_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

#navi02 a:hover{
	color:orange;
	background-image: url(../image/navi02_on.jpg);
	background-repeat: no-repeat;
}
#navi03 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 15px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi03_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

#navi03 a:hover{
	color:orange;
	background-image: url(../image/navi03_on.jpg);
	background-repeat: no-repeat;
}
#navi04 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 15px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi04_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

#navi04 a:hover{
	color:orange;
	background-image: url(../image/navi04_on.jpg);
	background-repeat: no-repeat;
}
#navi05 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 15px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi05_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

#navi05 a:hover{
	color:orange;
	background-image: url(../image/navi05_on.jpg);
	background-repeat: no-repeat;
}
#navi06 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 15px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi06_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

#navi06 a:hover{
	color:orange;
	background-image: url(../image/navi06_on.jpg);
	background-repeat: no-repeat;
}
#navi07 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 15px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi07_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

#navi07 a:hover{
	color:orange;
	background-image: url(../image/navi07_on.jpg);
	background-repeat: no-repeat;
}
#navi08 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 15px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi08_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

#navi08 a:hover{
	color:orange;
	background-image: url(../image/navi08_on.jpg);
	background-repeat: no-repeat;
}
#navi09 a{
	display:block;
	width:189px;
	height:49px;
	padding-top: 13px;
	padding-left: 57px;
	text-decoration:none;
	background-image: url(../image/navi09_off.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #481a03;
	margin-top: 20px;
}

#navi09 a:hover{
	color:#cc1f34;
	background-image: url(../image/navi09_on.jpg);
	background-repeat: no-repeat;
}

#navibox {
	width: 246px;
	height:277px;
	background-image: url(../image/b-works.gif);
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

#navibox ul{
	padding-left: 10px;
	padding-top: 12px;
	font-size: 14px;
	color: #FFFFFF;
}

#navibox li a{
	width: 186px;
	height:25px;
	display:block;
	color: #FFFFFF;
	padding-left: 50px;
	background-image: url(../image/b-worksicon.gif);
	background-repeat: no-repeat;
	background-position: 22px 2px;
	text-decoration: none;
}

#navibox li a:hover{
	background-color: #0066FF;
	text-decoration: underline;
}


#books{
	width:236px;
	padding-left: 10px;
}
#contents #left p.com {
	letter-spacing: 1px;
	text-align: center;
}
#twitter{
	width:236px;
	padding-left: 10px;
	padding-top: 25px;
}

#ad{
	width:236px;
	padding-left: 10px;
	padding-top: 30px;
	padding-bottom: 7px;
}

#contents #left img {
	padding-bottom: 3px;
}

#autotopics{
	height: 308px;
	width:  671px;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
	margin: 0px;	
}

#autotopics p{
	font-size:78%;
	padding-left: 12px;
	line-height:0.6em;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',Osaka,Verdana,Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
}

#autoheadline {
	width: 712px;
	text-align:left
}

#autoarticle {
	width: 712px;
	padding-top: 15px;
	text-align:left
}

#autonews01 {

	width: 712px;

}
#autonews02 {

	width: 712px;

}

#autoarticle img.newsb{
	width: 345px;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*end*/

