@charset "utf-8";

/*
Theme Name: LHAS WEBWORKS
Theme URI: http://www.lhas.jp/wp-themes/
Description: This theme is created for our site by <a href="http://www.lhas.jp/">lhas webworks</a>.
Version: 2.0
Author: Hiroki Tanaka
Author URI: http://www.lhas.jp/
*/





/** RESET **/

* {
	font-size:100%;
	line-height:160%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	padding:0;
	color:#333333;
}
body {
	font-size:80%;　// 75
	text-align:center;
	margin:0 auto;

	background-image: url(/img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
background-attachment:fixed;
	background-color: #D5FBEE;
}
h1, h2, h3, h4, h5, h6, p, {
	margin:0;
	padding:0;
	display: block;
	font-weight:normal;
	font-size:1em;
	font-style: normal;
}

em, strong {
	margin:0;
	padding:0;
	display: inline;
	font-weight:normal;
	font-size:1em;
	font-style: normal;
}
ol, ul {
	list-style-type: none;
}
li {
	display:inline;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
th, td {
	font-weight:normal;
	font-size:1em;
	font-style: normal;
}
img {
	border: 0;
	vertical-align:bottom;
}
/** GLOBAL **/

/* 非表示 */
.none {
	display: none;
}
/* 区切り */
hr {
	height:1px;
}
.fclear {
	clear:both;
}
/* リンク設定 */

a {
	text-decoration: underline;
	color:#3366FF;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color:#2348b8;
}
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* 読み飛ばし */
.skip, .hdn{
	position: absolute;
	left: -9999px;
}

.alignl {
	text-align:left;
}
.alignc {
	text-align:center;
}
.alignr {
	text-align:right;
}
/* vertical-align */

.valignt {
	vertical-align:top;
}
.valignm {
	vertical-align:middle;
}
.valignb {
	vertical-align:bottom;
}
/* margin */


.mgn4 {
	margin:4px;
}
.mgn10 {
	margin:10px;
}
.mgn15 {
	margin:15px;
}
.mgn20 {
	margin:20px;
}
/* margin-top */

.mt1 {
	margin-top:1px;
}
.mt2 {
	margin-top:2px;
}
.mt3 {
	margin-top:3px;
}
.mt4 {
	margin-top:4px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
/* margin-right */

.mr1 {
	margin-right:1px;
}
.mr2 {
	margin-right:2px;
}
.mr3 {
	margin-right:3px;
}
.mr4 {
	margin-right:4px;
}
.mr5 {
	margin-right:5px;
}
.mr6 {
	margin-right:6px;
}
.mr7 {
	margin-right:7px;
}
.mr8 {
	margin-right:8px;
}
.mr9 {
	margin-right:9px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr25 {
	margin-right:25px;
}
.mr30 {
	margin-right:30px;
}
.mr40 {
	margin-right:40px;
}
.mr50 {
	margin-right:50px;
}
/* margin-bottom */

.mb1 {
	margin-bottom:1px;
}
.mb2 {
	margin-bottom:2px;
}
.mb3 {
	margin-bottom:3px;
}
.mb4 {
	margin-bottom:4px;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
/* margin-left */

.ml1 {
	margin-left:1px;
}
.ml2 {
	margin-left:2px;
}
.ml3 {
	margin-left:3px;
}
.ml4 {
	margin-left:4px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml25 {
	margin-left:25px;
}
.ml30 {
	margin-left:30px;
}
.ml40 {
	margin-left:40px;
}
.ml50 {
	margin-left:50px;
}
/* padding-top */

.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt25 {
	padding-top:25px;
}
.pt50 {
	padding-top:50px;
}
/* padding-right */

.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pr20 {
	padding-right:20px;
}
.pr25 {
	padding-right:25px;
}
.pr50 {
	padding-right:50px;
}
/* padding-bottom */

.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb25 {
	padding-bottom:25px;
}
.pb50 {
	padding-bottom:50px;
}
/* padding-left */

.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl25 {
	padding-left:25px;
}
.pl50 {
	padding-left:50px;
}
/** BASE **/

#container {
	text-align:center;
	margin:0 auto;
	float:left;
	width:100%;

}
#container2 {
	margin:0 auto;
	width:970px;
	text-align:left;
}
#main-bg {
	width:970px;
	float:left;
	background-color:#FFFFFF;
	text-align:center;
	margin:0 auto;
}
#header {
	width:958px;
	text-align:left;
	margin:0 auto;
}
#header h1 {
	width:420px;
	float:left;
	margin:14px 0px 5px 4px;
	font-size:80%;
	display:inline;
}

/* safari only \*/
html[xmlns*=""] body:last-child #header h1 {
	width:400px;
	float:left;
	margin:10px 0px 5px 4px;
	font-size:30%;
	display:inline;
}
ul.hdr-sub-nav {
	margin:11px 4px 8px 0px;
	float:right;
	width:530px;
	display:inline;
}
ul.hdr-sub-nav li {
	float:right;
	margin:5px 0 0 12px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 10px;
	display:inline;
}

