html
  {
  height:100%;
  margin-bottom:1px;
}
* { margin:0; padding:0;}
body { background:#242424 url(../images/body.gif) repeat-x}
html, input, textarea, select{
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	font-size:100%;
	color:#FFCC00;
	font-weight:normal;
	font-size:0.6875em;
	line-height:1.63em
}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

p {margin:0; padding:0;}

h1 { text-indent:-10000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url(../images/logo.gif) no-repeat; width:235px ; height:75px}
.pos{
	position:absolute;
	margin:0;
	padding:0;
}



/*txt, links*/
a{
	color:#F0027E;
	text-decoration:underline
}
a:hover{ text-decoration:none}

strong{ text-transform:uppercase; color:#ffffff}


/*header*/
#header .menu{ height:97px; background:url(../images/menu_rep.jpg) repeat-x}
#header .left{ background: url(../images/menu_left.jpg) no-repeat}
#header .right{ background:url(../images/menu_right.jpg) no-repeat right top; height:97px; text-align:center}
#header .right img{ margin-top:26px}
#header .logo{ height:97px; text-align:center}
#header .logo .block{ width:766px; margin:0 auto}
#header .logo .block .indent{ padding:15px 0 0 79px; text-align:left}
#header .slogan{ height:232px; text-align:center}
#header .slogan .bg{ width:674px; height:232px; margin:0 auto; background:url(../images/slogan_bg.jpg) no-repeat; text-align:left}
#header .slogan .bg2{ width:674px; height:232px; margin:0 auto; background:url(../images/slogan_bg2.jpg) no-repeat; text-align:left}
#header .slogan .bg3{ width:674px; height:232px; margin:0 auto; background:url(../images/slogan_bg3.jpg) no-repeat; text-align:left}
#header .slogan .bg4{ width:674px; height:232px; margin:0 auto; background:url(../images/slogan_bg4.jpg) no-repeat; text-align:left}
#header .slogan .bg5{ width:674px; height:232px; margin:0 auto; background:url(../images/slogan_bg5.jpg) no-repeat; text-align:left}
#header .slogan .bg6{ width:674px; height:232px; margin:0 auto; background:url(../images/slogan_bg6.jpg) no-repeat; text-align:left}
#header .slogan .bg img{ margin:85px 0 0 308px}


/*content*/
#content .ind{ padding:0 51px 0 57px}
#content .main_block{ width:100%}
#content .main_block .top{ background:url(../images/top.gif) repeat-x #151515; width:100%}
#content .main_block .lt{ background:url(../images/lt.gif) no-repeat; width:100%}
#content .main_block .rt{ background:url(../images/rt.gif) no-repeat right top; width:100%}
#content .main_block .lb{ background:url(../images/lb.gif) no-repeat left bottom; width:100%}
#content .main_block .rb{ background:url(../images/rb.gif) no-repeat right bottom; width:100%}
#content .main_block .spacer{ height:508px; float:left}

#content .block_smaller{ width:100%}
#content .block_smaller .lt{ background:url(../images/lt1.gif) no-repeat #1f1f1f; width:100%}
#content .block_smaller .rt{ background:url(../images/rt1.gif) no-repeat right top; width:100%}
#content .block_smaller .lt1{ background:url(../images/lt1_1.gif) no-repeat #1f1f1f; width:100%}
#content .block_smaller .rt1{ background:url(../images/rt1_1.gif) no-repeat right top; width:100%}
#content .block_smaller .lb{ background:url(../images/lb1.gif) no-repeat left bottom; width:100%}
#content .block_smaller .rb{ background:url(../images/rb1.gif) no-repeat right bottom; width:100%}
#content .main_block .ind_1{ padding:4px}


#content .block_small { width:100%}
#content .block_small .t{ background:url(../images/t_2.gif) repeat-x; width:100%}
#content .block_small .b{ background:url(../images/b_2.gif) repeat-x left bottom; width:100%}
#content .block_small .lt{ background:url(../images/lt_2.gif) no-repeat left top; width:100%}
#content .block_small .rt{ background:url(../images/rt_2.gif) no-repeat right top; width:100%}
#content .block_small .lb{ background:url(../images/lb_2.gif) no-repeat left bottom; width:100%}
#content .block_small .rb{ background:url(../images/rb_2.gif) no-repeat right bottom; width:100%}

#content .title_bg { width:100%; background:url(../images/title_rep.gif) repeat-x}
#content .title_bg .left{ background:url(../images/title_left.gif) no-repeat; width:100%}
#content .title_bg .right{ background:url(../images/title_right.gif) no-repeat right top; width:100%; height:47px}
#content .title_bg .left1{ background:url(../images/title_left1.gif) no-repeat; width:100%}
#content .title_bg .right1{ background:url(../images/title_right1.gif) no-repeat right top; width:100%; height:47px}
#content .title_bg .left2{ background:url(../images/title_left2.gif) no-repeat; width:100%}
#content .title_bg .right2{ background:url(../images/title_right2.gif) no-repeat right top; width:100%; height:47px}

#content .title_bg img{ margin:12px 0 0 16px}

#content .list_bg{ width:100%}
#content .list_bg .lt{ background:url(../images/lt3.gif) no-repeat #000000; width:100%}
#content .list_bg .rt{ background:url(../images/rt3.gif) no-repeat right top; width:100%}
#content .list_bg .lb{ background:url(../images/lb3.gif) no-repeat left bottom; width:100%}
#content .list_bg .rb{ background:url(../images/rb3.gif) no-repeat right bottom; width:100%}

#content p{ padding-bottom:20px}

/*footer*/
#footer{
	text-align:center;
	color:#FFCC00
}
#footer .ind{ padding-top:18px; width:766px; margin:0 auto}
#footer .ind img{ margin-bottom:3px}
#footer a{
	color:#FFCC00;
	text-decoration:underline
}
#footer a:hover{ text-decoration:none}
#footer span{ text-transform:uppercase}

