@charset "euc-jp";

/* 20110511 */
/* http://data.shop-info.com/css/unit.css */
/* 上記URLにあったcssファイルを移設 */
/* 同時にアクセシビリティ・ユーザビリティ改訂用に追記(下部) */
/* 作業担当：横坂 */

#wrapper{
	background-color:#ffffff;
	width:750px;
}

/*
#headblock {
	border-top:solid 3px #003399;
	border-bottom:solid 3px #003399;*/
	background-color:#666666;*/
	width:100%;
}
/*

/*
#headblock table{
	margin:0px;
	background-color:#ffffff;
}
*/

/*
#headblock .logo_td{
	padding:5px 5px 5px 5px;
	border:3px #666666 solid;
	border:#666666 double;

	background-color:#ffffff;
	width:1%;
}
*/

/*
#headblock table .unitblock_td{
	padding:10px 0px 10px 0px;
	background-color:#666666;
}
*/

/*
#headblock .unitblock{
	margin:10px 0px;
	padding:10px 0px;
	border-left:10px solid #cccccc;
	background-color:#ffffff;
}
*/
/*
#headblock .unitblock_no_logo{
	margin:5px 0px 5px 5px;
	padding:10px 0px;
	border-left:10px solid #cccccc;
	background-color:#ffffff;
}
*/
/*
#headblock h1{
    margin:0px;
	text-align:center;
	font-size:130%;
}

#headblock h2{
    margin:0px 0px 5px 20px;
	font-size:90%;
}

#headblock h3{
    font-weight:normal;
	font-size:90%;
	margin:5px 0px 5px 20px;
	color:#666666;
}
*/
#unit_container{
	background-color:#ffffff;
}

.block_table{
    width:100%;
    margin-bottom:10px;
    font-size:15px;
}


.block_table .left_td{
    width:150px;
    vertical-align:top;
}

.block_table .right_td{
    border-top:1px #666666 solid;
    padding-top:10px;
}

.to_top{
	text-align:right;
}


.menu a:link,.menu a:visited,.menu a:active, .menu a:hover {
    color:#333333;
}


.menu{
/*    margin-top:5px;*/
    width:100%;
    background-color:#ffffff;
}


.menu dt{
/*    background-color:#999999;*/
/*    color:#ffffff;*/
    font-weight:bold;
    border-left:10px #666666 solid;
    padding-left:10px;
}

.menu dd{
    font-size:14px;
    margin-left:0px;
    padding-left:2px;
    border-left:5px #666666 solid;
    line-height:150%;
}

.menu .menu_mark{
    font-size:13.5px;
    margin-right:5px;
}

