@charset "UTF-8";
/* CSS Document */

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,em,strong,th {
font-style: normal;
font-weight:normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,fieldset {
border: 0;
}
li {
list-style-type: none;
}
a:hover img.link{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

/* Fonts フロートなど共通CSS
------------------------------------------------------------*/
body{
	font-family: "メイリオ", Meiryo, verdana, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 12px;
	color:#000;
	background-color:#FFFDF1;
}

body a{
	color:#000;
	text-decoration:underline;
}

body a:hover{
	color:#747474;
	text-decoration:underline;
}

.float_l{
	float:left;
}

.float_r{
	float:right;
}

.clear{
	clear:both;
}

.red{
	color:#F00;
}

.blue{
	color:#00F;
}

.bold{
	font-weight:bold;
}

h1{
	text-indent:-9999px;
	height:0px;
}

#path{
	margin-bottom:10px;
}

/*===============================================
●画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
	
.pc-none{
	display:none;
}


/*ヘッダー設定
------------------------------------------------------------*/

header{
	background-color:#FFF;
	width:100%;
}

#header_wrap{
	width:1000px;
	margin:0 auto;
	position:relative;
}

h2{
	width:380px;
	padding:10px 0;
}

h2 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#header_access a{
	position:absolute;
	top:0px;
	right:200px;
	text-indent:-9999px;
	width:176px;
	height:33px;
	background-image:url(../img/access_bt.png);
}

#header_access a:hover{
	background-image:url(../img/access_bt_on.png);
}

#header_contact a{
	position:absolute;
	top:0px;
	right:0px;
	text-indent:-9999px;
	width:176px;
	height:33px;
	background-image:url(../img/contact_header_bt.png);
}

#header_contact:hover a{
	background-image:url(../img/contact_header_bt_on.png);
}

#header_tel{
	position:absolute;
	top:40px;
	right:0px;
}

dl.accordion dt{
	display:none;
}

nav{
	width:100%;
	background-image:url(../img/nav_bg.png);
	height:57px;
	background-repeat:repeat-x;
}

ul.nav_ul{
	width:1000px;
	margin:0 auto;
	height:60px;
}

ul.nav_ul li{
	float:left;
}

