* {
	font-family: sans-serif;
}

body {
	width:750px;
	margin:0 auto 0 auto; padding:0;
	background-color:#EDF3F4;
	text-align:center;
	font-size:80%;
	font-size:12px;
}

#wrapper {
overflow:hidden;
width:100%;
}

#pageBG {
	width:750px;
	margin:0; padding:0;
	border-width:0 1px; border-style:solid; border-color:#E4D4BE;
	background-color:#FFF;
	text-align:left;
} 

#pageBGenglish {
	width:750px;
	margin:0; padding:0;
	border-width:0 1px; border-style:solid; border-color:#E4D4BE;
	background-color:#FFF;
	font-family:Arial; text-align:left;
}

a { text-decoration:none; }
a:link { color:#1C7919; }
a:visited { color:#476E9E; }
a:active { color:#7EBD16; }
a:hover { color:#7EBD16; border-bottom:1px solid #7EBD16; }

img { border:0; }
br { margin:0; padding:0; clear:both; }
map { margin:0; padding:0; }
area { margin:0; padding:0; }

h1 {
margin:0 0 10px 0;
padding: 0 0 2px 0;
line-height: 1.2;
background-image:url(../images/common/cap_line.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
.clear { clear:both; height:1px; margin:0; padding:0; }
.date { color:#7D5C2D; }

.pc {}

/*-----------------------------------------------------------------
　ヘッダー 
------------------------------------------------------------------*/
#pageTop {
width:750px;
margin:0 0 10px 0; padding:0;
position:relative;
} 

#pageTop p.logo {
float:left;
width:202px;
margin:20px 0 0 0; padding:0 0 0 13px;
} 

#pageTop p.photo {
float:left;
width:535px; 
height:70px;
margin:3px 0 0 0; padding:0;
text-align:right;
} 

#pageTop a {
margin:0; padding:0;
border:none;
text-decoration:none;
} 
#pageTop .grass {
clear:both;
width:750px; 
height:46px; 
margin:0 0 15px 0; 
padding:0;
background:url(../images/common/header_grass_v2.gif) no-repeat scroll 0 0;
text-align:right;
background-size:748px;
} 

#pageTop .alphafilter {
margin:20px 10px 0 0;
} 

#pageTop img {
margin:0; padding:0;
} 

.sp {
display:none;
}

.sp img {
vertical-align:bottom;
}

@media screen and (max-width: 768px) {
	body {
    width:100%;
    font-size:15px;
	}
	.pc {
    display:none;
	}
	.sp {
	display:block;
    text-align:center;
	}
	header.sp-header {
    text-align:left;
    background-color:#FFF;
    width:100%;
	}
	#pageBG {
    width:100%;
    border-width:0 0; 
	}
	#pageTop {
    width:100%;
    margin:0;
	}
	#pageTop p.logo {
    width:100%;
    float:none;
    margin:0;
    padding:10px 13px 0 13px;
	}
	#pageTop p.photo {
    width:100%;
    display:none;
	}
	#pageTop .grass {
    width:100%;
    margin:5px 0 0 0;
	}
	#pageBGenglish {
    width:100%;
    border:none;
	}
}


/*-----------------------------------------------------------------
　右コンテンツ
------------------------------------------------------------------*/
#contents {
float:left;
width:540px;
margin:0 0 0 35px;
padding:0;
}

#contents p {
margin:5px 0;
padding:0;
font-size:100%;
line-height:160%;
} 

#contents big {
font-size:100%;
}

/* google検索
----------------------------------------------------*/
#cse-search-form {
float: right !important;
width: 50% !important;
}

.google_searchbox {
	float: right;
  	position:relative;
}

@media screen and (max-width: 768px) {
	#contents {
    float:none;
    width:90%;
    margin:  0 auto;
    padding: 15px 0 0 0;
}
	#cse-search-form {
	float: none !important;
	width: 100% !important;
    margin-bottom: 20px;
	}
	h1 {
	margin: 5px 0 7px 0;
	}
}

/*-----------------------------------------------------------------
　左メニュー
------------------------------------------------------------------*/

#menu {
float:left;
width:133px;
margin:0; padding:0;
} 

#menu_sp {display:none;}

#menu img {
margin:0;
padding:0;
vertical-align:bottom;
}

#menu a {
border:none;
text-decoration:none;
} 

/*震災法律相談メニュー*/
#FAQ0311Menu {
	width:126px;
	margin:15px 0 0 5px; padding:0;
	background:url(../images/common/magazine_bg.gif) repeat scroll 0 0;
} #FAQ0311Menu p {
	margin:5px 2px 5px 5px; padding:0;
	font-size:90%; line-height:160%; letter-spacing:1px;
} #FAQ0311Menu .btn {
	display:block;
	margin:5px; padding:0;
} #FAQ0311Menu img {
	margin:0; padding:0;
	border:none;
}

