@charset "shift_jis";
/* CSS Document */
/* font-family: Arial, Helvetica, sans-serif;(英文フォント) */

*{margin:0;
	padding:0}


/*
------------------------------------------------
Gloval Reset
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom: 5px;
}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
li,dl{list-style:none;}
hr {display: none;}
img {vertical-align: bottom;border: none;}
a{
	text-decoration:none;
	color:#084981;
}
a:hover{
	text-decoration:none;
	color:#4F97D2;
}


/*
------------------------------------------------
Other SET
------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { 
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix { 
	display: block;
}
/* End hide from IE-mac */


/*
------------------------------------------------
Layout
------------------------------------------------*/
body {
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333333;
	font-size: 13px;
	text-align: center;
	background-image: url(../img/header_haikei.jpg);
	background-repeat: no-repeat;
	line-height: 1.5em;
}
#wrap{
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	width: 902px;
	background-image: url(../img/head_haikei.jpg);
	background-repeat: no-repeat;
}


/*
------------------------------------------------
Sub Free Layout
------------------------------------------------*/
#container {
	width: 902px;
	position:relative;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: both;
	padding-top: 20px;
}
#container .contents {
	padding-bottom: 35px;
}



table {
	font-size: 100%;
	line-height: 1.5em;
}
h1{
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 27px;
}
h2 {
	font-size: 150%;
	font-weight: bold;
	color: #194083;

}
h3 {
	font-size: 150%;
	font-weight: bold;
	color: #194083;
}
h4 {
}

p {
	font-size: 100%;
	line-height: 1.4em;
}
img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
}
.teble-left {text-align: left;vertical-align: top;}
.teble-right {text-align: right;vertical-align: top;}
.fleft {
	float: left;
	margin-right: 20px;
}
.fright {
	float: right;
	margin-left: 20px;
}

