@charset "utf-8";
/* CSS Document */

/*
##################################################
基本構成
##################################################
*/
body {
	text-align:center;
	}

#shadow {
	background:url(../img/shadow.gif) left top repeat-y;
	width:818px;
	margin-left:auto;
	margin-right:auto;
	}

#wrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

#header {
	background:url(../img/head.jpg) left top no-repeat;
	width:800px;
	height:100px;
	}

#menu {
	background:url(../img/navi_bg.gif) left top repeat-x;
	width:800px;
	height:30px;
	}
	
#con_box {
	background:url(../img/bg.gif) left top repeat-x;
	width:780px;
	padding:10px;
	}

#footer {
	background:url(../img/footer_bg.gif) left top repeat-x;
	width:800px;
	height:40px;
	text-align:center;
	}

/*
##################################################
共通
##################################################
*/
#gotop {text-align:right; margin:10px 0;}

#clr {clear:both;}

#con_box #title {margin-bottom:10px;}

#bnr_contact {background:url(../img/bnr_contact_hover.gif) center top no-repeat; text-align:center;}
#bnr_contact a {
	background:url(../img/bnr_contact.gif) center top no-repeat; margin:0 auto;
	width:500px; height:50px; display:block; text-indent:-9999px; /*\*/overflow:hidden;/**/
	}
#bnr_contact a:hover {background:url(../img/bnr_contact_hover.gif) center top no-repeat;}

.bigfont{font-size:medium;}

/*-------------------------------------ヘッダー */
#header h1{
	padding:0;
	float:left;
	}
#header h1 img {
	float:left;
	}
	
#header h2 {
	padding:0;
	}

#header h3 {
	clear:both;
	text-indent:-9999px;
	}
/*-------------------------------------ヘッダーadd20100512 */
#header p#h1{
	padding:0;
	float:left;
	}
#header p#h1 img {
	float:left;
	}
#header p#h2 {
	padding:0;
	}
#header p#h2 img {
	float:right;
	}	

/*--------------------------------------メニュー */
#menu li {float:left;list-style:none;}
#menu li a {width:100px;height:30px;display:block;text-indent:-9999px;/*\*/overflow:hidden;/**/}

#menu #menu_1 {background:url(../img/menu_hover_1.gif) left top no-repeat;}
#menu #menu_1 a {background:url(../img/menu_1.gif) left top no-repeat;}
#menu #menu_1 a:hover {background:url(../img/menu_hover_1.gif) left top no-repeat;}

#menu #menu_2 {background:url(../img/menu_hover_2.gif) left top no-repeat;}
#menu #menu_2 a {background:url(../img/menu_2.gif) left top no-repeat;}
#menu #menu_2 a:hover {background:url(../img/menu_hover_2.gif) left top no-repeat;}

#menu #menu_3 {background:url(../img/menu_hover_3.gif) left top no-repeat;}
#menu #menu_3 a {background:url(../img/menu_3.gif) left top no-repeat;}
#menu #menu_3 a:hover {background:url(../img/menu_hover_3.gif) left top no-repeat;}

#menu #menu_4 {background:url(../img/menu_hover_4.gif) left top no-repeat;}
#menu #menu_4 a {background:url(../img/menu_4.gif) left top no-repeat;}
#menu #menu_4 a:hover {background:url(../img/menu_hover_4.gif) left top no-repeat;}


/*--------------------------------------フッター */
#footer #footer_navi {color:#FFFFFF; padding-top:2px;}
#footer #footer_navi a {color:#FFFFFF;}
#footer #copy {color:#FFFFFF;}
#footer #copy a{color:#FFFFFF;}

/*
##################################################
トップページ
##################################################
*/
/*--------------------------------------ニュース */
#news_box {
	width:760px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	}

#news_box .news_box_top {
	background:url(../img/news_bg_top.png) left bottom no-repeat;
	width:760px;
	height:12px;
	}
#news_box .news_box_btm {
	background:url(../img/news_bg_btm.png) left top no-repeat;
	width:760px;
	height:12px;
	}
