﻿@charset "utf-8";
/* CSS Document */

/* kill 'Browser standard style'
---------------------------------------------------------------------------- */
body{
	margin:0;
	padding:0;
	text-decoration:none;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;/*	\*/font-size:75%;/* */
	color: #333333;
	line-height: 120%;
}


h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,table,th,td,p,
form,select,option,address,pre{
	margin:0;
	padding:0;
}

a:link {
	color: #5678CC;
}
a:visited { color: #485068; }
a:hover { color: #B74816; }
a:active { color: #B74816; }

/* All
---------------------------------------------------------------------------- */
.c-both {
	clear:both;
	height: 0px;
}
.gototop {
	background-image: url(../img/gototop-on.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	height: 20px;
	width: 130px;
	padding-left: 430px;
	padding-top: 5px;
}
.gototop  a{
	display:block;
	height: 20px;
	width: 130px;
}
.gototop  a:hover {
	background-color:transparent;
}
.gototop  a:hover img{
	visibility:hidden;
}
/* layout
---------------------------------------------------------------------------- */
#Wrapper{
	width: 740px;
	text-align: center;
	margin-left : auto;
	margin-right : auto;

}
#stage{
	width: 740px;
	text-align: left;
}
#contents{
	width: 560px;
	height: 100%;
	padding-bottom: 30px;
	text-align: left;
	float: right;
	padding-top: 15px;
}
#contents2{
	width: 680px;
	height: 100%;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-top: 30px;
	padding-right: 30px;
    text-align: left;
}
#list{
	width: 165px;
	height: 100%;
	float: left;
}
/* header
---------------------------------------------------------------------------- */
#header{
	width: 740px;
	height: 80px;
	margin-bottom: 5px;
	text-align: left;
}
#h-box{
	float: right;
	height: 80px;
	width: 220px;
	text-align: right;
}
#h-boxL{
	float: left;
	height: 75px;
	width: 100px;
	margin-top: 5px;
}
#h-logo1{
	height: 75px;
	width: 100px;
	float: right;
}
#h-logo2{
	height: 40px;
	width: 90px;
}
#h-txtsize{
	height: 15px;
	background-image: url(../img/size0.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	margin-top: 65px;
	width: 55px;
	padding-left: 65px;
}
#h-txtsize li{
	list-style-type:none;
	width:15px;
	height:15px;
	float:left;
	margin-right: auto;
	margin-left: auto;
}
#h-txtsize li img{
	border:0;
}
#h-txtsize li.size1{
	background-image: url(../img/size1-on.gif);
}
#h-txtsize li.size2{
	background-image: url(../img/size2-on.gif);
	margin-left: 2px;
}
#h-txtsize li.size3{
	background-image: url(../img/size3-on.gif);
	margin-left: 2px;
}
#h-txtsize li a{
	display:block;
	width:15px;
	height:15px;
}
#h-txtsize li a:hover {
	background-color:transparent;
}
#h-txtsize li a:hover img{
	visibility:hidden;
}

