A:link { text-decoration:none ; color:#0188A6 ;}
A:visited { text-decoration:none ; color:#0188A6 ;}
A:active { text-decoration:none ; color:#000 ;}
A:hover {text-decoration:none ; color:#999; }

html{ height: 100%; }

BODY {
	height:100%;
	background-color: #B7E4F5;
	color:#666;
	font-size:0.8em;
	line-height:1.5em;
	letter-spacing: 0em;
	font-family:Verdana,MS UI Gothic,Osaka;
	padding:0;
	margin:0;
}

br{ letter-spacing: normal; }

img{
	margin:0;
	padding:0;
	border:0;
}

select{
	font-size:12px;
	background-color : #fff;
	color : #666;
}


div#wrap{
	height:100%;
	min-height:100%;
	position:relative;

	width:780px;
	text-align:left;
	background-color:#4DB7DB;
	background-image:url(img/top/side.png);
	background-repeat: repeat-y;
	background-position:770px 0;
	padding:0;
	margin:0;
}

body > #wrap{height:auto;}

div#top{
	width:780px;
	height:50px;
	background:url(img/top/top.png) no-repeat;
	padding:0;
	margin:0;
}

div#top dl{display:none;}

#menu{
	width:770px;
	height:40px;
	background:url(img/top/menu2.png) repeat-x;
	padding:0;
	margin:0;
}

div#main{
	padding-bottom:60px;
}

#footer{
	clear:both;
	position:absolute;
	bottom:0px;
	height:30px;
	width:770px;
	background:url(img/top/foot_bg.png) repeat-x;
}

#footer img{margin:4px 15px;}


#side{
	width:260px;
	float:left;
}

#sidemenu{
	padding:0 0 0 15px;
}

body > #wrap{height:auto;}


#cm{
	width:510px;
	padding:0;
	margin:0;
	margin-left:260px;
}

table {
	color:#666;
	font-size:1em;
	line-height:1.5em;
	letter-spacing: 0em;
	font-family:Verdana,MS UI Gothic,Osaka;
}

/* --------------------------------------------------------------sidemenu */

h1{
	width:235px;
	height:35px;
	padding:0;
	margin:0;
	font-size:10px;
	font-weight: normal;
}

h1 dl{display:none;}

h1.mt01{
	background:url(img/top/m01t01.jpg) no-repeat;
}

h1.mt02{
	background:url(img/top/m01t02.jpg) no-repeat;
}

h1.mt03{
	background-image:url(img/top/m01t03.jpg);
}

h1.mt04{
	background:url(img/top/m01t04.jpg) no-repeat;
}

h1.mt05{
	background:url(img/top/m01t05.jpg) no-repeat;
}

.m02{
	background-image:url(img/top/m02.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position:0% 0%;
	margin:0;
	padding:0 15px 0 10px;
}
.m03{
	background-image:url(img/top/m03.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:0% 0%;
	height:15px;
	padding:0;
	margin:0 0 10px 0;
}


/* ----------------------------------------------------------------menu */

ul.menu{
	width:100%;
	font-size:12px;
	line-height:15px;
	padding:0;
	margin:0 0 0 2;
	position: absolute;
	list-style:none;
}

ul.menu li{
	float:left;
	padding:0;
	margin:0;
}

ul a:link,ul a:visited{
	display: block;
	float:left;
	background:url('img/top/menu_bg.png') no-repeat;
	text-align:center;
	padding:7px 0 0 0;
	width:96px;
	color:#666;
	height:30px;
}

ul a:hover{
	color:#fff;
	background:url('img/top/menu_bg2.png') no-repeat;
}

/* -----------------------------------------------------------cmillust */

cm00{
}

.cm02a{
	height:15px;
	width:505px;
	background:url('img/top/cm02a.jpg') no-repeat;
}
.cm02b{
	text-align:center;
	width:505px;
	background:url('img/top/cm02b.jpg') repeat-y;
}

.cm02c{
	height:15px;
	width:505px;
	background:url('img/top/cm02c.jpg') no-repeat;
}

span#sale {
	color: #D51952;
}

span#blue {
	color: #0188A6;
}

/*　------------------------------------------------------　問い合わせ　----　*/
div#main1 {
	padding-bottom: 35px;
}

div#main1 .temp{
	margin: 0 auto;
	margin-left: 90px;
}

.temp1{
	height:40px;
	width:600px;
	background:url('img/mail/temp1-1.gif') no-repeat;
}
.temp2{
	text-align: left;
	width:600px;
	background:url('img/mail/temp1.gif') repeat-y;
	padding: 1em;
}
.temp3{
	height:15px;
	width:600px;
	background:url('img/mail/temp3.gif') no-repeat;
}

div#main1 h2 {
	margin: 5px 1em;
	width: 500px;
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #4DB7DB;
	font-size: 110%;
}

div#main1 h3 {
	width: 570px;
	margin: 3em 0 1em 0;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #4DB7DB;
	font-size: 110%;
	color: #0188A6;
	text-align: center;
}

div#main1 h4 {
	margin: 3em 0 1em 0;
	width: 570px;
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #4DB7DB;
	font-size: 110%;
}

div#caution {
	width: 570px;
}


div#caution p.time{
	text-align: center;
	font-weight: bold;	
}

