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

body{
	background-image:url(../img/back.gif);
	font-size:14px;
	line-height:24px;
	margin:0px;
	padding:0px;
	width:100%;
	min-width:900px;
	font-family:"ＭＳ ゴシック";
}


img{border:0;}

.img_left{
	float:left;
	padding:0 30px 0 0;
}

.img_right{
	float:right;
	padding:0 0 0 30px;
}

.m_tb10{
	margin-top:10px;
	margin-bottom:10px;
}

#content{
	width:900px;
	margin:auto;
	padding:0px;
	background-color:#FFF;

}


.p_r{text-align:right;}



.red{color:#F00;}
.kuro{font-weight:bold;}

.p_12{font-size:12px;}


/*=============================================================
header
==============================================================*/

#header{
	width:900px;
    height:98px;
	margin:auto;
	padding:0px;
	background-image:url(../img/header.jpg);
	border-bottom:#ff5555 solid 2px;
	color:#666;
	position:absolute;
	top:0;
}

#header_rogo{float:left;}



/*===================ヘッダーボタン
=======================================*/

#header_botton{
	margin-left:450px;}
	
#header_botton ul{
	margin:0px;
	padding:0px;
	font-size:14px;
	text-align:center;
	font-family:"HGS明朝E"
}

#header_botton li{
	float:left;
	list-style-type:none;
}

#header_botton li a{
	display:block;
	background:url(../img/header_button/botton.jpg) no-repeat 0px 0px;
	text-decoration:none;
	color:#600;
	position:relative;
    width:150px;
	height:35px;
	line-height:35px;
}

#header_botton li a:hover{background-position:0px -35px;}



/*===================ヘッダーボタン終了
=======================================*/


#header p{
	font-size:12px;
	text-align:right;
}


/*=============================================================
menu
==============================================================*/

#menu{
	width:900px;
	margin:auto;
	padding:0px;
	position:absolute;
	top:100px;
}

/*===================メニュー
=======================================*/


#menu ul{
	margin:0px;
	padding:0px;
	font-size:14px;
	text-align:center;
}

#menu li{
	list-style-type:none;
	float:left;
}

#menu li a{
	display:block;
	background:url(../img/menu/menu.gif) no-repeat 0px 0px;
	text-decoration:none;
	color:#600;
	position:relative;
    width:149px;
	height:40px;
	line-height:40px;
	border-right:#999 solid 1px;
}


#menu li a:hover{background-position:0px -40px;}

#menu li.end a{
	border-right:none;
	width:150px;}

/*===================メニュー終了
=======================================*/



/*=============================================================
パン屑
==============================================================*/

#pan{
	width:900px;
	position:absolute;
	top:140px;
	background-color:#FFF;
	height:30px;
	color:#666;

}

#pan h1{
	font-size:12px;
	font-weight:400;
	color:#666;
	margin:0px;
	padding:0px;
}

#pan ol{
	margin:5px 0 0 30px;
	padding:0px
}

#pan li{
	background:url(../img/icon/icon-breadcrumbs.jpg) left 5px  no-repeat;
	float:left;
	padding:0px 10px 0 15px;
	list-style-type:none;
	font-size:12px;

}

/*パン屑ナビの先頭*/
#pan li.first{
	padding-left:0;
	background:none;
}

/*=============================================================
センター
==============================================================*/

#center{
	width:900px;
	position:absolute;
	top:170px;
	background-color:#FFF;
}

/*=============================================================
side
==============================================================*/

#side{
	width:200px;
	background-color:#FFF;
	text-align:center;
	float:right;
}




/*===================資料請求
=======================================*/

#side ul{
	margin:0px;
	padding:5px;
}

#side li{
	list-style-type:none;
	margin-bottom:5px;
}

/*=======▼資料請求▼=======*/

#side a.pamphlet{
	display:block;
	width:190px;
	height:150px;
	margin-left:0px;
	background:url(../img/side/side.jpg) no-repeat 0px 0px;
}

.pamphlet span{display:none;}

#side a.pamphlet:hover{background-position:-190px 0px;}

/*===================資料請求終了
=======================================*/


/*===================サイドメニュー
=======================================*/

#side_menu ul{
	margin:0px;
	padding:5px;
}

#side_menu li{
	list-style-type:none;
	height:80px;
	margin-bottom:5px;
}

/*=======▼カウンセリング▼=======*/

#side_menu a.counseling{
	display:block;
	width:190px;
	height:90px;
	margin-left:0px;
	background:url(../img/side/side_menu.jpg) no-repeat 0px 0px;
}

