@charset "utf-8";


/* グローバル設定************************************************/
*{
	font-family: Verdana, 'メイリオ',	'Meiryo',"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
html,body{
	height:100%;
}
body {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
/*Import
@import url("");*/

/******************ClearFix************/
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
min-height:1px;
}
* html .clearfix {
height:1px;
}
/***********************************************/

div.center{
	background: #FFFFFF url(../../global/images/headbg.gif) repeat-x;
}



/* 全体のリンク動作設定******************************************************/
a,a:link,a:visited{
	color: #333333;
}
a:hover{
	text-decoration: underline;
	color: #666666;
}

/*イメージボタンがロールオーバー時に薄くなるように設定*/
#maincont a:hover img,
#direct-menu a:hover img{
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
}


/* 右側のリンク基本動作設定*/
#maincont-r a,#maincont-r a:link,#maincont-r a:visited{
	text-decoration: none;
	color: #333333;
}

#maincont-r a:hover{
	text-decoration: underline;
	color: #666666;
}


/*エリア配置設定******************************************************/
/*サイトの横幅（パンくずが影響する)*/
#c-size{
	width: 800px;
}
/*背景に線を引くため用*/
.content-bg{
	height: auto;
}

#mainhead {
	margin: 0px;
	padding: 0px;
	z-index: 0;
	border-top: 1px none #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px none #999999;
}

#maincont{
	text-align: left;
	margin-top: 10px;
	padding: 0px;
	height:100%;
}
/*ダイレクトメニューはHomeのダイレクトメニュー*/
#direct-menu{
	background-image: url(../../home_top/images/home_direct_bg.gif);
	background-repeat: no-repeat;
	height: 55px;
	padding-top: 3px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9EACC9;
	border-right-color: #516592;
	border-bottom-color: #516592;
	border-left-color: #9EACC9;
}
/*左側の領域*/
#maincont-l{
	text-align: left;
	margin: 0px;
	width: 160px;
	padding: 0px;
	float: left;
	height:100%;
}
/*基本的にコンテンツが入っている場所*/
#maincont-center{
	width: 610px;
	height:100%;
	float: left;
	margin-bottom: 40px;
}




/*右側のメニュー領域*/
#maincont-r{
	margin:0px;
	text-align: left;
	width: 180px;
	height:100%;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainfooter{
	clear: both;
	float: none;
	background-image: url(../../global/images/footbg.gif);
	background-repeat: repeat-x;
	height: 100px;
}

#searcharea {
	position: relative;
	margin: 0px;
	padding: 2px 10px;
	text-align: left;
	border-top: #CCCCCC;
	border-right: #CCCCCC;
	border-bottom: #CCCCCC;
	border-left: #CCCCCC;
}

/*メイン広告エリア(上側にある大きめのバナー)******************************************************/
#mainad{
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#mainad img{
	vertical-align:bottom;
}
#mainad table.moduletable td{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/*製品ページ用メイン広告エリア下部のメインメニュー*/
#mainad table.moduletable-prodmenu{
	width: 100%;
	height: 20px;
	background-image: url(../../global/images/prod_mainmenu_bg.gif);
	background-repeat: no-repeat;
	border: 1px solid #000000;
	margin-bottom: 20px;
}

#mainad table.moduletable-prodmenu table td{
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-repeat: repeat-x;
}

#mainad table.moduletable-prodmenu a.mainlevel{
	margin: 0px;
	display: block;
	float: left;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 32px;
	background-repeat: no-repeat;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-image: url(../../global/images/prod_mainmenu_nomal_bg.gif);
	border-right-width: 1px;
	border-right-style: solid;
	font-size: 12px;
}

#mainad table.moduletable-prodmenu a:hover.mainlevel{
background-image: url(../../global/images/prod_mainmenu_over_bg.gif);
}

/*メインコンテンツ内のバナーエリア20080326更新******************************************************/
#bn-area{
	margin-bottom: 5px;
}

#bn-area table.moduletable-bnr{
	margin: 0px;
	padding: 0px;
	width: 100%;	

}
#bn-area table.moduletable-bnr td{
	text-align: center;

}

