@charset "utf-8";

/* =====================================================================
	global
====================================================================== */

* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% Arial,Helvetica,sans-serif;
}
body {
	background : url(../images/structure/body_home.gif) repeat-x 0 0 #222222;
	color : #444444;
	font-size : 62.5%;
	text-align : center;
}

/* =====================================================================
	definition
====================================================================== */

div#header,
div#shell,
div#footer {
	font-size : 1.3em;
	letter-spacing : 1px;
}
div#header {
	position : relative;
	margin : 0 auto;
	width : 880px;
	text-align : center;
	height : 150px;
}
div#shell {
	clear : both;
	margin : 0 auto;
	width : 880px;
	text-align : left;
	color : #BBBBBB;
}
div#shell div#contents {
	float : left;
	margin-left : 20px;
	_margin-left : 10px;
	width : 540px;
}
div#shell div#utilities {
	float : right;
	margin-right : 20px;
	_margin-right : 10px;
	width : 270px;
}
div#footer {
	background : url(../images/structure/footer.gif) repeat-x 0 0 #3C2D13;
	text-align : left;
	color : #BBBBBB;
}

/* ___________________________________________________________ anchor */

a {
	text-decoration : none;
}
a:link {
	color : #AC8A68;
}
a:visited {
	color : #AC8A68;
}
a:hover {
	color : #AC8A68;
	text-decoration : underline;
}
a:active {
	color : #AC8A68;
}
a:focus{
	outline : none;
}

/* ___________________________________________________________ document */

h1,h2,h3,h4,h5,h6 {
	clear : both;
}
h1 {
	height : 19px;
	line-height : 25px;
	font-size : 0.9em;
	text-align : right;
}
h2 {
	position : absolute;
	top : 18px;
	left : 20px;
	height : 67px;
	text-align : left;
}
h2 a {
	display : block;
	background : url(../images/header/logo.gif) no-repeat 0 0;
	width : 262px;
	height : 67px;
	text-indent : -1000px;
}
h3 {
	overflow : hidden;
	background : url(../images/shell/credit/home.jpg) no-repeat 0 0;
	height : 150px;
	line-height : 600px;
	font-size : 1.1em;
}
h4 {
	background : url(../images/shell/contents/headline/h4.gif) repeat-x left bottom;
	margin : 0 0 12px 0;
	padding : 0;
	font-size : 1.3em;
	height : 40px;
	line-height : 40px;
	text-indent : 9px;
}
h5 {
	background : url(../images/shell/contents/headline/h5.gif) repeat-x left bottom;
	margin : 5px 0 12px 0;
	padding : 0 0 8px 0;
	font-size : 1.1em;
	text-indent : 9px;
	width : 100%;
}
h6 {
	background : url(../images/shell/contents/headline/h6.gif) repeat-x 0 bottom;
	margin-bottom : 8px;
	padding : 0 0 8px 0;
	text-indent : 9px;
	width : 100%;
}
ul {
	margin : 0 0 16px 0;
	list-style : none;
}
ol {
	margin : 0 0 16px 30px;
	list-style-position : outside;
}
ul li {
	background : url(../images/option/more.gif) no-repeat 0 0.3em;
	padding : 0.3em 0 0.3em 10px;
}
ol li {
	padding : 4px 0 4px 0;
}
dl {
	margin : 10px 0;
}
dl dl {
	margin : 0;
}
dl dt {
	margin : 20px 0 10px 0;
	padding : 4px 2px;
	background : #111111;
	text-indent : 5px;
}
dl dd {
	margin : 10px 11px;
}
em,strong,big {
	font-weight : bold;
	font-size : 1.1em;
}
small {
	font-size : 0.8em;
}
p {
	margin : 0 0 15px 0;
	line-height : 1.7;
}
dl dd p {
	margin-bottom : 5px;
}
address {
	margin : 10px;
	padding : 10px;
	background : #333;
}
address p {
	margin-bottom : 5px;
}

/* ___________________________________________________________ table */

table {
	margin : 0 15px 20px 15px;
	border : 1px solid #464646;
	border-collapse : collapse;
}
table th {
	padding : 5px;
	border : 1px solid #464646;
	background : #333333;
	font-weight : bold;
	text-align : center;
	color : #BBBBBB;
}
table td {
	padding : 5px;
	border : 1px solid #464646;
	color : #BBBBBB;
}
caption {
	font-size : 1.1em;
}

/* ___________________________________________________________ form */

