*
{
	margin:0px;
	padding:0px;
}

BODY	{
	margin:0px;
	font-size:12px;
	font-family:"MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", sans-serif;
	background-image:url(../images/base/background.png);
	background-repeat:repeat-x;
	background-position:center 20px;
}

hr
{
	border:none;
	border-top:1px dotted #00CC66;
}

strong{
	font-weight:normal;
}

em{
	font-style:normal;
}

IMG		{border-width:0px;}
div		{
	display:inline;
	float:left;
	background-repeat:no-repeat;
}
b		{color:#007700;}

h1	{
	font-size:18px;
}

.bold
{
	font-weight:bold;
}

.focus
{
	color:#D60050;
}

div.caution
{
	background-image:url(../images/base/caution.png);
	text-align:left;
	padding-left:35px;
	line-height:32px;
}

div.summary {
	display:block;
	background-image:url(../images/base/footer_bg.png);
	background-repeat:repeat;
	color:#FFFFFF;
	font-weight:normal;
	float:none;
	padding-left:10px;
	line-height:20px;
}

div.summary  h1{
	display:inline;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
}

.error{
	color:#FF0000;
}

.sub
{
	font-size:0.8em;
	color:#4D350B;
}

table
{
	text-align:left;
}

table th, table td
{
	padding:5px;
}

table tbody th
{
	background-color:#c7e3bd;
}

table form
{
	display:inline;
}

#container
{
	display:block;
	width:950px;
	margin:0px auto;
	float:none;
}

#title
{
	background-image:url(../images/base/title_bg.png);
	height:106px;
	width:950px;
}

#title img
{
	float:left;
}

#title .search
{
	background-image:url(../images/base/head_search_bg.png);
	float:right;
	height:106px;
	width:327px;
}

#title .search table
{
	margin-left:60px;
	margin-top:8px;
	width:300px;
	font-size:11px;
}

#title .search table th, #title .search table td
{
	text-align:left;
	vertical-align:top;
	line-height:11px;
	height:11px;
	padding:0px;
}

/* global menu*/
#g_menu
{
	width:500px;
	float:left;
}

#g_menu li
{
	list-style:none;
	float:left;
}

#g_menu ul li a
{
	display:block;
	background-image:url(../images/g_menu/menu.png);
	width:133px;
	height:45px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	line-height:37px;
}

#g_menu ul li a:hover
{
	background-position:0px -45px;
}

/* material analytics */
#analytics
{
	width:450px;
	line-height:50px;
	text-align:right;
}

/* search window */
#search
{
	background-image:url(../images/base/search_bg.png);
	height:150px;
	width:950px;
}

#search .box
{
	margin-left:280px;
	margin-top:15px;
}

#search .box table
{
	width:400px;
}

#search .box table th
{
	width:110px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
}

#search .box table th, #search .box table td
{
	line-height:20px;
	padding:0px;
}

/* columns */
#contents_left
{
	width:750px;
	float:left;
}

#contents_right
{
	width:200px;
	float:left;
}

/* about */
#contents_left #about
{
	width:360px;
	background-image:url(../images/contents/top/top_content.png);
	background-position:0px -232px;
	margin-left:10px;
	float:left;
}

#contents_left #about .body
{
	margin:1px;
	margin-left:2px;
	margin-top:35px;
	border:1px solid #CCCCCC;
}

#contents_left #about .body .text
{
	margin:5px;
}

/* menu on right are */
#contents_right .menu
{
	width:200px;
}

#contents_right .menu .top
{
	background-image:url(../images/base/side_menu_t.png);
	width:200px;
	height:37px;
}

#contents_right .menu .middle
{
	background-image:url(../images/base/side_menu_m.png);
	background-repeat:repeat-y;
	width:200px;
}

#contents_right .menu .middle .text
{
	margin:10px;
}

#contents_right .menu .middle .text ul
{
	margin-left:20px;
}

#contents_right .menu .bottom
{
	background-image:url(../images/base/side_menu_b.png);
	width:200px;
	height:18px;
	margin-bottom:10px;
}

#contents_right .menu #banners
{
	width:200px;
	text-align:center;
}

#contents_right .promotion
{
	text-align:center;
}

#contents_right .banners
{
	margin-left:3px;
}

#contents_right .banners a.request
{
	display:block;
	background-image:url(../images/base/side_banners.png);
	width:193px;
	height:80px;
}

#contents_right .banners a.request:hover
{
	background-position:0px -80px;
}

/* bottom */
#bottom
{
	background-image:url(../images/base/bottom_bg.png);
	width:100%;
	background-repeat:repeat;
}

#bottom .body
{
	width:950px;
	margin:10px auto;
	float:none;
	display:block;
}

#bottom .body .square
{
	width:750px;
}

/* footer */
#footer
{
	background-image:url(../images/base/footer_bg.png);
	height:50px;
	width:100%;
	background-repeat:repeat;
	color:#FFFFFF;
	text-align:center;
}

#footer a
{
	color:#FFFFFF;
}

#footer .menu
{
	display:block;
	float:none;
	margin:10px;
	text-align:center;
	width:auto;
}

h2.summary {
	height:170px;
	width:570px;
	margin:15px 20px;
	font-size:1.0em;
	font-weight:normal;
	line-height:1.3em;
}

/* supplier's menu*/

#supplier_menu{
	position:absolute;
	left:200px;
	top:20px;
	z-index:9999;
}

