/*========================================================================
作成日開始：Ｈ24年4月2日
行政書士平井法務事務所
修正：2015/01/14　スマホ用 p要素にbackground-image:url(image);を追記
==========================================================================*/
/*---------------------スマホ用---------------------------------------------*/
p {background-image:url(image);}
/*------------------default   start----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background-image:url(image);
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

img {
	border-style:none;
}

a img {
	border: none;
}
/*-------------------------default end----------------------------------------------*/

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

/*--------------------------layout start-------------------------------------------*/
	body { text-align:center;  background-color: #FFF5EE; }
	#container {width:900px; text-align:left; margin:0 auto; background-color: #FDF5E6; }  
	#header { position: relative; width: 900px; height: 200px; background-color: #FFEFD5; }
	#mainWrap { position: relative; padding: 10px;  width:630px; float:left; background-color: #FFFFFF; }  
	#sideWrap { position: relative; padding: 10px;  width:230px; float:right; background-color: #FDF5E6; font-size: 0.9em;}
	#footer { position: relative; width:900px; height: 100px; background-color: #FFEFD5; padding-top: 5px; text-align: center; font-size: 0.8em; clear: both;}  
	#copyright { background-color: #F4A460; width: 100%; margin-top: 28px; padding: 3px 0 3px 0; text-align: center; color: #FF0000;}
/*--------------------------layout end-------------------------------------------*/

/*-----------------------------effect start-----------------------------------------------*/

.shadowA
{
    position:relative;
    -webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 0px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset;
            filter:progid:DXImageTransform.Microsoft.Glow(Color='#666666', Strength=4);zoom:1;

}

.shadowA:before, .shadowA:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0px;
    bottom:0px;
    left:0;
    right:0;
    -moz-border-radius:100px / 0px;
    border-radius:100px / 0px;
}

.shadowA:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


.shadowB{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

.right {
	text-align: right;
	padding: 5px 10px 5px 0px;
}

/*--indexで使われているようのボタン--*/
.btnNavi {
	border: double 6px #FFFFFF;
	background-color: #FFCCFF;
	width: 134px;
	height: 122px;
	text-align: center;
	vertical-align: middle;
}

a img.alp {
     filter: alpha(opacity=100);
     opacity:1.0;
}
a:hover img.alp {
     filter: alpha(opacity=70);
     opacity:0.8;
     zoom: 1;
}

/*kadomaru*/
.kadomaru{
	border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
  behavior: url(PIE.htc);//for IE
}

#sideWrap ul{
  border: 1px #E6E6FA solid;
 background-color: #FFFFFF;
}

h2 {
	font-size: 1.3em;
	color: #FF4500;
}

h3 {
	padding-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	color:#D2691E;
	border-bottom: 1px #666666 solid;
	border-right: 1px #666666 solid;
	/* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF0F5), to(#FFC0CB), color-stop(0.98, #FFC0CB));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(top, #FFF0F5, #FFC0CB 98%);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFF0F5, endColorStr=#FFFFC0CB, GradientType=0);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFF0F5, endColorstr=#FFFFC0CB, GradientType=0)";
  zoom: 1;  
  /*Opera*/
	background: -o-linear-gradient(#FFF0F5, #FFC0CB);

}

h3 span {
	padding-top: 10px;	
	background: url(../imgs/haha42.png);
	background-repeat: no-repeat;
	padding-left:40px;
	padding-bottom: 5px;
	zoom: 1;
}


h4 {
	margin-left: 40px;
	margin-right: 80px;
	font-size: 1em;
	line-height: 1.4em;
	border-top: solid 0.3em #FF4500;
	border-bottom: dashed 1px #FF4500;
	padding: 5px 0px 5px 20px;
	background: url(../imgs/marguerite2-16.png);
	background-repeat: no-repeat;
	zoom: 1;
}

p.h4 {
	margin-left: 50px;
	background-image:url(image);
}

div.h4 {
	margin: 10px 0 10px 50px;
	padding: 10px;
	line-height: 1.4em;
	background-color: #F0F8FF;
	behavior: url(PIE.htc);//for IE
	zoom:1;
}

div.bdr001 {
	border: 2px solid  #FF4500;
}

ul {
	padding: 5px;
}

li {
	line-height: 1.5em;
}

/*--問合せ--*/
.buttonA {
	border: double 6px #FFF;
	padding: 20px;
	color: #FFFFFF;
	font-size: large;
	background: url(../imgs/email.png) #66CC00 no-repeat right center;
}

.buttonA:hover {
	background-color: #7FFF00;
}

.buttonA a {
	color: #FFFFFF;
}

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

/*--ホーム--*/
.buttonB {
	border: double 6px #FFF;
	background-color: #FF8C00;
	padding: 10px;
	color: #FFFFFF;
	font-size: large;
}

.buttonB:hover {
	background-color: #FF6600;
}

.buttonB a {
	color: #FFFFFF;
}

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

/*--料金表--*/
.buttonC {
	border: double 6px #FFF;
	background-color: #3399FF;
	padding: 10px;
	color: #FFFFFF;
	font-size: large;
}

.buttonC:hover {
	background-color: #3300FF;
}

.buttonC a {
	color: #FFFFFF;
}

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

#tel {
	background: url(../imgs/tel.jpg);
	background-repeat: no-repeat;
		width: 300px;
	height: 45px;
	margin-top: 5px;
	float: right;
}
/*--　プロフィール写真　--*/
#photo {
	background: url(../imgs/facewhite.png);
	background-repeat: no-repeat;
	width: 140px;
	height: 181px;
}