form {
	margin : 10px 0;
}
input:focus,
select:focus,
textarea:focus {
	background : #333333;
}
input {
	padding : 2px;
	width : 125px;
}
fieldset p input {
	width : 250px;
}
input {
	padding : 1px;
	border : 1px solid #cccccc;
	color : #BBBBBB;
}
fieldset input.submit {
	margin : 0 0 0 2px;
	border : none;
	background-color : #000000;
	width : 50px;
	height : 22px;
	vertical-align : top;
	text-align : center;
	color : #AC8A68;
}
div#contents fieldset input#case,
div#contents fieldset input#regex {
	margin : 0 0 0 10px;
	border : none;
	width : 20px;
}

/* ___________________________________________________________ image */

img {
	vertical-align : bottom;
}
.thumbs_left {
	float : left;
	margin-right : 10px;
	margin-bottom : 10px;
}
.thumbs_right {
	float : right;
	margin-left : 10px;
	margin-bottom : 10px;
}
.thumbnail,
.thumbs_center {
	text-align : center;
}

/* =====================================================================
	header
====================================================================== */

div#header {
	overflow : hidden;
}
div#header ul.guide {
	position : absolute;
	top : 68px;
	right : 0;
	text-align : right;
}
div#header ul.guide li {
	display : inline;
	background : none;
	margin : 0;
	padding : 0.3em 0 0.3em 10px;
}
div#header ul.guide li a {
	background : url(../images/option/arrow_header.gif) no-repeat 0 0.4em;
	padding : 0 0 0 9px;
}
div#header ul.navigation {
	position : absolute;
	top : 100px;
	left : 0;
}
div#header ul.navigation li {
	float : left;
	background : none;
	padding : 0;
	margin : 0;
	height : 50px;
}
div#header ul.navigation li a {
	display : block;
	padding : 50px 0 0 0;
	height : 50px;
}
div#header ul.navigation li.home a {
	background-image : url(../images/header/home.gif);
	width : 87px;
}
div#header ul.navigation li.information a {
	background-image : url(../images/header/information.gif);
	width : 83px;
}
div#header ul.navigation li.mind a {
	background-image : url(../images/header/mind.gif);
	width : 120px;
}
div#header ul.navigation li.kanoya a {
	background-image : url(../images/header/kanoya.gif);
	width : 119px;
}
div#header ul.navigation li.satsuma a {
	background-image : url(../images/header/satsuma.gif);
	width : 115px;
}
div#header ul.navigation li.kojika a {
	background-image : url(../images/header/kojika.gif);
	width : 101px;
}
div#header ul.navigation li.pub a {
	background-image : url(../images/header/pub.gif);
	width : 125px;
}
div#header ul.navigation li.shop a {
	background-image : url(../images/header/shop.gif);
	width : 130px;
}
div#header ul.navigation li a:hover,
div#header ul.navigation li.stay a {
	background-position : 0 -50px;
}
div#header h1 {
	_font-size : 0.8em;
}
*:first-child+html div#header h1 {
	font-size : 0.8em;
}

/* =====================================================================
	shell
====================================================================== */

hr {
	clear : both;
	visibility : hidden;
}
p.credit {
	margin : 0 0 30px 0;
	padding : 0;
	height : 300px;
}

/* =====================================================================
	contents
====================================================================== */

.section {
	margin : 0 9px;
}
.more {
	clear : both;
	padding : 0.3em 0;
}
.more a {
	background : url(../images/option/more.gif) no-repeat 0 0.3em;
	padding-left : 10px;
}
*:first-child+html .more a {
	padding-top : 2px;
}
/* ___________________________________________________________ information */

