@charset "utf-8";
/*==========================

	最終更新日：11/6/21

	TOPページ

==========================*/

/*-- contents↓ --*/

.contents{
	clear:both;
	width:920px;
	float:left;
	margin:0 0 15px;
	padding:0;
}

#contents_left{
	width:235px;
	float:left;
}

#contents_right{
	font-size:0.9em;
	width:670px;
	float:right;
}

.contents_top_left{
	width:235px;
	float:left;
}

.contents_top_center{
	width:465px;
	float:left;
	margin-left:10px;
}
.contents_top_right{
	width:200px;
	float:right;
}

/*-- contents↑ --*/

/*-- titlebar↓ --*/

.title_h2_topics{
	margin-bottom:0;
	text-indent:-9800px;
	background:#006767 url(../images/title_h2_top_topics.gif) no-repeat left top;
}

.title_h2_movie{
	text-indent:-9800px;
	background:#006767 url(../images/title_h2_top_movie.gif) no-repeat left top;
}

.title_h2_mail-news{
	text-indent:-9800px;
	background:#006767 url(../images/title_h2_top_mail-news.gif) no-repeat left top;
}

.title_h2_seihin{
	text-indent:-9800px;
	background:#006767 url(../images/title_h2_top_seihin.gif) no-repeat left top;
}

/*-- titlebar↑ --*/

/*-- ↓FLASH --*/

#top_flash{
	width:710px;
	height:220px;
	float:left;
	margin-bottom:10px;
}

a#top_ihou_img{
	display:block;
	width:200px;
	height:220px;
	margin:0 0 10px;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
	background:url(../images/top_ihou_img.jpg) no-repeat left top;
}

a#top_ihou_img:hover{
	background:url(../images/top_ihou_img.jpg) no-repeat left bottom;
}

/*-- FLASH↑ --*/

/*-- ↓トピックス／ナビレター／ビデオ／事例紹介 共通 --*/

.box_glay{
	width:99%;
	background:#EFEFEF;
	border:1px solid #CCCCCC;
}

/*-- トピックス／ナビレター／ビデオ／事例紹介 共通↑ --*/

/*-- ↓ナビレター --*/

#mail_news_link{
	height:22px;
	font-size:0.8em;
	padding-left:35px;
	background:url(../images/icon_top_mail-news.gif) no-repeat 2px -2px;
}

#mail_news_link a:link,
#mail_news_link a:visited{
	text-decoration:none;
}

#g-seach{
	width:235px;
	/*height:30px;*/
	margin:0 0 15px;
	padding:0;
	overflow:hidden;
}

#g-seach #g-logo{
	width:60px;
	margin:0;
	padding:0;
}

#g-seach #g-text{
	width:60px;
	margin:-4px 0 0 0;
	padding:0;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

#g-seach #g-form{
	width:170px;
	float:right;
	margin:0;
	padding:2px 0 0;
}

#g-seach #g-form input#seach_box{
	width:125px;
	height:16px;
	margin:0;
	padding:0;
	vertical-align:top;
	border:solid 1px #999999;
}

#g-seach #g-form input#seach_btn{
	width:35px;
	height:18px;
	margin:0 0 0 -6px;
	padding:0;
	font-size:12px;
	cursor:pointer;
	vertical-align:top;
	border:solid 1px #999999;
	background:#ffffff;
}

/*-- ナビレター↑ --*/

/*-- ↓ビデオギャラリー --*/

#title_h3_movie{
	margin:5px 0 0 0;
	padding:0;
	height:65px;
	text-indent:-9800px;
	border-bottom:none;
	background:url(../images/title_h3_movie.gif) no-repeat left top;
}

#movie_btn1 a{
	display:block;
	text-indent:-9800px;
	width:214px;
	height:36px;
	margin-left:10px;
	margin-bottom:3px;
	background:url(../images/movie_btn1.gif) no-repeat left top;
}
#movie_btn1 a:hover{
	background:url(../images/movie_btn1.gif) no-repeat left -36px;
}
#movie_btn2 a{
	display:block;
	text-indent:-9800px;
	width:214px;
	height:36px;
	margin-left:10px;
	margin-bottom:8px;
	background:url(../images/movie_btn2.gif) no-repeat left top;
}
#movie_btn2 a:hover{
	background:url(../images/movie_btn2.gif) no-repeat left -36px;
}