/*震災法律相談*/
#left_navi_311 {
width:126px;
margin:15px 0 0 5px; 
padding:1em 0;
background:url(../images/common/magazine_bg.gif) repeat scroll 0 0;
border-radius:5px;
} 
#left_navi_311 p {
margin:5px 2px 5px 5px;
padding:0;
	font-size:90%; line-height:160%; letter-spacing:1px;
	color:#7D5C2D;
	text-align:center;
} 
#left_navi_311 .btn {
	display:block;
	margin:5px 0 5px 4px;
padding:0;
} 
#left_navi_311 img {
	margin:0; padding:0;
	border:none;
vertical-align:bottom;
}

/*左ナビ 震災メッセージ*/
#left_navi_311msg {
	width:126px;
	margin:15px 0 0 5px; padding:0;
	background:url(../images/common/311msg_bg_green.gif) repeat scroll 0 0;
} #left_navi_311msg p {
	margin:5px 2px 5px 5px; padding:0;
	font-size:95%; line-height:150%; letter-spacing:1px;
	text-align:left;
} #left_navi_311msg img {
	margin:0; padding:0;
	border:none;
}

/* ------------------------------------------------------------
    メールマガジン
---------------------------------------------------------------*/

#mailMagazine {
width:126px;
margin:15px 0 0 5px;
padding:0;
background:url(../images/common/magazine_bg.gif) repeat scroll 0 0;
border-radius: 5px;
}

#mailMagazine p {
margin:5px 2px 5px 5px;
padding:0;
font-size:90%;
line-height:160%;
letter-spacing:1px;
}

#mailMagazine .btn {
display:block;
margin:5px; padding:0;
}

#mailMagazine img {
margin:0; padding:0;
border:none;
vertical-align:bottom;
}

#mailMagazine p {
padding:0 0.3em;
}
#mailMagazine ul {
padding:0 0.3em 1em 0.3em;
}

#mailMagazine li {
margin:0 0 3px 0;
}

/* コラム
-------------------------------------------------------------*/
#left_navi_column {
	width:126px;
	margin:15px 0 0 5px; padding:0;
} #left_navi_column img {
	margin:0; padding:0;
	border:none;
} #left_navi_column dl {
	margin:0; padding:0;
} #left_navi_column dt {
	margin:4px 0 2px 0; padding:0 2px;
	background:url(../images/common/left_navi_arrow.gif) no-repeat scroll left 3px;
	color:#896430;
} #left_navi_column dt {
	line-height:120%; text-indent:5px;
} #left_navi_column dd {
	margin:2px 0 4px 0; padding:0 2px;
	border-bottom:1px solid #d4cbbf;
	color:#525252;
}

@media screen and (max-width: 768px) {
	#menu {display:none;}
	#menu_sp {
    display:block;
	width:100%;
	margin:0 auto;
	}
	#menu_sp li a {
    border:none;
    border-top:1px solid #E4D6C1;
    display:block;
    padding:0.5em 0;
    color:#1C7919;
	}
	#menu_sp li a span {
    margin:0 0 0 10px;
	}
	#menu_sp li a:hover {
    background-color:#E4D6C1;
	}
	#left_navi_column {
	width:100%;
    margin:15px 0 0 0;
	}
	#mailMagazine {
	width:100%;
    margin:15px 0 0 0;
	}
	#mailMagazine p {
	padding:0 1em;
    margin:1em 0 0 0;
	}
	#mailMagazine ul {
	padding:0 1em 0.5em 1em;
	}
	#mailMagazine li {
    display:inline-block;
	margin:0 0 3px 0;
	border:none;
	}
	#mailMagazine li a {
	border:none;
	}
	#mailMagazine li a:hover {
    background:none;
	}
	#left_navi_311 {
	width:100%;
    margin:15px 0 0 0;
    text-align:left;
	}
	#left_navi_311 p {
	padding:0 1em;
    margin:1em 1em 0 0.5em;
    text-align:left;
	}
	#left_navi_311 .btn {
	padding: 0 1em ;
	}
}

/*-----------------------------------------------------------------
　フッター
------------------------------------------------------------------*/

#footer {
clear:both;
margin: 0 ;
padding:10px 0 20px 0;
text-align:right;
background:url(../images/common/header_grass_v3.gif);
background-repeat:no-repeat ;
background-position:0 bottom;
} 

#footer p {
padding:0 1em
}

#footer a {
border:none;
text-decoration:none;
} 

#copyright {
width:750px;
margin:5px 0 10px 0;
padding:0;
text-align:left;
}

@media screen and (max-width: 768px) {
	#footer {
    width:100%;
	}
	#footerGrass img {
    width:100%;
	}
	#copyright {
    width:100%;
    text-align:center;
	}
	#copyright img {
    max-width:100%;
	}
}

/* -----------------------------------------------

　スマホ版メニュー

------------------------------------------------- */

.sp_nav {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index:2000; 
}

#pageTop .sp_nav a {
display:inline-block;
margin-right:4px ;
text-decoration:none;
}

