@charset "utf-8";
@import url(styles/import.css);

/* DEFAULT */
body {background : #fff  url("/images/design/bg.png") repeat-x;}
#container {background : #fff url("/images/design/container.png") center repeat-y ;}
a {color: #1b71cf ;}
a:hover {color: #1b4fcf ;}
hr {border: 1px solid #999 ;}

/* HEADER */
#header {background : url("/images/design/header.png") no-repeat center top ;}
#header * {color : #fff ;}
#header h1 {color : #0057b7 ; z-index : 1 ;}

#fontSize {border-bottom: 3px solid #322620 ;}
#fontSize p {color : #322620 ;}
#fontSize li a.off {border: 1px solid #322620 ;color: #322620;background: #fff ;}
#fontSize li a.on {border: 1px solid #fff ;color: #fff ;background: #322620 ;}

/* CONTENTS */
#center {background: url("/images/design/title.png") left 0px no-repeat ;}
#center h3{background :url("/images/design/h3.png") no-repeat left center ;color : #0057B7 ; border : 1px solid #fff ; height : 40px ; line-height : 40px ; padding-left : 35px ; font-size : 1.4em ; font-weight : bold ;}
#center h3 a {color : #0057B7 ;}
#center table th {background : #f7f7ee ;border : 1px solid #cccccc ;}
#center table td {border : 1px solid #cccccc ;}
#center .faq a {background : url("/images/question.png") left center no-repeat ;} 

/* NAVI */
#category {}
#category li span, #category li a {color : #666 ; text-decoration : none ;}
#category li a  {background: #fff url("/images/design/bg_cate.png") 0px center no-repeat ; display : block ; color :#fff ;}
#category li a:hover  {background: #fff url("/images/design/bg_cate.png") 0px center no-repeat;color :#fff ; }

#category li li a  {background: #fff url("/images/design/navi.png") 0px center no-repeat ;color :#000 ; }
#category li li a:hover  {background: #fff url("/images/design/navi.png") -165px center no-repeat; color :#000 ;}

/* NAVI */
#category2 {}
#category2 li span, #category2 li a {color : #666 ; text-decoration : none ;}
#category2 li a  {background: #fff url("/images/design/bg_cate.png") 0px center no-repeat ; display : block ; color :#fff ;}
#category2 li a:hover  {background: #fff url("/images/design/bg_cate.png") 0px center no-repeat;color :#fff ; }

#category2 li li a  {background: #fff url("/images/design/navi.png") 0px center no-repeat ;color :#000 ; }
#category2 li li a:hover  {background: #fff url("/images/design/navi.png") -165px center no-repeat; color :#000 ;}


/* FOOTER */
#footer {background : url("/images/design/footer.png") no-repeat ;color : #fff ;}
#footer * {color : #fff ; }

/* TOPPAGE */


.kodawariWrap { width : 800px ;position : relative ; margin-bottom : 5px ; overflow : hidden ;clear : both ; background : url("/images/kodawari/kodawari_bg2.png") left top repeat-y;margin-bottom : 15px ;  } 
.kodawariWrap .inner { overflow : hidden ;background :url("/images/kodawari/kodawari_bg3.png") left bottom no-repeat ; padding-bottom : 20px ; }

.kodawariWrap .kodawariBox { width : 322px ; float : left ; margin-right : 15px ; display : inline ; padding-bottom : 50px ;} 

.kodawariWrap .kodawariBox p { color : #666 ;text-align : justify ;padding : 0px 15px ; background : url("/images/kodawari/kodawari_bg1.gif") left top no-repeat ;} 

.kodawariWrap img {margin : 0 ;} 

#center .kodawariWrap h4 { height : 80px ; margin : 0 ; padding : 0 ; line-height : 240px ; overflow : hidden ;}
#center .single { width : 322px ; }

#center .kodawariWrap .hl1 h4 { background :url("/images/kodawari/kodawari_h1.png") no-repeat ;}
#center .kodawariWrap .hl2 h4 { background :url("/images/kodawari/kodawari_h2.png") no-repeat ;}
#center .kodawariWrap .hl3 h4 { background :url("/images/kodawari/kodawari_h3.png") no-repeat ;}
#center .kodawariWrap .hl4 h4 { background :url("/images/kodawari/kodawari_h4.png") no-repeat ;}
#center .kodawariWrap .hl5 h4 { background :url("/images/kodawari/kodawari_h5.png") no-repeat ;}
#center .kodawariWrap .hl6 h4 { background :url("/images/kodawari/kodawari_h6.png") no-repeat ;}
#center .kodawariWrap .hl7 h4 { background :url("/images/kodawari/kodawari_h7.png") no-repeat ;} 

a.kodawari_navi { background :url("/images/kodawari/kodawari_navi.png") no-repeat ; width : 155px ;position :absolute; bottom : 20px ; left : 20px ;display : block ; height : 30px ; line-height : 90px ; overflow : hidden ;}
.hl1 a.kodawari_navi { background-position :0px 0px; }
.hl2 a.kodawari_navi { background-position :0px -30px;left : 360px ;}
.hl3 a.kodawari_navi { background-position :0px -60px;}
.hl4 a.kodawari_navi { background-position :0px -90px;left : 360px ;}
.hl5 a.kodawari_navi { background-position :0px -120px;}
.hl6 a.kodawari_navi { background-position :0px -150px;left : 360px ;}
.hl7 a.kodawari_navi { background-position :0px -180px;} 


#index #center h3, #index #center h4, #index #center h5 {background :url("/images/design/h3.png") no-repeat left center ;color : #0057B7 ; border : 1px solid #fff ; height : 40px ; line-height : 40px ; padding-left : 35px ; font-size : 1.4em ; font-weight : bold ;}