/* menu
---------------------------------------------------------------------------- */
#menu{
	width:735px;
	height:23px;
	margin-right: 2px;
	margin-left: 3px;
	padding-bottom: 10px;
	clear: both;
}
#menu li{
	list-style-type:none;
	width:147px;
	height:23px;
	float:left;
	margin-right: auto;
	margin-left: auto;
}
#menu li img{
	border:0;
}
#menu li.menu1{
	background-image:url(../../origin/img/menu/menu-1-on.gif);
}
#menu li.menu2{
	background-image:url(../../origin/img/menu/menu-2-on.gif);
}
#menu li.menu3{
	background-image:url(../../origin/img/menu/menu-3-on.gif);
}
#menu li.menu4{
	background-image:url(../../origin/img/menu/menu-4-on.gif);
}
#menu li.menu5{
	background-image:url(../../origin/img/menu/menu-5-on.gif);
}
#menu li a{
	display:block;
	width:147px;
	height:23px;
}
#menu li a:hover {
	background-color:transparent;
}
#menu li a:hover img{
	visibility:hidden;
}
/* TOP
---------------------------------------------------------------------------- */
#top0 {
	height: 360px;
	width: 740px;
	padding-bottom: 10px;
}#top0L {
	height: 360px;
	width: 360px;
	float: left;
}
#top0R {
	height: 360px;
	width: 360px;
	float: right;
}
#top1 {
	height: 245px;
	width: 300px;
	margin-right: 15px;
	float: left;
}
#top2 {
	width: 505px;
	float: right;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#top3 {
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../../origin/img/top/topics-box.gif);
}
#top3l {
	width: 218px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#top3r {
	height: 245px;
	width: 190px;
	float: right;
}
#top4 {
	height: 55px;
	width: 50px;
	background-image: url(../../origin/img/top/qr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
	padding-left: 140px;
}
#top5 {
	height: 100px;
	width: 190px;
}
.topics {
	width: 220px;
	height: 25px;
	background-image: url(../../origin/img/top/topics01-on.gif);
}
.topics a{
	display:block;
	width: 220px;
	height: 25px;
}
.topics a:hover {
	background-color:transparent;
}
.topics a:hover img{
	visibility:hidden;
}
.topicsicon1 {
	background-image: url(../../origin/img/top/icon1.gif);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 33px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
}
.topicsicon2 {
	background-image: url(../../origin/img/top/icon2.gif);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 33px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
}
.topicsicon3 {
	background-image: url(../../toshu/img/top/icon3.gif);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 33px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
}
.topicsicon4 {
	background-image: url(../../toshu/img/top/icon4.gif);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 33px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
}
.job2 {
	width: 190px;
	height: 35px;
	background-image: url(../img/job-2-on.gif);
	margin-top: 10px;
	margin-bottom: 10px;
}
.job2 a{
	display:block;
	width: 190px;
	height: 35px;
}
.job2 a:hover {
	background-color:transparent;
}
.job2 a:hover img{
	visibility:hidden;
}
.sub1 {
	width: 300px;
	height: 245px;
	background-image: url(../../origin/img/top/sub1-on.jpg);
}
.sub1 a{
	display:block;
	width: 300px;
	height: 245px;
}
.sub1 a:hover {
	background-color:transparent;
}
.sub1 a:hover img{
	visibility:hidden;
}
.sub2 {
	width: 190px;
	height: 100px;
	background-image: url(../../origin/img/top/originday01on.gif);
}
.sub2 a{
	display:block;
	width: 190px;
	height: 100px;
}
.sub2 a:hover {
	background-color:transparent;
}
.sub2 a:hover img{
	visibility:hidden;
}
/* contents------------------------------------------------------------------- */
#list li{
	list-style-type:none;
	width:165px;
	height:23px;
	float:left;
	margin-right: auto;
	margin-left: auto;
}
#list li img{
	border:0;
}
#list li.list1{
	background-image:url(../../origin/img/list/list-1-on.gif);
}
#list li.list2{
	background-image:url(../../origin/img/list/list-2-on.gif);
}
#list li.list3{
	background-image:url(../../origin/img/list/list-3-on.gif);
}
#list li.list4{
	background-image:url(../../origin/img/list/list-4-on.gif);
}
#list li.list5{
	background-image:url(../../origin/img/list/list-5-on.gif);
}
#list li.list6{
	background-image:url(../../origin/img/list/list-6-on.gif);
}
#list li.list7{
	background-image:url(../../origin/img/list/list-7-on.gif);
}
#list li.list8{
	background-image:url(../../origin/img/list/list-8-on.gif);
}
#list li.list9{
	background-image:url(../../origin/img/list/list-9-on.gif);
}
#list li.list10{
	background-image:url(../../origin/img/list/list-10-on.gif);
}
#list li.list11{
	background-image:url(../../origin/img/list/list-11-on.gif);
}
#list li.list12{
	background-image:url(../../origin/img/list/list-12-on.gif);
}
#list li a{
	display:block;
	width:165px;
	height:25px;
}
#list li a:hover {
	background-color:transparent;
}
#list li a:hover img{
	visibility:hidden;
}
/* table------------------------------------------------------------------- */
.table-collapse {
	border-collapse:collapse;
	width: 100%;
}

.table-collapse td {
	border: 1px solid #999999;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.table1 {
	border-collapse:collapse;
	width: 560px;
}
.table2 {
	border-collapse:collapse;
	width: 100%;
	margin-top: 3px;
}

.table2 td {
	border: 1px solid #999999;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.bodernone td {
border:0px none;
font-size: 11px;
}
.td1{
	background-color: #CCCCCC;
	width: 70px;
}
.td2{
	background-color: #CCCCCC;
}
.td3{
	width: 180px;
}
.td4{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.td5{
	width: 140px;
}
/* point------------------------------------------------------------------- */
.point1{
	background-image: url(../../company/img/point2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #333333;
	margin-top: 25px;
	font-weight: bold;
}
.point2{
	background-image: url(../../company/img/point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 25px;
	font-weight: bold;
}
.point3{
	background-image: url(../../company/img/point2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #333333;
}
/* LR------------------------------------------------------------------- */
.boxL1{
	float: left;
	width: 265px;
}
.boxR1{
	float: right;
	width: 265px;
}


/* news------------------------------------------------------------------- */
#news-index {
	width: 218px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

#news-iframe{
	width: 218px;
}