@charset "shift_jis";

/*----------------------------------------------------------------------------
 * FileName      : common.css
 * Copyright 株式会社つくし 		連絡先: info@tsukushi-inc.co.jp
 * 目次
		body
		header
			contents
			sidebar
		footer
		共通css
		<中ページ>


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


/* min-widht (〜以上の指定)
----------------------------------------------- */

/* メディアクエリ： 00px 〜 スマホ*/

@import url("http://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);

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

body {
	/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-size: 16px;
	color: #000;
	-webkit-text-size-adjust: 100%;
	line-height: 160%;
}

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

h2.notoaans,
h3.notoaans{
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	zoom: 100%;
}
strong,
bold,
header ul li
{
	font-weight: 700;
	}


a:link,a:visited {
	color: #067EC6;
}
a:hover,a:active {
	text-decoration: none;
}
body {
	margin: 0px;
	padding: 0px;
	color: #333;
}
table{
	border-collapse : collapse;
}
td{
}
p,h1,h2,h3,h4,h5,h6,ul,li,ol{
	margin: 0px;
	padding: 0px;
}
li{
	list-style-type: none;
}
hr {
	display: none;
}
address {
}
caption {
	display: none;
}


/* =================================================================
		フルードイメージ
================================================================= */

img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}



/* =================================================================
		ボックス
================================================================= */


.inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}

.clear_box {
	overflow: hidden;
	zoom: 1;
}



/* =================================================================

		#wrapper

================================================================= */

#header{
	display:none;
	}


/*スマホ用ボタン表示
----------------------------------------------- */
	
#sp_header {
	background: #067EC6;
	position: fixed;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
	z-index: 4;
 filter:alpha(opacity=95);
 -moz-opacity: 0.95;
 opacity: 0.95;

}

#sp_header_logo {
	width: 70%;
	padding-left:25%;
	padding-top:20px;
	padding-bottom:10px;
}
#sp_header_logo img{
	width:70%;
	height:auto;}

#sp_header_btn {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 25%;
	right: 15px;
	cursor: pointer;
}
#sp_header_btn img{
	width:100%x;
	height:auto;
}


/* サイドコンテンツ表示
----------------------------------------------- */

.sb-right ul {
}
.sb-right li {
	font-size: 16px;
	border-bottom: solid 1px #DAECF7;
	color: #FFF;
}
.sb-right #sb-menu ul {
	display: none;

}
.sb-right li span{
	display: block;
	padding: 18px 1em;
}


.sb-right li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	padding: 18px 1em;
}
.sb-right li ul li{
	font-size: 14px;
	border-bottom: none;
	border-top: solid 1px #DAECF7;
	margin:0 0 0 20px;
}

.sb-right li ul li a{
	padding: 15px 10px;
	}


.sb-right li a:hover {
	background: #26AAF9;
}


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

                                     contents

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

.pankuzu{
	display:none;
	}
#contents{
	font-size: 1em;
	line-height: 1.5em;
	padding-top: 0;
	padding-bottom: 0;
}














/*ご相談は全て無料！
----------------------------------------------------------------------*/

