@charset "shift_jis";

/* 背景の設定 */

body {
	margin:0px;
	padding:0px;
	background:url(../../img/header_bk.gif) repeat-x;
	font-size:80%;
	line-height:1.4;
	/* [disabled]font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */
}

body#window{
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #E1E1E1;
	background:none;
	}

div {
margin:0;
padding:0;
}

img {
border:none;
vertical-align:bottom;
}

span.txt-s {
font-size:80%;
}

/* テキストのリンク文字色 */
a:link { 
color: #0c00ff;
text-decoration: none;

}

a:visited {
color: #89047b;
text-decoration: none;
}

a:hover {
color: #89047b;
text-decoration: underline;

}

/* clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
*html .clearfix {height:1%}
.clearfix {display: block}

/* 外枠 */
div#wrap {
clear:both;
width:883px;
margin:0px auto 0px auto;
}

/* ヘッダ */
div#header{
	margin:0px 0px 10px 0px;
}

div#header a:link { 
color: #000;
text-decoration: none;

}

div#header a:visited {
color: #000;
text-decoration: none;
}

div#header a:hover {
color: #666;
text-decoration: underline;

}



div#header img{
	margin:0;
	padding:0;
	border:none;
	vertical-align:bottom;
}


div#header div div#header_l{
	float:left;
	text-align:left;
	margin:0;
	padding:0;	
}

div#header div div#header_l img{
	margin:0;
	padding:0;
	border:none;	
}

div#header div div#header_r{
	float: right;
	text-align:right;	
	margin-top:10px;
}

div#header div div#header_r img{
	vertical-align: inherit;
}

div#menu {
	clear:both;
}


/* フッタ */
div#footer_line {
clear:both;
width:100%;
border-top:#a9a9a9 solid 1px;
margin:0px auto;
padding:10px 0px;
}

div#footer_line div#footer{
width:883px;
margin:0px auto 20px auto;
}

div#footer_line div#footer div#footer_l {
	float:left;
}

div#footer_line div#footer div#footer_l img {
	vertical-align:inherit;
}

div#footer_line div#footer div#footer_r {
	float: right;
	text-align:right;
}

div#footer a:link { 
color: #000;
text-decoration: none;

}

div#footer a:visited {
color: #000;
text-decoration: none;
}

div#footer a:hover {
color: #666;
text-decoration: underline;

}




/* コンテンツ */

div#contents {
	margin-top:0px;
	width:883px;
}

/* サイドナビ */
div#t_navi {
	float:left;
	width:260px;
}

div#t_navi img {
	margin-bottom:10px;
}

div#t_navi div#cal {
	background:url(../../img/t_ban03.gif) no-repeat;
	width:260px;
	height:70px;
}


div#t_navi div#cal a:link { 
color: #000;
text-decoration: none;

}


div#t_navi div#cal a:visited {
color: #000;
text-decoration: none;
}

div#t_navi div#cal a:hover {
color: #000;
text-decoration: none;

}

div#t_navi div#cal div#cal_l{
	float:left;
}

div#t_navi div#cal div#cal_r{
	float:right;
	text-align:left;
	padding-top:12px;
	width:185px;
}

/* コンテンツ右 */

div#contents_r {
	float:right;
	width:605px;
	margin-bottom:15px;
	margin-top:15px;
}
div#contents_r2 {
	float:right;
	width:605px;
	margin-bottom:15px;
}

div.ptop {
	text-align:right;
	margin-top:18px;
	clear:both;
}

div.ptop img {
	vertical-align:middle;
}


/*　トップページ */
h2 {
clear:both;
padding:0;
margin:0;
}

h2.top {
margin-top:8px;
}

h2 img {
	vertical-align:bottom;
}

div#topmv {
	margin-bottom:15px;
}

/* ニュース */
div.news {
	border-bottom: #d5d5d5 solid 1px;
	border-top: #d5d5d5 solid 1px;
	border-right: #d5d5d5 solid 1px;
	border-left: #d5d5d5 solid 1px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

/* ニュースページ */
body#newspage {
margin:0px;
padding:0px;
background: none;
font-size:80%;
color:#3c3c3c;
line-height:1.4;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
width:560px;
}


body#newspage dl {
	margin:10px;
}

body#newspage dl dt {
	background:url(../../img/link_acc.gif) no-repeat 0px 3px;
	padding-left:15px;
}

