@charset "utf-8";

body {
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

body a:link,
body a:visited {
color:#333333;
text-decoration: underline;
}
body a:active,
body a:hover {
color:#0075C4;
text-decoration: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.left {
    float: left;
}

.right {
    float: right;
}

.attention {
    color: #cc0000;
}

#container {
    width: 100%;
    background-position: center top;
    background-image: url(../img/common/back.jpg);
    background-repeat: no-repeat;
    font-size: 14px;
}

#container_bottom{
    width: 842px;
	margin:0 auto;
    background-image: url(../img/common/back_bottom.jpg);
    background-repeat: repeat-y;
}


#container_top{
    width: 842px;
	margin:0 auto;
    background-image: url(../img/common/back_top.jpg);
    background-repeat: no-repeat;
}


/**
 * line-height
**/

 *{ line-height:180%; }

 /**
 * margin-bottom
**/
.mb5{
     margin-bottom: 5px;
}

.mb10{
     margin-bottom: 10px;
}

 .mb15{
     margin-bottom: 15px;
}
 .mb20{
     margin-bottom: 20px;
}

.mb30{
     margin-bottom: 30px;
}

 /**
 * bold
**/
 .bold{
     font-weight: bold;
}

 /**
 * underline
**/

.underline{
text-decoration:underline;
}

 /**
 * fc_blue
**/
 .fc_blue{
     color: #1392CE;
}

 /**
 * fc_red
**/
 .fc_red{
     color: #CC0000;
}

 /**
 * font-size
**/
.fs10{
font-size:10px;     
}

.fs12{
font-size:12px;     
}

.fs14{
font-size:14px;     
}



/* header
------------------------------------------------------*/

#header{
    width: 830px;
	height:170px;
    margin: 0 auto;
    position:relative;
	background-image:url(../img/common/headder_bg01.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

h1{
    font-size: 10px;
    color: #fff;
	background-image:url(../img/common/h1_bg.jpg);
	background-repeat:repeat-x;
	height:24px;
	padding-left:10px;
}

#midashi01{
    position:absolute;
	left:20px;
	top:33px;
}

#midashi02{
    position:absolute;
	left:20px;
	top:65px;
	}

#logo {
position:absolute;
top:97px;
left:20px;
}

#tel {
    position:absolute;
	left:480px;
	top:33px;
}

p.a_text{
font-size:10px;
color:#CC0000;
position:absolute;
left:650px;
top:148px;
}

/* footer
------------------------------------------------------*/

#footer{
	background-image:url(../img/common/footer_bg01.jpg);
	background-repeat:repeat-x;
	width:830px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:30px;
}


p.footer_menu{
font-size:12px;
text-align:center;
padding:20px 0 10px;
}

p.copyright{
text-align:center;
font-size:12px;
background-color:#1F82C0;
padding:2px;
color:#fff;
}

p.footer_from{
text-align:center;
font-size:12px;
margin-bottom:10px;
}

p.g_sitemap{
position:absolute;
left:730px;
top:140px;
}

/* content
--------------------------------------------------------*/
div#content{
width:800px;
margin:10px auto 20px;
}

#content_left{
width:220px;
}

#content_right{
width:560px;
}

ul.gmenu{
background-color:#E6EAEC;
border-left:1px solid #D4DBDD;
border-right:1px solid #D4DBDD;
border-bottom:1px solid #D4DBDD;
padding:5px 0;
font-size:12px;
}

ul.gmenu li a{
display:block;
width:182px;
height:32px;
background-image:url(../img/common/menu_bg.jpg);
background-repeat:no-repeat;
margin:0 auto;
padding-left:30px;
padding-top:10px
}

ul.gmenu li a:hover{
background-image:url(../img/common/menu_bg_on.jpg);
background-repeat:no-repeat;
}


ul.gmenu li.menutop a{
display:block;
width:182px;
height:31px;
background-image:url(../img/common/menutop_bg.jpg);
background-repeat:no-repeat;
margin:0 auto;
padding-left:30px;
padding-top:13px
}

ul.gmenu li.menutop a:hover{
background-image:url(../img/common/menutop_bg_on.jpg);
background-repeat:no-repeat;
margin:0 auto;
}

ul.gmenu li.menubottom a{
display:block;
width:182px;
height:34px;
background-image:url(../img/common/menubottom_bg.jpg);
background-repeat:no-repeat;
margin:0 auto;
padding-left:30px;
padding-top:10px
}

ul.gmenu li.menubottom a:hover{
background-image:url(../img/common/menubottom_bg_on.jpg);
background-repeat:no-repeat;
margin:0 auto;
}

div.uketuke_border{
border-bottom:1px solid #D4DBDD;
border-left:1px solid #D4DBDD;
border-right:1px solid #D4DBDD;
background-color:#E6EAEC;
padding-bottom:2px;
}

div.uketuke_box{
width:214px;
margin:0 auto;
padding:7px 0;
background-color:#ffffff;
}

