@charset "SHIFT_JIS";
body {
	 -webkit-text-size-adjust: 100%;
	-moz-user-select : Firefox
	-khtml-user-select : Safari
	-webkit-user-select : Safari
	background-color: #F8FDFF;
	color: #333333;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "sans-serif";
	font-size: 12px;
	padding: 5px 0px 30px 0px;
	margin: 0px;
}

a { text-decoration: none; }

img { border: 0px; }
form { margin: 0px; }


div#hoge {
	float: left;
}

div#hoge a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
}


table.tbl{
	font-Size:10pt;
	line-height:13pt;
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.tbl th{
	border-right:0px;
	border-bottom:1px solid #808080;
	color:#330000;
	background-color:#f5f5f5;
	background-position:left top;
	padding:0.3em 1em;
}
.tbl td{
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	padding:0.3em 1em;
}

.clear	{
	clear: both;
}

/* = font ==========================================*/
font.j8{font-Size:8pt; line-height:9pt;}
font.j9{font-Size:9pt; line-height:11pt;}
font.j10{font-Size:10pt; line-height:12pt;}
font.j10a{font-Size:10pt; line-height:13pt;}
font.j10b{font-Size:10pt; line-height:14pt;}
font.j10c{font-Size:10pt; line-height:15pt;}
font.j11{font-Size:11pt; line-height:13pt;}
font.j11a{font-Size:11pt; line-height:14pt;}
font.j11b{font-Size:11pt; line-height:15pt;}
font.j12{font-Size:12pt; line-height:14pt;}
font.j13{font-Size:13pt; line-height:15pt;}
font.j14{font-Size:14pt; line-height:16pt;}
font.j15{font-Size:15pt; line-height:17pt;}
font.j16{font-Size:16pt; line-height:18pt;}


/* = リンク ==========================================*/
a.l_list {/*リンクされた文字*/
		color:#272f0d;
		font-style:normal;
		text-decoration:none;
}
a:link.l_list {/*未訪問のリンク*/
		color:#f7f5c9;
		font-style:normal;
		text-decoration:none;
}
a:visited.l_list {/*訪問後のリンク*/
		color:#f7f5c9;
		text-decoration:none;
}
a:hover.l_list {/*マウスをのせたとき*/
		color:#ccff00;
		font-style:normal;
		text-decoration:none;
}
a:active.l_list {/*クリック中*/
		text-decoration:none;
}


a.menu:link{
	color: #444445;
	text-decoration: none;
}
a.menu:visited{
	color: #444445;
	text-decoration: none;
}
a.menu:hover{
	color: #FF6600;
	text-decoration: underline;
}


/* = メニュー ==========================================*/

.menu_box	{
	width: 900px;
	height: 100px;
	background: #ffffff;
	border:1px solid #0071BC;
	margin-bottom:5px;
	text-align: left;
	border-radius: 3px;
}

#menu li{
	float: left;
	list-style: none;
	padding-top:45px;
}

a.menu_home {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/home_bt_off.gif);
	width : 100px;
	height : 42px;
}
a:hover.menu_home {
	background-image: url(../images/home_bt_on.gif);
}

a.menu_about {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/about_bt_off.gif);
	width : 105px;
	height : 42px;
}
a:hover.menu_about {
	background-image: url(../images/about_bt_on.gif);
}
a.menu_aboutOn {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/about_bt_on.gif);
	width : 105px;
	height : 42px;
}

a.menu_services {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/services_bt_off.gif);
	width : 105px;
	height : 42px;
}
a:hover.menu_services {
	background-image: url(../images/services_bt_on.gif);
}
a.menu_servicesOn {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/services_bt_on.gif);
	width : 105px;
	height : 42px;
}

a.menu_product {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/product_bt_off.gif);
	width : 105px;
	height : 42px;
}
a:hover.menu_product {
	background-image: url(../images/product_bt_on.gif);
}
a.menu_productOn {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/product_bt_on.gif);
	width : 105px;
	height : 42px;
}

a.menu_contactus {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/contactus_bt_off.gif);
	width : 105px;
	height : 42px;
}
a:hover.menu_contactus {
	background-image: url(../images/contactus_bt_on.gif);
}

a.menu_contactusOn {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/contactus_bt_on.gif);
	width : 105px;
	height : 42px;
}



/* = トップイメージ ==========================================*/

.image_box	{
	clear:both;
	width: 900px;
	height: 265px;
	background: #ffffff;
	border:1px solid #0071BC;
	border-radius: 3px;
	margin-bottom:5px;
}



/* = コンテンツメイン ==========================================*/

.contents_box	{
	width: 900px;
	background: #ffffff;
	border:1px solid #0071BC;
	border-radius: 3px;
	margin-bottom:5px;
	text-align: left;
}