.counseling span{display:none;}

#side_menu a.counseling:hover{background-position:-190px 0px;}


/*=======▼お相手紹介▼=======*/

#side_menu a.match{
	display:block;
	width:190px;
	height:90px;
	margin-left:0px;
	background:url(../img/side/side_menu.jpg) no-repeat 0px -90px;
}

.match span{display:none;}

#side_menu a.match:hover{background-position:-190px -90px;}


/*=======▼婚活セミナー▼=======*/

#side_menu a.seminar{
	display:block;
	width:190px;
	height:90px;
	margin-left:0px;
	background:url(../img/side/side_menu.jpg) no-repeat 0px -180px;
}

.seminar span{display:none;}

#side_menu a.seminar:hover{background-position:-190px -180px;}


/*=======▼パーソナルカラー▼=======*/

#side_menu a.personalcolor{
	display:block;
	width:190px;
	height:90px;
	margin-left:0px;
	background:url(../img/side/side_menu.jpg) no-repeat 0px -270px;
}

.personalcolor span{display:none;}

#side_menu a.personalcolor:hover{background-position:-190px -270px;}


/*=======▼心理カウンセリング▼=======*/

#side_menu a.egogram{
	display:block;
	width:190px;
	height:90px;
	margin-left:0px;
	background:url(../img/side/side_menu.jpg) no-repeat 0px -360px;
}

.egogram span{display:none;}

#side_menu a.egogram:hover{background-position:-190px -360px;}


/*=======▼ブログ▼=======*/

#side_menu a.blog{
	display:block;
	width:190px;
	height:90px;
	margin-left:0px;
	background:url(../img/side/side_menu.jpg) no-repeat 0px -450px;
}

.blog span{display:none;}

#side_menu a.blog:hover{background-position:-190px -450px;}

/*===================サイドメニュー終了
=======================================*/


#side_p{
	width:180px;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	margin:auto;
	line-height:14px;
}


/*=============================================================
main
==============================================================*/

#main{
	width:658px;
	padding:0 10px 10px 30px;
	background-color:#FFF;
	float:left;
	border-right:#CCC 2px solid;
}

#main a:link { color:#FB6666; }
#main a:visited { color: #FB6666; }
#main a:hover { color: #FF3E3E; }
#main a:active { color: #FB6666; }



#main h1{
	width:600px;
	margin:auto;
	padding:10px 0 10px 0;
}

#main h2{
	margin:0;
	padding:0px;
	font-size:14px;
}

/*===================■flash
=======================================*/

#flash{
	margin-bottom:10px;
}



/*===================■ニュース
=======================================*/

#news{
	width:600px;
	font-size:12px;
	margin:auto;
	padding:0;
	overflow-x:hidden;
	overflow-y:hidden;
}

#news ul{
	margin-bottom:0;
}

#news li{
	list-style-image:url(../img/news_list.gif);
	height:25px;
}

#news_border{
	border:#FF9394 2px solid;}
	

#news_border p{
	margin:0;
	padding:0 10px 0 0;
	text-align:right;
}

/*===================■twitter
=======================================*/

#twitter{
	width:600px;
	margin:auto;
	padding:20px 0 0 0;
}

#twitter_border{
	border:#FC9394 2px solid;}


/*===================■あいさつ
=======================================*/

#greething{
	width:650px;
	margin:auto;
	padding:10px;
	font-size:12px;
}

#greething ul{
	font-size:14px;
	font-weight:bold;
	color:#FF7171;
}

#greething li{
	line-height:24px;
}

#greething p{margin-top:0;}

/*===================■サービス
=======================================*/

.service{
	width:600px;
	margin:auto;
	padding:0 0 30px 0;
}

.service_r{
	float:left;
	padding:0 20px 0 0px;
}


/*=============================================================
pamphlet(メイン下部の資料請求）
==============================================================*/

#main_pamphlet{
	margin:auto;
	padding:100px 0 100px 0;
	clear:left;
	width:300px;
}

/*===================資料請求
=======================================*/


#main_pamphlet li{
	list-style-type:none;
}

/*=======▼資料請求▼=======*/

#main_pamphlet a.bottom_pamphlet{
	display:block;
	width:300px;
	height:50px;
	margin-left:0px;
	background:url(../img/botton/pamphlet.jpg) no-repeat 0px 0px;
}

.bottom_pamphlet span{display:none;}