#news_box .news_box_txt {
	background:url(../img/news_bg.gif) left top repeat-y;
	width:760px;
	}
#news_box .news_box_scr {
	width:730px;
	height:100px;
	padding:0 10px;
	overflow:auto;
	}

#news_box table {
	width:700px;
	border-collapse:collapse;
	}
#news_box table th {
	background:url(../img/tri.gif) 10px 5px no-repeat;
	width:80px;
	padding-left:25px;
	padding-bottom:10px;
	vertical-align:top;
	}
#news_box table td {
	padding-bottom:10px;
	vertical-align:top;
	}

/*--------------------------------------商品ボタン */
#btn_box table {
	width:720px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	}

#btn_box table th {
	width:200px;
	height:200px;
	}
#btn_box table th a {
	width:200px;height:200px;display:block;
	text-indent:-9999px;
	/*\*/overflow:hidden;/**/
	}

#btn_box table td {
	padding-top:5px;
	padding-bottom:20px;
	width:200px;
	vertical-align:top;
	}
#btn_box table td h4 {
	width:200px;
	font-weight:bold;
	}
#btn_box table td p {
	width:200px;
	font-weight:bold;
	text-align:right;
	color:#FF0000;
	}

	
#btn_box table td h4 a {text-decoration:none;}
#btn_box table td h4 a:hover {text-decoration:underline;}

#btn_box .top_btn_1 {background:url(../img/btn_pic_1_hover.jpg) left top no-repeat;}
#btn_box .top_btn_1 a {background:url(../img/btn_pic_1.jpg) left top no-repeat;}
#btn_box .top_btn_1 a:hover {background:url(../img/btn_pic_1_hover.jpg) left top no-repeat;}

#btn_box .top_btn_2 {background:url(../img/btn_pic_2_hover.jpg) left top no-repeat;}
#btn_box .top_btn_2 a {background:url(../img/btn_pic_2.jpg) left top no-repeat;}
#btn_box .top_btn_2 a:hover {background:url(../img/btn_pic_2_hover.jpg) left top no-repeat;}

#btn_box .top_btn_3 {background:url(../img/btn_pic_3_hover.jpg) left top no-repeat;}
#btn_box .top_btn_3 a {background:url(../img/btn_pic_3.jpg) left top no-repeat;}
#btn_box .top_btn_3 a:hover {background:url(../img/btn_pic_3_hover.jpg) left top no-repeat;}

#btn_box .top_btn_4 {background:url(../img/btn_pic_4_hover.jpg) left top no-repeat;}
#btn_box .top_btn_4 a {background:url(../img/btn_pic_4.jpg) left top no-repeat;}
#btn_box .top_btn_4 a:hover {background:url(../img/btn_pic_4_hover.jpg) left top no-repeat;}

#btn_box .top_btn_5 {background:url(../img/btn_pic_5_hover.jpg) left top no-repeat;}
#btn_box .top_btn_5 a {background:url(../img/btn_pic_5.jpg) left top no-repeat;}
#btn_box .top_btn_5 a:hover {background:url(../img/btn_pic_5_hover.jpg) left top no-repeat;}

#btn_box .top_btn_6 {background:url(../img/btn_pic_6_hover.jpg) left top no-repeat;}
#btn_box .top_btn_6 a {background:url(../img/btn_pic_6.jpg) left top no-repeat;}
#btn_box .top_btn_6 a:hover {background:url(../img/btn_pic_6_hover.jpg) left top no-repeat;}


/*--------------------------------------活用例 */
div#katsuyou{
	width:740px;
	margin:0 auto;
	}
div#katsuyou h4{font-size:14px;
	color:#333;
	font-weight:bold;
	margin:0 0 5px 0;
	}
div#katsuyou p{
	color:#333;
	margin:0 0 15px 0;
	}

/*--------------------------------------大企業が？ */
div#daikigyou {
margin:0 auto;
width:740px;
	}
div#daikigyou h4{font-size:14px;
	color:#333;
	font-weight:bold;
	margin:0 0 5px 0;
	}