div.innai_img{
margin:0 auto 5px;
width:200px;
}

div.uketuke_box p{
background-color:#F7EB1D;
color:#0075C4;
font-weight:bold;
text-align:center;
width:194px;
margin:0 auto 5px;
padding:3px;
}

div.uketuke_box table{
width:200px;
border-top:1px solid #D4DBDD;
margin:0 auto;
}

div.uketuke_box table th{
width:35%;
background-color:#FFFF99;
border-bottom:1px solid #D4DBDD;
border-right:1px solid #D4DBDD;
border-left:1px solid #D4DBDD;
font-size:12px;
padding:3px 7px;
line-height:150%;
}

div.uketuke_box table td{
background-color:#ffffff;
border-bottom:1px solid #D4DBDD;
border-right:1px solid #D4DBDD;
font-size:12px;
padding:3px 7px;
line-height:150%;
}

div.to_mobile{
background-image:url(../img/common/bobile_back.jpg);
background-repeat:no-repeat;
width:220px;
height:146px;
padding-top:43px;
}

div.to_mobile div{
width:101px;
margin:0 auto 5px;
}

div.to_mobile p{
font-size:10px;
width:145px;
margin:0 auto;
text-align:center;
line-height:150%;
}

dl.syoujyou{
border:1px solid #D4DBDD;
padding:10px;
}

dl.syoujyou dt{
text-align:center;
font-size:12px;
font-weight:bold;
margin-bottom:7px;
}

dl.syoujyou dd{
font-size:12px;
}

div.topicPath{
font-size:12px;
margin-bottom:7px;
}

h3.bg_yellow{
width:520px;
margin-left:auto;
margin-right:auto;
background-color:#FDF9A6;
border-bottom:1px dotted #666666;
font-weight:bold;
color:#0075C4;
font-size:16px;
padding-left:20px;
padding-top:3px;
}

div.box540{
width:540px;
margin-left:auto;
margin-right:auto;
}

div.box540_glay{
width:510px;
margin-left:auto;
margin-right:auto;
background-color:#F3F3F3;
padding:15px;
margin-bottom:20px;
}

div.box540_orenge{
width:510px;
margin-left:auto;
margin-right:auto;
border:1px solid #FFD5B9;
padding:10px 15px;
}

div.to_aroma{
width:220px;
height:110px;
}

div.to_aroma a:hover img{
    opacity:0.7;
    filter: alpha(opacity=70);
}

p.aroman{
text-align:center;
font-size:12px;
}

h3.bg_black{
background-color:#000;
border-bottom:1px dotted #fff;
color:#fff;
font-size:16px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-top:3px;
width:520px;
}

/* index
--------------------------------------------------------*/
div.index_img01{
margin:0 auto;
width:546px;
height:55px;
}

div.index_img02{
margin:0 auto 10px;
width:435px;
height:100px;
}

div.index_img03{
margin:0 auto 10px;
width:543px;
height:19px;
}

div.index_img04{
margin:0 auto 15px;
width:560px;
height:320px;
}

h2.bg_blue{
background-image:url(../img/index/h2_bg_blue.jpg);
width:530px;
height:36px;
padding-top:8px;
padding-left:30px;
font-weight:bold;
color:#000000;
font-size:16px;
margin-bottom:15px;
}

ul.check_text{
width:540px;
margin:15px auto;
}

ul.check_text li{
background-image:url(../img/index/check.jpg);
background-repeat:no-repeat;
padding-left:38px;
font-weight:bold;
font-size:16px;
height:25px;
margin-bottom:15px;
}

div.check_text_box{
width:540px;
margin:0 auto 20px;
}

div.index_img05{
margin:0 auto 20px;
width:540px;
height:90px;
}

dl.index_nayami{
width:540px;
margin:0 auto 20px;
}

dl.index_nayami dt{
font-size:18px;
font-weight:bold;
color:#0075C4;
background-image:url(../img/index/kao.jpg);
background-repeat:no-repeat;
height:28px;
padding-left:40px;
margin-bottom:5px;
}

dl.index_nayami dd{
background-image:url(../img/index/kao_arow.jpg);
background-repeat:no-repeat;
background-position:10px 2px;
padding-left:40px;
margin-bottom:15px;
}

div.index_box{
width:540px;
margin:15px auto;
}

div.index_box p{
width:355px;
}

div.news_capter dl{
width:540px;
margin:-10px auto 0;
}

div.news_capter dl dt{
padding-bottom:10px;
padding-top:10px;
position:absolute;
width:130px;
padding-left:10px;
}

div.news_capter dl dd{
padding-bottom:10px;
padding-left:140px;
padding-top:10px;
width:400px;
border-bottom:1px solid #D4DBDD;
}

div.news_capter dl dd a{
text-decoration:none;
}


div.news_capter p{
text-align:right;
margin-bottom:15px;
}

div.contact_box{
background-image:url(../img/common/contact_btn_bg.jpg);
width:560px;
height:79px;
background-repeat:no-repeat;
padding-top:18px;
}