.contact-box{
	background-image: url(../../img/common/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:100px auto;
	padding:20px 0;
	margin:40px 0 40px 0;
	padding-top: 20px;
	border:#DAECF7 solid 3px;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  

}
* html .contact-box{
	padding-top: 0px;
	padding-bottom: 22px;
}

.contact-box h3{
	padding-bottom: 20px;
	margin:0 20px 0 20px;
	font-size:18px;
}
p.contact-box-tel{
	padding:0 0 0px 20px;
}
p.contact-box-tel small{
	color:#FF0000;
	font-size:14px;
	}
p.contact-box-tel strong{
	font-size:30px;
	color:#067EC6;
	font-weight:700;
}

p.contact-box-mail{
	margin:20px 20px 0 20px;
	padding-top: 7px;
	background-color:#FF6600;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
}
p.contact-box-mail a{
	display:block;
	color:#FFF;
	font-size:20px;
	font-weight:700;
	padding:20px 20px 30px 80px;
	text-decoration:none;
	line-height:140%;
	background:url(../../img/common/icon_mail.png);
	background-size:56px auto;
	background-repeat:no-repeat;
	background-position:20px center;
	text-align:center;
}

p.contact-box-mail br{
	display:none;
	}





/*離婚についての豆知識
----------------------------------------------- */

.nav-rikon{
	padding:0;
	margin:0 0 20px 0;
	
	}
.nav-rikon h3{
	color:#FFFFFF;
	padding:10px 0 10px 40px;
	font-size:17px;
	font-weight:700;
	background:url(../../img/common/side_title01_bg.jpg);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:10px center;
	background-color:#067EC6;
}
.nav-rikon ul{
	border-bottom:#D2D2D5 solid 1px;
	padding:0;
	}
.nav-rikon ul li{
	border-bottom:#D2D2D5 solid 1px;
	font-size:20px;
	}
.nav-rikon ul li a{
	display:block;
	padding:15px 0 15px 35px;
	background:url(../../img/common/nav01.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:15px auto;
	text-decoration:none;
	color:#333;
	}

.nav-rikon ul li.lastChild{
	border-bottom:none;
}



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

                                     footer

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

#footer{
	background-image: url(../../img/common/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F3F4F8;
	padding-top: 20px;
	padding-bottom: 90px;
	font-size: 1em;
	line-height: 1.5em;
}
.footer-box{
}
.footer-box ul{
	padding:0 0 20px 0;
	text-align:right;
}
.footer-box li a{
	background-image: url(../../img/common/nav01.png);
	background-size:15px auto;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.footer-box p{
	padding-right: 20px;
	padding:0 0 20px 0;
	text-align:center;
}
address{
	padding-top: 5px;
	font-style: normal;
}


/* page_top */
#page_top {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#page_top a {
	display: block;
}
#page_top a:hover {
	text-decoration: none;
}
#page_top img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


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

                                     共通

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


/*main
----------------------------------------------------------------------*/
#main{
	padding:100px 20px 0 20px;
}
#main h2{
	font-size: 1.2em;
	background-image: url(../../img/common/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: normal;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 20px;
	font-weight:700;
}



/*extra
----------------------------------------------------------------------*/

#extra{
	padding:0 20px 40px 20px;

}
#extra h3 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.side-subnav{
	margin-bottom: 15px;
}
.side-subnav ul{
}
.side-subnav li{
	margin-bottom: 1px;
	border-bottom:#CCCCCC solid 1px;
}
.side-subnav li a{
	display: block;
	padding: 10px 5px 10px 32px;
	background-image: url(../../img/common/nav01.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FFF;
	background-size:15px auto;
}
.side-subnav li a:hover,
.side-subnav li a:active,
.side-subnav li a.current{
	display: block;
	padding: 10px 5px 10px 32px;
	background-image: url(../../img/common/nav01.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #E6F2F9;
	background-size:15px auto;
}
/*IE6*/
* html .side-subnav li{
	margin-bottom: 2px;
	display: block;
}


/*extra 各見出し*/
h3.side-chigai_bg{
	color:#FFFFFF;
	padding:20px 0 20px 40px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/chigai/side-title.jpg);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
}
h3.side-chosa_bg{
	color:#FFFFFF;
	padding:20px 0 20px 45px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/chosa/side-title.jpg);
	background-size:30px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
}
h3.side-aboutus_bg{
	color:#FFFFFF;
	padding:20px 0 20px 45px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/aboutus/side-title.jpg);
	background-size:25px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
}
h3.side-nayami_bg{
	color:#FFFFFF;
	padding:20px 0 20px 50px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/nayami/side-title.jpg);
	background-size:35px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
}
h3.side-otoiawase_bg{
	color:#FFFFFF;
	padding:20px 0 20px 40px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/otoiawase/side-title.jpg);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
}
h3.side-link_bg{
	color:#FFFFFF;
	padding:20px 0 20px 45px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/link/side-title.jpg);
	background-size:25px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
}

#extra .extra-uwaki,
#extra .nav-rikon,
#extra .extra-banner{
	display:none;
	}
















/* min-widht (〜以上の指定)
----------------------------------------------- */


/* ---------------------------------- メディアクエリ： 481px 〜 タブレット ---------------------------------- */

