@charset "utf-8";

@import url("navigation.css");
@import url("sub.css");

* { padding: 0; margin: 0; }

html, body {
	margin: 0;
	padding: 0;
	text-align:center;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333333;
	text-decoration: none;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #0066FF;
}
a:hover {
	text-decoration: underline;
	color: #0066FF;
}
h1 {
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
	text-align: left;
	padding-left: 4px;
	margin-top: 3px;
	color:#FFFFFF;
}
h1 span {
	display: none;
}
small {
	font-size: 11px;
}
dl, dd ,dt {
	margin: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
form {
	padding: 0px;
	margin: 0px;
}
div {
	margin: 0px;
	padding: 0px;
}
td {
	font-size: 12px;
	line-height: 150%;
}
.tbl-normal{
	margin:10px 0;
	border:1px solid #999999;
	border-collapse:collapse;
}
.tbl-normal th{
	border:1px solid #999999;
	border-collapse:collapse;
	background-color:#EEEEDE;
	font-weight:bold;
	color:#343529;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 7px;
	text-align:left;
}
.tbl-normal td{
	padding:5px;
	border:1px solid #999999;
	border-collapse:collapse;
}
.tbl-single {
	width:600px;
	background-color:#F9F9FF;
	border: 5px solid #999999;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.color01 {
	color: #072648;
}
.color02 {
	color: #0066FF;
}
.red {
	color: #990000;
}
.bold	{
	font-weight:bold;
}
.pagetop {
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E2DEC5;
	clear: both;
}
.none {
	display: none;
}
.clear {
	clear: both;
}

.clearfix:after {/*for modern browser*/
 content: url(../images/spacer.gif);
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {/*for IE 5.5-7*/
    zoom:100%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */  


#container {
	width: 908px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 0px;
	position: relative;
}
/* header */
#header {
	width: 908px;
	height: 178px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#top {
	width: 908px;
	height: 130px;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
#head-left {
	width: 650px;
	height: 130px;
	position: relative;
	display: block;
	float: left;
}
#head-left .logo a {
	display:block;
	width: 200px;
	height: 100px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	left: 0px;
	top: 20px;
}
#head-right {
	width: 170px;
	position: absolute;
	top: 3px;
	right: 0px;
	text-align: right;
}

/* /header */

#wrapper {
	background-image: url(../images/wrap-bg.gif);
	background-repeat: repeat-y;
	padding: 0px;
	background-position: center 318px;
	width: 900px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#wrap-sub {
	background-image: url(../images/pages-bg.gif);
	background-repeat: repeat-y;
	padding: 0px;
	background-position: center top;
	width: 900px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	position: relative;
	text-align: left;
}
#pages {
	background-image: url(../images/crumb-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
}

.crumb {
	text-align:left;
	height: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

/* leftcolumn */
#leftcolumn {
	width: 180px;
	margin:0px;
	float: left;
	background-image: url(../images/left-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
	padding-bottom: 20px;
}
#leftcolumn .bnr {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#leftcolumn .left-cont {
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../images/left-cont.gif);
	padding-bottom: 15px;
	width: 180px;
	margin-bottom: 10px;
}
.left-cont p {
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
}
.left-thum {
	margin-top:4px;
}
#leftcolumn .left-00ttl {
	background-image: url(../images/left-00ttl.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 75px;
	width: 180px;
	text-indent: -9999px;
	display: block;
}
#leftcolumn .left-01ttl {
	background-image: url(../images/left-01ttl.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 35px;
	width: 180px;
	text-indent: -9999px;
	display: block;
	margin-bottom:5px;
}
#leftcolumn .left-02ttl {
	background-image: url(../images/left-02ttl.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 35px;
	width: 180px;
	text-indent: -9999px;
	display: block;
}
#leftcolumn .company {
	text-align: left;
	margin-top: 10px;
	padding: 7px;
	border: 1px solid #02ACEF;
}

/* maincolumn */

#index #maincolumn ,
#topics #maincolumn { /* index用 */
	width: 480px;
	text-align: left;
	margin:0px;
	float: left;
	padding-bottom: 20px;
}

#maincolumn { /* 下層共通 */
	width: 670px;
	text-align: left;
	float: left;
	padding-bottom: 20px;
	margin: 0px;
	padding-left: 0px;
}