*+html body ul.hdr-sub-nav li {
	float:right;
	margin:0px 0 0 12px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 10px;
	display:inline;
}

ul.hdr-sub-nav li.mailinq {
	float:right;
	margin:0 0 5px 0px;
	background-image:none;
}
.hdr-img {
	position:relative;
	top:0;
	left:0;
	height:54px;
}
.hdr-img .img01 {
	position:absolute;
	top:0;
	left:8px;
}

.hdr-img .twit {
	position:absolute;
	top:0px;
	left:240px;
	font-size:80%;
	color:#30AC83;
width:500px;
margin-left:5px;
}

.hdr-img a.twit-txt {
	text-decoration:none;
	color:#30AC83;
}

.hdr-img a.twit-txt:hover {
	text-decoration:underline;
}

.hdr-img .img05 {
	position:absolute;
	top:0px;
	left:765px;
}
.gnav li {
	line-height:0px;
	margin:0 0 10px 0;
	padding:0;
}
#main {
	width:970px;
	text-align:left;
	margin:0px auto 0 auto;
	padding:0 0 0 0;
	clear:both;
	display:inline;
}
#cont {
	float:left;
	width:970px;
	background-color:#FFFFFF;
}
#lnav {
	float:left;
	width:200px;
	margin:0 10px 0 10px;
	text-align:left;
	display:inline;
}
h2 {
	padding:5px 0 10px 0px;
	margin:0 0 10px 0;
	background-image: url(/img/line_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
h2 em {
	background-image: url(/img/arrow_a.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	padding:0 0 0 34px;
}
.prod-list {
	margin:10px 0 15px 0;
	padding:0 0 10px 0;
}
.prod-list li {
	display:block;
	margin:0 0px 10px 0px;
	padding:0 0 0 35px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: 20px 8px;
}
.btm-breakline {
	background-image: url(/img/line_break_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#side-oursites p {
	font-size:90%;
	line-height:120%;
	margin:8px 5px 20px 5px;
}
.aroundline {
	border:solid 1px #ccc;
	padding:2px;
}
#center {
	float:right;
	width:740px;
	margin:0 10px 0 0;
	display:inline;
	text-align:left;
}
.gttop {
	padding:30px 10px 20px 0;
	text-align:right;
	clear:both;
}
#footer {
	background-color:#FFFFFF;
	clear:both;
	padding:0 0 15px 0;
	text-align:center;
	margin:0 auto 0 auto;
	width:100%;
}
.ftr-main {
	text-align:left;
	width:970px;
padding-top:10px;
	margin:0 auto 15px auto;
	/*border:solid 1px #CCCCCC;*/
	position:relative;
	top:0;
	left:0;
}
.ftr-left {
	width:760px;
	margin:0px 15px 5px 15px;
}

.ftr-left ul li{
font-size:80%
	margin:0 0px 0px 0px;
	padding:0 0 0 15px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

.ftr-right {
	position:absolute;
	top:20px;
	width:210px;
	left:770px;
	text-align:center;
}
.copyright {
	margin:5px 0 0 0;
	font-family:"Times New Roman", Times;
	font-size:80%;
}
#footer ul {
	margin:0 0 0 0px;
}
/** カレンダー **/

#calendar {
	color:#666;
}
.cal-blk {
	margin:10px 0 0 13px;
}
.cal-blk table {
	margin:0 0 10px 0;
}
.cal-blk table td {
	border:solid 2px #fff;
}
span.Today {
	font-weight: bolder;
}
li.deli span {
}
li.openingsale span {
}
span.holyday-txt {
	color: #FF0000;
}
li.Sun span {
}
li.Sat span {
	background-color:#EBF4FF !important;
}
li.Sat-holyday span {
	color: #FF0000;
	background-color:#EBF4FF !important;
}
li.undefined span {
/*	cursor: pointer;
*/
}
/*ui*/
div.cal_wrapper {
	width: 195px!important;
	width/**/: 195px;
	height: 160px!important;
	height/**/: 180px;
	position: relative;
	padding-bottom: 10px;

}
ul.cal_ui {
	padding: 0px;
	margin: 0px;
	width: 60px;
	float: right;
}
ul.cal_ui li {
	float: left;
	width: 20px;
	height: 15px;
	font-size: 10px;
	list-style: none;
}
div.cal_base p {
	font-size: 12px;
	padding: 5px;
	margin: 0px;
}
ul.cal_main {
	clear: both;
	padding: 0px 0 0px 0;
	margin: 0px 0 0 7px;
}
ul.cal_main li {
	/*padding: 3px 0px 3px 0px;*/
	width: 24px;
	text-align: center;
	list-style: none;
	font-size: 10px;
	float: left;
	overflow: hidden;
	border:solid 1px #fff;
	background-color:#F3F3F3;
}
ul.cal_main li span {
	padding: 1px 0px;
	display: block;
}
li.cal_headline span {
	background-color:#7BC7AE;
	color:#FFFFFF;
}
/** DROPDOWNMENU **/

ul.gnav {
	position:relative;
	top:0;
	left:0;
	margin-bottom:10px;
}
#header ul.gnav li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
.submenu {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	visibility: hidden;
	position:absolute;
	top:29px;
	left:239px;
	z-index: 3;
}
.submenu {
	width:116px;
	display:block;
	outline:0;
}
#header ul.gnav li .submenu a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
/** TOP main **/

.catch-left {
	margin:15px 28px 20px 19px;
	float:left;
	width:326px;
}
.catch-right {
	float:left;
	width:363px;
}
.catch-right p {
	line-height:180%;
	font-size:110%;
	margin:0 0 0 10px;
}
.catch-img {
	margin:25px 0 15px 0;
}
#software ul li {
	width:240px;
	float:left;
	margin:0 0 20px 0;
}
#software ul li span {
	font-size:90%;
	line-height:140%;
	display:block;
	margin:5px 5px 0 5px;
}
#software ul li.center {
	margin:0 10px;
}
.main-half-clm {
	float:left;
	width:365px;
}
.arrow-list li {
	display:block;
	margin:0 0px 5px 0px;
	padding:0 0 0 35px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: 20px 8px;
}
/** SITEMAP **/

