@charset "utf-8";
@import url(top.css);
@import url(page.css);
@import url(layout.css);
/*
--------------------------------------------------------------------------------

	Kaijyusemji style
	designed by Askaen...

--------------------------------------------------------------------------------
*/




/* =====================================================================
*
*    Common Format
*
* =================================================================== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
 
table {
	border-collapse: collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}
 
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
 
li {
	list-style: none;
}
 
caption, th {
	text-align: left;
}
 
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
 
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

a{ cursor:pointer; }




/* =====================================================================
*
*    Basic Format
*
* =================================================================== */


* {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}


body {
	margin: 0;
	padding:0;
	border: none;
	padding: 0;
	_height: 100%;     
	_overflow: auto;
	background: #000000;
 	color: #000000;
	font-family: "Helvetica Neue", "Helvetica", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MＳ Pゴシック", sans-serif;
	font-size: 14px; line-height: 140%;
	}

hr {
	display:none;
}

form {
	margin:0;
	padding:0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input {
	line-height: 1.2;
}
 
textarea {
	padding: 0.4em 10px;
}
 
img {
	vertical-align: bottom;
}

p {
	line-height: 140%;
	margin:0;
	padding:0;
}
strong{ font-weight:bold;}

.clear{ clear:both; margin:0; padding:0;}



/* ---------------------------------
*    Font Family
*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
;;body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
*:first-child+html body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* html body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

/* ---------------------------------
*    Font Size
*/

.x-large   { font-size: 174%; }
.large     { font-size: 144%; }
.mid       { font-size: 122%; }
.small     { font-size:  92%; }
.x-small   { font-size:  77%; letter-spacing: 1px; }

/* \*/ a { outline:none; overflow:hidden; } /**/
/* \*/ a:focus { outline:none; overflow:hidden; } /**/


/* ---------------------------------
*    Link
*/

a         { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover   { color: #666666; text-decoration: none; }
a:active  { color: #666666; text-decoration: none; }



/* =====================================================================
*
*    layout Format
*
* =================================================================== */

#allWrapwk{ width:100%; background: #ffffff;}
#allWrap{
width:900px;
margin:0 auto;
}



/* ---------------------------------
*    header
*/

#logo{ width:261px;}
#logo a{
background:url(../img/common/logo.jpg) no-repeat left center;
width:261px;
height:60px;
text-indent:-9999px;
display:block;
float:left;
}

.hdnavi{
width:271px;
float:right;
}
.hdnavi li{ float:left;}
.hdbtn1 a{
width:84px;
height:60px;
background:url(../img/common/head_btn01.jpg) no-repeat bottom;
display:block;
text-indent:-9999px;
}
.hdbtn2 a{
width:103px;
height:60px;
background:url(../img/common/head_btn02.jpg) no-repeat  bottom;
display:block; 
text-indent:-9999px;
}
.hdbtn3 a{
width:84px;
height:60px;
background:url(../img/common/head_btn03.jpg) no-repeat  bottom;
display:block; 
text-indent:-9999px;
}


/* ---------------------------------
*    content
*/
.fla{
background:url(../img/common/fla.jpg) no-repeat;
width:900px;
height:350px;
}

.contwrap{
padding:20px 0 10px 0;
background:#ffffff;
}

.inwrap{
width:850px;
padding:20px 0 30px 0;
margin:0 auto;
}


/* ---------------------------------
*    navi
*/

.navi{
background:url(../img/common/navi_bg.jpg) no-repeat;
width:900px;
height:50px;
}
.navi li{
float:left;
text-indent:-9999px;
}
.btn1 a{
background: url(../img/common/btn01.jpg) no-repeat;
width:145px;
height:40px;
display:block;
}
.btn1 a:hover{
background:url(../img/common/btn01_r.jpg) no-repeat;
width:145px;
height:40px;
display:block;
}
.btn1on{
background:url(../img/common/btn01_r.jpg) no-repeat;
width:145px;
height:40px;
display:block;
}
.btn1on a{
background:url(../img/common/btn01_r.jpg) no-repeat;
width:145px;
height:40px;
display:block;
}
.btn2 a{
background: url(../img/common/btn02.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn2 a:hover{
background:url(../img/common/btn02_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn2on{
background:url(../img/common/btn02_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn2on a{
background:url(../img/common/btn02_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn3 a{
background: url(../img/common/btn03.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn3 a:hover{
background:url(../img/common/btn03_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn3on{
background:url(../img/common/btn03_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn3on a{
background:url(../img/common/btn03_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn4 a{
background: url(../img/common/btn04.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn4 a:hover{
background:url(../img/common/btn04_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn4on{
background:url(../img/common/btn04_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn4on a{
background:url(../img/common/btn04_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn5 a{
background: url(../img/common/btn05.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn5 a:hover{
background:url(../img/common/btn05_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn5on{
background:url(../img/common/btn05_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn5on a{
background:url(../img/common/btn05_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn6 a{
background: url(../img/common/btn06.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn6 a:hover{
background:url(../img/common/btn06_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn6on{
background:url(../img/common/btn06_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}
.btn6on a{
background:url(../img/common/btn06_r.jpg) no-repeat;
width:143px;
height:40px;
display:block;
}

/* ---------------------------------
*    go index
*/

.goind a{
background: url(../img/common/goind.jpg) no-repeat right top;
width:240px;
height:50px;
text-indent:-9999px;
display:block;
}
.goind2{ width:610px; display:block;}
.goind2 a{
background: url(../img/common/goind.jpg) no-repeat right top ;
width:201px;
height:40px;
text-indent:-9999px;
display:block;
margin:0 0 0 429px;
}




/* ---------------------------------
*    gototop
*/
.goto{
width:900px;
height:19px;
display:block;
margin:0 auto;
}
.goto a{
background:url(../img/common/goto.jpg) no-repeat right;
display:block;
height:19px;
width:89px;
margin: 0 0 0 800px;
text-indent:-9999px;
}
.goto a:hover{
background:url(../img/common/goto_r.jpg) no-repeat right;
display:block;
height:19px;
width:89px;
margin: 0 0 0 800px;
text-indent:-9999px;
}



/* ---------------------------------
*    footer
*/


#footer{
width:100%;
background: url(../img/common/foot_bg.jpg) repeat-x #78716F;
padding:0 0 30px 0;
bottom:0;
left:0;
margin:0;
}
#footer address{
background:url(../img/common/copy.jpg);
width:900px;
height:50px;
margin:0 auto;
display:block;
text-indent:-9999px;
}




/*move-top*/
#movetop1{
width:830px;
height:35px;
display:block;
background: url(../img/common/go_top.jpg) no-repeat right bottom;
text-indent:-9999px;
}






/* ---------------------------------
*    in page
*/