body#newspage dl dd {
	margin-top:-1.42em;
	margin-left:125px;
	margin-bottom:20px;
}

body#newspage dl dd a {
	font-weight:bold;
}

body#newspage dl dd img{
	vertical-align:inherit;
}




/* secound page */

/* pnavi */
div#pnavi {
	padding-bottom:4px;
}

div#pnavi a:link { 
color: #000;
text-decoration: none;
}

div#pnavi a:visited {
color: #000;
text-decoration: none;
}

div#pnavi a:hover {
color: #32ab49;
text-decoration: underline;
}

h1 {
	background-color:#c1c1c1;
	font-size:120%;
	padding:1px 8px;
	margin:0;
}


/* secound page contents */

div#contents_b {
	margin-top:0px;
	background-image: url(../../img/spage_bk.gif);
	background-repeat: repeat-y;
	width:883px;

}

/* side navi */
div#snavi {
	float:left;
	width:260px;
	min-height:500px;
}

div#snavi img {
	padding:0px;
	margin:10px 0px 0px 0px;
}

div.s_navi {
	background-color:#FFF;
	padding:0px 0px 5px 0px;
	margin:0px 10px 0px 10px ;
}

div.s_navi a:link { 
color: #000;
text-decoration: none;
}

div.s_navi a:visited {
color: #000;
text-decoration: none;
}

div.s_navi a:hover {
color: #32ab49;
text-decoration: none;
}



div.s_navi_a {
	background-color: #FFF;
	margin:0px ;
	padding:2px 10px 2px 10px;
	border-bottom: #999 1px dotted;
}

div.s_navi_a_top {
	background-color: #FFF;
	padding:2px 10px;
	border-bottom: #999 1px dotted;
	border-top: #999 1px dotted;
}

div.s_navi_b {
	background-color: #f4ffcc;
	margin:0px;
	padding:2px 10px 2px 10px;
	border-bottom: #999 1px dotted;
}


div.s_navi_b_down {
	background-color: #f4ffcc;
	margin:0px;
	padding:2px 10px 2px 20px;
	border-bottom: #999 1px dotted;
}

div.s_navi_b_bold {
	background-color: #f4ffcc;
	margin:0px;
	padding:2px 10px 2px 10px;
	border-bottom: #999 1px dotted;
	font-weight:bold;
}

div.s_navi_b_top {
	background-color: #f4ffcc;
	margin: 0px; 
	padding:2px 10px 2px 10px;
	border-bottom: #999 1px dotted;
	border-top: #999 1px dotted;
}

div.s_navi_c_top {
	background-color: #d2ff34;
	margin:0px;
	padding:2px 10px 2px 10px;
	border-bottom: #999 1px dotted;
	border-top: #999 1px dotted;
	background-image: url(../../img/s_navi_c_bk.gif);
}

div.s_navi_c {
	background-color: #d2ff34;
	margin:0px;
	padding:2px 10px 2px 10px;
	border-bottom: #999 1px dotted;
	background-image: url(../../img/s_navi_c_bk.gif);
}

div.s_navi_c_bold {
	background-color: #d2ff34;
	margin:0px;
	padding:2px 10px 2px 7px;
	border-bottom: #999 1px dotted;
	background-image: url(../../img/s_navi_c_bk.gif);
	font-weight:bold;
}

div.s_navi_c_down {
	background-color: #d2ff34;
	margin:0px;
	padding:2px 10px 2px 20px;
	border-bottom: #999 1px dotted;
	background-image: url(../../img/s_navi_c_bk.gif);
}



/* prod index */

a.prod_index {
	width:588px;
	margin:15px 0px 0px 0px ;
	padding:0px 5px 0px 10px;
	min-height:70px;
}

a.prod_index:link { 
color: #000;
text-decoration: none;
background:url(../../img/prod_index_bk_off.gif) repeat;
border:#999 solid 1px;
}

a.prod_index:visited {
color: #000;
text-decoration: none;
background:url(../../img/prod_index_bk_off.gif) repeat;
border:#999 solid 1px;
}

a.prod_index:hover {
color:#20a339;
text-decoration: none;
background:url(../../img/prod_index_bk_on.gif) repeat;
border: #20a339 solid 1px;
}

a.prod_index p {
font-size:100%;
font-weight:normal;
margin-left:2px;
margin-top:0px;
margin-bottom:5px;
padding:12px 10px 0px 0px;
line-height:115%;
width:480px;
float:left;
}