/*サイトヘッダレイアウト******************************************************/

#siteid{
	float: left;
	width: 250px;
	height: 33px;
	text-align: left;
}
#headsub{
	vertical-align: middle;
	width: 435px;
	float: left;
	height: 35px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#headmain{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 600px;
	text-align: left;
}
#headmisc{
	float: right;
	margin: 0px;
	padding: 0px;
	height: 28px;
}


#search{
	float: right;
	height: 33px;	/*height: 22px;
	font-size: 10px;*/
}
/*ヘッダメインメニュー設定******************************************************/


table.moduletable-mainmenu ul li{
	display:inline;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

table.moduletable-mainmenu ul{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

table.moduletable-mainmenu{	
	margin: 0px;

}

table.moduletable-mainmenu td{
	font-size: 12px;
	line-height: 22px;
	background-repeat: no-repeat;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
table.moduletable-mainmenu a{
	float:left;
	color:#333333;
	display:block;
	/*height: 22px;*/
	padding-right: 15px;
	padding-left: 15px;
	border-top-color: #D7D7D7;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	border-left-color: #D7D7D7;
	margin: 0px;
	border-left-width: 1px;
	border-left-style: solid;	
}

table.moduletable-mainmenu ul li a:hover{
	float:left;
	display:block;
	background-image: url(../../global/images/mainmenu_bg_over.gif);
	background-repeat: repeat-x;
}

/*メインメニュアクティブ時*/

table.moduletable-mainmenu a#active_menu,
table.moduletable-mainmenu a:hover#active_menu,
table.moduletable-mainmenu a:visited#active_menu{
background-image: url(../../global/images/mainmenu_bg_active.gif);
background-repeat: repeat-x;
}

/*検索フォーム*******************************************************/
input#mod_search_searchword{
	color: #333333;
	background-color: #EEF5FD;
}
#mod_search_searchword {
	width: 100px;
	margin-right: 6px;
	margin-top: 3px;
}

#search table.moduletable td{
}

/*ヘッダサブメニューの設定******************************************************/

table.moduletable-headsub{
	width: 100%;
}

table.moduletable-headsub td{
	/*line-height: 22px;*/
	text-align: right;
	height: 25px;
}

#headsub ul{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#headsub ul li{
	display:inline;
}

#headsub a{
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 10px;
}

/*パンくず*****************************************************/
#pathway{
	font-size: 10px;
	text-align: left;
	text-indent: 5px;
	margin-bottom: 10px;
}

/*フッタレイアウト*****************************************************/
#footmain{
	width: 800px;
	text-align: left;
}
#footsub{
	width: 800px;
	text-align: right;
}

/*フッタメインの設定******************************************************/
table.moduletable-footmain td{
	font-size: 10px;
	/*line-height: 22px;*/
	text-align: left;
	height: 16px;
}

#footmain ul{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#footmain ul li{
	display:inline;
}

#footmain a{
	padding-right: 5px;
	padding-left: 5px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-top-color: #C0C0C0;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 10px;
}

/*フッタサブの設定******************************************************/
table.moduletable-footsub{
	width: 800px;
}
table.moduletable-footsub td{
font-size: 10px;
text-align: right;
}

/* ヘッダフッタメニューのリンク基本動作設定*/
#mainmenu a,#mainmenu a:link,#mainmenu a:visited{
	text-decoration: none;
}

#mainmenu a:hover{
	text-decoration: underline;
}
#mainfooter a,#mainfooter a:link,#mainfooter a:visited{
	text-decoration: none;
}

#mainfooter a:hover{
	text-decoration: underline;
}



/*右側コンテント基本のデザイン設定(ミニバナーや、RSS配信)******************************************************/
#maincont-r table.moduletable-bnr{
	width: 100%;
	margin-bottom: 10px;
}
#maincont-r table.moduletable-bnr td{
	text-align: center;
}
#maincont-r table.moduletable-bnr th{
	font-size: 14px;
	display: block;
	color: #333333;
	background-image: url(../../global/images/h2header_bg.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #CCCCCC;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	width: auto;
	}
	
