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

/* DEFAULT */
body {background : #fff url("/images/design/bg.png") repeat-x center top ;}
#container {background : url("/images/design/container.png") ;}
#container-inner {background : url("/images/design/container_bg.png") center top no-repeat ; overflow : hidden ;}
#content-wrap { padding : 0 6px ; }

#center {	width:650px;position: relative ;}
#index #center {width:660px;}
#index div.inner {	padding:0px;}

a {color: #009 ;}
a:hover {color: #0064a8 ;}
hr {border: 1px solid #999 ;}

/* HEADER 
#header {background : url("/images/design/header.png") no-repeat ;}*/
#header * {color : #333 ;}
#header h1 {color : #3F1F1F ;}

#fontSize {}
#fontSize p {color : #663300 ;}
#fontSize li a.off {border: 1px solid #f6a80e ;color: #f6a80e;background: #fff ;}
#fontSize li a.on {border: 1px solid #f6a80e ;color: #fff ;background: #f6a80e ;}

/* CONTENTS */
#center {background: url("/images/design/title.png") left 36px no-repeat ;}
#center h3 { padding:0.5em 10px 0.5em 25px; height : 49px ; line-height : 60px ; background :url("/images/design/h3.png") left bottom no-repeat;color : #3F1F1F ;}
#center h3 a {color : #3F1F1F ;}
#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 0.2em no-repeat ;display:block;}

/* NAVI */
#category li span, #category li a {color : #3F1F1F ;}
#category li li, #category li.sitemap {background: #fff ; }
#category li a  {background: #fff url("/images/design/navi.png") 0px center no-repeat ; color : #3F1F1F ; }
#category li a:hover  {background: #3F1F1F url("/images/design/navi.png") -225px center no-repeat; }
#category li li a, #category li.sitemap a {border-bottom: 1px dotted #556B2F ;background: #fff url("/images/design/subnavi.png") 0px center no-repeat;color : #000 ; }
#category li li a:hover, #category li.sitemap a:hover{background: #fff url("/images/design/subnavi.png") -225px center no-repeat ;}

/* FOOTER */
#footer {background:#fff url("/images/design/footer.png") no-repeat ;color : #999 ;padding: 0px 10px;height:51px;overflow:hidden;}
#footer img,
#footer h3{margin-top:4px;}
#footer * {color : #fff ; line-height : 30px ;}

/* TOPPAGE */
#index #center h3  { padding:20px 10px 0.5em 25px; margin : 1em 0 ; color : #302618 ;background: url("/images/top_h3.png") left bottom no-repeat;}
#index #center h3 a {color : #302618 ;}

#index #center .whats h3 { height : 48px ;line-height : 120px ; padding : 0 ;overflow : hidden ;color : #302618 ;position: relative ;background: url("/images/h3_whats.png") no-repeat;}
#index #center .whats h3 a { background: url("/images/whats_list.png") no-repeat; position : absolute ; left : 550px ; top : 10px ; margin : 0 ;padding : 0 ; line-height : 75px ;width : 95px ; height : 23px ; overflow : hidden ;}

#index #center h4,#index #center h5  { padding:20px 25px ; margin : 1em 0 ; color : #302618 ;background: url("/images/top_h4.png") left center no-repeat;}

#index #center .whats p {background: url("/images/design/new_arrow.png") no-repeat 4px center;}

#index object { float : right ; background : #e2e2e2 ; }
#index .moviebox{float : right ; background : #e2e2e2 ;width:200px;height:160px;margin-left:5px;}

a.ov { display : block ; float : left ; border : none ;}
a.ov:hover { background-position : 0 0 !important;  }
a.ov:hover img { visibility : hidden ;}

/* add */
#center .list a {background : url("/images/ico_list.png") left center no-repeat ;
padding-left:25px; margin-left:5px;} 

span.att{
background-color: #d8ffb2;
color:#333;
}

span.att2{
color:#370d16;
font-weight:bold;
font-size:105%;
}

span.att3{
border-left:#330000 solid 5px;
padding:3px 7px 3px 7px;
margin:5px 5px 10px 0px;
font-weight:bold;
font-size:120%;
}

#confor #center{width:100%;text-align:center;background-position: center 36px;}
#confor #center .content{width:670px;margin:0 auto;text-align:left;}



#index #center #imageContainer { height : 250px ;overflow : hidden ;position :relative ;}
#index #center #imageContainer img { left : 0;top : 0 ; }  

/* chartbox==============================*/
.chartbox{display:block;width:585px;height:345px;margin:auto;position:relative;}
#center .chartbox img{position:absolute;top:0;left:0;z-index:1;margin:0;}
.chartbox li{}
.chartbox li a{display:block;background:url("/images/design/bg.gif");width:100px;height:62px;position:absolute;z-index:2;top:274px;line-height:180px;overflow:hidden;}
.chartbox li a.cb1{left:25px;}
.chartbox li a.cb2{left:131px;}
.chartbox li a.cb3{left:246px;}
.chartbox li a.cb4{left:357px;}
.chartbox li a.cb5{left:472px;}
.chartbox li a.cb2:hover{background:url("/images/chart_on.jpg") -131px -274px no-repeat;}
.chartbox li a.cb3:hover{background:url("/images/chart_on.jpg") -246px -274px no-repeat;}
.chartbox li a.cb4:hover{background:url("/images/chart_on.jpg") -357px -274px no-repeat;}
.chartbox li a.cb5:hover{background:url("/images/chart_on.jpg") -472px -274px no-repeat;}

/* 1column */
#confor #center{width:100%;text-align:center;background-position: center
10px;}
#confor #center .content{width:738px;margin:0 auto;text-align:left;clear:left;}
#confor h3, #center h4, #center h5 {color:#000;background:url("images/design/hl2.png") no-repeat;}

/* 1column2 */
#confor2 #index{width:100%;text-align:center;background-position: center
10px;}
#confor2 #index .content{width:738px;margin:0 auto;text-align:left;clear:left;}
#confor2 h3, #center h4, #index h5 {color:#000;background:url("images/design/hl2.png") no-repeat;}


/* LP */
#lp_info{ width: 900px; }
#lp_left{
    width: 350px;
    float: left; 
}
#lp_right{
    width: 520px;
    float: right;  
}
#lp_footer{ clear: both; } 

.frame-in
{background-color:#F0E4E0; padding:10px;margin:5px;}

div.frame-in img.figure {
  float: right;} /* 画像を左寄せにする場合は left */

.frame-out
{background-color:#FAE6C0; padding:10px;margin:5px;}

div.frame-out img.figure {
  float: right;} /* 画像を左寄せにする場合は left */

#center .teltxt{
font-size:1.8em;
line-height:1.2;
color:#004a95;
font-weight:bold;
}
#center .teltxt img{
margin:0 0 5px 10px;vertical-align:middle;
}

#center .box_contact-phone{background:url("/images/contact-phone.png") no-repeat;width:600px;height:80px;clear:both;}
#center .box_contact-phone img{margin:35px 0 0 143px;}

#center .telbox{width:650px;height:451px;overflow:hidden;position:relative;}
#index #center .telbox img,
#center .telbox img{margin:0 0 0 5px;}
#center .telbox a.tellink{position:absolute;left:67px;top:219px;z-index:2;}

/* callback */
#container .callback{
	position: absolute ;
	top: 53px ;
	right: 12px ;
	z-index : 100 ;
	display : block ;margin:0;padding:0;
}
#container .callback .adplpo_none img{margin:0;padding:0;}