@charset "Shift_JIS";
#sis{
top:5px;
position:absolute;
right:20px;
}
/*----TAG----*/
BODY,
#top BODY,
#service BODY,
#portfolio BODY,
#case BODY,
#profile BODY,
#sitemap BODY,
#contact  BODY
 {
	margin:0;
	padding:0 10px;
	font-family: osaka,"メイリオ","MS Pゴシック",arial,helvetica,sans-serif;
	font-size:80%;
	color:#666;
	background-color:#fff;	
	background: url(../../img/default/subdropbg.png) no-repeat -50em;
}

A{
	text-decoration:underline;
}
A:link{
	color:#ff4500;
	background-color:transparent;
}
A:visited{
	color:#913900;
	background-color:transparent;
}
A:active{
	color:#444;
	background-color:transparent;
}
A:hover{
	color:#008C00;
	background-color:#fff;
}

HR{
	clear:both;
	margin:0;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #eee;
	border-left:1px solid #FFF;
}
IMG{
	border-style: none ;
}
INPUT:focus{
	color:#000;
	background-color:#eee;
}

/*----ID----*/
.css-change{
	position:absolute;
	top:5px;
	right:15px;
	width:80px;
	height:40px;
}
/*↓Mac　IE以外で上書き
\*/
.css-change{
	position:absolute;
	top:5px;
	right:10px;
	height:40px;
}/**/
.css-change span{
	display:block;
	margin-bottom:1px;
	font-size:80%;
}
.airport{
	display:block;
	width:15px;
	height:15px;
	margin-right:5px;
	float:left;
	text-indent:-100em;
	background: url(../../css/airport/airport.gif) no-repeat;
	text-decoration:none !important;	
}
.default{
	display:block;
	width:15px;
	height:15px;
	margin-right:5px;
	float:left;
	text-indent:-200em;
	background: url(../../css/default/on.gif) no-repeat;
}
.off{
	display:block;
	width:15px;
	height:15px;
	float:left;
	text-indent:-300em;
	background: url(../../css/off/off.gif) no-repeat;
	text-decoration:none !important;
}
#menu-wrapper{
	margin:0;
	padding:0;
	width:99%;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:8px solid #666;
	/*back ground preload*/
	background: url(../../img/default/subdrop_a.gif) no-repeat -50em;
}
#menu{
	width:720px;
	height:24px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:70%;
}
#menu li{
	margin:0;
	padding:0;
	display:block;
	float:left;
}
#menu li a:lang(ja) {/*Apply Opera float*/
	float:left;
}
#menu li a{
	display:block;
	width:120px;
	height:24px;
	background: url(../../img/default/menu.gif) no-repeat;
	text-decoration:none !important;
	text-indent:-90em;
}
#menu li#menu-service a:hover{
	background-position:0 -24px;
}
#menu li#menu-portfolio a{
	background-position:-120px 0;
}
#menu li#menu-portfolio a:hover{
	background-position:-120px -24px;
}
#menu li#menu-case a{
	background-position:-240px 0;
}
#menu li#menu-case a:hover{
	background-position:-240px -24px;
}
#menu li#menu-profile a{
	background-position:-360px 0;
}
#menu li#menu-profile a:hover{
	background-position:-360px -24px;
}
#menu li#menu-sitemap a{
	background-position:-480px 0;
}
#menu li#menu-sitemap a:hover{
	background-position:-480px -24px;
}
#menu li#menu-contact a{
	background-position:-600px 0;
}
#menu li#menu-contact a:hover{
	background-position:-600px -24px;
}
/*--DROP DOWN--*/
/*-genenal-*/
#menu li ul{
	margin:0;
	padding:0px 3px;
	width:114px;
	height:auto;
	position:absolute;
	top:-30em;
	text-indent:0;
	font-size:120%;
	z-index:100;
}
#menu li:hover ul,
#menu li ul:hover
 {
	position:absolute;
	top:65px;
	padding-top:15px;
	background: url(../../img/default/subdropbg.png) no-repeat;
}

#menu li ul li{
	display:block;
	width:114px;
	height:25px !important;
	margin:0;
	padding-top:7px;
	text-indent:15px;
	background: url(../../img/default/link_icon_white.gif) no-repeat 3px 10px;
	color:#000;
	background-color:transparent;
	z-index:200;
}
#menu li ul li a{
	text-indent:15px;
}
#menu li#menu-portfolio-on ul a,
#menu li#menu-portfolio ul a,
#menu li#menu-case-on ul a,
#menu li#menu-case ul a,
#menu li#menu-profile-on ul a,
#menu li#menu-profile ul a
{
	padding:6px 0 0 0;
	margin:-6px 0 0 0;
	height:25px;
	background: url(../../img/default/subdrop_a_bg.png) no-repeat;
}
#menu li ul li a:hover,
#menu li#menu-portfolio ul a:hover
#menu li#menu-case ul a:hover