/*mtable180フラット基本のデザイン設定******************************************************/

#maincont-r .moduletable{
	width: 165px;
	padding: 0px;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#maincont-r .moduletable th{
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	padding-top: 4px;
	text-align: left;
	color: #333333;
	padding-left: 18px;
	background-image: url(../../global/images/mtable_head_bg.gif);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#maincont-r .moduletable TD{
	padding: 3px;
	background-color: #F9F9F9;
	/*background-image: url(../../global/images/syasen_bg.gif);*/
	background-repeat: repeat;
	font-size: 10px;
}

#maincont-r .moduletable ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#maincont-r .moduletable li{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style-type: none;
	padding: 0px;
	width: 154px;
}

#maincont-r .moduletable .contentpaneopen td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#maincont-r .moduletable a{
	background-image: url(../../global/images/submenu_dot.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	display: block;
	background-position: 0px -3px;
}
#maincont-r .moduletable a:hover{
	display: block;
}

/*mtable180フラットメインメニューのデザイン設定******************************************************/

#maincont-r table.moduletable-menu{
	width: 165px;
	padding: 0px;
	background-image: url(../../global/images/r_menu_bg_white.jpg);
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5B7DA4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;
	float: none;
}



#maincont-r table.moduletable-menu th{
	font-size: 12px;
	padding-bottom: 5px;
	padding-left: 4px;
	font-weight: bold;
	padding-top: 5px;
	height: 20px;
	text-align: left;
	color: #FFFFFF;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;	
	background-image: url(../../global/images/mtable_headbg_blue.gif);
	background-repeat: repeat;
	
}

#maincont-r table.moduletable-menu TD{
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#maincont-r table.moduletable-menu ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#maincont-r table.moduletable-menu li{
	margin-top: 0px;
	margin-bottom: 5px;
	list-style-type: none;
	padding: 0px;
	width: 160px;	
}

#maincont-r table.moduletable-menu .contentpaneopen td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#maincont-r table.moduletable-menu a.mainlevel{
	display: block;
	background-image: url(../../global/images/submenu_cursor.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	color: #333333;
	background-position: 3px;
	line-height: 12px;
	background-color: #EDEDED;
	font-size: 12px;
}

#maincont-r table.moduletable-menu span.mainlevel{
	display: block;
	background-image: url(../../global/images/submenu_cursor.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	color: #516B88;
	background-position: 3px 5px;
	line-height: 10px;
	background-color: #E4E4E4;
	font-size: 10px;
	font-weight: bold;
	border-right-color: #CCCCCC;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#maincont-r table.moduletable-menu a.sublevel{
	display: block;
	padding-left: 15px;
	color: #666666;
	background-image: url(../../global/images/submenu_cursor_sublevel.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	font-size: 10px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	line-height: 15px;
	margin-left: 5px;
	border: 1px none #CCCCCC;
}

#maincont-r table.moduletable-menu a:hover{
	display: block;
	color: #333333;
	background-color: #DEE4EF;
}

#maincont-r table.moduletable-menu div{
	background-color: #EDEDED;

}
#maincont-r table.moduletable-menu table{
	border: 1px solid #CCCCCC;

}

/*TRANS MENU STYLES200802*/
.transMenu .sub-mainmenu,
.transMenu .sublevel-mainmenu{
	margin: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	
}
.transMenu tr.item td{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.transMenu tr.item:hover{
	background-color: #DBE2EE;
}

/*ギャラリーバナー用デザイン081100*/
table.moduletable-gallery{
	width: 167px;
	background-color: #333333;
	margin-bottom: 10px;
	margin-left: 8px;
}table.moduletable-gallery td {
	padding: 2px;
}
table.moduletable-gallery th {
	background-color: #000000;
	color: #CCCCCC;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

/*右側の領域幅をIE6対策で修正200912*/
/*右側のメニュー領域*/
#maincont-r{
	width: 170px;
}
#maincont-r table.moduletable-bnr{
	margin-left:7px;
}

#maincont-r table.moduletable{
	margin-left: 8px;
}