#supplier_menu div{
	height:60px;
}

#supplier_menu div.area{
	width:720px;
}

#supplier_menu div.left{
	background-image:url(../images/g_menu/mbr_logoutmenu_l.png);
	width:185px;
}

#supplier_menu div.center{
	background-image:url(../images/g_menu/mbr_logoutmenu_c.png);
	background-repeat:repeat-x;
}

#supplier_menu div.right{
	background-image:url(../images/g_menu/mbr_logoutmenu_r.png);
	width:15px;
}

#supplier_menu #contents div{
	width:95px;
}

#supplier_menu #contents div.area{
	background-image:url(../images/g_menu/mbr_stext_bg.png);
	background-repeat:repeat-x;
	height:25px;
	margin-top:5px;
}

#supplier_menu #contents div.text{
	margin-top:3px;
	text-align:center;
	font-size:9pt;
}


/*------------------*/
/* supplier profile */
/*------------------*/

#profile{
	width:580px;
	border:5px solid #666666;
	background-color:#FFFFFF;
}

#profile .body{
	width:570px;
	margin:10px;
}

#profile .body ul{
	margin-top:0px;
}

/*----------------*/
/* search menu    */
/*----------------*/
#search div.top{
	background-image:url(../images/g_menu/m_search_t.png);
	width:130px;
	height:45px;
	background-repeat:no-repeat;
}

#search div.middle{
	background-image:url(../images/g_menu/m_search_m.png);
	width:130px;
	background-repeat:repeat-y;
}

#search div.bottom{
	background-image:url(../images/g_menu/m_search_b.png);
	width:130px;
	height:35px;
	background-repeat:no-repeat;
}

#search div.body{
	margin:5px;
}


/*----------------*/
/* supplier's menu*/
/*----------------*/
#category div{
	width:130px;
}

#category div.area{
}

#category div.top{
	background-image:url(../images/g_menu/m_category_t.png);
	height:55px;
}

#category div.middle{
	background-image:url(../images/g_menu/m_category_m.png);
	background-repeat:repeat-y;
}

#category div.bottom{
	background-image:url(../images/g_menu/m_category_b.png);
	height:30px;
}

#category div.contents{
	width:125px;
	margin-left:5px;
}


#body div.area{
	width:1200px;
}

#body #left div.area{
	width:130px;
}

#body #right div.area{
	display:inline;
	float:left;
	width:770px;
	margin-left:15px;
	margin-top:20px;
}

#body #right #body div.area{
	width:690px;
	margin-top:0px;
	margin-left:15px;
}

#body #adsense div.area{
	width:195px;
	text-align:center;
}

#body #adsense #body div.area{
	margin-left:15px;
	width:180px;
}

/* for form */
form div.label{
	width:130px;
}

/* ranking area */
#body #right #ranking
{
	display:block;
	margin-top:120px;
}

#body #right #ranking div.top{
	background-image:url(../images/contents/top/rankarea_t.png);
	height:30px;
	width:770px;
}

#body #right #ranking div.middle{
	background-image:url(../images/contents/top/rankarea_m.png);
	width:770px;
	background-repeat:repeat-y;
	text-align:center;
}

#body #right #ranking div.body{
	top:100px;
	margin:0px 20px;
}

#body #right #ranking #cell div.area{
	background-image:url(../images/contents/top/rank_bg.png);
	width:240px;
	height:320px;
	margin:0px;
	text-align:center;
}

#body #right #ranking #cell div.text{
	margin-left:20px;
	margin-top:40px;
	width:205px;
	line-height:35px;
	text-align:left;
}

#body #right #ranking #cell div.text img{
	font-size:9px;
}

/* for update information */
#body #right #ranking #cell div.info{
	margin-left:15px;
	margin-top:25px;
	width:210px;
	height:235px;
	text-align:left;
	font-size:12px;
}

#body #right #ranking #cell div.date{
	width:80px;
}

#body #right #ranking #cell div.content{
	width:110px;
}

#body #right #ranking #cell img{
	vertical-align:middle;
}

#body #right #ranking #cell div.new_image{
	margin:0px;
	text-align:center;
}

#body #right #ranking #cell div.new_image a{
	display:block;
	height:32px;
	width:32px;
	text-align:center;
	float:left;
	margin:3px;
}

#body #right #ranking #cell img.new_image{
	margin:0px;
}

/*-----参加ランキング用-----*/