#maincolumn .content {
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#maincolumn .content-in {
	width:640px;
	margin-left: 17px;
	margin-top: 10px;
}
#maincolumn .content-in-line {
	width:640px;
	margin-left: 17px;
	margin-top: 10px;
	border-bottom:1px dotted #999999;
	padding-bottom:10px;
	margin-bottom:10px;
}
#maincolumn h3 {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/* rightcolumn */
#rightcolumn {
	width: 230px;
	margin:0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#rightcolumn .right-01ttl {
	background-image: url(../images/right-01ttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 230px;
	text-indent: -9999px;
	display: block;
}
#rightcolumn .right-02ttl {
	background-image: url(../images/right-02ttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 230px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
}
#rightcolumn .right-03ttl {
	background-image: url(../images/right-03ttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 230px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
}
#rightcolumn .twitter {
	text-align: left;
	overflow: visible;
	width: 200px;
	margin-right: 15px;
	margin-left: 15px;
}
#rightcolumn .twitter ul {
	list-style-type: none;
	font-size: 11px;
}
#rightcolumn .twitter h5 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-left: 5px;
	line-height: 1.2;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#rightcolumn .twitter-date {
	color: #0066FF;
}
#rightcolumn .bnr {
	margin-top: 5px;
	margin-left: 15px;
	padding: 0px;
	width: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* footer */
#footer {
	height: 148px;
	clear: both;
	color: #333;
	background-image: url(../images/foot-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0px;
	margin-bottom: 0px;
}
.footer-txt {
	line-height: 1.5;
	padding-top: 20px;
	color:#0099FF;
}
.footer-txt a {
	color:#0099FF;
}
.footer-txt a:hover {
	color:#0099FF;
	text-decoration:underline;
}
.copyright {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
	color: #333333;
	margin-top: 10px;
}
#foot-bottom {
	width: 908px;
	margin-right: auto;
	margin-left: auto;
}
#foot-bottom .footer-link {
	width:250px;
	float: right;
	text-align:left;
	line-height:1.2;
	font-size: 11px;
	color:#D25B55;
	background-color:#669966;
}
#foot-bottom .footer-link a {
	color:#D25B55;
}


/* index */
#index {
	background-image: url(../images/index-crumb.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 30px;
	width: 900px;
}
#topics {
	background-image: url(../images/topics-crumb.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	width: 900px;
}
#index .index-cont ,
#topics .index-cont {
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 20px;
}
#index .index-01ttl {
	background-image: url(../images/index-01ttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
	width: 480px;
	margin-bottom: 10px;
	margin-top: 0px;
}
#index .index-01txt {
	margin-left: 15px;
	background-image: url(../images/index-01thum.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 209px;
}
#index .index-01txt p {
	line-height: 150%;
}
#index .index-01txt01 {
	padding-left: 140px;
	padding-top: 10px;
	padding-right: 15px;
}
#index .index-01txt02 {
	padding-left: 170px;
	padding-top: 15px;
	padding-right: 15px;
}
#index .index-01txt03 {
	padding-left: 170px;
	padding-top: 15px;
	color: #0066FF;
	padding-bottom: 15px;
	padding-right: 15px;
}
#index .index-02ttl {
	background-image: url(../images/index-02ttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 43px;
}
#index .index-03ttl ,
#topics .index-03ttl {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/index-03ttl.gif);
	height: 43px;
}


#index .entry-title ,
#topics .entry-title {
	display:block;
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #02ACEF;
	clear: both;
}
#index .entry-title a ,
#topics .entry-title a {
	color: #990000;
}
#index .entry-title a:hover ,
#topics .entry-title a:hover {
	color: #000000;
	text-decoration: none;
}
#index .entry-text ,
#topics .entry-text {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
#index .topics ,
#topics .topics {
	width: 450px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #02ACEF;
	background-color: #FFFFFF;
}
#index .target ,
#topics .target {
	display:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #02ACEF;
	padding-bottom: 20px;
}
#index .show ,
#topics .show {
	padding: 0px;
	margin: 0px;
}
#index .trigger ,
#topics .trigger {
	cursor:pointer;
}
#index .info_end ,
#topics .info_end {
	background-image: url(images/common/slash02.png);
	background-repeat: repeat-x;
	height: 10px;
	width: 95%;
	margin: 0px 0px 20px 10px;

}
#index ul.info ,
#topics ul.info {
	background-image: none;
	background-color: #f5f5f5;
	display:block;
	text-align: right;
	margin-top: 0.2em;
	margin-right: 20px;
	margin-bottom: 0.2em;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0.2em;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
#index .topics ul ,
#topics .topics ul {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #02ACEF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#index .date ,
#topics .date {
	vertical-align: text-top;
}
#index .topics li ,
#topics .topics li {
	display:inline;
	line-height: 150%;
	font-size: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
}

#main-visual {
	text-indent: -9999px;
	display: block;
	height: 288px;
	width: 230px;
	background-color: #FFFFFF;
}
#index #main-visual ,
#topics #main-visual {
	background-image: url(../images/main-visual.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}


.topResultsThum {
	width: 180px;
	margin-bottom: 5px;
}
.topResultsThum-end {
	width: 180px;
}