@charset "UTF-8";

/* -------------------------------------------------------

	1. general
	2. page layout
	3. header
	4. global navigation
	5. contents
	6. top page style
	7. category page style
	8. footer

--------------------------------------------------------- */


/* --------------------------------------------------------------- 1
 general  */
@media screen and (min-width: 981px) {
* {
	margin: 0;
	padding: 0;
}
body {
	/*background: #000033 url(img/bg.jpg) repeat-x; */
	/* background: #000033 url(img/bg094_02.gif); */
	background: #000033 url(img/bg098_02.gif);
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Helvetica, Arial, "MS Pゴシック", sans-serif;
	font-size: 80%;
}
img {
	border: 0;

/* --------------------------------------------------------------- 
	max-width: 720px;
 */
	max-width: 720px;
}

/* --------------------------------------------------------------- 2
 page layout   */
 
.wrapper {
	width: 758px;
	margin: 0 auto 12px;
	background: #fff;
	text-align: left;
}

/* --------------------------------------------------------------- 3
 header   
 width: 738px
*/
 
h1 {
	width: 758px;
	height: 83px;
	background: url(img/header.gif) no-repeat;
	text-indent: -9999px;
}
h1 a {
	display: block;
	width: 738px;
	height: 64px;
	margin: 0 0 0 0;
	padding: 16px 0 0;
}

/* --------------------------------------------------------------- 4
 global navigation   */
 
#navi {
	width: 718px;
	height: 48px;
	margin: 2px 9px 4px;
	border: 1px solid #ccc;
	background: url(img/navibg.jpg) no-repeat;
}
#navi ul {
	list-style: none;
	margin: 0 0 0 47px;
}
#navi li {
	float: left;
	width: 104px;
	height: 48px;
	text-indent: -9999px;
}
#navi a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}
#m1 a {
	background: url(img/navi_home.jpg) no-repeat;
}
#m2 a {
	background: url(img/navi_info.jpg) no-repeat;
}
#m3 a {
	background: url(img/navi_corp.jpg) no-repeat;
}
#m4 a {
	background: url(img/navi_product.jpg) no-repeat;
}
#m5 a {
	background: url(img/navi_recr.jpg) no-repeat;
}
#m6 a {
	background: url(img/navi_contact.jpg) no-repeat;
}
#m1 a:hover,
#m2 a:hover,
#m3 a:hover,
#m4 a:hover,
#m5 a:hover,
#m6 a:hover,
#home #m1 a,
#info #m2 a,
#corporate #m3 a,
#product #m4 a,
#recruit #m5 a,
#contact #m6 a {
	background: none;
}

/* --------------------------------------------------------------- 5
 contents   */
 
#contents {
	width: 720px;
	margin: 0 0 0 9px;
	padding: 0 0 16px;
	background: url(img/contents_bg.gif) repeat-y;
}

/* ------------------------------------------
 h2 */
h2 {
	width: 500px;
	height: 56px;
	text-indent: -9999px;
	margin-bottom: 16px;
}
#info h2 {
	background: url(img/h2_info01.jpg) no-repeat;
}
#corporate h2 {
	background: url(img/h2_corp01.jpg) no-repeat;
}
#product h2 {
	background: url(img/h2_product01.jpg) no-repeat;
}
#recruit h2 {
	background: url(img/h2_recr01.jpg) no-repeat;
}
#contact h2 {
	background: url(img/h2_contact01.jpg) no-repeat;
}

/* ------------------------------------------
 h3 */
h3 {
	clear: both;
	width: 452px;
	height: 32px;
	background: url(img/h3.jpg) no-repeat;
	padding: 0 12px 6px 36px;
	color: #2F2E49;
	font-size: 1.2em;
	line-height: 30px;
}
#home h3 {
	width: 446px;
	height: 35px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(img/h3_index_1.jpg) no-repeat;
}
#info h3 {
	width: 474px;
	height: 100%;
	margin: 6px 13px 10px;
	padding: 0;
	border-bottom: 3px double #999;
	background: none;
	color:  #000;
	font-size: 1em;
	line-height: 1.2;
}
/* ------------------------------------------
 h4 */
h4 {
	color: #333;
	font-size: 1.1em;
	margin: 0 15px 12px;
}
#home h4 {
	margin: 12px;
	font-size: 1em;
}

/* ------------------------------------------
 h5 */
h5 {
	clear: both;
	margin: 6px 13px 10px;
	width: 474px;
	border-bottom: 3px double #999;
}