.sitemap-list {
	margin:20px 0;
}
.sitemap-list li {
	display:block;
	margin:0 0px 15px 0px;
	padding:0 0 0 35px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: 20px 8px;
}
/** web-prod coding **/

.mrl35 {
	margin:0 35px;
}
#center p {
	margin:0 0 15px;
}
h3.arrow {
	margin:0 0px 0px 0px;
	padding:10px 0 10px 12px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position:relative;
	top:0;
	left:-12px;
}
.red {
	color:red;
}
.bold {
	font-weight:bold;
}

#coding-check{
padding:20px 0 30px 0;
}

#coding-check .bg-top {
	background-image: url(/img/h2_webproduction_xhtml_css_coding_check_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:12px;
}
#coding-check .bg-main {
	background-image: url(/img/h2_webproduction_xhtml_css_coding_check_bg_main.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#coding-check .bg-btm {
	background-image: url(/img/h2_webproduction_xhtml_css_coding_check_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:12px;
}
#coding-check p {
	margin:0;
}

#coding-check h2{
	background-image:none;
		display:inline;
}

#coding-check h2 img {
	margin:3px 0 15px 22px;

}
#coding-check ul {
	float:left;
	width:670px;
	margin:0 0 10px 21px;
	display:inline;
}
#coding-check ul li {
	width:325px;
	float:left;
}
#coding-check ul li img {
	float:left;
	width:88px;
	margin:0 10px 0 0;
}
#coding-check ul li span {
	width:204px;
	float:left;
	display:block;
	font-size:90%;
}
#supplement {
	margin:0 0 20px 0;
	float:left;
	width:670px;
}
#supplement span {
	float:left;
	width:20px;
	margin:0 0 0 5px;
	color:#666;
}
#supplement p {
	color:#666;
	float:left;
	width:633px;
}
#web-prod-ftr {
	clear:both;
	padding:100px 0 0 0;
}
#web-prod-ftr li {
	float:left;
	width:327px;
	position:relative;
	top:0;
	left:0;
	min-height:130px;
