
/*** index css (/index.html) ***/


#content ,#content a:link, #content a:visited {
	color		: #666;
	text-decoration	: none;
}

#content a:hover, #main a:active, #main a:focus {
	color		: #ee9500;
	text-decoration	: none;
}


/******** Banner *********/

#index_banner {
	margin		: 10px 0 0 0;
}


/******** Image Map *********/

.map { width:754px; height:258px; background-image:url('/common/image/index/obs_index_201011.jpg'); position:relative; z-index:0;}

div.obs_600d { width: 180px; height:120px; position:absolute; cursor:pointer; background-repeat:no-repeat; top:130px; left:0px;}
div.obs_600 { width: 170px; height:120px; position:absolute; cursor:pointer; background-repeat:no-repeat; top:130px; left:180px;}
div.obs_app { width: 200px; height:120px; position:absolute; cursor:pointer; background-repeat:no-repeat; top:130px; left:350px;}

/******** Navigation Bar ***********/

table#index_navi_bar {
	margin		: 5px 0;
	_font-size	: 90%;
	line-height	: 140%;
}

#index_navi_bar td {
	width		: 190px;
	vertical-align	: top;
}

#index_navi_bar .index_navi_title, #index_navi_bar .index_navi_title a, #index_navi_bar .index_navi_title a:visited {
	color		: #F74D02;
	font-weight	: bold;
	text-decoration	: none;
}

#index_navi_bar .index_navi_title a:hover {
	color		: #F74D02;
	font-weight	: bold;
	text-decoration	: underline;
}


.index_navi_title td {
	padding		: 5px 0;
}

.index_navi_text {
	color		: #666666;
}

.index_navi_text td {
	padding-right	: 5px;
}



/******** Topics Box ***************/

#topics_box {
	/*border: 1px solid #d4d4d4;*/
	border-collapse:collapse;
	margin: 15px 0;
}


#topics_left {
	vertical-align: top;
	/*border: 1px solid #d4d4d4;*/
	padding: 10px;

	_width: 700px;
}

.topic_row {
	vertical-align	: top;
}

.topic_row td {
	padding		: 3px;
	color		: #666666;
}

/*#topics_left a{
	color		: #666666;
	text-decoration	: none;
}

#topics_left a:hover, #topics_left a:active {
	color		: #e9697e;
	text-decoration	: underline;
}*/

.topic_spacer img {
	margin-top	: 4px;
}


#pickup_news {
	vertical-align	: top;
	/*border-left	: 1px solid #ddd;*/
	/*border		: 1px solid #d4d4d4;*/
	padding		: 10px 10px 10px 10px;
	_padding	: 10px 10px 10px 10px;
	vertical-align	: top;
	width		: 300px;
	_width		: 310px;
	_font-size	: 90%;
}

/*
.news_head, #main .news_head a, #main .news_head a:visited {
	font-weight	: bold;
	color		: #4c6b97;
}
*/

.news_text {
	color		: #666666;
}

.apology p {
	margin-top:10px;
	padding:10px;
	border:solid 1px #c60;
	text-align: center;
	background-color: #FFE4C4;
}
/******** product Box ***************/

#product_box {
	/*border		: 1px solid #d4d4d4;*/
	border-collapse:collapse;
	margin		: 15px 0;
}


#product_left {
	vertical-align	: top;
	/*border		: 1px solid #d4d4d4;*/
	padding		: 10px;

	_width		: 700px;
}

.product_row {
	vertical-align	: top;
}

.product_row td {
	padding		: 3px;
	color		: #666666;
}

/*#product_left a{
	color		: #666666;
	text-decoration	: none;
}

#product_left a:hover, #product_left a:active {
	color		: #e9697e;
	text-decoration	: underline;
}*/

.product_spacer img {
	margin-top	: 4px;
}


#product {
	vertical-align	: top;
	border		: 1px solid #d4d4d4;
	padding		: 10px 10px 10px 10px;
	_padding	: 10px 10px 10px 10px;
	vertical-align	: top;
	width		: 300px;
	_width		: 310px;
	_font-size	: 90%;
}

.news_head, #main .news_head a:link, #main .news_head a:visited {
	font-weight	: bold;
	color		: #0076B8;
}
#main .news_head a:hover, #main .news_head a:active {
	font-weight	: bold;
	color		: #ee9500;
}

.news_text {
	color		: #666;
}

.apology p {
	margin-top:10px;
	padding:10px;
	border:solid 1px #c60;
	text-align: center;
	background-color: #FFE4C4;
}

/* 画像マウスオーバー時に透明 */
.opacity a:hover img{
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}