div#contents div.information h3 {
	overflow : hidden;
	position : relative;
	background : url(../images/shell/contents/headline/h3_information_home.gif) no-repeat 0 0;
	margin : 0 0 2px 0;
	height : 17px;
	line-height : 68px;
}
div#contents div.information h3 a {
	position : absolute;
	top : 0;
	right : 0;
	overflow : hidden;
	display : block;
	background : url(../images/option/rss.gif) no-repeat 0 0;
	width : 17px;
	height : 17px;
	line-height : 60px;
}
.information div#contents h4,
.recruit div#contents h4,
.blog div#contents h4 {
	position : relative;
}
.information div#contents h4 a,
.recruit div#contents h4 a,
.blog div#contents h4 a {
	position : absolute;
	top : 10px;
	right : 10px;
	padding : 60px 0 0 0;
	background : url(../images/option/rss.gif) no-repeat 0 0;
	width : 17px;
	height : 17px;
	text-indent : -3000px;
}
div#contents div.information dl {
	position : relative;
	margin : 0;
}
div#contents div.information dl dt {
	position : absolute;
	left : 0;
	margin : 0;
	padding : 0.7em 0 0.7em 10px;
	border : none;
	background : url(../images/option/more.gif) no-repeat 0 0.9em;
	width : 9em;
	text-indent : 0;
}
*html div#contents div.information dl dt {
	width : 12em;
}
div#contents div.information dl dd {
	margin : 0;
	padding : 0.7em 0 0.7em 10.2em;
	height : 100%;
	border-bottom : 1px dotted #444444;
}
div#contents div.information p.more {
	margin-right : 10px;
	text-align : right;
}

/* ___________________________________________________________ column */

.column {
	margin : 0;
}
div.column .section {
	float : left;
	background : url(../images/option/column_section.gif) no-repeat left bottom;
	margin : 0 16px;
	_margin-left : 8px;
	padding-bottom : 10px;
	width : 260px;
}
div.column .section p {
	margin : 0;
}
div.column .section p.thumbs {
	margin : 0 0 4px 0;
}
div.column .section p.text {
	margin : 0 5px;
	line-height : 1.3;
}
div.column .section p.more {
	margin : 0 10px;
}
div.column2 {
	float : left;
	margin : 0 10px;
	_margin-left : 5px;
	width : 245px;
}

/* =====================================================================
	utilities
====================================================================== */

div#utilities h4 {
	overflow : hidden;
	margin : 0;
	padding : 0;
	height : 41px;
	font-size : 1.1em;
}
div#utilities h4 a {
	display : block;
	background : url(../images/shell/utilities/h4.gif) no-repeat 0 0;
	height : 41px;
	text-indent : 20px;
	line-height : 43px;
}
div#utilities h4.stay a,
div#utilities h4 a:hover {
	background-position : 0 -41px;
	color : #FFFFFF;
	text-decoration : none;
}
div#utilities h5 {
	margin : 0;
}
div#utilities ul,
div#utilities ul li {
	margin : 0;
	padding : 0;
}
div#utilities ul.guide {
	margin-bottom : 30px;
}
div#utilities li {
	background : url(../images/shell/utilities/ul_li.gif) no-repeat 0 0;
	height : 35px;
	line-height : 33px;
	text-indent : 20px;
}
div#utilities ul li a {
	display : block;
	height : 35px;
	line-height : 33px;
}
div#utilities ul li.return_home {
	background : none;
	margin : 25px 0 0 0;
}
div#utilities ul li.return_home a {
	background : url(../images/shell/utilities/return_home.gif) no-repeat 0 0;
}
div#utilities ul li.stay a,
div#utilities ul li a:hover {
	background-position : 0 -35px;
	color : #FFFFFF;
	text-decoration : none;
}

/* =====================================================================
	footer
====================================================================== */

div#footer {
	text-align : center;
}
div#footer p,
div#footer ul,
div#footer address {
	margin : 0 auto;
	_margin : 0;
	width : 880px;
	text-align : left;
}
div#footer p {
	position : relative;
	overflow : hidden;
	height : 18px;
}
div#footer p a {
	position : absolute;
	right : 20px;
	display : block;
	background : url(../images/option/return_top.gif) no-repeat 0 0;
	width : 132px;
	height : 18px;
	text-indent : -2000px;
}
div#footer ul {
	padding : 6px 0 20px 0;
}
div#footer ul li {
	display : inline;
	background : none;
	padding : 0 5px 0 0;
}
div#footer ul li a {
	background : url(../images/option/more.gif) no-repeat 0 0.6em;
	padding : 0.3em 0 0.3em 10px;
}
div#footer address {
	padding : 0 0 20px 0;
	border : none;
	background : #222;
	text-align : center;
	font-size : 0.8em;
	_font-size : 0.7em;
}
*:first-child+html div#footer address {
	font-size : 0.7em;
}

/* =====================================================================
	body#image
====================================================================== */

body#image {
	background : none;
	background-color : #222222;
}
body#image h1 {
	background-color : #000000;
	color : #BBBBBB;
	font-size : 1.1em;
	letter-spacing : 1px;
	line-height : 20px;
	height : 20px;
}
/* =================================================================== Coding by THR,INC. */