@media print, screen and (min-width: 481px) {


/*スマホ用ボタン表示
----------------------------------------------- */
	
#sp_header_logo {
	width: 75%;
	padding-left:30%;
	padding-top:20px;
	padding-bottom:10px;
}
#sp_header_logo img{
	width:60%;
	height:auto;}

#sp_header_btn {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 15%;
	right: 15px;
	cursor: pointer;
}
#sp_header_btn img{
	width:100%x;
	height:auto;
}




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

                                     contents

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

.pankuzu{
}

.main-image{
	width:95%;
	margin:13% auto 0 auto;
}

#contents{
	padding:10px 10px 0 10px;
}
#contents p{
}






/*ご相談は全て無料！
----------------------------------------------------------------------*/

.contact-box h3{
	padding-bottom: 20px;
	margin:0 20px 0 20px;
	font-size:18px;
}
p.contact-box-tel{
	padding:0 0 0px 20px;
}
p.contact-box-tel small{
	color:#FF0000;
	font-size:14px;
	}
p.contact-box-tel strong{
	font-size:30px;
	color:#067EC6;
	font-weight:700;
	display:block;
}
p.contact-box-tel br{
	display:none;
	}
p.contact-box-mail br{
	display:none;
	}








/*extra
----------------------------------------------------------------------*/

.side-subnav ul{
	padding:0;
	margin:0;
	}
.side-subnav li{
	width:50%;
	float:left;
	border-bottom:#CCCCCC solid 1px;
}
.side-subnav li a{
	display: block;
	padding: 20px 5px 20px 28px;
}
.side-subnav li a:hover,
.side-subnav li a:active,
.side-subnav li a.current{
	padding: 20px 5px 20px 28px;
}


.side-nayami  li{
	width:100%;
	float:none;
	border-bottom:#CCCCCC solid 1px;
}

.side-nayami li a{
	display: block;
	padding: 15px 5px 15px 28px;
}
.side-nayami li a:hover,
.side-nayami li a:active,
.side-nayami li a.current{
	padding: 15px 5px 15px 28px;
}

.side-nayami li br{
	display:none;
	}


}










/* ----------------------------------  メディアクエリ： 769px 〜 PC ----------------------------------  */

@media print, screen and (min-width: 769px) {



/* =================================================================
		ボックス
================================================================= */


.inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}





/*スマホ用ボタン表示
----------------------------------------------- */
	
#sp_header {
	display:none;
}



a:link,a:visited {
	color: #067EC6;
}
a:hover,a:active {
	text-decoration: none;
}
body {
	margin: 0px;
	padding: 0px;
	color: #333;
}
table{
	border-collapse : collapse;
}
td{
}
p,h1,h2,h3,h4,h5,h6,ul,li,ol{
	margin: 0px;
	padding: 0px;
}
li{
	list-style-type: none;
}
hr {
	display: none;
}
address {
}
caption {
	display: none;
}


#container {
}


#wrapper {
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
img{
	vertical-align: bottom;
}
a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

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

                                     header

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

#header {
	display:block;
	color: #FFF;
	background-color: #067EC6;
	background-image: url(../../img/common/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.header-box{
	margin-right: auto;
	margin-left: auto;
}
#header h1{
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	text-align: right;
	padding:10px 0px 5px 0px;
}
p.header-logo,
h2.header-logo{
	float: left;
}

/*電話*/
p.header-tel{
	float: right;
	background:url(../../img/common/header_dog.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	padding:0 0 0 150px;
	min-height:78px;
	display:block;
	color:#FFFF00;
	line-height:160%;
}
p.header-tel img{
	vertical-align:middle;
	float:left;
	}
p.header-tel strong{
	font-size:30px;
	}
p.header-tel small{
		font-size:11px;
		color:#FFF;
}

/*グローバルナビ
--------------------------------------
#header ul {
display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
		min-height:60px;
}
#header li {
 width: 100%;
	list-style-type: none;
	padding:1px 0;
	margin:0;
	text-align:center;
	font-weight:700;
 display: table-cell;
 vertical-align: middle;
}

#header li a{
	display:block;
	text-decoration:none;
	padding:20px 0;
	color:#333;
	border-left:#CCC dotted 1px;
	}

#header li a.nav_end{
	border-right:#CCC dotted 1px;
}

#header li a.parentsLink,
#header li a.current{
	color:#067EC6;
	border-bottom:#067EC6 solid 2px;
	}

*/


/*グローバルナビ
--------------------------------------*/
#header ul {
  width: 100%;
		min-height:60px;
}
#header li {
 width: 200px;
	list-style-type: none;
	padding:1px 0;
	margin:0;
	text-align:center;
	font-weight:700;
 display: table-cell;
 vertical-align: middle;
}

