@charset "Shift_JIS";
/* CSS Document */
/*基本設定*/
*{
	margin: 0px;
	padding: 0px;
	text-decoration: none;

}
img{
	border:0px;
	vertical-align:text-bottom;
}

div#main-cont h2{
	font-size:14px;
	background-repeat: no-repeat;
	height: 22px;
	vertical-align: middle;
	color: #336AFF;
	padding-bottom: 10px;
}

div#main-cont h2.info{
	font-size:14px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-right: 3px;
	padding-left: 10px;
	height: 22px;
	vertical-align: middle;
	background-image: url(../img/title_bar2.gif);
	color: #336AFF;
	border:none;
}
h2 span{
	font-size:11px;
	font-weight: normal;
}

h2#h2-topics{
	font-size:12px;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 10px;
	height: 22px;
	vertical-align: middle;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 0px;
}

body{
	margin: 0px;
	font-size: 14px;
	color: #333333;
	line-height: 120%;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
}

hr{
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0;
}

/* フロートのクリア */
.crear-cont{
	clear:both;
}

/*ページ全体*/

#body-main	{
	text-align:center;
	background-image: url(../img/back_shadow2.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#base-cont{
	width:988px;
	border: 0px solid #336AFF;
	text-align:left;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header{
	background-image: url(../img/bg_header.jpg);
	background-repeat: repeat-x;
	height: 75px;
	vertical-align: bottom;
	padding-top: 13px;
	padding-right: 20px;
	padding-left: 20px;
	background-position: 0px top;
	margin-right: 1px;
	margin-left: 1px;
}

#fooder{
	text-align: center;
	background-image: url(../img/bg_fooder.jpg);
	vertical-align: middle;
	background-repeat: repeat-x;
	width: 986px;
	height: 27px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 80px;
	margin-left: 1px;
	font-size: 12px;
	color: #336AFF;
}

/*ヘッダ要素*/
#header-line{
	height: 5px;
	background-image: url(../img/fooder-back.gif);
}
#logotype{
	float:left;
}
#top-catch{
	float:right;
	vertical-align: bottom;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	display: block;
}
/*グローバルナビゲーション要素*/
#global-navi{
	width:983px;
	height: 41px;
	background-image: url(../img/navi_bar2.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
	margin-left: 2px;
}
#global-navi ul{
	margin-left: 1px;
}

#global-navi ul li{
	list-style:none;
	display:block;
	float:left;
	height: 28px;
	width: 162px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 14px;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}
/*グローバルナビゲーション リンク要素*/
#global-navi ul li a{
	color:#525252;
	text-decoration: none;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#global-navi ul li a:visited{
	color:#3E5CAC;
}
#global-navi ul li a:hover{color:#0066FF;	}

/*コンテンツレイアウト要素*/
#main-cont{
	width:900px;
}
#inneer-cont{
	margin:20px 0px 20px 87px;
	width: 900px;
}
#left-cont{
	width:900px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#left-cont h1{
	margin-left: 80px;
}
#right-cont{
	width:200px;
	float:right;
	margin-top: 20px;
	margin-right: 20px;
}

.out-line{
	margin-top: 15px;
	padding: 0px;
	margin-bottom: 15px;
}