#contents p {
	margin: 6px 13px 16px;
	font-size: 1em;
	line-height: 1.5;
	color: #5c5c5c;
}
#contents ul {
	clear: both;
	list-style: none;
	margin: 0 0 12px;
	color: #5c5c5c;
	font-size: 1em;
	line-height: 1.5;
}
#contents li {
	margin: 0 12px;
}
textarea {
	margin: 5px 0;
	font-size: 1em;
	line-height: 1.5;
	color: #5c5c5c;
}
/* ------------------------------------------
 h6 */
h6 {
	clear: both;
	width: 452px;
	height: 32px;
	background: url(img/h3.jpg) no-repeat;
	padding: 0 12px 6px 36px;
	color: #2F2E49;
	font-size: 1.2em;
	line-height: 30px;
}
#home h6 {
	width: 446px;
	height: 35px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(img/h3_index_2.jpg) no-repeat;
}
hed13
{
	color: #333300;
	font-size:13.5px;
	line-height: 160%;
	font-weight: normal;
	margin-left: 5px;
}
#home hed13
{
	color: #333300;
	font-size:13.5px;
	font-weight: normal;
	margin: 12px;
}
/* ------------------------------------------
 hed7 */
hed7 {
	color: #333;
	font-size: 1.1em;
	margin: 0 15px 12px;
}
#home hed7 {
	margin: 12px;
	font-size: 1.22em;
}

/* ------------------------------------------
 h55 -- 太字にならない？ 
	clear: both;
	margin: 6px 13px 10px;
	width: 474px;
	border-bottom: 3px double #999;
*/
h55 {
	clear: both;
	font-size: 1.2em;
	margin: 6px 13px 10px;
	width: 474px;
	border-bottom: 3px double #999;
}

#contents p {
	margin: 6px 13px 16px;
	font-size: 1em;
	line-height: 1.5;
	color: #5c5c5c;
}
#contents ul {
	clear: both;
	list-style: none;
	margin: 0 0 12px;
	color: #5c5c5c;
	font-size: 1em;
	line-height: 1.5;
}
#contents li {
	margin: 0 12px;
}
textarea {
	margin: 5px 0;
	font-size: 1em;
	line-height: 1.5;
	color: #5c5c5c;
}

/* --------------------------------------------------------------- 6
 top page style   */
 
/*  main column (left column of 2colums)  */
#home #main {
	float: left;
	width: 446px;
	margin: 16px 0 0;
}
#home #main p {
	margin: 13px;
}
.frame_index {
	width: 446px;
	margin: 0 0 16px;
	padding: 0;
	background: url(img/frame_index_side.gif) repeat-y 0 0;
}
.frame_index span {
	display: block;
	width: 446px;
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(img/frame_index_bottom.gif) no-repeat left bottom;
}
/*  sub column (right column of 2colums)  */
#home #sub {
	float: right;
	width: 224px;
	margin: 16px 0;
	padding: 12px;
	background: url(img/sub_bg.gif) repeat 0 0;
}
#home #sub #info {
	width: 224px;
	height: 118px;
	padding: 42px 0 0;
	background: url(img/frame_index_info.gif) no-repeat 0 0;
}
#home #sub #infocorp {
	width: 224px;
	height: 118px;
	padding: 42px 0 0;
	background: url(img/frame_index_corp.gif) no-repeat 0 0;
}
#home #sub2 {
	float: right;
	width: 224px;
	margin: 16px 0;
	padding: 12px;
	background: url(img/sub_bg.gif) repeat 0 0;
}
#home #sub2 #info {
	width: 224px;
	height: 118px;
	padding: 42px 0 0;
	background: url(img/frame_index_info.gif) no-repeat 0 0;
}
#home #sub2 #infocorp {
	width: 224px;
	height: 118px;
	padding: 42px 0 0;
	background: url(img/frame_index_corp.gif) no-repeat 0 0;
}

/* --------------------------------------------------------------- 7
  category page style  */

/*  main column (right column of 2colums)  */
#main {
	float: right;
	width: 500px;
	margin: 16px 0;
}
#main .left {
	float:left;
	width: auto;
	margin: 0 10px 30px 20px;
	padding: 0;
}
#main .center {
	margin: 4px auto;
	padding: 0;
	text-align: center;
}
#main iframe {
	width: 460px;
	height: 340px;
	margin: 12px 20px;
	padding: 0;
}

/*  --------------------------------
 table  */
table {
	width: 474px;
	margin: 12px 13px;
	border: 1px solid #e0e0e0;
}
th {
	width: 120px;
	padding: 4px 10px;
	background: #efefef;
	color: #2e2b4a;
	font-size: 1em;
}
td {
	padding: 4px 10px;
	color: #333;
	font-size: 1em;
	line-height: 1.5;
}
.even th {
	background: #ddddea;
}
.even td {
	background: #f5f5fa;
}