div#daikigyou p{
	color:#333;
	margin:0 0 15px 0;
	}

/*
##################################################
商品紹介
##################################################
*/
#product_1 h4 {
	background-color:#330000;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 10px;
	}

#product_1 .prdct_img {
	float:right;
	padding-right:20px;
	padding-top:5px;
	}

#alpha_bg {
	background:url(../img/bg.png) left top repeat;
	padding:5px 0;
	padding-left:10px;
	}

#product_1 h4 span {
	color:#FFFFFF;
	font-weight:normal;
	}

#product_1 ul {
	padding:5px 0;
	padding-left:20px;
	}



#product_2 .prdct_box_top {
	background:url(../img/news_bg_top.png) left bottom no-repeat;
	width:760px; height:12px;
	margin-top:10px;
	}
#product_2 .prdct_box_txt {
	background:url(../img/news_bg.gif) left top repeat-y;
	width:760px;
	padding-left:10px;
	}
#product_2 .prdct_box_btm {
	background:url(../img/news_bg_btm.png) left top no-repeat;
	width:760px; height:12px;
	margin-bottom:30px;
	}

#product_2 .prdct_box_txt ul {
	padding-top:30px;
	padding-right:20px;
	}
#product_2 .prdct_box_txt div {
	padding-bottom:30px;
	height:280px;
	}
#product_2 .prdct_box_txt h4 {
	color:#000099;
	font-weight:bold;
	padding-left:10px;
	}
#product_2 .prdct_box_txt div p img {
	float:left;
	margin-right:10px;
	}
#product_2 .prdct_box_txt .price {
	clear:both;
	color:#FF0000;
	text-align:right;
	font-weight:bold;
	font-size:medium;
	padding-right:50px;
	}

#product_2 table {
	border-collapse:collapse;
	}

#product_2 table td {
	text-align:center;
	width:240px;
	}
#product_2 table td p {
	color:#000099;
	font-weight:bold;
	}
#product_2 table td p img {
	padding-bottom:20px;
	}
	

#product_3 dl dt {
	background-color:#660000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:medium;
	padding:5px 0;
	padding-left:10px;
	width:70%;
	}
	
#product_3 dl dd {
	padding:5px 5px 20px 10px;
	width:70%;
	}

/*
##################################################
会社概要
##################################################
*/

#com_catch {
	background:url(../img/bg.png) left top repeat;
	padding:5px;
	margin-bottom:10px;
	font-weight:bold;
	}

.com_box_top {
	background:url(../img/news_bg_top.png) left bottom no-repeat;
	width:760px; height:12px;
	margin:0 auto;
	margin-top:10px;
	}
.com_box_txt {
	background:url(../img/news_bg.gif) left top repeat-y;
	width:740px;
	margin:0 auto;
	padding:0 10px;
	}
.com_box_btm {
	background:url(../img/news_bg_btm.png) left top no-repeat;
	width:760px; height:12px;
	margin:0 auto;
	margin-bottom:30px;
	}

.com_box_txt table {
	border-collapse:collapse;
	}
.com_box_txt table th {
	width:90px;
	vertical-align:top;
	padding:5px;
	border-bottom:#FF9900 1px dashed;
	border-right:#FF9900 1px dashed;
	text-align:center;
	}
.com_box_txt table td {
	vertical-align:top;
	padding:5px;
	border-bottom:#FF9900 1px dashed;
	}
.com_box_txt table td dd {
	padding-left:20px;
	}
	
.com_box_txt table .table_btm th,.com_box_txt table .table_btm td {
	border-bottom:none;
	}

/*
##################################################
お問い合せ
##################################################
*/
#contact_box {
	background:url(../img/bg.png) left top repeat;
	padding:10px;
	}

#rights {
	color:#CCCCCC;
	text-align:right;
	}
#rights a {
	color:#CCCCCC;
	}

.prev_list {margin:10px 0;}
.prev_list dt {color:#000099;}
.prev_list dd {padding-left:10px;}