.bc_info{ background-color:#999999; color:#ffffff; margin-top:5px;}

.c_os{ color:#ff0000; }
.bc_os{ background-color:#ff0000; color:#ffffff;}

.c_data{ color:#99cc00; }
.bc_data{ background-color:#99cc00; color:#ffffff;}

.c_access{ color:#0099cc; }
.bc_access{ background-color:#0099cc; color:#ffffff;}

.c_act{ color:#ff3333; }
.bc_act{ background-color:#ff3333; color:#ffffff;}

.c_job{ color:#663399; }
.bc_job{ background-color:#663399; color:#ffffff;}

.c_goods{ color:#ff9900; }
.bc_goods{ background-color:#ff9900; color:#ffffff;}

.c_rel{ color:#ffff00; }
.bc_rel{ background-color:#ffff00; color:#000000;}

.c_link{ color:#009966; }
.bc_link{ background-color:#009966; color:#ffffff;}

.c_board{ color:#cc9933; }

.c_mailto { color:#3300cc; }

.bc_askto{ background-color:#666666; color:#ffffff;}

.c_uevent { color:#999999; }



.pr table{
/*	letter-spacing:1.1em;*/
    font-size:15px;
}


.pr .title h3{
    background-color:#eeeeee;
    font-weight:normal;
	margin:0px;
	padding:2px 0px;
border-color:#aaaaaa;
border-style:solid none;
border-width:1px;
    font-size:15px;
}

.pr .title .mark{
    color:#999999;
    margin:0px 5px;
}

.pr_img {
	float:left;
    background-color:#ffffff;
}


.data_table{
    font-size:14.5px;
    width:100%;
    border:solid 1px #aaaaaa;
    border-collapse: collapse;
    line-height:150%;
    background-color:#ffffff;
}

.data_table .item_td{
    width:20%;
    background-color:#eeeeee;
    border-bottom:solid #aaaaaa 1px;
    border-right:solid #aaaaaa 1px;
    padding-left:5px;
}

.data_table .data_td{
    padding-left:5px;
    border-bottom:solid #aaaaaa 1px;
}

.access_content img {
	float:right;
}


.goods_content h3{
	font-size:15px;
	margin:0px auto;
    background-color:#ffffff;
}

.goods_table{
    font-size:14.5px;
    width:100%;
    border:solid 1px #aaaaaa;
    border-collapse: collapse;
    line-height:150%;
    background-color:#ffffff;
}

.goods_table th{
    border:solid 1px #aaaaaa;
    border-collapse: collapse;
    line-height:150%;
    background-color:#eeeeee;
    font-weight:normal;
}

.goods_table td{
    border:solid 1px #aaaaaa;
    border-collapse: collapse;
    background-color:#ffffff;
    vertical-align:top;
    padding-left:5px;
    padding-right:5px;
}

.goods_table .price{
	text-align:right;
}

.act_table{
    font-size:14.5px;
    width:100%;
}

.act_table h3{
    border:1px #aaaaaa;
    border-style:solid none;
    padding:5px 0px 5px 5px;
    font-size:14.5px;
    background-color:#eeeeee;
    margin:0px;
    font-weight:normal;
}

.act_table h4{
    font-size:14.5px;
    margin:0px;
}

.act_table .line{
    margin-top:5px;
    border-top:1px #aaaaaa solid;
    font-size:0px;
}

.act_table .report_border{
    margin-top:5px;
    border-top:1px #aaaaaa dashed;
    font-size:0px;
}

.job_content h3{
	font-size:14.5px;
	margin:0px auto;
	font-weight:normal;
}


.job_table{
    font-size:14.5px;
    width:100%;
    border:solid 1px #aaaaaa;
    border-collapse: collapse;
    line-height:150%;
    background-color:#ffffff;
}

.job_table td{
    border:solid 1px #aaaaaa;
    border-collapse: collapse;
    background-color:#ffffff;
    vertical-align:top;
    padding-left:5px;
    padding-right:5px;
}

.job_table .job_item{
    background-color:#eeeeee;
    width:20%;
}


.link_content{
	margin-left:20px;
	margin-bottom:0px;
}

.link_content li{
	margin-bottom:5px;
	list-style-type:square;
}

.rel_content{
	margin-left:35px;
	margin-bottom:0px;
}

.rel_content li{
	margin-bottom:5px;
	list-style-type:decimal;
}

.cats{
    text-align:center;
    font-size:15px;
}

.unit_footer{
    text-align:center;
    font-size:15px;
}

.os_page_title{
    border:1px solid #666666;
    border-left:10px solid #666666;
    font-size:16px;
    margin:0px 0px 10px 0px ;
    padding:2px 0px 2px 10px;
}

.os_info_block{
    margin:0px 10px 0px 10px;
}

.os_info_block .os_info_title{
    margin:0px;
    padding:3px 10px;
    border:1px #cccccc;
    border-style:solid solid none solid;
    background-color:#cccccc;
    font-weight:bold;
    width:210px;
}

.os_info_block .os_info_content{
    border:1px #cccccc solid;
    margin:0px;
    padding:5px 10px;
}

.os_info_block .data_table{
    width:96%;
    margin-bottom:0px;
}

.os_info_block .data_table .item_td{
    width:20%;
}

.os_goods_table{
    width:100%;
    border:1px solid #666666;
    margin-bottom:0px;
    margin-bottom:5px;
}


.os_goods_table td{
    font-size:14px; 
    padding:2px;
}

.os_goods_table .td2{
    border-style: none solid none solid;
    border-width:1px;
    border-color: #cccccc;
}
.os_goods_table .hinban{
    text-align:left; 
    background-color:#eeeeee;
    padding:4px 0px;
}
.os_goods_table .point{
    color:#666666;
    font-size:12px;
    padding-right:5px;
}

.os_goods_table .hinmei{text-align:left;padding-top:2px;}
.os_goods_table .price{text-align:center;;font-weight:bold;}
.os_goods_table .zaiko{text-align:center;color:#ff0000;}

.os_goods_table .no_img{
    text-align:center;
    color:#666666;
    background-color:#eeeeee;
    font-weight:bold;
    width:70%;
    padding-top:30px;
    padding-bottom:30px;
}


.os_agoods_table{
    border:1px solid #666666;
}

.os_agoods_table .point{
    color:#666666;
    font-size:12px;
    padding-right:5px;
}


.os_agoods_table td{
    font-size:14px; 
}

.os_agoods_table .hinban{
    text-align:left; 
    background-color:#eeeeee;
    padding:4px 0px;
}

.os_agoods_table .hinmei{margin-top:2px;margin-bottom:5px;font-weight:bold;}
.os_agoods_table .zaiko{margin-left:10px;color:#ff0000;}
.os_agoods_table .kanbai_msg{
    color:#ff0000;
    font-weight:bold;
    font-size:20px;
}

/* 2006/08/28 hojo for fussatv */
.cart_table {
    border: solid 1px #666666;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 14px;
}

.cart_table th {
    border-style:solid;
    border-color:#ffffff #333333 #333333 #ffffff;
    border-width:2px;
    background-color: #cccccc;
}

.cart_table td {
    border-style: solid;
    border-color:#ffffff #333333 #333333 #ffffff;
    border-width:1px;
    background-color: #ffffff;
}

.cart_block .cart_content{
    border:1px #cccccc solid;
    margin:0px;
    padding:5px 10px;
}


/* for create_index_block.xsl */
.menu .target_menu{
    background-color:#eeeeee;
}

.block_table .page_title{
    border:1px solid #666666;
    border-left:10px solid #666666;
    font-size:16px;
    margin:5px 0px 10px 0px ;
    padding:2px 0px 2px 10px;
}










/*====================================== 201105アクセシビリティ・ユーザビリティ改定時追加 ======================================*/

#headboxY {
	width: 780px;
	height: 155px;
	display: table;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	_padding: 10px 0 0 0;
	text-align: center;
	border-top: 5px solid #AAA;
	background-image: url(/image/yasamachi.gif);
	background-repeat: no-repeat;
	background-position: right center;
position: relative;
}

#headboxN {
	width: 780px;
	height: 155px;
	display: table;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	_padding: 10px 0 0 0;
	text-align: center;
	border-top: 5px solid #AAA;
position: relative;
}

.headbox_underline {
	width: 100%;
	height: 5px;
	background-color: #AAA;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	clear: both;
	_font-size: 0px;
}

.unit_logo {
	width: 250px;
	height: 150px;
	display: table-cell;
	text-align: center;
	_vertical-align: middle;
	border: 3px double #666;
	/display: inline;
	/zoom: 1;
	padding: 5px;
}

.unit_logo img {
	margin: 0;
	padding: 0;
}


.unit_header_block {
	_width: 460px;
	_height: 150px;
	padding-right: 40px;
	padding-left: 10px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
position: relative;
}



.head_yasamachi_icon {
	float: right;
/*	margin-top: 20px;*/
}


#headboxY h1 {
width: 100%;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 150%;
_position: relative;
_top: 35%;
}

#headboxY h2 {
width: 100%;
_height: 0:
	padding: 0;
	margin: 0;
_position: relative;
_top: 30%;
}

#headboxN h1 {
width: 100%;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 150%;
_position: relative;
_top: 35%;
}

#headboxN h2 {
width: 100%;
_height: 0:
	padding: 0;
	margin: 0;
_position: relative;
_top: 30%;
}


#leftnavi {
	width: 150px;
	float: left;
	background-color: #FCF;
}

.leftbox {
	width: 150px;
	padding: 0;
}

.bc_info {
    background-color: #999999;
    color: #FFFFFF;
    margin-top: 0px;
}

.l_menu a:link,.menu a:visited,.menu a:active, .menu a:hover {
    color:#333333; margin-left: 2px;
}


.l_menu{
	width: 100%;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}


.l_menu dt{
/*    background-color:#999999;*/
/*    color:#ffffff;*/
	font-size: 120%;
	font-weight:bold;
	border-left:10px #666666 solid;
	padding-left:10px;
}

.l_menu dd{
	font-size: 120%;
	margin-left: 0px;
/*	padding-left: 2px;*/
	border-left: 5px #666666 solid;
	line-height: 150%;
}

.left_menu {
	padding-left: 2px;
}

.c_os_sq {
	font-size: 120%;
	color: #ff0000;
	background-image: url(/image/c_os_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_os{ background-color:#ff0000; color:#ffffff;}

.c_data_sq {
	font-size: 120%;
	color: #333;
	background-image: url(/image/c_data_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_data_sq{ background-color:#99cc00; color:#ffffff;}

.c_access_sq {
	font-size: 120%;
	color: #0099cc;
	background-image: url(/image/c_access_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_access{ background-color:#0099cc; color:#ffffff;}

.c_act_sq {
	font-size: 120%;
	color: #333;
	background-image: url(/image/c_act_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_act{ background-color:#ff3333; color:#ffffff;}

.c_job_sq {
	font-size: 120%;
	color: #663399;
	background-image: url(/image/c_job_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_job{ background-color:#663399; color:#ffffff;}

.c_goods_sq {
	font-size: 120%;
	color: #ff9900;
	background-image: url(/image/c_goods_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_goods{ background-color:#ff9900; color:#ffffff;}

.c_rel_sq {
	font-size: 120%;
	color: #ffff00;
	background-image: url(/image/c_rel_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_rel{ background-color:#ffff00; color:#000000;}

.c_link_sq {
	font-size: 120%;
	color: #009966;
	background-image: url(/image/c_link_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_link{ background-color:#009966; color:#ffffff;}

.c_board_sq {
	font-size: 120%;
	color: #cc9933;
	background-image: url(/image/c_board_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.c_mailto_sq {
	font-size: 120%;
	color: #3300cc;
	background-image: url(/image/c_mailto_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.bc_askto{ background-color:#666666; color:#ffffff;}

.c_uevent_sq {
	font-size: 120%;
	color: #999999;
	background-image: url(/image/c_uevent_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.c_ask_sq {
	font-size: 120%;
	color: #999999;
	background-image: url(/image/c_ask_menumark.gif);
	background-position: 3px center;
	_background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}



#main {
	width: 620px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
/*	background-color: #DDEEAA;*/
}

.title h3 {
	background-color: #EEEEEE;
	border-color: #AAAAAA;
	border-style: solid none;
	border-width: 1px;
	font-size: 110%;
	font-weight: normal;
	margin: 0;
	padding: 2px 0 2px 20px;
	background-image: url(/image/hotnews_h3_sq_gray.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}

.hotnews_txt {
	padding: 3px;
	margin-bottom: 20px;
	font-size: 110%;
	line-height: 140%;
}

.hotnews_img {
	text-align: center;
	float: left;
	margin-right: 5px;
}

.to_top {
	text-align: right;
	margin-bottom: 10px;
}

.ev_title h3 {
	background-color: #EEEEEE;
	border-color: #AAAAAA;
	border-style: solid none;
	border-width: 1px;
	font-size: 110%;
	font-weight: normal;
	margin: 0;
	padding: 4px 0 4px 20px;
	background-image: url(/image/c_act_menumark.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}

.news_txt {
	padding: 3px;
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 140%;
}

.news_img {
	text-align: center;
	float: right;
	margin-left: 5px;
}

.other_txt {
	font-size: 110%;
	line-height: 140%;
	border-top: 1px solid #666;
}

.other_img {
	text-align: center;
	float: right;
	margin-left: 5px;
}

.data_table_cap {
	display: none;
}

.data_table .item_td {
	background-color: #EEEEEE;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	padding-left: 5px;
	width: 20%;
	text-align: left;
	font-weight: normal;
}







.LEFTMENU {
	width: 150px;
	float: left;
	background-color: #FCF;
}

.MAINBODY {
	width: 620px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
/*	background-color: #DDEEAA;*/
}



.DATABLOCK {
	width: 150px;
	float: left;
	background-color: #FCF;
}

.DATABLOCK_body {
	width: 620px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
/*	background-color: #DDEEAA;*/
}

.NEWS {
	width: 150px;
	float: left;
	background-color: #FCF;
}

.NEWS_body {
	width: 620px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
/*	background-color: #DDEEAA;*/
}

.LINK {
	width: 150px;
	float: left;
	background-color: #FCF;
}

.LINK_body {
	width: 620px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
/*	background-color: #DDEEAA;*/
}

.ASKTO {
	width: 150px;
	float: left;
	background-color: #FCF;
}

.ASKTO_body {
	width: 620px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
/*	background-color: #DDEEAA;*/
}