a.prod_index p span.name {
	font-size:125%;
	font-weight:bold;
	padding-bottom:5px;
	display:block;
	color:#090;
	font-weight:bold;
}

a.prod_index p span.name img {
	vertical-align: text-top;
}


span.index_img {
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:0px;
}

div.haitatsu_ver {
	margin-top:10px;
	text-align:right;
	font-size:80%;
	margin-bottom:-5px;
}

div.haitatsu_ver img {
	vertical-align:middle;
}



/* secoundpage */

ul {
	margin:20px 0px 5px 15px;
	padding:0px 0px 0px 10px;
}

ul li {
	margin-bottom:15px;
}


table td ul.results {
	margin-top:5px;
	
}

ul.results li {
	margin-bottom:8px;
	font-size:108%;
	font-weight:bold;
}





div.name {
	color:#3a8c42;
	font-weight:bold;
	padding:2px 0px 2px 5px;
	font-size:130%;
}

div.name img {
	padding:1px 0px 2px 0px;
}

h2.name {
	padding:0px 0px 3px 5px;
	margin-bottom:15px;
	border-bottom:#090 solid 2px;
	font-size:140%;
	
}

div.name img {
	margin-bottom:2px;
}


h3 {
	background-color:#f4ffcc;
	padding:3px 5px 1px 5px;
	font-size:110%;
	color:#3a8c42;
	margin:15px 0px 15px 0px;
	clear:both;
}

h4 {
	background:url(../../img/acc_h4.gif) no-repeat;
	border-bottom: solid 1px #999;
	padding:3px 5px 1px 25px;
	font-size:110%;
	color:#3a8c42;
	margin:15px 0px 10px 0px;
	clear:both;
}

h4.type_b {
	background:none;
	border-bottom: solid 1px #999;
	padding:3px 5px 1px 5px;
	font-size:110%;
	color:#3a8c42;
	margin:15px 0px 10px 0px;
	clear:both;
}



div.block03 {
	margin:0px 0px 20px 20px;
	clear:both;
}

.img {
	text-align:center;
	margin-bottom:25px;
}

.img2 {
	text-align:center;
	margin-bottom:25px;
	width:150px;
}

.img3 {
	text-align:center;
	margin-bottom:25px;
	width:267px;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}


.space {
	margin-bottom:40px;
}

div.block03 p {
	margin:0px 0px 13px 0px;
	line-height:160%;
}

div.block03 div.block03_l {
	float:left;
	width:300px;
	margin-bottom:20px;
}

div.block03 div.block03_l2 {
	float:left;
	margin-bottom:20px;
	width:420px;
}

div.block03 div.block03_l3 {
	float:left;
	margin-bottom:20px;
}

div.block03 div.block03_r p.note {
	text-align:right;
	font-size:100%;
	margin:3px 0px 10px 0px;
}


div.block03 div.block03_r {
	float:right;
	margin-left:15px;
	margin-bottom:15px;	
}

div.block03 div.block03_l ul {
	margin:0px 0px 0px 8px;
	padding:0px 0px 8px 8px;
}

div.block03 div.block03_l ul li {
	margin-bottom:8px;
}

div.block03 ul {
	margin:0px 0px 0px 8px;
	padding:0px 0px 8px 8px;
}

div.block03 ul li {
	margin-bottom:10px;
}

.note80 {
	font-size:80%;
}



/* secoundpage サイドナビ無し */

div#contents_c {
	margin-top:0px;
	padding:0px 80px;
	margin-bottom:15px;
	margin-top:20px;
}

div#contents_c p {
	margin-top:0px;
	margin-left:10px;
}

table.type_c {
	width:100%;
}

table.type_c td {
	padding:5px 10px 5px 10px;

}

table.type_c td table {
	margin-top:5px;
}

table.type_c td table td {
	padding:3px;
}


/* --- タブメニュー（2012/2/15追加） --- */
div.tab {
width: 100%; 
padding-top: 10px;
height: 29px;
border-bottom: 2px #3a8c42 solid; 
font-size: 10.5pt;
}