ul.nav_ul li.nav_li_1 a{
	width:167px;
	height:51px;
	background-image:url(../img/nav1_off.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_1_stay a{
	width:167px;
	height:51px;
	background-image:url(../img/nav1_on.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_1 a:hover{
	background-image:url(../img/nav1_on.png);
}

ul.nav_ul li.nav_li_2 a{
	width:167px;
	height:51px;
	background-image:url(../img/nav2_off.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_2_stay a{
	width:167px;
	height:51px;
	background-image:url(../img/nav2_on.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_2 a:hover{
	background-image:url(../img/nav2_on.png);
}

ul.nav_ul li.nav_li_3 a{
	width:167px;
	height:51px;
	background-image:url(../img/nav3_off.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_3_stay a{
	width:167px;
	height:51px;
	background-image:url(../img/nav3_on.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_3 a:hover{
	background-image:url(../img/nav3_on.png);
}

ul.nav_ul li.nav_li_4 a{
	width:167px;
	height:51px;
	background-image:url(../img/nav4_off.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_4_stay a{
	width:167px;
	height:51px;
	background-image:url(../img/nav4_on.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_4 a:hover{
	background-image:url(../img/nav4_on.png);
}

ul.nav_ul li.nav_li_5 a{
	width:167px;
	height:51px;
	background-image:url(../img/nav5_off.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_5_stay a{
	width:167px;
	height:51px;
	background-image:url(../img/nav5_on.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_5 a:hover{
	background-image:url(../img/nav5_on.png);
}

ul.nav_ul li.nav_li_6 a{
	width:165px;
	height:51px;
	background-image:url(../img/nav6_off.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_6_stay a{
	width:165px;
	height:51px;
	background-image:url(../img/nav6_on.png);
	display:block;
	text-indent:-9999px;
}

ul.nav_ul li.nav_li_6 a:hover{
	background-image:url(../img/nav6_on.png);
}




/*wrap設定
------------------------------------------------------------*/

#wrap{
	margin:5px auto;
	width:1000px;
}

#wrap_l{
	width:690px;
	float:left;
}

.contents_box{
	width:670px;
	padding:10px;
	background-color:#FFF;
	margin-bottom:10px;
}

h3{
	font-size:16px;
	height:31px;
	line-height:31px;
	background-image:url(../img/h3_bg.png);
	background-repeat:no-repeat;
	font-weight:normal;
	padding-left:20px;
	width:650px;
	margin-bottom:5px;
}

h4{
	font-size:14px;
	height:31px;
	line-height:34px;
	background-image:url(../img/ico_3.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:normal;
	padding-left:20px;
	width:650px;
}

#wrap_r{
	width:300px;
	float:right;
}

#wrap_r p{
	margin-bottom:5px;
}

#wrap_r p img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#side_nav{
	background-color:#FFF;
	padding:10px;
}

ul.side_nav_ul li a{
	display:block;
	text-decoration:none;
	border-bottom:1px dashed #000;
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	height:40px;
	line-height:44px;
	width:260px;
}

.contact_box{
	width:298px;
	text-align:center;
	border:1px solid #CCC;
	padding:10px 0;
	background-color:#FFF;
}

.font_16{
	font-size:16px;
}

/*フッター設定
------------------------------------------------------------*/

footer{
	width:100%;
	background-color:#EEE;
	margin-top:20px;
	padding:10px 0;
}

#footer_wrap{
	width:1000px;
	margin:0 auto;
}

.contact_box_footer{
	width:298px;
	text-align:center;
	border:1px solid #CCC;
	padding:10px 0;
	background-color:#FFF;
	float:left;
}

.footer_right{
	float:right;
	text-align:right;
}

.footer_nav{
	margin-bottom:100px
}

.footer_nav a{
	text-decoration:none;
}

address{
	text-align:center;
	color:#000;
	font-size:10px;
	background-color:#FFF;
}

/* page top設定
------------------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #FFF;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	font-size:14px;
}
#page-top a:hover {
    text-decoration: none;
    background:#222;
}

/* ご挨拶
------------------------------------------------------------*/
.home_box_1{
	font-size:14px;
}

.home_box_2{
	font-size:14px;
	text-align:right;
	margin-top:10px;
}

dl.home_news{
	width:650px;
	margin:10px;
}

dl.home_news dt{
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:12px;
	line-height:14px;
	margin:5px 0;
}

dl.home_news dd{
	padding-left:20px;
	border-bottom:1px dashed #000;
}

/* 事業所案内
------------------------------------------------------------*/
.about_title{
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:12px;
	line-height:16px;
	font-weight:bold;
	float:left;
	width:130px;
	margin:10px 0;
}

.about_contents{
	float:left;
	line-height:14px;
	margin:10px 0;
}

.about_contents img{
	max-width: 520px;
	height: auto;
	width /***/:auto;
	margin-top:10px;
}

.about_border{
	clear:both;
	border-bottom:1px dashed #000;
	margin:10px 0;
}

/* 事務内容
------------------------------------------------------------*/
.service_title{
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:12px;
	line-height:15px;
	font-weight:bold;
	float:left;
	width:180px;
	margin:10px 0;
	font-size:18px;
}

.service_contents{
	float:left;
	line-height:14px;
	margin:10px 0;
	font-size:14px;
}

/* サービス提供方針
------------------------------------------------------------*/
.policy_title{
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:12px;
	line-height:15px;
	font-weight:bold;
	margin:10px 0 0;
	font-size:18px;
}



}

/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.sm-none{
	display:none;
}

/*ヘッダー設定
------------------------------------------------------------*/
header{
	width:100%;
	background-color:#FFF;
	border-bottom:2px solid #000;
}

h2{
	width:80%;
	padding-top:1%;
	z-index:9999;
}

#header_access a{
	display:block;
	float:left;
	width:48%;
	height:30px;
	line-height:30px;
	margin-bottom:1%;
	margin-left:1%;
	text-decoration:none;
	background: -moz-linear-gradient(top center, #222 0%, #000 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#222), to(#000));
	background: linear-gradient(top center, #222 0%, #000 100%);
	text-align:center;
	color:#FFF;
    border-radius:5px;
}

#header_contact a{
	display:block;
	float:right;
	width:48%;
	height:30px;
	line-height:30px;
	margin-bottom:1%;
	margin-right:1%;
	text-decoration:none;
	background: -moz-linear-gradient(top center, #222 0%, #000 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#222), to(#000));
	background: linear-gradient(top center, #222 0%, #000 100%);
	text-align:center;
	color:#FFF;
    border-radius:5px;
}

dl.accordion {
	width:100%;
	margin-bottom:5px;
	position:fixed;
	top:0px;
	right:0px;
	z-index:9998;
}

dl.accordion dt {
	width:18%;
	z-index:9999;
	float:right;
	padding:1% 1% 0 0;
}

dl.accordion dt span.open{
	display:none;
}
dl.accordion dt.open {
	width:18%;
	z-index:9999;
	float:right;
   }
dl.accordion dt.open:hover{
	color:#F09;
}

dl.accordion dt.open span.close{
	display:none;
}
dl.accordion dt.open span.open{
	display:inline;
}

dl.accordion dt:hover{
}

dl.accordion dt.open:hover{
}

dl.accordion dd {
	clear:both;
	display:none;
	margin:0;
	width:100%;
	z-index:9999;
}

ul.nav_ul li a{
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	height:30px;
	line-height:30px;
	padding-left:5%;
	width:95%;
	display:block;
	background-color:#000;
	border-bottom:1px solid #FFF;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
}

/*wrap設定
------------------------------------------------------------*/

#wrap{
	margin:5px auto;
}

#wrap_l{
}

#wrap_r{
}

#wrap_r p{
	margin-bottom:5px;
}

.contents_box{
	width:94%;
	margin:0 auto;
	background-color:#FFF;
	margin-bottom:5px;
	padding:2%;
}

h3{
	font-size:16px;
	height:26px;
	line-height:28px;
	background-image:url(../img/ico_2.png);
	background-repeat:no-repeat;
	font-weight:normal;
	padding-left:20px;
	margin-bottom:5px;
	border-bottom:2px solid #000;
}

h4{
	font-size:14px;
	height:31px;
	line-height:34px;
	background-image:url(../img/ico_3.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:normal;
	padding-left:20px;
	font-weight:bold;
}

#wrap_r p{
	margin:5px;
}


/*フッター設定
------------------------------------------------------------*/

footer{
	width:100%;
	background-color:#EEE;
	margin-top:20px;
	padding:0px 0 10px;;
}

.contact_box_footer{
	text-align:center;
	padding:10px 0;
	background-color:#FFF;
}

.footer_right{
	text-align:center;
	padding-top:10px;
}


.footer_nav a{
	text-decoration:none;
}

address{
	text-align:center;
	color:#000;
	font-size:10px;
	background-color:#FFF;
}


/* page top設定
------------------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 10px;
    right: 1%;
    font-size: 77%;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #F00;
    padding:5px 10px;
    text-align: center;
    display: block;
    border-radius: 10px;
	font-size:12px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

/* ご挨拶
------------------------------------------------------------*/
.home_box_1{
	font-size:14px;
}

.home_box_2{
	font-size:14px;
	text-align:right;
	margin-top:10px;
}

dl.home_news{
	width:95%;
	margin:10px;
}

dl.home_news dt{
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:12px;
	line-height:12px;
	margin:5px 0;
}

dl.home_news dd{
	padding-left:20px;
	border-bottom:1px dashed #000;
}

/* 事業所案内
------------------------------------------------------------*/
.about_title{
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:12px;
	line-height:15px;
	font-weight:bold;
	margin:10px 0 5px;
}

.about_contents{
	line-height:14px;
	margin:5px 0 10px;
	padding-left:20px;
}

.about_border{
	clear:both;
	border-bottom:1px dashed #000;
	margin:10px 0;
}

/* 事務内容
------------------------------------------------------------*/
.service_title{
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:12px;
	line-height:15px;
	font-weight:bold;
	margin:10px 0 5px;
	font-size:18px;
}

.service_contents{
	line-height:14px;
	margin:5px 0 10px;
	padding-left:20px;
	font-size:14px;
}

/* サービス提供方針
------------------------------------------------------------*/
.policy_title{
	background-image:url(../img/ico_1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	min-height:12px;
	line-height:18px;
	font-weight:bold;
	margin:10px 0 0;
	font-size:18px;
}


}