.out-line2{
	margin-top: 10px;
	padding: 0px;
	width: 810px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.out-line2 h3.sub{
	padding-left:55px;
}

/* センター要素 */
.cont-center1{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	width:266px;
}
.cont-center2{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width:510px;
}

.cont-center3{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	line-height: 200%;
	text-align: center;
	width: 500px;
}
.cont-center3b{
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	line-height: 200%;
	text-align: center;
	width: 445px;
}
.cont-center3 table{
	margin-top:10px;
}
.cont-center3 table td{
	margin-top:10px;
	text-align:center;
	line-height: 120%;
	padding: 3px;
}
.cont-center4{
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
	background-image: url(../philosophy/img/back_cont.gif);
	width: 470px;
	padding: 15px;
	height: 690px;
	background-repeat: no-repeat;

}
.cont-center4 p{
	font-size: 11px;
	line-height: 120%;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.cont-center5{
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
	width: 498px;
	padding: 0px;

}

.cont-center5 p{
	padding-top:15px;
}

.cont-center5 p img.gazo-left{
	padding-right:15px;
}

.cont-center6{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 0px;

}

.cont-center6 p{
	padding-top:0px;
	text-align: left;
}
.cont-center7{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	line-height: 200%;
	text-align: center;
	}
.cont-center8{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	width: 450px;


}
/* テキスト */
p.txt-r{
	text-align:right;
}
/* 画像 */
.gazo-left{
	float:left;
	padding: 0px;
}

.gazo-right{
	float:right;
	padding: 0px;
}
.gazo-right2{
	float:right;
	padding: 0px;
	width: 240px;
}
.gazo-right2 img{
	padding-bottom: 10px;
}
/* トップiイメージ */
div#top-image{
	margin-left:1px;
	margin-right:1px;
}
/* トップ商品トピックス */
.top-i-cont{
	float:left;
	width: 400px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 7px;
	margin-left: 80px;
}
.top-i-cont-l{
	float:left;
	width: 399px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
p.bc-index{
	font-weight: bold;
	float: left;
	padding-right: 10px;
	font-size: 16px;
	width: 145px;
	color: #336AFF;
	padding-top: 25px;

}

.item-title{
	color:#FF3300;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

.item-title a{color:#FF3300;}
.item-title a:hover{color:#0099FF;}

.item-copy{
	padding-bottom: 5px;
}

.top-item{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 399px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

/* トップ更新情報 */

div.new-topics{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.new-topics p{
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	padding-left: 15px;
	background-image: url(../img/ya2.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
}
div.new-topics p a{color:#666666;}
div.new-topics p a:hover{color:#0099FF;}
div.banner{

}

/* トップトピックス */
#topics-base{
}
#topics-base-top{
	background-image: url(../img/topic_top.gif);
	background-position: top;
	height: 10px;
}
#topics-base-end{
	background-image: url(../img/topic_bottom.gif);
	background-position: bottom;
	height: 10px;
}
.topics-line{
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 15px;
	background-position: top;
	background-repeat: repeat-y;
}
div.new-topics2 p a{
	font-size: 12px;
}
div.new-topics2 p a:hover{
	color:#0099FF;
}
div.new-topics2 p{
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 10px;
	font-size: 12px;
}
div.new-topics3{
	width:680px;
	float: left;
	margin-right: 10px;
        overflow:auto;height:70px;
}
div.new-topics3 p a{
	font-size: 12px;
}
div.new-topics3 p a:hover{
	color:#0099FF;
}
div.new-topics3 p{
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-right: 5px;
	margin-left: 80px;
	padding-right: 10px;
	font-size: 12px;
}

/* 会社概要情報 */

#corp-profile{
	width: 450px;
	padding: 0px;
	margin: 0px;
}

#corp-profile2{
	width: 360px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

#corp-profile table{
	width: 450px;
	margin: 0px;
	padding: 0px;
}

#corp-profile2 table{
	width: 500px;
	margin: 0px;
	padding: 0px;
}

#corp-profile th,#corp-profile td,#corp-profile2 th,#corp-profile2 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
	border-bottom-color: #999999;
	text-align: left;
}
#corp-profile2 th,#corp-profile2 td{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}

#corp-profile th,#corp-profile2 th{
	color:#3366FF;
	font-weight: bold;
	width: 120px;
	text-align: left;
}


#corp-profile th.no-dot,#corp-profile td.no-dot{
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #999999;
}

.map-cont{
	padding: 5px;
	width: 330px;
	margin: 0px;
	background-color: #999999;
}


/* 商品紹介情報 */
.product-left{
	float:left;
	padding: 0px;
	width: 420px;
}

.product-item{
	padding: 20px;
	width: 768px;
	float: left;
	border: 1px dotted #999999;
	margin-bottom: 10px;
}
.item-title2{
	color:#3366FF;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}


.spec-title{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}

.spec-txt{
	margin-bottom: 10px;
	margin-left: 10px;
}

.spec-table{
	border-collapse:collapse;
	border: 1px solid #3366FF;
	margin-bottom: 10px;
	margin-left: 10px;
}

.spec-table th{
	padding: 2px;
	background-color: #C8D6FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3366FF;
}
.spec-table td{
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	text-align: left;
	border-right-style: solid;
	border-right-color: #3366FF;
	border-right-width: 1px;
}

.spec-list{
	margin-left: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}


.price{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
}
.price2{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}

.spec-feature{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;

}
.spec-feature dt{
	padding-bottom: 5px;
	font-weight: bold;

}
.spec-feature dd{
	padding-left: 10px;

}
/* リクルート */
div#cont-recrute{
	margin-top: 10px;
	margin-right: 75px;
	margin-bottom: 0px;
	margin-left: 75px;
}
div#cont-recrute h3{
	color:#09F;
	margin-bottom: 10px;
}
div#cont-recrute h3.point{
　	color:#09F;
	border:1px solid #84CEFF;
	padding: 3px;
	margin-bottom: 10px;
	font-size: 16px;
	display: block;
	vertical-align: middle;
	clear: both;
	line-height: normal;
	background-image: url(../recruit/img/h3_back.jpg);
}
div#cont-recrute h4{
	padding-left: 20px;
}
div#cont-recrute p.head-txt{
	font-weight:bold;
	margin-bottom: 10px;
	color: #69F;
}
div#cont-recrute p.head-txt span{
	color:#B3CBFF;
}
div#cont-recrute p.rec-txt{
	padding-bottom:20px;
	margin-bottom: 20px;
}