.hanaBox {
	padding:5px 0 5px 20px;
	background: url(../imgs/marguerite20a.png) ;
	background-repeat: no-repeat;
	text-align: left;
	line-height: 1.2em;
}

.hanaBox span {
	border-bottom: dashed 1px #FF4500;
	zoom: 1;
}

p {
	line-height: 1.5em;
	background-image:url(image);
}

.tPadding {
	padding: 5px 0 5px 0;
}

.hanaTopBox {
	background: url(../imgs/marguerite334.png) ;
	background-repeat: no-repeat;
	float: left;
	width: 300px;
	height: 45px;
	padding: 5px 0 0 20px;
	color: #FF0000;
	font-size: 0.8em;
}

.mappng {
	background: url(../home/imgs/map.png);
	background-repeat: no-repeat;
	width: 160px;
	height: 180px;
}

.tShadow {
	text-shadow: 0px 2px 3px #666;
	behavior: url(PIE.htc);
	margin-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	color: #003399;
}

/*-- 料金表のテーブル  --*/
.tblRyoukin {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #FF00CC solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

.tblRyoukin TH , .tblRyoukin TD {
	border: 1px #FF66CC solid; /* セルの枠線（太さ・色・スタイル） */
	line-height: 1.5em;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
} 

.tblRyoukin TH{
	background-color: #ffd5ea;
	text-align: center;
}

.tblRyoukin TD{
	font-size: 0.9em;
}

/*--リンク集--*/
#link a {
  width: 200px;
  height: 35px;
  display: block;
  overflow: hidden;
  line-height: normal;
  zoom: 1;
  text-indent: -9999px;
}

/*--福岡県行政書士会--*/
#fko_gys {
  background: url(../imgs/fko_gys_logo.gif) no-repeat left center;
}

/*--日本行政書士会--*/
#nhn_gys {
  background: url(../imgs/nhn_gys_logo.jpg) no-repeat left center;
}

/*--カラーハウス--*/
#clr_hs {
  background: url(../imgs/colorhouse.png) no-repeat left center;
}

/*--縦看板--*/
#tate_kanban {
  background: url(../imgs/kanban.png) no-repeat left center;
  width: 200px;
  height: 516px;
  display: block;
  zoom: 1;
}

/*--サイトマップ--*/
ul.sitemap li {
	margin: 5px 0 5px 40px;
	font-size: 1em;
	line-height: 1.4em;
	list-style: url(../imgs/folder.gif);
}
ul.sitemap li.file {
	list-style: url(../imgs/file.gif);

}
ul.sitemap li ul {
  margin: 0;
  padding: 0;
}
ul.sitemap li ul li {
	list-style: url(../imgs/file.gif);
}

/*
div.imagebox {
   border: 1px dashed #0000cc;
   background-color: #eeeeff;  
   width: 100%; 
   height: 180px
   float: left; 
   margin: 4px;
}
*/