/*  sub column (left column of 2colums)  */
#sub {
	float: left;
	width: 180px;
	margin: 16px 0;
	padding: 12px;
	background: url(img/sub_bg.gif);
	font-size: 0.95em;
}
#sub img {
	clear: both;
	margin-bottom: 12px;
	vertical-align:top;
}
#sub li a {
	color: #333;
}
#sub li a:hover {
	color: #006699;
}
#sub #month {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_month.gif) no-repeat;
	padding-top: 42px;
}
#sub #catego {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_catego.gif) no-repeat;
	padding-top: 42px;
}
#sub #month {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_month.gif) no-repeat;
	padding-top: 42px;
}
#sub #news {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_news.gif) no-repeat;
	padding-top: 42px;
}
#sub #corpmenu {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_corpmenu.gif) no-repeat;
	padding-top: 42px;
}
#sub #productmenu {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_productmenu.gif) no-repeat;
	padding-top: 42px;
}
#sub #recrmenu {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_recrmenu.gif) no-repeat;
	padding-top: 42px;
}
#sub #contactmenu {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_contactmenu.gif) no-repeat;
	padding-top: 42px;
}

/* --------------------------------------------------------------- 8
 footer   */
 
#footer {
	clear: both;
	width: 720px;
	height: 45px;
	margin: 0 9px;
	padding-bottom: 16px;
	background: url(img/footer.gif) no-repeat;
	text-indent: -9999px;
}
}

@media screen and (max-width: 980px) {
* {
	margin: 0;
	padding: 0;
	float: none;
	position: static;
}
body {
	/*background: #000033 url(img/bg.jpg) repeat-x; */
	background: #000033 url(img/bg098_02.gif);
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Helvetica, Arial, "MS Pゴシック", sans-serif;
	font-size: 100%;
}
img {
	border: 0;
	max-width: 850PX;
	height: auto;

}
#nodisp {
	display:none ;
}
/* --------------------------------------------------------------- 2
 page layout   */
 
.wrapper {
	width: 850px;
	margin: 0 auto 12px;
	background: #fff;
	text-align: left;
}

/* --------------------------------------------------------------- 3
 header   
 width: 738px
*/
 
h1 {
	width: 50%;
	height: 83px;
	background: url(img/header.gif) 100%/100% no-repeat;

	text-indent: -9999px;
}
h1 a {
	display: block;
	width: 100%;
	height: 64px;
	margin: 0 0 0 0;
	padding: 16px 0 0;
}

/* --------------------------------------------------------------- 4
 global navigation   */
 
#navi {
	/*width: 23% ;
	height: 48px;
	margin: 2px 9px 4px;*
	border: 1px solid #ccc;
	background: url(img/navi_home.jpg) no-repeat;*/

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;

}
#navi div{
	/*デザイン*/
	width: 100px;
	height: 100px;
	background: rgba(200,200,200,1);
	background: url(img/Ham.jpg) 100%/100% no-repeat;
	/*配置*/
	overflow: hidden;
	position: absolute;
	right:10px;
}
#navi ul {
	list-style: none;
	margin: 0 0 0 0;
}
#navi li {
	float: left;
	width: 100%;
	height: 100px;
	text-indent: 20px;
	font-size:2.5em;
	margin: 30px 0 0px 0;

}
#navi a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}
#navi .menuopen{
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 20px;
	/*配置*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: auto;
}

#navi .menuclose{
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 20px;
	/*配置*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: auto;
}

/****メニュー一覧****/
#navi ul{
	/*デザイン*/
	background: rgba(200,200,200,1);
	width: 100%;
	/*配置*/
	position: absolute;
	top: 100px;/*#navi divの高さ*/
	right: 0;
	display: none;
}

#navi li{
	/*デザイン*/
	padding: 3px;
	color: rgba(0,0,0,1);
	border-bottom: 1px rgba(255,255,255,1) solid;
	/*配置*/
	pointer-events: auto;
}

/****メニューオープン時****/
#navi:target .menuopen{
	/*配置*/
	display: none;
}

#navi:target .menuclose{
	/*配置*/
	display: block;
}