/*================== index.html ==================*/
#page1 #content .row1{ width:100%}
#page1 #content .row1 .indent{
	padding:32px 37px 30px 37px
}
#page1 #content .row1 .indent .block{ width:100%}
#page1 #content .row1 .indent .block .c2{ width:145px; float:right; text-align:right}
#page1 #content .row1 .indent .block .c2 img{ margin-top:36px}
#page1 #content .row1 .indent .block .c1{
	margin-right:0px
}
#page1 #content .row1 .indent .block .c1 .title{
	margin-bottom:0px
}
#page1 #content .row1 p{ padding-bottom:18px}

#page1 #content .row2{ width:100%}
#page1 #content .main_block .ind_1{ padding:4px; float:left}
#page1 #content .block_smaller .spacer1{ height:240px; float:left}
#page1 #content .block_smaller .col1 .ind_3{ padding:0 4px 0 19px}
#page1 #content .block_smaller .indent{ padding:17px 19px 23px 17px}

#page1 #content .block_smaller .ind_2{ padding:18px 0 16px 0; width:100%}
#page1 #content .block_smaller .col2 .ind_3{ padding:0 10px 0 4px}

#page1 #content .block_smaller .col1 .indent1{ padding:19px 15px 0 18px}

#page1 #content .list_bg { margin-top:16px}
#page1 #content .list_bg .indent2{ padding:11px 10px 17px 19px}

#page1 #content .block_smaller .col2 .indent1{ padding:8px 15px 0 18px}
#page1 #content .box{ width:100%}
#page1 #content .box .row{ width:100%; padding:12px 0 17px 0}
#page1 #content .box .bg{ background:url(../images/bg.gif) repeat-x left bottom}
#page1 #content .box img{ vertical-align:middle; margin-right:16px}

/*================== index-1.html ==================*/
#page2 #content .row1{
	width:100%
}
#page2 #content .row1 .block_smaller .ind_2{ padding:18px 18px 16px 18px}
#page2 #content .row1 .block_smaller .spacer{ height:240px; float:left}
#page2 #content .row1 .block_smaller .indent{
	float:left;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#page2 #content .row1 .block_smaller .indent1{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#page2 #content .row1 .block_smaller .img{ float:left; margin:0 23px 20px 0}

#page2 #content .row2{ width:100%}
#page2 #content .row2 .indent{ padding:35px 0 38px 0; width:100%}
#page2 #content .row2 .col1 .indent11{ padding:0 10px 0 39px}
#page2 #content .row2 .col1 .indent1{ padding:25px 0 0 16px}

#page2 #content .row2 .col2 .indent11{ padding:0 39px 0 11px}
#page2 #content .row2 .col2 .indent1{ padding:31px 18px 0 16px}
#page2 #content .row2 .col2 .indent1 .img{ float:left; margin-right:14px}

#page2 #content .row2 .col3 .indent11{
	width: 281px;
	padding-top: 20px;
	padding-right: 39px;
	padding-bottom: 0;
	padding-left: 11px;
}
#page2 #content .row2 .col3 .indent1{ padding:31px 18px 0 16px}
#page2 #content .row2 .col3 .indent1 .img{ float:left; margin-right:14px}


/*================== index-2.html ==================*/
#page3 #content .row1{ width:100%}
#page3 #content .row1 .indent{ padding:31px 35px 39px 35px}
#page3 #content .row1 .indent1{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#page3 #content .row1 .indent1 .box{ width:100%}
#page3 #content .row1 .indent1 .box .col_1{ width:52%}
#page3 #content .row1 .indent1 .box .col_2{ width:47%}