#body #right #ranking #cell2 div.area{
	background-image:url(../images/contents/top/adrank_t_bg.png);
	background-repeat:no-repeat;
	width:720px;
	margin:0px;
	text-align:left;
}

#body #right #ranking #cell2 div.text_bg1{
	background-image:url(../images/contents/top/adrank_c_bg.png);
	background-repeat:repeat-y;	
	margin:0px;
	padding:0px;
	width:720px;
	text-align:left;
}
#body #right #ranking #cell2 div.text_bg2{
	background-image:url(../images/contents/top/adrank_b_bg.png);
	background-repeat:no-repeat;	
	margin:0px;
	padding:0px;
	width:720px;
	text-align:right;
}

#body #right #ranking #cell2 div.text{
	margin-left:15px;
	margin-top:15px;
	width:720px;
	line-height:35px;
	text-align:left;
}

#body #right #ranking #cell img{
	vertical-align:middle;
}

#body #right #ranking #cell img.new_image{
}

.rss_feed{
	width:90px;
}

.rating_bg{
	width:200px;
	height:20px;
	background-image:url(../images/base/star_wh.png);
	background-repeat:repeat-x;
	background-position:left top;
	margin-left:5px;
}

.rating{
	height:20px;
	background-image:url(../images/base/star_ye.png);
	background-repeat:repeat-x;
	background-position:left top;
}

#supplier_info_area div.body
{
	margin:10px;
}

#detail_material_bar .bg{
	width:200px;
	height:5px;
	background-color:#0099FF;
	margin-left:5px;
	margin-top:20px;
	position:relative;
}

#popup_material_bar .bg{
	width:200px;
	height:5px;
	background-color:#0099FF;
	margin-left:5px;
	margin-top:20px;
	position:relative;
}

#detail_material_bar img{
	position:absolute;
}

.flashcontent{
	margin-left:20px;
}

#popup_material_bar img{
	position:absolute;
}

#popup div.body{
	margin:10px;
}

/* for raking page */
#ranking_more{
	width:770px;	
}

#ranking_more .top{
	background-image:url(../images/contents/top/rank_more_t_bg.png);
	width:770px;
	height:20px;
}

#ranking_more .bottom{
	background-image:url(../images/contents/top/rank_more_b_bg.png);
	width:770px;
	height:20px;
}

#ranking_more .body{
	background-image:url(../images/contents/top/rank_more_m_bg.png);
	background-repeat:repeat;
	width:770px;	
}


#ranking_more div.row{
	width:710px;
	border:solid #006633;
	border-width:0px 0px 1px 0px;
	margin:10px 30px;
}

#ranking_more div.rank{
	width:50px;	
}

#ranking_more div.value{
	width:50px;
}

#ranking_more div.banner{
	width:100px;	
}

#ranking_more div.about{
	width:500px;
}

/*-----clear-----*/

.clear{
	clear:both;
}

/* navigation control */

#navigation div.area{
	width:740px;
	text-align:center;
	font-weight:bold;
}

#navigation div.body{
	width:740px;
	text-align:center;
	font-weight:bold;
	float:none;
}

#navigation div.button{
	width:40px;
	height:40px;
}

#navigation div.navi_line{
	width:660px;
}

#navigation div.navi_line a{
	display:block;
	width:30px;
	height:30px;
	border:1px solid #CCCCCC;
	text-decoration:none;
	line-height:30px;
	float:left;
	margin:2px;
	font-size:15px;
	text-align:center;
}

#navigation img{
	vertical-align:middle;
}

/* the window which shows information of supplier  */
#supplier_info_area{
	position:absolute;
	left:155px;
	top:310px;
	background-image:url(../images/contents/top/siteinfo_bg.png);
	background-repeat:repeat;
	text-align:left;
	z-index:9999;
	width:750px;
	height:400px;
}

/* links to external web site. */
#external_link{
	width:180px;
	text-align:center;
	font-size:12px;
}

/* button property */
a.button
{
	display:block;
}

/* button for add */
a.add{
	display:block;
	background-image:url(../images/base/regist.png);
	width:276px;
	height:65px;
	float:right;
}

a.add:hover{
	background-position:0px 65px;
}

/* button to request */
a.b_request
{
	background-image:url(../images/base/button/b_request.png);
	width:180px;
	height:76px;
	margin:0px auto;
	margin-top:10px;
}

a.b_request:hover{
	background-position:0px 76px;
}

/* table for form */
table.form .submit
{
	text-align:center;
	line-height:50px;
}

table.form form
{
	display:inline;
}

/* ul style */
ul.pencil
{
	list-style:none;
	margin-left:20px;
}

ul.pencil li
{
	padding-left:35px;
	background-image:url(../images/base/icon_pen.png);
	background-repeat:no-repeat;
	line-height:35px;
}

ul.zigzag
{
	list-style:none;
	margin-left:20px;
}

ul.zigzag li
{
	padding-left:25px;
	background-image:url(../images/base/icon_zigzag.png);
	background-repeat:no-repeat;
	line-height:20px;
}