@charset "utf-8";
/* --------------------------------
     Relieve 離婚相談　りりーぶ
	 common.css
	 2008.3.21
-----------------------------------*/



* {	margin: 0;
	padding: 0;
}

body { background: url(../images/bg_01.gif) repeat-x;
	background-color: #ffffff;
	line-height: 1.5em;
	font-size:0.8em;
	color: #393939;
	font-family: "Century Gothic",Arial,"メイリオ","ＭＳ Ｐゴシック","ヒラギノ明朝 Pro W3",sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}


* html body {
	font-size: 75%;
}

a:link {
	color: #0033CC;
	text-decoration:none;
}
a:active {
	color: #0000FF;
	}
a:visited { 
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #00CCCC;
}

img {
	border-style:none;
	}
/*-----------------------------
	　　　全体大枠
-------------------------------*/


#wrapper {
		background-color:#FFFFFF;
		text-align: left;
		width: 800px;
		margin: 20px auto 20px auto;
		padding:0;
		border: 1px solid #666666;
}





/*-----------------------------
	　　　　ヘッダー
-------------------------------*/
#header {	width: 800px;
			height: 373px;
			background: url(../images/header_img.jpg) no-repeat center top;
			
}
.jyusyo		{
			text-align:right;
			padding:54px 12px 0 0;
}

.nintei		{padding:36px 0 0 23px;
}

.meisyo		{
			text-align:right;
			margin-top:220px;
			
}
			

/*-----------------------------
	　　ナビゲーション
-------------------------------*/

/*.clear{
			display:inline-table;
}*/

#gnavi {	text-align:center;
        	padding:18px 0 10px 42px;
}
#gnavi li { 
			font-size:120%;
	    	list-style:none;
        	padding:0;
        	width:144px;
        	float:left;
}
#gnavi li a {
        	margin:0 7px 0 0;
			padding:5px;
        	display:block; 
			border:1px solid #254398;
        	text-decoration:none;
        	color:#254398;
			font-weight:bold;
}


#gnavi li a:hover,
#gnavi li a#current {    /* マウスON時、カレント時 */
        	color:#ff0000;
			background-color:#C7E8FA
}




/*-----------------------------
	　　　　コンテンツ全体
-------------------------------*/
h1 {		display:none;
}

#contents {	
			font-size:1.1em;
}

#contents h2,h3	{display:none;
}

#contents p		{line-height:1.5em;
				font-size:1.2em;
					
}

#innerbox {
	padding-top:30px;
	}

/*-----------------------------
	　　　　コンテンツ告知
-------------------------------*/
#mizu0 {
			clear: both;
			margin: auto;
			padding: 0;
			width:671px;
			font-size: 20px;
			line-height: 1.4em;
}

#mizu1 h2 {
			display: block;
			margin: 0;
			padding: 18px 0;
			height: 40px;
			line-height: 40px;
			font-size: 100%;
			color: #333333;
			text-align: center;
			background: url(../images/new/headingm.gif) no-repeat center center;
}
#mizu0 strong {
			font-weight: normal;
}
#mizu2 {
			margin: auto;
			padding: 40px 30px;
			width: 470px;
			border: 3px dotted #339900;
			background: url(../images/new/clover.gif) no-repeat;
}
dl {
            margin: auto; 
			width:470px;
			font-size: 85%;
			color: #333333;
			text-align: left;
}  
dt {  
			float:left;  
			width:100px;  
			clear:both; 
			font-weight:bold;
			text-align: center;  
}  
dd {  
			width:345px;  
			margin-left:100px;  
			border-bottom: 1px dashed #66cc99;  
}  

/*-----------------------------
	　　　　コンテンツ１
-------------------------------*/

#cont0		{
			width:671px;
			margin:10px auto 0 auto;
			background: url(../images/kanban.gif) no-repeat;
}

#cont0 img {
margin: 70px 10px 20px;
border:solid 1px #ccc;
padding:5px;
}

#cont0 p{ text-align:center;
}
#cont1		{
			width:671px;
			margin:10px auto 0 auto;
			background:url(../images/cont1_img.gif) no-repeat;
}

#cont1_in{	padding-top:100px;
}

#cont1_in img	{
			float:left;
			padding:18px 20px 20px 20px;
}
			
#cont1_in p		{
			margin-right:20px;
			padding-top:18px;
}

			
/*-----------------------------
	　　　　コンテンツ２
-------------------------------*/

#cont2	{	clear:both;
			width:671px;
			margin:10px auto 0 auto;
			background:url(../images/cont2_img.gif) no-repeat;
}