#pageTop p.sp_nav_title {
text-align:center;
padding:0 0 0.8em 0;
margin:0 0 0.3em 0;
color:#1C7919;
border-bottom: 1px solid #1C7919;
}

.sp_nav img {
max-width:100px;
}


.sp_nav_inner{
  position: relative;
}

#sp_nav_toggle {
}

.sp_nav_wrapper{
  border: 2px solid #1C7919;
  position: absolute;
  right: -321px;
  top: 50px;
  width: 320px;
  z-index: 500;
  background-color: #fff;
  padding: 8px 12px 16px 12px;
  transition: right 0.3s;
}

.sp_nav_wrapper.show{
  right: 0;
}

.sp_nav_lang{
  margin-bottom: 20px;
}

.sp_nav_lang ul {
  width:100%;
  overflow:hidden;
}

.sp_nav_lang ul li {
  float:left;
  font-size:12px;
  font-weight:bold;
  width:50%;
  text-align:center;
}

.sp_nav_lang ul li a {
  display:block;
  color:#1C7919;
  padding:2px 0;
  background-color:#FFF;
  text-decoration:none;
}

.sp_nav_lang ul li a:hover,.sp_nav_lang ul li.on a {
  color:#FFF;
  background-color:#1C7919;
}

.sp_nav_links_icn{
  width: 100%;
}

.sp_nav_links_icn > ul{
text-align:left;
overflow:hidden;
  width: 100%;
}

.sp_nav_links_icn > ul > li{
  width: 100%;
}

.sp_nav_links_icn > ul > li > a{
display:block;
width: 100%;
float:left;
text-align:center;
color:#FFF;
font-size:14px;
color:#1C7919;
padding: 0.7em 30px 0.6em 30px;
text-decoration:none;
color:#FFF;
background-color:#1C7919;
background-image:url(../images/common/img_sp_mail.svg);
background-position: 28px center;
background-repeat:no-repeat;
background-size: 20px;
}

.sp_nav_links_icn > ul > li > a:hover {
background-color:#666;
}

.sp_nav_links{
margin-bottom: 12px;
margin-top:0;
}

.sp_nav_links > ul{
}

.sp_nav_links > ul > li{
  text-align: left;
}

.sp_nav_links > ul > li > a{
  font-size: 14px;
  line-height: 1.0;
  display: block;
  padding: 12px 14px 12px 0;
  border-bottom: 1px dotted #bbb;
  text-decoration: none;
color:#333;
}

.sp_nav_links > ul > li.sp_nav_home > a {
color:#FFF;
background-color:#1C7919;
}

.sp_nav_links ul.sp_nav_child {
display: none;
background-color:#F2F2F2;
}

.sp_nav_links > ul > li > a span {
margin-left:14px;
color:#1C7919;
}

.sp_nav_links > ul > li > a:hover{
  color: #fff;
  background-color: #1C7919;
}

.sp_nav_links > li.sp_nav_home > a:hover {
color:#333;
background-color:#FFF;
}

.sp_nav_links ul.sp_nav_child li a {
display:block;
font-size:12px;
color:#333;
border-bottom:1px dotted #777;
text-decoration:none;
padding: 6px 0 6px 34px;
background-image:url(../images/img_arrow02.png);
background-position:12px 1em;
background-repeat:no-repeat;
}

.sp_nav_links ul.sp_nav_child li a:hover {
color:#FFF;
background-color:#003F73;
}

.sp_nav_links ul.sp_nav_grandchild {
display: none;
background-color:#CCC;
}

.sp_nav_links ul.sp_nav_grandchild li a {
padding: 6px 0 6px 54px;
background-position:32px 0.7em;
}

.sp_nav_close{
  text-align: center;
}

.sp_nav_close > a{
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #adadad;
  background-color: #CCC;
  font-size: 12px;
  text-decoration: none;
color:#000;
}

.englishbt a {
display:block;
text-align:center;
border:1px solid #adadad;
padding: 0.2em 0;
}

.englishbt a:hover {
background:#1C7919;
}

#sptop {
}

@media screen and (max-width: 768px) {
	.sp_nav{
    width: 50px;
    float:left;
    display: block;
    text-align: right;
    height: 50px;
 	}
 	#sp_menu_bt a {
    text-decoration:none;
}
 	#sp_menu_bt a img {
	border-style: none;
    vertical-align:bottom;
 	}

#sp_menu_bt a:hover {
	border-style: none;
    vertical-align:bottom;
}
	.sp_nav img{
	vertical-align: bottom;
	}
.sp_nav a img {
}
	#sptop {
	color:#FFF;
	font-size:14px;
	position:fixed;
	bottom:8px;
	right:3%;
    text-align:center;
    padding-top: 12px;
	z-index: 1000;
    cursor:pointer;
	}
	#sptop a {
    font-weight:700;
	border-style: none;
	}
	#sptop a img {
	border-style: none;
    vertical-align:bottom;
	}
	#sptop a:hover {
	}
}

@media screen and (max-width: 460px) {

  .sp_nav_wrapper{
    width: 280px;
    right: -280px;
  }

}