@charset "utf-8";
@import url(top2.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;
	background: #EBEBEB;
 	color: #666666;
	font-family: "Helvetica Neue", "Helvetica", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MＳ Pゴシック", sans-serif;
	font-size: 13px; line-height: 140%;
	background: url(../img/top/all_bg.jpg) repeat-x #ffffff;
	}

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;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* ---------------------------------
*    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
*
* =================================================================== */

#allWrap{
width:900px;
margin:0 auto;
}



/* ---------------------------------
*    header
*/

#header{
width:900px;
padding:0;
background:url(../img/top/head_bg01.jpg) no-repeat;
height:68px;
}
#header h1{ margin:0; padding:0; text-indent:-9999px; width:366px; display: inline;}
#header h1 a{
background: url(../img/top/logo.jpg) no-repeat left top;
width:366px;
height:68px;
display:block;
text-indent:-9999px;
padding:0;
margin:0;
float:left;
}

#hdbtn{
width:242px;
display: inline;
float:right;
margin:0 28px 0 0;
}
#hdbtn ul li{ display:inline;}
.hdbtn1 a{
width:65px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/common/head_btn1.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}
.hdbtn1 a:hover{
width:65px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/common/head_btn1_r.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}
.hdbtn1on{
width:65px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/common/head_btn1_r.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}
.hdbtn2 a{
width:98px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/common/head_btn2.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}
.hdbtn2 a:hover{
width:98px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/common/head_btn2_r.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}
.hdbtn2on{
width:98px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/common/head_btn2_r.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}
.hdbtn3 a{
width:79px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/common/head_btn3.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}
.hdbtn3 a:hover{
width:79px;
height:34px;
display:block;
text-indent:-9999px;
background:url(../img/common/head_btn3_r.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}



/* ---------------------------------
*    fla
*/

#fla{
background:url(../img/top/top_fla.jpg) no-repeat;
width:900px;
height:310px;
text-indent:-9999px;
}
#fla2 a{
background:url(../img/top/top_fla2.jpg) no-repeat;
width:900px;
height:310px;
text-indent:-9999px;
display:block;
}
#fla3 a{
background:url(../img/top/top_fla3.jpg) no-repeat;
width:900px;
height:310px;
text-indent:-9999px;
display:block;
}
#flanenga{
background:url(../img/top/top_fla4.jpg) no-repeat;
width:900px;
height:310px;
display:block;
}
#flanenga a{
background:url(../img/top/top_fla4.jpg) no-repeat;
width:900px;
height:310px;
text-indent:-9999px;
display:block;
}


/* ---------------------------------
*    navi
*/
#navi{
width:900px;
}
#navi ul{ display:block;}
#navi li{ display:inline; float:left; text-indent:-9999px;}

.navi1 a{
background:url(../img/top/btn01.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi1 a:hover{
background:url(../img/top/btn01_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi1on{
background:url(../img/top/btn01_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi2 a{
background:url(../img/top/btn02.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi2 a:hover{
background:url(../img/top/btn02_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi2on{
background:url(../img/top/btn02_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi3 a{
background:url(../img/top/btn03.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi3 a:hover{
background:url(../img/top/btn03_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi3on{
background:url(../img/top/btn03_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi4 a{
background:url(../img/top/btn04.jpg) no-repeat;
width:149px;
height:69px;
display:block;
}
.navi4 a:hover{
background:url(../img/top/btn04_r.jpg) no-repeat;
width:149px;
height:69px;
display:block;
}
.navi4on{
background:url(../img/top/btn04_r.jpg) no-repeat;
width:149px;
height:69px;
display:block;
}
.navi5 a{
background:url(../img/top/btn05.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi5 a:hover{
background:url(../img/top/btn05_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi5on{
background:url(../img/top/btn05_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi5in a{
background:url(../img/top/btn05in.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi5in a:hover{
background:url(../img/top/btn05in_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi5inon{
background:url(../img/top/btn05in_r.jpg) no-repeat;
width:150px;
height:69px;
display:block;
}
.navi6 a{
background:url(../img/top/btn06.jpg) no-repeat;
width:151px;
height:69px;
display:block;
}
.navi6 a:hover{
background:url(../img/top/btn06_r.jpg) no-repeat;
width:151px;
height:69px;
display:block;
}
.navi6on{
background:url(../img/top/btn06_r.jpg) no-repeat;
width:151px;
height:69px;
display:block;
}



/* ---------------------------------
*    content
*/
#contwrap{
width:900px;
background:url(../img/common/content_bg.jpg) repeat-y;
}
#contwrap2{
width:900px;
background:url(../img/common/content_bg2.jpg) repeat-y;
}

.cont1L{ float:left; width:204px; padding:20px 0;}
.cont1R{ float:right; width:660px; padding:40px 0;}
.serch{ width:660px;}
.serch table{ width:660px !important;}
#res{ width:660px !important;}
#res div{ width:660px !important;}
#res ol{ width:660px !important;}
#res li{ width:660px !important;}
#res .g{ width:660px !important;}
.serch .t{ display:none; !important;}
.serch .bb{ display:none; !important;}

.cont1L p{
margin:0 auto 10px auto;
padding:10px 0 30px 0;
background:url(../img/top/line.jpg) no-repeat left bottom;
}
.cont1L div{
margin:0 auto 20px auto;
padding:10px 0 30px 0;
background:url(../img/top/line.jpg) no-repeat left bottom;
}


/* ---------------------------------
*    bread
*/




/* ---------------------------------
*    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:629px; display:block;}
.goind2 a{
background: url(../img/common/goind.jpg) no-repeat right top    ;
width:630px;
height:40px;
text-indent:-9999px;
display:block;
}




/* ---------------------------------
*    gototop
*/
.goto{
background:url(../img/common/goto.jpg) repeat-x;
width:848px;
height:24px;
display:block;
margin:0 auto;
}
.goto a{
background:url(../img/common/goto_btn01.jpg) no-repeat right;
display:block;
height:24px;
width:96px;
margin: 0 0 0 720px;
text-indent:-9999px;
}
.goto a:hover{
background:url(../img/common/goto_btn01_r.jpg) no-repeat right;
display:block;
height:24px;
width:96px;
margin: 0 35px 0 720px;
text-indent:-9999px;
}


/* ---------------------------------
*    footer
*/


#footer{width:100%; background: url(../img/common/foot_bg01.jpg) repeat-x #6B7A07; margin:0; clear:both;}

#footwk{ width:900px; margin:0 auto;}
.footL{
float:left;
width:715px;
display:block;
padding:22px 0 32px 0;
font-size:90%;
line-height:150%;
}
.footL a{ color:#666666; text-decoration:underline;}
.footL a:hover{ color:#999999; text-decoration:underline;}
.footR{
float:right;
width:151px;
}
.footR a{
background: url(../img/common/foot_goto.jpg) no-repeat;
width:151px;
height:31px;
display:block;
text-indent:-9999px;
}

#footer address{ text-indent:-9999px; width:574px; height:47px; margin:0 auto; display:block; background: url(../img/common/adress.jpg) no-repeat;}



/*common*/
#inwk{
width:610px;
margin:0 0 0 10px;
line-height:180%;
}