/* --- タブエリア --- */
div.tab ul.tabmenu {
width: 100%; 
margin: 0 auto; 
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- タブ項目 --- */
div.tab ul.tabmenu li {
width: 148px; 
margin-right: 2px; 
background: url(../../img/tab_b.gif) no-repeat left top; 
float: left;
}

div.tab ul.tabmenu li a {
display: block;
position: relative; 
padding: 5px 2px 5px 10px ; 
text-decoration: none; 
color: #000000; 
}

div.tab ul.tabmenu li a:hover {
color: #32ab49;
text-decoration: none; 
}

div.tab ul.tabmenu li.active {
background: url(../../img/tab_a.gif) no-repeat left top; 
font-weight: bold;
}

div.tab ul.tabmenu li.active a {
color: #000000; 
}


div.tab2 {
width: 100%; 
padding-top: 10px;
height: 29px;
border-bottom: 2px #3a8c42 solid; 
font-size:8pt;
}


/* --- タブエリア2 --- */
div.tab2 ul.tabmenu {
width: 100%; 
margin: 0 auto; 
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- タブ項目2 --- */
div.tab2 ul.tabmenu li {
width: 148px; 
margin-right: 2px; 
background: url(../../img/tab_b.gif) no-repeat left top; 
float: left;
}

div.tab2 ul.tabmenu li a {
display: block;
position: relative; 
padding: 8px 2px 6px 10px ; 
text-decoration: none; 
color: #000000; 
}

div.tab2 ul.tabmenu li a:hover {
color: #32ab49;
text-decoration: none; 
}

div.tab2 ul.tabmenu li.active {
background: url(../../img/tab_a.gif) no-repeat left top; 
font-weight: bold;
}

div.tab2 ul.tabmenu li.active a {
color: #000000; 
}









/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* タブメニューここまで */


/* 関連リンク */
div.link_l {
	width:30%;
	float:left;
	margin-bottom:15px;
	margin-right:5%;
}

div.link_r {
	width:30%;
	float: right;
	margin-bottom:15px;
}



div.link_l ul {
	margin:0px 0px 0px 13px;
	padding:0px 0px 8px 13px;
}

div.link_l ul li {
	margin-bottom:8px;
}

div.link_r ul {
	margin:0px 0px 0px 8px;
	padding:0px 0px 8px 8px;
}

div.link_r ul li {
	margin-bottom:8px;
}

div.link_c ul {
	margin:0px 0px 0px 8px;
	padding:0px 0px 8px 8px;
}

div.link_c ul li {
	margin-bottom:8px;
}



div ol li {
	margin-bottom:8px;
}


/* サイトマップ */

div.sitemap {
	width:100%;
	padding:10px 10px 5px 10px;
	border-bottom: #999 dashed 1px;
	clear:both;
}

div.sitemap2 {
	width:100%;
	padding:10px 10px 5px 10px;
	border-bottom: none;
	clear:both;
}


div.sitemap_a {
	width:25%;
	float:left;
	margin-bottom:0px;
	margin-right:2%;
	padding:0px;
}

div.sitemap_b {
	float:left;
	margin-bottom:0px;
	padding:0px;
}



div.sitemap p {
	margin-bottom:8px;
	padding:0px;
}



div.sitemap2 p {
	margin-bottom:8px;
	padding:0px;
}


/*以下20100106.Hirata追加分*/

/* サポートページ */
p.sp_notes {
	background-color: #e9e9e9;
	padding:10px;
	margin:10px auto;
	width:440px;
}

div#download table {
	margin:5px;
}

div#download div.dotline {
	text-align:center;
}

div#download ul{
	padding:20px;
}

div#download ul li{
	margin:0 0 5px 15px;
}

div#download div.sorry{
	margin:40px 0 50px 15px;
}

div#download div.sorry div.text{
	float:left;
	width:300px;
	padding-top:40px;
}

div#qa div.qablk {
	clear:both;
}

div#qa div.qablk div.qbk {
	clear:both;
	margin-bottom:10px;
}

div#qa div.qablk div.qbk div.mrk{
	width:35px;
	float:left;
	color:#EC9106;
	font-weight:bold;
	font-size:130%;
}

div#qa div.qablk div.qbk div.text{
	width:565px;
	float:right;
	font-weight:bold;
	font-size:130%;
}

div#qa div.qablk div.abk {
	clear:both;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px #CCC dotted;
}

div#qa div.qablk div.abk div.mrk{
	width:35px;
	float:left;
	color:#008000;
	font-weight:bold;
	font-size:130%;
}