/*-- ビデオギャラリー↑ --*/

/*-- ↓事例紹介 --*/

.seihin_list{
	width:200px;
	margin-top:20px;
	text-align:center;
}

.seihin_list img{
	border:solid 1px #CCCCCC;
}

/*-- 事例紹介↑ --*/

/*-- トピックス↓ --*/

/*トピックス一覧*/

.topics_list{
	clear:both;
	width:465px;
	float:left;
	padding:10px 0 5px;
	font-size:0.8em;
	border-bottom:1px #cccccc dashed;
}

.topics_list img{
	float:left;
	padding-right:10px;
}

.topics_list img.icon_new{
	float:none;
	padding:0;
	vertical-align:top;
	margin-top:2px;
}

.topics_list a:link,
.topics_list a:visited{
	text-decoration:none;
}

/*-- supplier.html↓ --*/

#supplier_images{
	margin-bottom:15px;
	padding-left:10px;
}

#supplier_images a{
	padding-left:11px;
}

#supplier_buttons{
	width:444px;
	float:left;
	margin:0;
	padding-left:10px;
}
#supplier_buttons ul{
	width:444px;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#supplier_buttons ul li{
	float:left;
	display:inline;
	width:214px;
	height:80px;
	margin:0 0 15px 0;
	padding:0;
}

#supplier_buttons ul li#supplier_button_2,
#supplier_buttons ul li#supplier_button_4{
	padding-left:16px;
}

#supplier_buttons ul li#supplier_button_3,
#supplier_buttons ul li#supplier_button_4{
	margin-bottom:0;
}

#supplier_buttons ul li a{
	display:block;
	width:214px;
	height:80px;
	margin:0;
	padding:0;
	text-indent:-9800px;
}

#supplier_buttons ul li#supplier_button_1 a{
	background:url(../images/supplier_button_1.gif) no-repeat;
}

#supplier_buttons ul li#supplier_button_2 a{
	background:url(../images/supplier_button_2.gif) no-repeat;
}

#supplier_buttons ul li#supplier_button_3 a{
	background:url(../images/supplier_button_3.gif) no-repeat;
}

#supplier_buttons ul li#supplier_button_4 a{
	background:url(../images/supplier_button_4.gif) no-repeat;
}

#supplier_buttons ul li#supplier_button_1 a:hover{
	background:url(../images/supplier_button_1.gif) no-repeat;
}

#supplier_buttons ul li#supplier_button_2 a:hover{
	background:url(../images/supplier_button_2.gif) no-repeat;
}

#supplier_buttons ul li#supplier_button_3 a:hover{
	background:url(../images/supplier_button_3.gif) no-repeat;
}

#supplier_buttons ul li#supplier_button_4 a:hover{
	background:url(../images/supplier_button_4.gif) no-repeat;
}

#supplier_handbook{
	width:198px;
	float:right;
	margin:0;
	padding:0;
	font-size:0.85em;
	background:#EFEFEF;
	border:1px solid #CCCCCC;
}

#supplier_handbook #handbook_title{
	width:100%;
	text-align:center;
	margin:5px auto;
}

#supplier_handbook #handbook_image{
	/*float:left;*/
	/*width:100px;*/
	/*padding-left:10px;*/
	/*margin-bottom:7px;*/
	width:100%;
	text-align:center;
	margin:5px auto;
}

#supplier_handbook a:link,
#supplier_handbook a:visited{
	text-decoration:none;
}

#supplier_handbook #handbook_text{
	float:left;
	width:80px;
}
#supplier_handbook #handbook_text2{
	clear:both;
	margin-bottom:7px;
	/*text-indent:1em;*/
	text-align:center;
}

#supplier_login{
	font-size:0.8em;
	padding:0 10px 10px;
	background:#EFEFEF;
	border:1px solid #CCCCCC;
}

#supplier_login input.login_input{
	width:120px;
	height:16px;
}

#supplier_login_title{
	width:100%;
	text-align:center;
	margin:5px auto;
}