#page3 #content .row2{ width:100%}
#page3 #content .main_block .ind_1{ padding:4px}
#page3 #content .row2 .block_smaller .spacer1{ height:240px; float:left}
#page3 #content .row2 .block_smaller .col1 .ind_3{ padding:0 4px 0 19px}
#page3 #content .row2 .block_smaller .indent{ padding:17px 19px 23px 17px}

#page3 #content .row2 .block_smaller .ind_2{ padding:18px 0 16px 0; width:100%}
#page3 #content .row2 .block_smaller .col2 .ind_3{ padding:0 10px 0 4px}

#page3 #content .row2 .block_smaller .col1 .indent1{ padding:24px 15px 19px 18px}
#page3 #content .row2 .block_smaller .col1 .indent1 .img{ float:left; margin:0 14px 18px 0}


#page3 #content .row2 .block_smaller .col2 .indent1{ padding:20px 15px 22px 19px}


/*================== index-3.html ==================*/
#page4 #content .row2{ width:100%}
#page4 #content .main_block .ind_1{ padding:4px}
#page4 #content .row2 .block_smaller .col1 .ind_3{ padding:0 4px 0 19px}
#page4 #content .row2 .block_smaller .indent{ padding:17px 19px 23px 17px}

#page4 #content .row2 .block_smaller .ind_2{ padding:18px 0 16px 0; width:100%}
#page4 #content .row2 .block_smaller .col2 .ind_3{ padding:0 10px 0 4px}

#page4 #content .row2 .block_smaller .col1 .indent1{ padding:21px 20px 10px 16px}
#page4 #content .row2 .block_smaller .col1 span a{ color:#FFFFFF}
#page4 #content .row2 .block_smaller .col1 img{ vertical-align:middle; margin-right:5px}

#page4 #content .row2 .block_smaller .col2 .indent1{
	padding-top: 21px;
	padding-right: 18px;
	padding-bottom: 20px;
	padding-left: 16px;
}
#page4 #content .row2 .block_smaller .col2 .indent1 .img{ float:left; margin:0 14px 29px 0}





#page4 #content2 .row2{ width:100%}
#page4 #content2 .main_block .ind_1{ padding:4px}
#page4 #content2 .row2 .block_smaller .col1 .ind_3{ padding:0 4px 0 19px}
#page4 #content2 .row2 .block_smaller .indent{ padding:17px 19px 23px 17px}

#page4 #content2 .row2 .block_smaller .ind_2{ padding:18px 0 16px 0; width:100%}
#page4 #content2 .row2 .block_smaller .col2 .ind_3{ padding:0 10px 0 4px}

#page4 #content2 .row2 .block_smaller .col1 .indent1{ padding:21px 20px 10px 16px}
#page4 #content2 .row2 .block_smaller .col1 span a{ color:#FFFFFF}
#page4 #content2 .row2 .block_smaller .col1 img{ vertical-align:middle; margin-right:5px}

#page4 #content2 .row2 .block_smaller .col2 .indent1{
	padding-top: 21px;
	padding-right: 18px;
	padding-bottom: 20px;
	padding-left: 16px;
}
#page4 #content2 .row2 .block_smaller .col2 .indent1 .img{ float:left; margin:0 14px 29px 0}




/*================== index-4.html ==================*/

#page5 #content .row1{ width:100%}
#page5 #content .row1 .indent{ padding:31px 35px 39px 35px}
#page5 #content .row1 .indent1{ padding:28px 10px 9px 16px}

#page5 #content .row2{ width:100%}
#page5 #content .main_block .ind_1{ padding:4px}
#page5 #content .row2 .block_smaller .spacer1{ height:240px; float:left}
#page5 #content .row2 .block_smaller .col1 .ind_3{ padding:0 4px 0 19px}
#page5 #content .row2 .block_smaller .indent{ padding:17px 19px 23px 17px}

#page5 #content .row2 .block_smaller .ind_2{ padding:18px 0 16px 0; width:100%}
#page5 #content .row2 .block_smaller .col2 .ind_3{ padding:0 10px 0 4px}

#page5 #content .row2 .block_smaller .col1 .indent1{ padding:18px 15px 31px 18px}

#page5 #content .row2 .block_smaller .col2 .indent1{
	padding-top: 23px;
	padding-right: 5px;
	padding-bottom: 21px;
	padding-left: 5px;
}
#page5 #content .row2 .block_smaller .col2 .indent1 .img{ float:left; margin:0 14px 18px 0}



/*================== index-5.html ==================*/
#page6 #content .row1{ width:100%}
#page6 #content .row1 .indent{ padding:31px 35px 39px 35px}
#page6 #content .row1 .indent1{ padding:28px 10px 9px 16px}
#page6 #content .row1 .indent1 .box{ width:100%}
#page6 #content .row1 .indent1 .box .col_1{ width:35%}
#page6 #content .row1 .indent1 .box .col_2{ width:35%}
#page6 #content .row1 .indent1 .box .col_3{ width:29%}
#page6 #content .row1 .indent1 .box .ind_{ padding-right:24px}