#cont-recrute ul{
	margin-top: 0px;
	margin-left:30px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #36F;
}
#cont-recrute table{
	width: 600px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 20px;
}



#cont-recrute th,#cont-recrute td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
	border-bottom-color: #999999;
	text-align: left;
}
#corp-profile2 th,#corp-profile2 td{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}

#cont-recrute th{
	color:#3366FF;
	font-weight: bold;
	width: 120px;
	text-align: left;
}


#cont-recrute th.no-dot,#cont-recrute td.no-dot{
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #999999;
}
div#cont-recrute img.gazo-right{
	margin-left: 20px;
	/*border: 1px solid #D6D6D6;*/
}
div#cont-recrute img.gazo-left{
	margin-right: 20px;
	/*border: 1px solid #D6D6D6;*/
}

/* お問い合わせ情報 */
.recruit-form{
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 60px;
}

.recruit-form h3{
	padding-bottom:10px;
	font-size: 12px;
}

.recruit-form p{
	padding-bottom:20px;
}

.recruit-form ul{
	margin-top:0px;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.recruit-form ul li{
	margin-top:0px;
	padding-top:0px;
	margin-right: 10px;
	list-style-type: disc;
	padding-right: 10px;
}
#contact-form{
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 60px;
}



#contact-form h3{
	padding-bottom: 5px;
	font-size: 12px;

}

.contact-text{
	padding-bottom: 10px;

}

.caution{
	padding-bottom: 20px;
	text-align: right;
}

.asta{
	color:#FF0000;

}
.contac-table{
	width:660px;
	border-collapse:collapse;
	border: 1px solid #999999;
	margin-left: 12px;
	margin-bottom: 12px;
}

.contac-table th{
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-style: none;
	font-weight: normal;
	width: 150px;
	text-align: left;
	vertical-align: top;
}
.contac-table td{
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.c1{
	background-color:#E0E0E0;
}
.c2{
	background-color:#E0E0E0;
}


/* お問い合わせフォーム */
#submit ,#reset{
	width:100px;
}
#send-botan{
	text-align:center;
	width: 670px;
	margin-bottom: 10px;
}
.rec-point {
	text-align: left;
	padding: 10px;
	width: 640px;
	margin: 10px;
	background-color: #C4E4FF;
}
.rec-point h3 {
	color: #1F61DA;
}
.rec-point p {
	line-height: 140%;
}
.rec-group{
	margin-right: auto;
	margin-left: auto;
	width: 350px;
	margin-top: 20px;
	text-align: left;
}
.rec-group2{
	margin-right: auto;
	margin-left: auto;
	width: 460px;
}

div.rec-group strong{
	color:#C00;