{
	background: url(../../img/default/subdrop_a_hover.gif) no-repeat !important;
}

#submenu-contents-wrapper{
	background: url(../../img/default/submenu_bg.gif) repeat-y;
	min-height:430px;
	float:left;
}

#submenu-wrapper{
	width:120px;
	margin-right:5px;
	color:#666;
	background-color:#EEE;
	float:left;
}
#submenu{
	margin:5px;
	padding:0;
	list-style:none;
	line-height:2.5em;
	font-size:100%;
}
#submenu li a{
	display:block;
	margin-left:-12px;
	text-indent:12px;
	background: url(../../img/default/link_icon.gif) no-repeat 0 50%;
	color:#666;
	background-color:#eee;
}
#submenu li A:hover{
	background: url(../../img/default/link_icon_hover.gif) no-repeat 0 50%;
}
#submenu A:link{
	color:#000;
	background-color:#eee;
}
#submenu li {
	display:block;
	height:2.5em;
	padding-left:12px;
	background: url(../../img/default/link_icon_on.gif) no-repeat 0 50% ;
	color:#6E6E6E;
	background-color:#eee;
}

#contents-wrapper{
	width:610px;
	margin-left:140px;
	padding:20px 0 20px 0;
	line-height:1.4em;
}
#contents-desc{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
	font-size:100%;	
	font-weight:normal;
}

#footer{
	height:1.5em;
	margin:0;
	padding:2px 5px;
	clear:both;
	background-color:#666;
	font-style:normal;
	font-size: 80%;;
	letter-spacing:0.1em;
	color:#fff;
	clear:both;
}


#checker{
	margin-top:10px;
	clear:both;
	position:relative;
}

#er404{
	width:98%;
	height:400px;
	border-top:3px solid #666;
	margin:0;
	padding-top:180px;
	text-align:center;
	font-size:140%;
}
/*----CLASS----*/
FORM.login{
	width:100%;
	margin:0;
	padding:0;
	vertical-align:top;
}
.header{
	display:block;
	width:396px;
	height:40px;
	text-indent:-20em;
	background: url(../../img/default/header.gif) no-repeat;
	text-decoration:none !important;
}
A:hover.header {
	display:block;
	width:396px;
	height:40px;
	text-indent:-20em;
	background:url(../../img/default/header_hover.gif) no-repeat;
}/**/

A.skip-to-contents{
	display:block;
	width:0;
	height:0;
	float:right;
	position:absolute;
	top:-10em;
	left:-10em;
}

.ctgr-indx{
	margin:0 0 10px 0;
	padding:0;
	border-bottom:solid 1px #666;
	text-indent:-50em;
}
.ctgr-indx .block-link{
	text-decoration:none;
}
H2.contents-ttl A{
	display:block;
	text-indent:-50em;
}
.inv-hr{
	clear:both;
	margin:0;
	padding:0;
	border-top:1px solid #fff ;
	border-right:1px solid #fff ;
	border-bottom:1px solid #fff ;
	border-left:1px solid #fff ;
}
DIV.list-wrapper{
	clear:both;
}
.emphaStrng{
	color:#FF6600;
}
.xhtml-check{
	display:block;
	width:118px;
	height:15px;
	background: url(../../img/default/chk_xhtm.gif) no-repeat;
	text-indent:-99em;
	text-decoration:none;
	position:absolute;
	top:0;
	left:0;
}
/*Mac IE Only START*/
.css-check{
	display:block;
	width:82px;
	height:15px;
	position:absolute;
	top:-17px;
	left:128px;	
	background: url(../../img/default/chk_css.gif) no-repeat;
	text-indent:-15em;
	text-decoration:none;
}
/*
Mac IE Only END
\*/
.css-check{
	display:block;
	width:82px;
	height:15px;
	background: url(../../img/default/chk_css.gif) no-repeat;
	text-indent:-99em;
	text-decoration:none;
	position:absolute;
	top:0;
	left:128px;
}
/*
*/
.allcaps{
	text-transform:uppercase;
}
A.block-link{
	display:block;
	padding-left:12px;
	background: url(../../img/default/link_icon.gif) no-repeat 0 50%;
}
A:hover.block-link{
	background:url(../../img/default/link_icon_hover.gif) no-repeat 0 50%;
}
.preview{
	position:absolute;
	top:-20em;
	left:-10em;
}
IMG.css-btn{
	margin:5px 0 0 5px;
}