#page6 #content .row2{ width:100%}
#page6 #content .main_block .ind_1{ padding:4px}
#page6 #content .row2 .block_smaller .ind_3{ padding:0 18px 0 19px}
#page6 #content .row2 .block_smaller .indent{ padding:17px 19px 23px 17px}

#page6 #content .row2 .block_smaller .ind_2{ padding:18px 0 16px 0; width:100%}

#page6 #content .row2 .block_smaller .indent1{ padding:18px 0 21px 18px}
#page6 #content .row2 .block_smaller .indent1 .box{ width:543px}
#page6 #content .row2 .block_smaller .indent1 .box .col_1{ width:273px}
#page6 #content .row2 .block_smaller  .indent1 .box .col_1 .row{ height:27px}
#page6 #content .row2 .block_smaller  .indent1 .box .col_2{ width:270px}
#page6 #content .row2 input{ width:261px; height:18px; color:#808080; background:none; border:#808080 1px solid; font-size:1em; font-family:arial}
#page6 #content .row2 textarea{ width:268px; height:72px; color:#808080; background:none; border:#808080 1px solid; font-size:1em; font-family:arial; overflow:auto}
#page6 #content .row2 .alignright{ padding-top:19px}

/*================== index-6.html ==================*/
#page7 #content{ width:100%}
#page7 #content .main_block .ind_1{ padding:4px}
#page7 #content .block_smaller .ind_3{ padding:0 18px 0 19px}
#page7 #content .block_smaller .indent{ padding:17px 19px 23px 17px}

#page7 #content .block_smaller .ind_2{ padding:18px 0 16px 0; width:100%}

#page7 #content .block_smaller .indent1{ padding:18px 10px 21px 18px}

.red { color: #fd0e07; }
.blue { color: #07a3c8; }
.orange { color: #fe7c04; }
.green { color: #86c725; }

.font8 { font-size: 8px; }
.font8b { font-size: 8px; font-weight: bold; }
.font9 { font-size: 9px; }
.font9b { font-size: 9px; font-weight: bold; }
.font10 { font-size: 10px; }
.font10b { font-size: 10px; font-weight: bold; }
.font11 { font-size: 11px; }
.font11b { font-size: 11px; font-weight: bold; }
.font12 { font-size: 12px; }
.font12b { font-size: 12px; font-weight: bold; }
.font13 { font-size: 13px; }
.font13b { font-size: 13px; font-weight: bold; }
.font14 { font-size: 14px; }
.font14b { font-size: 14px; font-weight: bold; }
.name {
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
}
.idt {
	line-height: 4em;
}

/* submenu */
#submenu {
	text-align:center;
	font-size: 10px;
	width: 766px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
}

#submenu li {
	display:inline;
	padding-left:6px;
	padding-right:6px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

/* submenu */
.submenu {
	text-align:center;
	font-size: 12px;
	width: 934px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
}

.submenu li {
	display:inline;
	padding-left:6px;
	padding-right:6px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}




.caution{
	height:60px;
	background:url(../images/18kin.gif) no-repeat;
	padding-left:70px;
	font-size:10px;
	text-align:justify;
	width: 430px;
	line-height: 1.2em;
	margin-left: 60px;

}




.enter{
	height:60px;
	width:145px;
	float: right;
	margin-right: 60px;

}


.enter a{
	
width:145px;
	
height:60px;
	
display:block;
	
text-indent:-20000px;

	background:url(../images/enter.gif) no-repeat top;

}


.enter a:hover{
	
background-position:bottom;

}

/* CSS Document */
#link {
	text-align: center;
	width: 652px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
}
#link ul {
	width:652px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#link li.ban {
	height: 35px;
	margin: 3px;
	padding: 0px;
	text-align: center;
	width: 90px;
	float: left;
	position: static;
	font-size:12px;
}

#link li.tiview {
	font-size:12px;
	color: #CFB07B;
	padding: 2px 0px 1px 2px;
	width:652px;
	margin: 3px;
	height: 18px;
}
#link li.tclear{
	clear: both;
}
#lgul {
	text-align:center;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 652px;
}
#lgli{
	float:left;
	text-align: center;
	padding: 1px;
	margin: 1px 1px 6px 1px;
	width: 92px;
	font-size: 11px;
}

.indent1 .box .col_1{
	width:150px;
	margin: 10px;
}
.indent1 .box .col_2{
	width:150px;
	padding: 10px;
}
.indent1 .box .col_3{
	width:150px;
	padding: 10px;
}
/* scrollbar */
html {overflow-x: hidden;}