#cont2_in{	padding-top:80px;
			padding-left:27px;

			}

			
#cont2_in p		{
			padding:20px;
				}


/*-----------------------------
	　　　　コンテンツ３
-------------------------------*/


#cont3	{	clear:both;
			width:671px;
			margin:0 auto;
			background:url(../images/cont3_img.gif) no-repeat;
}

#cont3 img	{float:left;
			margin:88px 0 20px 20px;
}

#cont3 p	{ padding:88px 20px 20px 20px;
}


/*-----------------------------
	　　　　コンテンツ４
-------------------------------*/


#cont4	{	clear:both;
			width:671px;
			margin:0 auto;
			background:url(../images/cont4_img.gif) no-repeat;
}

#cont4 img	{float:right;
			margin:84px 20px 20px 0;
			}

#cont4 ul	{padding:84px 0 0 20px;
			list-style:decimal inside;
			font-size:120%;
}


/*-----------------------------
	　　　　先頭に戻る
-------------------------------*/


.sentou		{text-align:right;
			margin:20px 66px 20px 0;
			clear:both;
}

.sentou img	{ border:0;
}

/*-----------------------------
	　　　　フッター
-------------------------------*/
#footer {	
			padding:5px 0;
			background-color: #D2ECFF;
			text-align: center;
}
#footer li {
			display: inline;
			font-size:1.1em;
}

address {
			font-family: Arial, Helvetica, sans-serif;
			padding: 5px;
			font-style: normal;
}
/*-----------------------------
	　　　　ながれ
-------------------------------*/

#header_nagare {	
	      width: 800px;
		  height: 374px;
		  background: url(../images/nagare_img.jpg) no-repeat center top;
}

#nagare h2, h3 {display:none;
}


#nagare_cont1 {

			width:671px;
			height:458px;
			margin:10px auto 0 auto;
}

#nagare_cont2 {
			width:671px;
			margin:0px auto 0 auto;
}

.naka	{ text-align:center;
}

#kome	{ padding:35px 30px 0 30px;
		  text-align:left;
}

/*----------------------
         相談方法
-----------------------*/
#header_houhou		{
		width: 800px;
	  	height: 374px;
	 	background: url(../images/houhou_img.jpg) no-repeat center top;
}

#houhou_cont1	{
		width:671px;
		margin:10px auto;
				}
#houhou_cont1 table	{
		margin-top:1px;
		table-layout:auto;
		border-collapse:collapse;				
		width:100%;
		border: 1px solid #CCCCCC;
}

#houhou_cont1 table th	{
		width:33%;
		background-color: #EFFEFF;
		border: 1px solid #CCCCCC;
		text-align:center;
		color:#414141;
		font-size: 1.3em;
}
				
#houhou_cont1 table td	{
		padding:5px;
		border: 1px solid #CCCCCC;
}
			
#soudan	{ padding:20px 0px 0px 80px;
		text-align:left;
}
#soudan_1	{ 
        padding:10px 0px 0 80px;
		text-align:left;
}
#soudan_cont3 {
		width:671px;
		margin:10px auto 0 auto;
}
.soudan_2 {  
        font-size: 150%; 
        font-weight:bold;
        padding:20px 0px 0px 20px;
}

/*p {
		 padding:5px 0px 0px 30px;
}
*/
/*----------------------
         リンク集
-----------------------*/


#header_link {	
		width: 800px;
		height: 374px;
		background: url(../images/link_img.jpg) no-repeat center top;
}
#link_cont1 {

		width:671px;
		margin:10px auto 0 auto;
}
.nintei2	{
		color:#FFFFFF;
		padding:36px 0 0 23px;
}

#link_cont2 {

		width:671px;
		margin:20px auto 0 auto;
}
#link_cont2 table	{
		table-layout:auto;
		border-collapse:collapse;				
		width:100%;
		border: 1px solid #CCCCCC;
}

#link_cont2 table th	{
		width:33%;
		background-color: #EFFEFF;
		border: 1px solid #CCCCCC;
		text-align:center;
		color:#005CA7;
}
				
#link_cont2 table td	{
		padding:5px;
		border: 1px solid #CCCCCC;
}
form {width:60%;
	margin:auto;
	padding:2em;
	border:solid 1px #CCCCCC;
	line-height:1.7em;
	background-color: #E9FEFE;
	}
	
#description {
	text-align:center;
	font-weight:bold;
}
.mailp {
	text-align:center;
	margin:10px 0;
	}
	
p#ssl {
	font-size:0.7em;
	}