#main_pamphlet a.bottom_pamphlet:hover{background-position:0px -50px;}

/*===================資料請求終了
=======================================*/


/*=============================================================
bottom_menu
==============================================================*/

#bottom_menu_left{
	width:900px;
	text-align:center;
	font-size:12px;
	line-height:22px;
	background-color:#FFF;
	clear:left;
	background-color:#FFDDDD;
	padding:10px 0px;
}

#bottom_menu_left a:link { color:#666; }
#bottom_menu_left a:visited { color: #666; }
#bottom_menu_left a:hover { color:#FB6666; }
#bottom_menu_left a:active { color:#666; }

#bottom_menu_right{
	width:900px;
	text-align:center;
	font-size:12px;
	line-height:22px;
	background-color:#FFF;
	clear:right;
	background-color:#FFDDDD;
	padding:10px 0px;
}

#bottom_menu_right a:link { color:#666; }
#bottom_menu_right a:visited { color: #666; }
#bottom_menu_right a:hover { color:#FB6666; }
#bottom_menu_right a:active { color:#666; }


/*=============================================================
footer
==============================================================*/

#footer{
	width:900px;
	text-align:center;
	background-image:url(../img/footer.jpg);
	border-top:#ff5555 solid 2px;
	padding:10px 0px;

}





/*=============================================================
concept
==============================================================*/
.concept_waku{
	width:658px;
	margin:0 0 30px 0;
	padding:0;
}

.concept_title h2{
	font-size:16px;
	color:#ff9394;
	margin:0;
	padding:0;
	clear:right;
}

.concept_p{
	font-size:12px;
	margin:10px 0 0 0;
}

.concept_img{
	float:right;
	margin-left:10px;
}

.concept_img p{
	font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
}

/*=============================================================
system
==============================================================*/

.system{
	margin:0;
	padding:25px 0;
	clear:left;
}

.system h2{
	color:#600;
	margin:0;
	padding:0;
	font-size:16px;
}

.system_start{
	margin:0;
	padding-top:25px;
	clear:left;
}

.system_step{
	float:left;
	width:80px;
}

.system_p{
	font-size:12px;
	float:left;
	width:352px;
	padding:0 10px 0 10px;
}

.system_img{
	width:200px;
	float:left;
	text-align:center;
	font-size:12px;
}

/*=============================================================
plan
==============================================================*/

.plan{
	margin:auto;
	padding:0px;
	width:600px;
}


/*▼オプション▼*/


.option{
	width:600px;
	background-image:url(../img/plate/table/box3.gif);
	margin:10px auto 50px auto;
	padding:0;
}


.option_top{
	width:600px;
	height:65px;
	margin:auto;
	padding:0;
}

.option_top ul{
	margin:0;
	padding:0;
}

.option_top li{
	list-style-type:none;
	float:left;
	line-height:18px;
	text-align:center;
	margin:0;
}

.box1{
	width:80px;
	padding:30px 0 18px 10px;
}
.box2{
	width:68px;
	padding:30px 2px 18px 0;
}
.box3{
	width:120px;
	padding:23px 0 10px 0;}
.box4{
	width:75px;
	padding:30px 5px 10px 0px;
}
.box5{
	width:115px;
	padding:30px 5px 10px 0;
}
.box6{
	width:105px;
	padding:23px 5px 10px 0;}


.option_bottm{
	width:600px;
	height:65px;
	margin:auto;
	padding:0;
}

.option_bottm ul{
	margin:0;
	padding:0;
}

.option_bottm li{
	list-style-type:none;
	float:left;
	line-height:18px;
	text-align:center;
	margin:0;
}

.box7{
	width:80px;
	padding:18px 0 30px 10px;
}
.box8{
	width:68px;
	padding:18px 2px 30px 0;
}
.box9{
	width:120px;
	padding:18px 0 30px 0;}
.box10{
	width:75px;
	padding:18px 5px 30px 0px;
}
.box11{
	width:115px;
	padding:18px 5px 30px 0;
}
.box12{
	width:105px;
	padding:18px 5px 30px 0;}

.option_end{
	width:600px;
	background-image:url(../img/plate/table/box3.gif);
	margin:10px auto;
	padding:0;
}


/*▲オプション▲*/

#plan_info{
	font-size:12px;
	padding:5px;
}

#plan_info h3{
	color:#FF9394;
	margin:0;
	padding:0;
	font-size:16px;
	width:80%;
	border-bottom:#999 solid 5px;
}