.pankuzu_box	{
	text-align: left;
	margin-top:5px;
	margin-left:30px;
	margin-bottom:10px;
	font-Size:8pt;
	line-height:9pt;
}


.sub_menu	{
	width: 128px;
	float: left;
	text-align: left;
	padding-left:40px;
}

.sub_main	{
	float: left;
	padding-left:20px;
	width: 660px;
}

.sub_box	{
	padding-left:5px;
	padding-bottom:25px;
	width: 610px;
}


.sub2_box	{
	padding-left:5px;
	padding-bottom:25px;
	width: 610px;
	border:1px solid #0071BC;
}


/* = サイトマップ ==========================================*/

.sitemap_b{
	padding-left:15px;
	list-style-type: none;
	line-height: 1.3em;
}

.sitemap_category{
	width: 550px;
	border-bottom: 1px dotted #949495;
}
ul.sitemap_s li{
	list-style-type: none;
	padding: 1px 0px 2px 23px;
	background: transparent url(../images/mcl_mark.gif) no-repeat left center;
	vertical-align: middle;
}

/* = お問い合せ ==========================================*/


table.contact_tb{
	font-Size:10pt;
	line-height:13pt;
	width:630px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.contact_tb th{
	width:180px;
	border-right:0px;
	border-bottom:1px dotted #cccccc;
	color:#330000;
	background-color:#f5f5f5;
	background-position:left top;
	padding:0.3em 1em;
	text-align:left;
}
.contact_tb td{
	width:450px;
	border-right:1px solid #cccccc;
	border-bottom:1px dotted #cccccc;
	padding:0.3em 1em;
	text-align:left;
}


/* = 会社概要 ==========================================*/


table.profile{
	font-Size:10pt;
	line-height:13pt;
	width:650px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.profile th{
	width:130px;
	border-right:0px;
	border-bottom:1px dotted #cccccc;
	color:#330000;
	background-color:#f5f5f5;
	background-position:left top;
	padding:0.3em 1em;
	text-align:left;
}
.profile td{
	width:520px;
	border-right:1px solid #cccccc;
	border-bottom:1px dotted #cccccc;
	padding:0.3em 1em;
	text-align:left;
}


/* = 自社商品 ==========================================*/
.title_bar{  
		border-left:7px solid #ccc;  
		border-bottom:1px solid #ccc;  
		padding:.6em .8em  
}

.pdt_box	{
	padding-left:5px;
	padding-bottom:25px;
	width: 810px;
}

.sbtn {
	background: -moz-linear-gradient(top,#8BD1E3 0%,#99B3FF 50%,#526FC4 50%,#3385FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#8BD1E3),color-stop(0.50, #99B3FF),color-stop(0.50, #526FC4),to(#3385FF));
	color: #FFF;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #4D5FD6;
	-moz-box-shadow: 0px 1px 4px rgba(000,000,000,0.8),inset 0px 0px 13px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(000,000,000,0.8),inset 0px 0px 13px rgba(255,255,255,0.5);
	text-shadow: 0px -1px 5px rgba(000,000,000,0.3),0px 1px 0px rgba(255,255,255,1);
}


.sbtn2 {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color:#111;
	width: 100px;
	padding: 10px 0;
}


/* = ニュース ==========================================*/

.news_box	{
	float: left;
	width: 530px;
	height: 303px;
	background: #ffffff;
	border:1px solid #0071BC;
	margin:10px;
}

.news_date	{
	float: left;
	width: 80px;
	padding-top:2px;
	padding-bottom:3px;
}
.news_text	{
	float: left;
	width: 400px;
	padding-top:2px;
	padding-bottom:3px;
}


.dotline {
	border-bottom-style: dotted;
	border-bottom-width:1px;
	width: 400px;
	padding:10px 0px 0px 0px;
}

.framebox
{
	border: solid 1px #E8E8E8;
	background: #ffffff;
	width: 500px;
	height: 240px;
	padding: 0.5em;
	overflow: auto;
}


/* = フッター ==========================================*/

.footer_box	{
	clear:both;
	width: 900px;
	height: 60px;
	text-align: left;
	background: #ffffff;
	border:1px solid #0071BC;
	border-radius: 3px;
	margin-bottom:5px;
}


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

a.menu_contact {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/contact_bt_off.gif);
	width : 108px;
	height : 38px;
}
a:hover.menu_contact {
	background-image: url(../images/contact_bt_on.gif);
}

a.menu_ppolicy {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/ppolicy_bt_off.gif);
	width : 160px;
	height : 38px;
}
a:hover.menu_ppolicy {
	background-image: url(../images/ppolicy_bt_on.gif);
}

a.menu_sitemap {
	text-indent : -99999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/sitemap_bt_off.gif);
	width : 108px;
	height : 38px;
}
a:hover.menu_sitemap {
	background-image: url(../images/sitemap_bt_on.gif);
}