/**
 * Author: yulii (2009/11/16)
 * URL: http://www.earp.jp/
 * -------------------------------- */
@charset "utf-8";
/*----------------------------------*
 * Initialize CSS
 *----------------------------------*/
html { margin:0px; padding:0px; }
form { margin:0px; padding:0px; }
div, span, p { margin:0px; padding:0px; }
ol, dl, ul, li { margin:0px; padding:0px; }
table, tr, td { margin:0px; padding:0px; }
body {
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: 24px;
	text-align: left;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
h1, h2, h3 {
	margin-left: 50px;
	margin-bottom: 8px;
	padding-right: 20px;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	background-color: #FFFFFF;
	background-image: url("../img/icons/arrow_list.gif");
	background-repeat: no-repeat;
}

h1 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-position: right -58px;
}
h2 {
	background-position: right -18px;
	border-bottom: 2px dotted #666666;
}
h3 {
	background-position: right -38px;
	border-bottom: 2px dotted #666666;
}
h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

ul { list-style-type: none; }
table, tr, td { border-collapse: collapse; }

/* SEO */
strong { font-weight: normal; }
h1 strong, h2 strong, h3 strong { font-weight: bold; }

/*----------------------------------*
 * Component Style
 *----------------------------------*/
.component {
	overflow: hidden;
}
.component:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .component {
    height: 1em;
    overflow: visible;
}
/**/

.wrapper {
	margin: 0px auto;
	width: 980px;
}
/*----------------------------------*
 * header
 *----------------------------------*/
#header {
	margin: 0px auto;
	width: 980px;
	height: 60px;
}
#gnavi {
	width: 100%;
	height: 50px;
}
/*----------------------------------*
 * main
 *----------------------------------*/
#contents {
	position: relative;
	margin: 0px auto;
	padding-bottom: 80px;
	width: 980px;
	text-align: right;
}
#topContents {
	position: relative;
	width: 980px;
	height: 300px;
}
#leftContents {
	width: 730px;
	float: left;
}
#rightContents {
	width: 250px;
	float: left;
}
/*----------------------------------*
 * footer
 *----------------------------------*/
#footer {
	padding-top: 10px;
	width: 100%;
	text-align: right;
	background-color: #FFFFFF;
	background-image: url("../img/base/footer_bg.gif");
	background-repeat: repeat-x;
}
/*----------------------------------*
 * Error Page
 *----------------------------------*/
#error {
	position: relative;
	height: 420px;
}

/*-- float --*/
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

/*-- anchor --*/
a:link, a:visited {
	color: #A736CD;
	text-decoration: none;
}
a:hover, a:active {
	color: #41df41;
	text-decoration: underline;
}

.title {
	padding-right: 20px;
	font-weight: bold;
	text-align: right;
	background-color: #FFFFFF;
	background-image: url("../img/icons/arrow_list.gif");
	background-position: right -58px;
	background-repeat: no-repeat;
}

/* decolation */
.tc { text-align: center; }
.tb { font-weight: bold; }
.cr { color: #CC3333; }

.trb { font-weight: bold; color: #CC3333; }

/* boder */
.btSO1 { border-top: 1px solid #CCCCCC; }
.blSO1 { border-left: 1px solid #CCCCCC; }
.brSO1 { border-right: 1px solid #CCCCCC; }
.bbSO1 { border-bottom: 1px solid #CCCCCC; }

/* margin */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt60 { margin-top: 60px; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml60 { margin-left: 60px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr60 { margin-right: 60px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb60 { margin-bottom: 60px; }

/* header */
#gnavi {
	background-color: #FFFFFF;
	background-image: url("../img/base/gnavi_bg.gif");
	background-repeat: repeat-x;
}
#gnavi ul {
	position: relative;
	top: 5px;
	height: 40px;
	overflow: hidden;
}
#gnavi li {
	padding-right: 120px;
	float: left;
}
#gnavi li a {
	display: block;
	background-color: #FFFFFF;
	background-image: url("../img/base/gnavi.gif");
	background-repeat: no-repeat;
	width: 80px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}

#home { background-position: 0px 0px; }
#home.selected { background-position: 0px -80px; }
#home:hover { background-position: 0px -40px; }

#about { background-position: -80px 0px; }
#about.selected { background-position: -80px -80px; }
#about:hover { background-position: -80px -40px; }

#works { background-position: -160px 0px; }
#works.selected { background-position: -160px -80px; }
#works:hover { background-position: -160px -40px; }

#contact {background-position: -240px 0px; }
#contact.selected { background-position: -240px -80px; }
#contact:hover { background-position: -240px -40px; }

/* contents */
.tl {
	position: absolute;
	top: 0px;
	left: 8px;
}
.br {
	position: absolute;
	bottom: 20px;
	right: 8px;
}

.rollbox { padding: 2px; border: 2px solid #FFFFFF; }
.rollbox:hover { border: 2px solid #41DF41; }

/* footer */
#copyright {
	padding-right: 20px;
	font-weight: bold;
	font-style: italic;
	color: #A736CD;
	line-height: 24px;
	background-color: #FFFFFF;
	background-image: url("../img/icons/arrow_list.gif");
	background-position: right -138px;
	background-repeat: no-repeat;
}

/* error */
#errorMessage {
	position: absolute;
	right: 0px;
	bottom: 80px;
	width: 720px;
	text-align: right;
}
/*----------------------------------*/