#plan_info ul{
	margin:0;
	padding:10px;
	list-style-type:none;
}

#plan_info ol{
	margin:0 0 0 30px;
	padding:0;
}

/*=============================================================
difference
==============================================================*/

#difference_img{
	margin:auto;
	padding:0;
}

/*=============================================================
faq
==============================================================*/

.question p{
	color:#ff9394;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:10px 0 0 0;
}

.question img{
	float:left;
	padding:0 15px 0 0;
	}

.answer{
	width:650px;
	margin:auto;
	padding:10px;
}

/*=============================================================
voice
==============================================================*/

#voice{
	width:600px;
	margin:auto;
	padding:0;
	}

.voice{
	width:600px;
	margin:40px 0;
	font-size:12px;
	background-image:url(../img/voice/letter_content.gif);
}

.voice_p{
	padding:0px 40px 0px 60px;
	line-height:38px;
}


.voice_img{
	float:right;
	padding:10px 0 0 15px;
}

/*=============================================================
outline
==============================================================*/

#introduction{
	width:650px;
	margin:auto;
	padding:30px 0;
	font-size:12px;
	clear:left;
}

#introduction img{
	float:left;
	padding:10px;
	margin:0;
}


.left ul{
	margin:0;
	padding:0;
	float:left;
}

.left li{
	list-style-type:none;
	line-height:30px;
	font-weight:bold;
}

.right ul{
	margin:0;
	padding:0;
}

.right li{
	list-style-type:none;
	line-height:30px;
	padding-left:5px;
}


#outline{
	width:600px;
	margin:auto;
	padding:30px 0;
}

#outline_left ul{
	margin:0;
	padding:0;
	float:left;
	background-image:url(../img/plate/outline_back.gif);
}

#outline_left li{
	list-style-type:none;
	line-height:40px;
	padding:0 0 0 5px;
	font-weight:bold;
}

#outline_right ul{
	margin:0;
	padding:0;
	background-image:url(../img/plate/outline_back.gif);
}

#outline_right li{
	list-style-type:none;
	line-height:40px;
	padding:0 0 0 10px;
}

#outline iframe{
	border:#999 solid 2px;
}


/*=============================================================
accessmap
==============================================================*/

.access_box{
	width:500px;
	margin:auto;
	padding:20px;
	border-bottom:#CCC solid 2px;
	font-size:12px;
}

.access_img{
	width:620px;
	margin:auto;
	padding:20px;
}

.access_img iframe{
	margin:auto;
	padding:0;
	border:#CCC solid 2px;
}


/*=============================================================
compliance
==============================================================*/

#privacy{
	margin:auto;
	padding:0;
	width:600px;
}

#specific{
	margin:auto;
	padding:0;
	width:600px;
}


#specific p{clear:left;}

.specific_title{
	font-size:16px;
	font-weight:bold;
	clear:left;
}

.specific_left{
	width:200px;
	height:150px;
	float:left;
}

.specific_left li{list-style-type:none;}

.specific_right{
	width:200px;
	height:150px;
	float:left;
}

.specific_right li{
	list-style-type:none;
	text-align:right;
}

.specific_center{padding:0 50px 0 0;}

.specific_red{
	color:#F00;
	font-size:16px;
	font-weight:bold;
	clear:left;
}

#exemption{
	margin:auto;
	padding:0;
	width:600px;
}

/*=============================================================
parent
==============================================================*/

#parent{
	width:600px;
	font-size:16px;
	line-height:32px;
	margin:auto;
	padding:0;
}


#parent span{
	font-size:18px;
	font-weight:bold;
}

#parent_img{
	margin:auto;
	padding:0;
	width:550px;
}

/*=============================================================
personalcolor
==============================================================*/

#color{
	width:650px;
	margin:auto;
	padding:0;
}

.color_center{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#600;
}

#color h2{
	color:#600;
	font-size:18px;
}

#color h3{
	color:#FF6666;
	font-size:16px;
}

#color ul li{list-style-image:url(../img/icon/crown_d_02.gif);}

#color ol li{list-style-type:square;}

#color table{
	margin:auto;
	padding:0;
}

#color tr,th,td{
	padding:8px;
}

#color th{background-color:#CCC;}

.color_amouche{background-color:#FFDDDD;}

#before{
	width:300px;
	font-size:12px;
	padding:20px 10px;
	float:left;
	margin:auto;
}

#before ul{
	margin:0;
	padding:0;
}

#before li{list-style-type:none;}