#navi:target ul{
	display: block;
}
/*#m1 a {
	background: url(img/navi_home.jpg) 100%/100% no-repeat;
}
#m2 a {
	background: url(img/navi_info.jpg) 100%/100% no-repeat;
}
#m3 a {
	background: url(img/navi_corp.jpg) 100%/100% no-repeat;
}
#m4 a {
	background: url(img/navi_product.jpg) 100%/100% no-repeat;
}
#m5 a {
	background: url(img/navi_recr.jpg) 100%/100% no-repeat;
}
#m6 a {
	background: url(img/navi_contact.jpg) 100%/100% no-repeat;
}
*/
/*#m1 a:hover,
#m2 a:hover,
#m3 a:hover,
#m4 a:hover,
#m5 a:hover,
#m6 a:hover,
#home #m1 a,
#info #m2 a,
#corporate #m3 a,
#product #m4 a,
#recruit #m5 a,
#contact #m6 a {
	background: none;
}*/

/* --------------------------------------------------------------- 5
 contents   */
 
#contents {
	width: 850px;
	margin: 0 0 0 9px;
	padding: 0 0 16px;
	background: url(img/contents_bg.gif) 0%/100% repeat-y;
}

/* ------------------------------------------
 h2 */
h2 {
	width: 740px;
	height: 80px;
	text-indent: -9999px;
	margin-bottom: 16px;
	margin-left: 16px;
}
#info h2 {
	background: url(img/h2_info01.jpg) 100%/100% no-repeat;
}
#corporate h2 {
	background: url(img/h2_corp01.jpg) 100%/100% no-repeat;
}
#product h2 {
	background: url(img/h2_product01.jpg) 100%/100% no-repeat;
}
#recruit h2 {
	background: url(img/h2_recr01.jpg) 100%/100% no-repeat;
}
#contact h2 {
	background: url(img/h2_contact01.jpg) 100%/100% no-repeat;
}

/* ------------------------------------------
 h3 */
h3 {
	clear: both;
	width: 670px;
	height: 32px;
	background: url(img/h3.jpg) 100%/100% no-repeat;
	padding: 0 12px 6px 50px;
	color: #2F2E49;
	font-size: 1.2em;
	line-height: 30px;
	margin: 0px 0px 0px 20px;
	background-size:cover;
}
#home h3 {
	width: 720px;
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(img/h3_index_1.jpg) 100%/100% no-repeat;
	background-size:cover;
}
#info h3 {
	width: 720px;
	height: 100%;
	margin: 6px 0px 13px 20px;
	padding: 0;
	border-bottom: 3px double #999;
	background: none;
	color:  #000;
	font-size: 1em;
	line-height: 1.2;
}
/* ------------------------------------------
 h4 */
h4 {
	color: #333;
	font-size: 1.1em;
	margin: 0 15px 12px;
}
#home h4 {
	margin: 12px;
	font-size: 1em;
}

/* ------------------------------------------
 h5 */
h5 {
	clear: both;
	margin: 6px 13px 10px;
	width: 474px;
	border-bottom: 3px double #999;
}

#contents p {
	margin: 6px 13px 16px;
	font-size: 1em;
	line-height: 1.5;
	color: #5c5c5c;
}
#contents ul {
	clear: both;
	list-style: none;
	margin: 0 0 12px;
	color: #5c5c5c;
	font-size: 1em;
	line-height: 1.5;
}
#contents li {
	margin: 0 12px;
}
textarea {
	margin: 5px 0;
	font-size: 1em;
	line-height: 1.5;
	color: #5c5c5c;
}
/* ------------------------------------------
 h6 */
h6 {
	clear: both;
	width: 670px;
	height: 32px;
	background: url(img/h3.jpg) 100%/100% no-repeat;
	background-size:cover;
	padding: 0 12px 6px 50px;
	color: #2F2E49;
	font-size: 1.2em;
	line-height: 30px;
	margin: 0px 0px 0px 20px;
}
#home h6 {
	width: 720px;
	height: 35px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(img/h3_index_2.jpg) no-repeat;
	background-size:cover;
}
hed13
{
	color: #333300;
	font-size:13.5px;
	line-height: 160%;
	font-weight: normal;
	margin-left: 5px;
}
#home hed13
{
	color: #333300;
	font-size:13.5px;
	font-weight: normal;
	margin: 12px;
}
/* ------------------------------------------
 hed7 */
hed7 {
	color: #333;
	font-size: 1.1em;
	margin: 0 15px 12px;
}
#home hed7 {
	margin: 12px;
	font-size: 1.22em;
}

/* ------------------------------------------
 h55 -- 太字にならない？ 
	clear: both;
	margin: 6px 13px 10px;
	width: 474px;
	border-bottom: 3px double #999;
*/
h55 {
	clear: both;
	font-size: 1.2em;
	margin: 6px 13px 10px;
	width: 474px;
	border-bottom: 3px double #999;
}