div#qa div.qablk div.abk div.text{
	width:565px;
	float:right;
}



/* 採用情報ページ */
div#recruit {
	margin:20px 0;
}

div#recruit p.read{
	background-color:#f4fde2;
	padding:10px;
	line-height:1.5;
}

div#recruit ul.pmenu{
	margin:0;
	padding:0;
}


div#recruit ul.pmenu li{
	list-style:none;
	margin:0 0 0 10px;
	padding:0 0 5px 15px;
	background:url(../../recruit/img/mk_ac.gif) 0 2px no-repeat;
}

div#recruit table{
	border-collapse:collapse;
	margin-bottom:20px;
}

div#recruit td.md{
	background-color:#DDE8D7;
	padding:5px 0;
	font-weight:bold;
	color:#333;
}

div#recruit td.kou{
	width:144px;
	background-color:#e9e9e9;
	padding:2px 0;
	border-right:1px #666 solid;
}

div#recruit table.yokou td{
	border:1px #CCC solid;
	padding:3px 5px;
}

div#recruit table.yokou td.kou{
	width:144px;
	background-color:#e8eff8;
}

div#recruit table.yokou td ul{
	margin:5px;
	padding:0 0 0 10px;
}

div#recruit table.yokou td ul li{
	margin:0 0 0 15px;
	padding:0;
	font-weight:bold;
	list-style:disc;
	color:#333;
}

div#recruit table.yokou td ul.number li{
	list-style: decimal;
	font-weight:normal;
}


div#recruit div.end{
	width:330px;
	margin:30px auto;
}

div#recruit div.end div.illust{
	width:94px;
	float:left;
}

div#recruit div.end div.text{
	width:226px;
	float:right;
	padding-top:20px;
}

dl#ahead dd{
	margin:0 0 0.5em 2em;
	padding:0 0 1em 0em;	
}

dl#ahead dd table{
	margin-bottom:0;
}



/* 個人情報確認、フォーム入力ページ */

h2.inq {
	padding:30px 0px 2px 0px;
	margin-bottom:15px;
	border-bottom:#090 solid 2px;
	font-size:140%;
	
}

dl#privacy dd{
	margin:0 0 0.5em 2em;	
}

p.agree{
	color:#F00;	
}

ul.contact{
	margin:0;	
}

ul.contact li{
	margin:0;
	padding:0;
	list-style:none;
}

div#formStyle {
	margin:20px 0;
}

div#formStyle table{
	border-collapse:collapse;
}

div#formStyle td.md{
	background-color:#DDE8D7;
	padding:5px 0;
	font-weight:bold;
	color:#333;
}

div#formStyle td.kou{
	width:170px;
	background-color:#e9e9e9;
	padding:2px 0;
	border-right:1px #666 solid;
}

div#formStyle p.read{
	border:1px #CCC solid;
	padding:10px;
}

div#formStyle p.note{
	color:#F00;
}

div#formStyle span.note{
	color:#F00;
}

div#formStyle div.info{
	background-color:#e9e9e9;
}

div#formStyle div.info h4{
	background-image:none;
	padding:5px;
	margin:0 0 5px 0;
	color:#333;
}

div#formStyle div.info ul{
	padding:10px;
	margin:0;
}

div#formStyle div.info li{
	padding:0;
	margin:0 0 5px 15px;
}

/*トップページメニュー　2016.03.16追記*/
div#topMenu{
	position:relative;
	height:470px;
	margin-bottom:30px;
}

div#topMenu div{
	position: absolute;
}

div#topMenu div.bk{
	z-index:10;
}

div#topMenu div.btn01{
	z-index:50;
	top:108px;
	left:157px;
}

div#topMenu div.btn02{
	z-index:50;
	top:187px;
	left:157px;
}

div#topMenu div.btn03{
	z-index:50;
	top:277px;
	left:58px;
}

div#topMenu div.btn04{
	z-index:50;
	top:354px;
	left:60px;
}

div#topMenu div img:hover{
	opacity:0.8;
}

div#topMenu div.bk img:hover{
	opacity:1;
}

/*　2016.03.29追記*/

p.win10 {
	margin:15px 0 10px 0;
	padding:8px;
	background:#09F;
	font-weight:bold;
	color:#FFF;
	width:120px;
	text-align:center;
    border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */ 
}

.mb10 {
	margin-bottom:10px;
}