.blue {
	color: #0C4E8A
}
.deeppink { color: #FF1493 }
.orange {  color: #FF9900}
.yellow { color: #FFFF00 }
.red {
	color: #FF0000
}
.b_red {
	color: #FF0000;
	font-weight:bold
}
.black {  color: #333333}
.green {  color: #008000}
.light_green {  color: #33CC33}
.dark_green {  color: #006600}
.white {  color: #FFFFFF}
.font_80 {
	font-size: 80%;
	line-height: 1.2em;
}

.font_90 {  font-size: 90%; line-height: 1.4em}
.font_100 {  font-size: 100%; line-height: 1.4em}
.font_110 { font-size: 110%; line-height: 1.4em}
.font_120 { font-size: 120%; line-height: 1.4em}
.font_120_b { font-size: 120%; line-height: 1.4em; font-weight:bold}
.font_140 { font-size: 140%; line-height: 1.4em}
.font_150 { font-size: 150%; line-height: 1.4em}
.font_180 { font-size: 180%; line-height: 1.4em}
.font_200 { font-size: 200%; line-height: 1.4em}
.font_220 { font-size: 220%; line-height: 1.4em}

#contents {
	background-image: url(../img/footer_haikei.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 90%;
	color: #FFFFFF;
}
.footer {
	text-align: right;
	width: 902px;
	margin-right: auto;
	margin-left: auto;
}



/*
------------------------------------------------
Sub Free Category Layout
------------------------------------------------*/

#container #catList1 {
	width: 902px;
	height: 39px;
	margin-top: 5px;
	margin-bottom: 35px;
}
#container #catList1 li {
	width: 128px;
	height: 39px;
	float: left;
	margin-right: 1px;
}
#container  #catList1  #li07
   {
	margin-right: 0px;
}
#container #catList1 li a {
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 128px;
}
#container #catList1 #li01 a {
	background-image: url(../menu/head_menu1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li02 a {
	background-image: url(../menu/head_menu2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li03 a {
	background-image: url(../menu/head_menu3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li04 a {
	background-image: url(../menu/head_menu4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li05 a {
	background-image: url(../menu/head_menu5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li06 a {
	background-image: url(../menu/head_menu6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li07 a {
	background-image: url(../menu/head_menu7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #catList1 #li01 a:hover {
	background-image: url(../menu/head_menu1_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li02 a:hover {
	background-image: url(../menu/head_menu2_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li03 a:hover {
	background-image: url(../menu/head_menu3_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li04 a:hover {
	background-image: url(../menu/head_menu4_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li05 a:hover {
	background-image: url(../menu/head_menu5_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li06 a:hover {
	background-image: url(../menu/head_menu6_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList1 #li07 a:hover {
	background-image: url(../menu/head_menu7_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #catList2 {
	width: 185px;
}
#container #catList2 li {
	width: 185px;
	height: 46px;
	margin-bottom: 3px;
}
#container #catList2 li a {
	text-indent: -9999px;
	display: block;
	height: 46px;
	width: 185px;
}
#container #catList2 #li08 a {
	background-image: url(../menu/left_menu1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li09 a {
	background-image: url(../menu/left_menu2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li10 a {
	background-image: url(../menu/left_menu3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li11 a {
	background-image: url(../menu/left_menu4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li12 a {
	background-image: url(../menu/left_menu5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li13 a {
	background-image: url(../menu/left_menu6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li14 a {
	background-image: url(../menu/left_menu7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li15 a {
	background-image: url(../menu/left_menu8.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li16 a {
	background-image: url(../menu/left_menu9.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li35 a {
	background-image: url(../menu/left_menu10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li36 a {
	background-image: url(../menu/left_menu11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li37 a {
	background-image: url(../menu/left_menu12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li38 a {
	background-image: url(../menu/left_menu13.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li08 a:hover {
	background-image: url(../menu/left_menu1_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li09 a:hover {
	background-image: url(../menu/left_menu2_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li10 a:hover {
	background-image: url(../menu/left_menu3_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li11 a:hover {
	background-image: url(../menu/left_menu4_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li12 a:hover {
	background-image: url(../menu/left_menu5_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li13 a:hover {
	background-image: url(../menu/left_menu6_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li14 a:hover {
	background-image: url(../menu/left_menu7_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li15 a:hover {
	background-image: url(../menu/left_menu8_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li16 a:hover {
	background-image: url(../menu/left_menu9_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li35 a:hover {
	background-image: url(../menu/left_menu10_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li36 a:hover {
	background-image: url(../menu/left_menu11_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li37 a:hover {
	background-image: url(../menu/left_menu12_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList2 #li38 a:hover {
	background-image: url(../menu/left_menu13_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList3 {
	width: 690px;
	height: 87px;
	margin-bottom: 15px;
	background-image: url(../index/line1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
}
#container #catList3 li {
	width: 228px;
	height: 87px;
	float: left;
	margin-right: 3px;
}
#container  #catList3  #li19
   {
	margin-right: 0px;
}
#container #catList3 li a {
	text-indent: -9999px;
	display: block;
	height: 87px;
	width: 228px;
}
#container #catList3 #li17 a {
	background-image: url(../index/menu1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList3 #li18 a {
	background-image: url(../index/menu2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList3 #li19 a {
	background-image: url(../index/menu3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList3 #li17 a:hover {
	background-image: url(../index/menu1_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList3 #li18 a:hover {
	background-image: url(../index/menu2_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList3 #li19 a:hover {
	background-image: url(../index/menu3_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #catList4 {
	width: 185px;
	margin-bottom: 20px;
}
#container #catList4 li {
	width: 185px;
	height: 54px;
	margin-bottom: 3px;
}
#container #catList4 li a {
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 185px;
}
#container #catList4 #li20 a {
	background-image: url(../img/left_menu1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList4 #li21 a {
	background-image: url(../img/left_menu2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList4 #li22 a {
	background-image: url(../img/left_menu3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList4 #li20 a:hover {
	background-image: url(../img/left_menu1_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList4 #li21 a:hover {
	background-image: url(../img/left_menu2_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList4 #li22 a:hover {
	background-image: url(../img/left_menu3_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #catList5 {
	width: 690px;
}
#container #catList5 li {
	width: 165px;
	height: 45px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#container #catList5 #li26,
#container #catList5 #li30,
#container #catList5 #li34
{
	margin-right: 0px;
}
#container #catList5 li a {
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 165px;
}
#container #catList5 #li23 a {
	background-image: url(../index/under_menu1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li24 a {
	background-image: url(../index/under_menu2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li25 a {
	background-image: url(../index/under_menu3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li26 a {
	background-image: url(../index/under_menu4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li27 a {
	background-image: url(../index/under_menu5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li28 a {
	background-image: url(../index/under_menu6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li29 a {
	background-image: url(../index/under_menu7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li30 a {
	background-image: url(../index/under_menu8.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li31 a {
	background-image: url(../index/under_menu9.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li32 a {
	background-image: url(../index/under_menu10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li33 a {
	background-image: url(../index/under_menu11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li34 a {
	background-image: url(../index/under_menu12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#container #catList5 #li23 a:hover {
	background-image: url(../index/under_menu1_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li24 a:hover {
	background-image: url(../index/under_menu2_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li25 a:hover {
	background-image: url(../index/under_menu3_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li26 a:hover {
	background-image: url(../index/under_menu4_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li27 a:hover {
	background-image: url(../index/under_menu5_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li28 a:hover {
	background-image: url(../index/under_menu6_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li29 a:hover {
	background-image: url(../index/under_menu7_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li30 a:hover {
	background-image: url(../index/under_menu8_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li31 a:hover {
	background-image: url(../index/under_menu9_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li32 a:hover {
	background-image: url(../index/under_menu10_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li33 a:hover {
	background-image: url(../index/under_menu11_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #catList5 #li34 a:hover {
	background-image: url(../index/under_menu12_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