#after{
	width:300px;
	font-size:12px;
	padding:20px 10px;
	float:left;
	margin:auto;
}

#after ul{
	margin:0;
	padding:0;
}

#after li{list-style-type:none;}

.teacher{
	width:650px;
	margin:auto;
	padding:20px 0;
	clear:left;
}

.teacher li{line-height:16px;}

/*=============================================================
egogam
==============================================================*/

#egogram{
	width:650px;
	margin:auto;
	padding:0;
}

#egogram h2{
	color:#600;
	font-size:18px;
	padding:20px 0 0 0;
}

#egogram img{
	margin:auto;
	padding:0;
}

.egogram_box{
	margin:auto;
	padding:20px 0 0 0;
	border-bottom:#F93 dashed 2px;
}


#egogram li{
	list-style-image:url(../img/icon/crown_b_07.gif);
	border-bottom:#6C6 dashed 2px;
	line-height:30px;
}

#hukurou{
	width:247px;
	margin:auto;
	padding:0;
}


/*=============================================================
seminar
==============================================================*/

#seminar{
	width:650px;
	margin:auto;
	padding:0;
}

#seminar h2{
	font-size:18px;
	color:#600;
}


/*===================セミナー申込
=======================================*/

#seminar_botton{
	width:350px;
	margin:auto;
	padding:30px;
}

#seminar_botton ul{
	margin:0px;
	padding:0px;
}

#seminar_botton li{list-style-type:none;}

/*=======▼セミナー申込▼=======*/

#seminar_botton a.seminar_botton{
	display:block;
	width:350px;
	height:30px;
	margin-left:0px;
	background:url(../img/phot/apply.gif) no-repeat 0px 0px;
}

.seminar_botton span{display:none;}

#seminar_botton a.seminar_botton:hover{background-position:0px -30px;}

/*===================セミナー申込終了
=======================================*/

#seminar_color ul li{
	list-style-image:url(../img/icon/crown_d_02.gif);
	color:#FF9394;
	font-weight:bold;
}

#seminar table{
	margin:auto;
	padding:0;
	font-size:12px;
}



/*=============================================================
tieupcompany
==============================================================*/

.company_box{
	width:600px;
	margin:auto;
	padding:20px 0;
	font-size:12px;
	border-bottom:#CCC solid 2px;
}

.company_box img{
	float:left;
	padding:0 20px 0 0;
}

.company_box ul{
	margin:0;
	padding:0;
}

.company_box li{list-style-type:none;}

.company_box p{clear:left;}

.company_box h2{
	font-size:16px;
	font-weight:bold;
}

.company_tel{
	font-size:14px;
	color:#FF9394;
	font-weight:bold;
}

/*=============================================================
link
==============================================================*/

#link{
	width:650px;
	margin:auto;
	padding:0;
}


#link li{
	list-style-image:url(../img/icon/03.gif);
	font-size:12px;
	color:#FF9394;
	font-weight:bold;
}

.link_box{
	width:600px;
	margin:auto;
	padding:20px;
	font-size:12px;
}

.link_box p{
	clear:none;
	margin:0;
	padding:0;
}

/*=============================================================
mutuallink
==============================================================*/
#mutuallink{
	margin:auto;
	padding:20px 0;
}


#mutuallink table{
	margin:auto;
	padding:0;
}


#mutuallink td{
	font-size:12px;
	line-height:24px;
}


#mutuallink th{
	width:200px;
	
}

/*=============================================================
sitemap
==============================================================*/

.sitemap li{
	padding:3px 0 3px 24px;
	list-style-type:none;
	font-weight:bold;
}

.sitemap li li{border-left:1px solid #555;}
.sitemap ul li{background:url(../img/icon/li.gif) 0 12px no-repeat;}
.sitemap ul ul li{
	background:url(../img/icon/li.gif) 0 12px no-repeat;
	font-weight:normal;
}

/*=============================================================
inquiry
==============================================================*/
.inqniry {
	width:500px;
	margin:auto;
	padding:0;
	font-size:12px;
}


.inqniry p{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.inqniry ul{
	margin-top:0;
	padding-top:0;
}

.inqniry ul li{list-style-type:none;}

div#thanks {
	padding: 40px 0px 40px 0px;
	text-align: center;
}
.f12 {font-size:12px;
	  }
	  
.thanksred {font-size:16px;
            color:#FF0000;
			font-weight:bold;
			} 

/*=============================================================
communication
==============================================================*/
#communication{
	width:580px;
	margin:auto;
	padding:10px;
}