#contents p {
	margin: 0px 20px 13px 20px;
	font-size: 1em;
	line-height: 1.5;
	color: #5c5c5c;
}
#contents ul {
	clear: both;
	list-style: none;
	margin: 0 0 12px;
	color: #5c5c5c;
	font-size: 1em;
	line-height: 1.5;
}
#contents li {
	margin: 0 12px;
}
textarea {
	margin: 5px 0;
	font-size: 1em;
	line-height: 1.5;
	color: #5c5c5c;
}

/* --------------------------------------------------------------- 6
 top page style   */
 
/*  main column (left column of 2colums)  */
#home #main {
	float: left;
	width: 850px;
	margin: 16px 0 0;
}
#home #main p {
	margin: 13px;
}
.frame_index {
	width: 720px;
	margin: 0 0 16px;
	padding: 0;
	background: url(img/frame_index_side.gif) repeat-y 0/100%;

}
.frame_index span {
	display: block;
	width: 960px;
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(img/frame_index_bottom.gif) no-repeat left bottom;
	background-size:720px;
}
/*  sub column (right column of 2colums)  */
#home #sub {
	float: right;
	width: 224px;
	margin: 16px 0;
	padding: 12px;
	background: url(img/sub_bg.gif) repeat 0 0;
}
#home #sub #info {
	width: 224px;
	height: 118px;
	padding: 42px 0 0;
	background: url(img/frame_index_info.gif) no-repeat 0 0;
}
#home #sub #infocorp {
	width: 224px;
	height: 118px;
	padding: 42px 0 0;
	background: url(img/frame_index_corp.gif) no-repeat 0 0;
}
#home #sub2 {
	float: right;
	width: 224px;
	margin: 16px 0;
	padding: 12px;
	background: url(img/sub_bg.gif) repeat 0 0;
}
#home #sub2 #info {
	width: 224px;
	height: 118px;
	padding: 42px 0 0;
	background: url(img/frame_index_info.gif) no-repeat 0 0;
}
#home #sub2 #infocorp {
	width: 224px;
	height: 118px;
	padding: 42px 0 0;
	background: url(img/frame_index_corp.gif) no-repeat 0 0;
}

/* --------------------------------------------------------------- 7
  category page style  */

/*  main column (right column of 2colums)  */
#main {
	float: left;
	width: 720px;
	margin: 16px 0;
}
#main .left {
	float:left;
	width: auto;
	margin: 0 10px 30px 20px;
	padding: 0;
}
#main .center {
	margin: 4px auto;
	padding: 0;
	text-align: center;
}
#main iframe {
	width: 460px;
	height: 340px;
	margin: 12px 20px;
	padding: 0;
}

/*  --------------------------------
 table  */
table {
	width: 460px;
	margin: 12px 13px;
	border: 1px solid #e0e0e0;
}
th {
	width: 120px;
	padding: 4px 10px;
	background: #efefef;
	color: #2e2b4a;
	font-size: 1em;
}
td {
	padding: 4px 10px;
	color: #333;
	font-size: 1em;
	line-height: 1.5;
}
.even th {
	background: #ddddea;
}
.even td {
	background: #f5f5fa;
}

/*  sub column (left column of 2colums)  */
#sub {
	display:none ;
	float: left;
	width: 180px;
	margin: 16px 0;
	padding: 12px;
	background: url(img/sub_bg.gif);
	font-size: 0.95em;
}
#sub img {
	clear: both;
	margin-bottom: 12px;
	vertical-align:top;
}
#sub li a {
	color: #333;
}
#sub li a:hover {
	color: #006699;
}
#sub #month {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_month.gif) no-repeat;
	padding-top: 42px;
}
#sub #catego {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_catego.gif) no-repeat;
	padding-top: 42px;
}
#sub #month {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_month.gif) no-repeat;
	padding-top: 42px;
}
#sub #news {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_news.gif) no-repeat;
	padding-top: 42px;
}
#sub #corpmenu {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_corpmenu.gif) no-repeat;
	padding-top: 42px;
}
#sub #productmenu {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_productmenu.gif) no-repeat;
	padding-top: 42px;
}
#sub #recrmenu {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_recrmenu.gif) no-repeat;
	padding-top: 42px;
}
#sub #contactmenu {
	width: 180px;
	height: 98px;
	background:url(img/frame_temp2_contactmenu.gif) no-repeat;
	padding-top: 42px;
}

/* --------------------------------------------------------------- 8
 footer   */
 
#footer {
	clear: both;
	width: 850px;
	height: 45px;
	margin: 0 2px;
	padding-bottom: 16px;
	background: url(img/footer.gif) 0%/100% no-repeat;
	text-indent: -9999px;
}
}