height: auto !important;
height: 130px;
}
#web-prod-ftr li .img {
	width:118px;
	float:left;
	margin:0 10px 0px 0;
}
#web-prod-ftr li em {
	display:block;
	padding:10px 0;
	margin:0 0 10px 0;
	background-image: url(/img/line_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#web-prod-ftr li span.txt {
	width:197px;
	float:left;

}
#banner {
	clear:both;
	padding:50px;
	text-align:center;
}
span.now {
	color:#990000;
	font-size:90%;
	position:absolute;
	top:-16px;
	left:0;
}
/** CMS **/

.cms-left {
	float:left;
	width:240px;
	margin:0 0px 50px 0;
}
.cms-right {
	float:right;
	width:410px;
	margin:0 0px 50px 0;
}
/** DIRECTION **/

ol.number {
	list-style-type: decimal;
	list-style-position: inside;
}
ol.number li {
	display:list-item;
}


/** OURSITES **/

.title{
	display:block;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	background-image: url(/img/line_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.title em{
	margin:0px 0 0 0px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 14px;
}

#center #oursites p{
margin-left:15px;
}
p.supplement {
color:#666666;
font-size:90%;
}

#now-const span{
padding:2px 3px;
margin:0 0 0 5px;
color:#FFFFFF;
font-size:80%;
font-weight:bold;
}

#now-const .ji{
background-color:#000;
}

#now-const .di{
background-color:#990000;
}

#now-const .de{
background-color:#A6A600;
}

#now-const .fl{
background-color:#660000;
}

#now-const .co{
background-color:#000099;
}

#now-const .sy{
background-color:#003333;
}

.fsize120{
font-size:120%;
}

.fsize80{
font-size:80%;
}

.fsize90{
font-size:90%;
}

#now-const span.comment{
padding:0;
margin:0 0 0 0px;
color:#999;
font-size:95%;
font-weight:normal;
}

/** ABOUT **/

table.profile{

padding:2px 0;

border-collapse:separate;
}
table.profile th{
	background-color: #EAF7F2;
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
	border-right:solid 2px #fff;
	width:100px;
	text-align:center;
}

table.profile td{
	border:solid 2px #fff;
}
table.profile th, table.profile td{

padding:5px 10px;
}

dl.history{
margin:0 0 20px 0;
}

dl.history dt{
float:left;
width:9em;
}

dl.history dd{
padding:0 0 0 9em;
}

.title2{
	display:block;
	padding:5px 0 5px 0;
	margin:0 0 10px 0;
	background-image: url(/img/line_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.title2 em{
	margin:0px 0 0 0px;
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding:0 0 0 14px;
	position:relative;
	left:-12px;
}

/** INQUIEY **/

table.inquiry{
width:670px;
}

table.inquiry th,table.inquiry td{
padding:5px;
vertical-align:top;
}

table.inquiry th{
text-align:right;
width:10em;
}
table.inquiry label{
position:relative;
top:-2px;
margin:0 15px 0 0;
}
.txt-field{
width:477px;
border:solid 1px #ccc;
padding:3px;
}

.txt-field100{
width:100px;
border:solid 1px #ccc;
padding:3px;
}

.hgt400{
height:400px;
}

.submit-btn{
border:solid 1px #0066FF;
padding:10px 20px;
background-color:#FFFFFF;
color:#0066FF;
}

.break-line{
	background-image: url(/img/line_break_bg.gif);
	background-repeat: repeat-x;
	background-position: left center;
}


/** BLOG **/

.blog-cat li{
padding:0 5px 5px 0;
}
.blog-nav{
margin:0 0 20px 0;
}

.blog-nav dt{
margin:0 0 5px 0;

}

.blog-nav dd{
margin:0 0 5px 0;

}

.txt-field2{
width:120px;
border:solid 1px #ccc;
padding:3px;
}

.blog-date{
	text-align:right;
	padding:10px 0 5px 0;
	background-image: url(/img/line_break_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.no-bg{
background-image:none;
}
.arrow-b{
	background-image: url(/img/arrow_a.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	padding:0 0 0 34px;
	margin:0 0 20px 0;
}

.cmnt-body{
	background-image: url(/img/arrow_b.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding:0 0 0 14px;
	margin:0 0 0 20px;
}

.blk{
display:block;
}

.mb10-list li{
margin-bottom:10px;
}