/*　-----------------------問い合わせメールフォーム----　*/
.temp1i{
	height:40px;
	width:600px;
	background:url('img/mail/temp1-2.gif') no-repeat;
}

span.s {
	color: #D51952;
	font-weight: bold;
}

.b { font-weight: bold; }

table#title {
	margin: 0.5em auto;
	border-collapse: collapse;
	border: 1px solid #666;
}
table#title tr td {
	border-collapse: collapse;
	border: 1px solid #666;
	padding: 4px 2px;
}

/*　-----------------------会社訪問メールフォーム----　*/

.temp1v{
	height:40px;
	width:600px;
	background:url('img/mail/temp1-3.gif') no-repeat;
}

/*　-----------------------二次著作メールフォーム----　*/

.temp1c{
	height:40px;
	width:600px;
	background:url('img/mail/temp1-4.gif') no-repeat;
}

/*　------------------------------------------------------　プライバシーポリシー　----　*/

.policy{
	height:40px;
	width:600px;
	background:url('img/policy/head.gif') no-repeat;
}

/*　----------------------------------------------------------------------　link　----　*/

.link{
	height:40px;
	width:600px;
	background:url('img/link/link.gif') no-repeat;
}

table#linkc tr td.banner {
	width: 234px;
	padding-right: 10px;
	text-align: right;
}

table#linkc tr td.name {
	font-weight: bold;
	border-bottom: 1px dotted #4DB7DB;
}

div#main1 h3.linktop {
	width: 570px;
	margin: 1em 0 ;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #4DB7DB;
	font-size: 110%;
	color: #0188A6;
	text-align: center;
}

/*　-------------------------------------------------------------------------　会社案内　----　*/

#sidek{
	width: 160px;
	float: left;
	clear: both;
}

#cmk{
	width:610px;
	padding:0;
	margin:0;
	margin-left:160px;
}

.cmk {
	height:40px;
	width:600px;
	background:url('img/com/h1.gif') no-repeat;
}

.temp2k {
	text-align: left;
	width:600px;
	background:url('img/mail/temp1.gif') repeat-y;
	padding: 1em;
}


div.temp2k h2 {
	font-size: small;
	padding: 0 0.5em;
	margin-bottom: 0.2em;
	border-left: 0.5em solid #3E94E0;
	border-bottom: 1px dotted #3E94E0;
}

/*　----------------------------------------------------------　会社沿革　----*/
.cme {
	height:40px;
	width:600px;
	background:url('img/com/h2.gif') no-repeat;
}

/*　----------------------------------------------------------　開発履歴　----*/
.cmg {
	height:40px;
	width:600px;
	background:url('img/com/h3.gif') no-repeat;
}

tr.in {
	background-color:#DDEFFF;
}

.btitle {
	font-weight: bold;
	background-color:#B7F9FF;
}

/*　----------------------------------------------------------　交通手段　----*/
.cma {
	height:40px;
	width:600px;
	background:url('img/com/h5.gif') no-repeat;
}

/*　----------------------------------------------------------　採用案内　----*/
.cms {
	height:40px;
	width:600px;
	background:url('img/com/h4.gif') no-repeat;
}

div.main {
	clear: both;
	margin: 10px 20px;
	background-color: #ffffff;
	line-height: 120%;
}

div.img {
/*	float: left;
	width: 160px;
	text-align: center;*/
	clear: both;
	text-align: left;
}

div.text {
	text-align: left;
	clear: both;
}

h2.s {
	clear: both;
	background-image: url('img/back.jpg');
}

h3 {
	clear: both;
	font-size: 14px;
	color: #0188A6;
	border-bottom: 1px dotted #3E94E0;
	margin-bottom: 0.5em;
}

div.f {
	clear: both;
}

div.main ul {
	margin: 0;
	padding: 0.5em 1.5em;
}

div.main ul li {
	list-style-image: url('img/li.jpg');
	margin: 0;
}

div.s1 {
	font-weight: bold;
	margin: 1em 2em 3em 2em;
	font-size: 14px;
}

/*　--------------------------------------------------------　アルバイト募集　-----　*/

.cms_assi {
	height:40px;
	width:600px;
	background:url('img/com/head_assi.jpg') no-repeat;
}

/*　----------------------------------------------------------------------------　関連グッズ紹介　----*/

.goods {
	height:40px;
	width:600px;
	background:url('img/goods/top.jpg') no-repeat;
}

h2.g {
	background-image: url('img/back.jpg');
	margin: 1em auto;
	width: 590px;
	
}

h2.newg {
	background-image: url('img/backr.gif');
	
}

td.text {
	padding: 0 0.5em 2em;
	width: 330px;
}

td.img {
	width: 210px;
	height: 240px;
	text-align: center;
}

p.links {
	text-align: right;
	font-weight: bold;

	margin: 0.5em auto;
	border-bottom: 1px dotted #0188A6;
}

p.inright {
	margin-top: 6em;
	text-align: right;
}

p.log {
	text-align: right;
	margin: 0.5em auto;
}


.text dl {
	margin: 0;
	width: 330px;
}
.text dd { margin-left: 1em; }


/*　----------------------------------------------------------------------------　インフォメーション　----*/
.info{
	height:40px;
	width:600px;
	background:url('img/info/head.jpg') no-repeat;
}

div.infomenu { text-align: right; }
td.button { text-align: right; }