#header li a{
	display:block;
	text-decoration:none;
	padding:20px 0;
	color:#333;
	border-left:#CCC dotted 1px;
	}

#header li a.nav_end{
	border-right:#CCC dotted 1px;
}

#header li a.parentsLink,
#header li a.current{
	color:#067EC6;
	border-bottom:#067EC6 solid 2px;
	}


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

                                     contents

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

.pankuzu{
	background-color: #F3F4F8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding-top: 9px;
	padding-bottom: 0px;
	margin:0 0 20px 0;
	display:block;
}
.pankuzu ul{
	font-size: 13px;
	max-width: 1000px;
	margin: 5px auto 15px auto;
}
.pankuzu li{
	display: inline;
}
.pankuzu li a{
	background-image: url(../../img/common/nav_pankuzu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
}

.main-image{
	max-width: 1000px;
	margin:0 auto;
	position: relative;
}


#contents{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	line-height: 1.5em;
	padding:10px 10px 60px 10px;
}
#contents p{
}

/*extra
----------------------------------------------------------------------*/

#extra{
	float: left;
	width: 24%;
	padding:10px 0 0 0;
}
#extra h3 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.side-subnav{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D2D2D5;
	border-left-color: #D2D2D5;
	margin-bottom: 15px;
}
.side-subnav ul{
}
.side-subnav li{
	margin-bottom: 1px;
	border-bottom:none;
	float:none;
	width:auto;
	border-bottom:#D2D2D5 solid 1px;
}
.side-subnav li a{
	display: block;
	padding: 5px 5px 5px 28px;
	background-image: url(../../img/common/nav01.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #FFF;
	background-size:15px auto;
}
.side-subnav li a:hover,
.side-subnav li a:active,
.side-subnav li a.current{
	display: block;
	padding: 5px 5px 5px 28px;
	background-image: url(../../img/common/nav01.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #E6F2F9;
	background-size:15px auto;
}

.side-nayami li br{
	display:block;
	}



/*extra 各見出し*/
h3.side-chigai_bg{
	color:#FFFFFF;
	padding:10px 0 10px 40px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/chigai/side-title.jpg);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
}
h3.side-chosa_bg{
	color:#FFFFFF;
	padding:10px 0 10px 45px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/chosa/side-title.jpg);
	background-size:30px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
}
h3.side-aboutus_bg{
	color:#FFFFFF;
	padding:10px 0 10px 45px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/aboutus/side-title.jpg);
	background-size:25px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
}
h3.side-nayami_bg{
	color:#FFFFFF;
	padding:10px 0 10px 50px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/nayami/side-title.jpg);
	background-size:35px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
}
h3.side-otoiawase_bg{
	color:#FFFFFF;
	padding:10px 0 10px 40px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/otoiawase/side-title.jpg);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
}
h3.side-link_bg{
	color:#FFFFFF;
	padding:10px 0 10px 45px;
	font-size:20px;
	font-weight:700;
	background:url(../../img/link/side-title.jpg);
	background-size:25px auto;
	background-repeat:no-repeat;
	background-position:10px center;	
	background-color:#067EC6;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
}





/*各コンテンツイメージ*/
.side-chigai{
	background-image: url(../../img/chigai/side-image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 99px;
}
.side-chosa{
	background-image: url(../../img/chosa/side-image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 99px;
}

.side-aboutus{
	background-image: url(../../img/aboutus/side-image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 99px;
}
.side-nayami{
	background-image: url(../../img/nayami/side-image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 99px;
}
.side-otoiawase{
	background-image: url(../../img/otoiawase/side-image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 99px;
}


#extra .extra-uwaki,
#extra .nav-rikon,
#extra .extra-banner{
	display:block;
	}



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

                                 sidebar

----------------------------------------------------------------------------*/
#sidebar{
}



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

                                     footer

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

#footer{
	background-image: url(../../img/common/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F3F4F8;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 0.8em;
	line-height: 1.5em;
}
.footer-box{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.footer-box ul{
	display: inline;
	float: right;
	padding:0;
	text-align:left;
}
.footer-box li a{
	background-image: url(../../img/common/nav01.png);
	background-size:15px auto;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.footer-box p{
	float: left;
	padding:0 20px 0 0;
	text-align:left;
}
address{
	padding-top: 5px;
	font-style: normal;
}


/* page_top */
#page_top {
	position: fixed;
	bottom: 100px;
	right: 60px;
}
#page_top a {
	display: block;
}
#page_top a:hover {
	text-decoration: none;
}
#page_top img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

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

                                     共通

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

p.align-right,
.align-right{
	text-align:right;
	}
p.align-center,
.align-center{
	text-align:center;
	}
p.align-left,
.align-left{
	text-align:left;
	}



/*ご相談は全て無料！
----------------------------------------------------------------------*/

.contact-box{
	background-image: url(../../img/common/contact_bg.jpg);
	background-size:auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 20px;
	padding-bottom: 22px;
	border:#DAECF7 solid 3px;
	margin:0;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  

}
* html .contact-box{
	padding-top: 0px;
	padding-bottom: 22px;
}

.contact-box h3{
	text-align: center;
	padding-bottom: 10px;
	border-bottom:#CCCCCC dashed 1px;
	margin:0 0 20px 0;
	font-weight:700;
	font-size:16px;
}
p.contact-box-tel{
	float: left;
	padding:0 0 0 147px;
}
p.contact-box-tel small{
	color:#FF0000;
	font-size:12px;
	}
p.contact-box-tel strong{
	font-size:36px;
	color:#067EC6;
	font-weight:700;
}
p.contact-box-tel br{
	display:block;
	}

p.contact-box-mail{
	float: right;
	margin:0 20px 0 0;
	padding-top: 7px;
	background-color:#FF6600;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
}
p.contact-box-mail a{
	display:block;
	color:#FFF;
	font-size:23px;
	font-weight:700;
	padding:10px 20px 10px 80px;
	text-decoration:none;
	line-height:140%;
	background:url(../../img/common/icon_mail.png);
	background-size:56px auto;
	background-repeat:no-repeat;
	background-position:10px center;
}

p.contact-box-mail br{
	display:block;}


/*main
----------------------------------------------------------------------*/
#main{
	float: right;
	width: 73%;
	padding:10px 0 0 0;
}
#main h2{
	font-size: 1.8em;
	background-image: url(../../img/common/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: normal;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 20px;
}








p.font-red,
.font-red{
	color: #F00;
}
p.font16,
.font16{
	font-size: 1.2em;
	line-height: 1.6em;
}

p.font16-orange,
.font16-orange{
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	color: #FF6600;
}
p.font-blue,
.font-blue{
	color: #067EC5;
}








/*離婚についての豆知識
----------------------------------------------- */

.nav-rikon{
	padding:0;
	margin:0 0 20px 0;
	
	}
.nav-rikon h3{
	color:#FFFFFF;
	padding:10px 0 10px 40px;
	font-size:15px;
	font-weight:700;
	background:url(../../img/common/side_title01_bg.jpg);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:10px center;
	background-color:#067EC6;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
}
.nav-rikon ul{
	border-left:#D2D2D5 solid 1px;
	border-right:#D2D2D5 solid 1px;
	border-bottom:#D2D2D5 solid 1px;
	padding:0;
	}
.nav-rikon ul li{
	border-bottom:#D2D2D5 dashed 1px;
	font-size:15px;
	font-weight:700;
	}
.nav-rikon ul li a{
	display:block;
	padding:10px 0 10px 30px;
	background:url(../../img/common/nav01.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:15px auto;
	text-decoration:none;
	color:#333;
	}

.nav-rikon ul li.lastChild{
	border-bottom:none;
}





}




/* ----------------------------------  メディアクエリ： 769px 〜 900px ----------------------------------  */

@media print, screen and (min-width: 769px)and (max-width: 900px) {
	
/*グローバルナビ*/
#header ul {
	font-size:0.8em;
}




}