@charset "utf-8";

/* clearfix 新しいブラウザ用 */
.clearfix:after { content:"."; display:block; height: 0px; clear: both; visibility: hidden; }
/* clearfix IE用 */
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*共通　ボックス&その他スタイル*/
*{
	margin:0px;
	padding:0px;
	}
	
img{
	border:0px;
	vertical-align:top;
	}

body{
	margin:0px auto;
	padding:0px;
	text-align:center;
	color:#fff;
	font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	border:0px;
	background:#6A6AA5 url("../../images/body_bg.gif") repeat-x left top;
	}

#container{
	width:720px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	position:relative;
	}

#header{
	background:#000044 url("../../images/header_bg.gif") no-repeat right top;
	height:205px;
	}
	
#header h1{
	position:absolute;
	top:-5px;
	left:0px;
	}

#contents{
	width:529px;
	float:right;
	}
	
#menu{
	width:171px;
	float:left;
	padding:0px 20px 15px 0px;
	background:url("../../images/navi_bg.gif") no-repeat left top;
	}
	
.co01{
	color:#f00;
	}
	
.co02{
	color:#ff0;
	}


/*全体 リンク設定*/
a:link,a:visited{
	color:#fff;
	text-decoration:none;
	}
	
a:hover,a:active{
	color:#ff0;
	text-decoration:none;
	}

strong.co01 a:link,strong.co01 a:visited{
	color:#f00;
	text-decoration:none;
	}
	
strong.co01 a:hover,strong.co01 a:active,strong.co02 a:hover,strong.co02 a:active{
	color:pink;
	text-decoration:none;
	}
	
strong.co02 a:link,strong.co02 a:visited{
	color:#ff0;
	text-decoration:none;
	}
	
	
/*左 ナビ＆バナー*/
#menu p.info{
	font-weight:bold;
	}
	
#menu #navigation ul.big{
	margin:15px 0px 0px 15px;
	line-height:2.0;
	list-style-type:none;
	}
	
#menu #navigation ul.big span.cat{
	margin-left:-15px;
	font-weight:bold;
	}
	
#menu #navigation ul.mini{
	margin:3px 0px 15px 0px;
	line-height:2.0;
	list-style-type:square;
	}

#menu #navigation div.dictionary{

	}
	
#menu #navigation ul.utility{
	margin:20px 0px;
	padding:5px 0px;
	list-style-type:none;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	}
	
#menu #bannerArea div{
	margin:5px 0px;
	}


/*各ページへのリンク一覧エリア*/
#linkArea{
	width:529px;
	float:right;
	color:#000044;
	padding:15px 0px;
	}
	
#linkArea ul.big{
	float:left;
	width:200px;
	padding:0px 15px;
	font-weight:bold;
	list-style-type:none;
	}
	
#linkArea ul.big span{
	margin-left:-15px;
	}
	
#linkArea ul.mini{
	font-weight:normal;
	list-style-type:square;
	}
	
#linkArea a:link,#linkArea a:visited,
#footer ul li a:link,#footer ul li a:visited{
	color:#000044;
	}
	
#linkArea a:hover,#linkArea a:active,
#footer ul li a:hover,#footer ul li a:active{
	color:#f00;
	}
	
	
/*フッター*/
#footer{
	clear:both;
	text-align:center;
	padding:5px;
	color:#000044;
	/*background-color:#7a7aa5;*/
	border-top:1px dotted #7a7cc5;
	}

#footer ul{
	list-style-type:none;
	padding-bottom:3px;
	}
	
#footer ul li{
	display:inline;
	margin-right:35px;
	}
	
#footer p{
	font-weight:bold;
	}


/*各ページ固有スタイル index*/
.section{
	margin-bottom:15px;
	}
	
.sectionB{
	margin-bottom:30px;
	}
	
.mainContents{
	background:#000044 url("../../images/index_mainContents_bg.gif") repeat-y left top;
	}
	
.mainContents .img{
	float:left;
	width:109px;
	}
	
.mainContents .text{
	float:right;
	width:405px;
	margin:7px 5px 7px 10px;
	}
	
.mainContents .text h2,.subContents h2{
	background:#000044 url("../../images/contents_h2_bg.gif") no-repeat left center;
	padding-left:45px;
	margin-bottom:7px;
	color:#ff0;
	}
	
.subContents h2{
	margin-bottom:15px;
	}
	
.subContents h2.second{
	margin-top:15px;
	}

.subContents01{
	background-color:#b4b4de;
	border:1px solid #fff;
	padding:10px 13px;
	}
	
.subContents01 h2{
	background:#b4b4de url("../../images/index_sub_h2_bg.gif") no-repeat left center;
	padding-left:30px;
	margin-bottom:5px;
	color:#000044;
	}

.subContents02{
	
	}

.subContents02 h2,.subContents02 p{
	color:#000044;
	display:inline;
	}
	
.subContents02 p{
	margin-left:10px;
	}
	
.subContents02 .sendFlow{
	padding-top:5px;
	}
	
.subContents02 .sendFlow .flowImg{
	float:left;
	width:415px;
	}

.subContents02 .sendFlow .buttons{
	float:right;
	width:104px;
	}
	
.subContents02 .sendFlow .buttons img{
	margin-top:3px;
	}
	
.subContents{
	background-color:#000044;
	padding:10px 15px;
	}
	
.subContents .name{
	float:left;
	width:135px;
	}
	
.subContents .voice{
	float:right;
	padding-left:10px;
	width:348px;
	}
	
.subContents h3{
	margin-bottom:7px;
	}


/*各ページ固有スタイル 第二階層以降*/
p.pageTop{
	text-align:right;
	font-weight:bold;
	}
	
h1.pageTitle{
	background-color:#000044;
	padding:7px 5px 5px 5px;
	}
	
#lovers h1.pageTitle{
	background-color:#EBE0E0;
	padding:7px 5px 5px 5px;
	color:#581563;
	}
	
#fufu h1.pageTitle{
	background-color:#E8DBBA;
	padding:7px 5px 5px 5px;
	color:#000044;
	}
	
#lovers .subContents h2{
	background:none;
	padding-left:0px;
	color:#bf2fd4;
	}
	
#fufu .subContents h2{
	background:none;
	padding-left:0px;
	margin-bottom:7px;
	color:#5f4800;
	}
	
#lovers .subContents h2 img,#fufu .subContents h2 img{
	padding-bottom:20px;
	}
	
#lovers .subContents{
	background-color:#EBE0E0;
	padding:10px 15px;
	}
	
#fufu .subContents{
	background-color:#E8DBBA;
	padding:10px 15px;
	}
	
#lovers .subContents p,#fufu .subContents p{
	color:#000;
	}
	
#lovers .subContents h3{
	color:#581563;
	}
	
#fufu .subContents h3{
	color:#5f4800;
	}

.subContents .imgCenter{
	text-align:center;
	padding-top:10px;
	}

.subContents .imgTitleArea{
	padding:10px 0px;
	}
	
.subContents .imgTitleArea .midashiImg{
	float:left;
	width:139px;
	padding-right:15px;
	}
	
.subContents .imgTitleArea h3{
	float:left;
	width:339px;
	}
	
.subContents .imgContentArea .img{
	float:left;
	width:200px;
	padding:5px 10px 10px 0px;
	}

.subContents .imgContentArea .text{
	float:left;
	width:289px;
	}
	
.subContents .imgContentArea .text h3{
	color:#fff;
	}

.subContents .imgContentArea_s{
	padding:10px 0px;
	}

.subContents .imgContentArea_s .img{
	float:left;
	width:115px;
	padding-right:10px;
	}
	
.subContents .imgContentArea_s .text{
	float:left;
	width:368px;
	}
	
.subContents .imgContentArea_s h3{
	color:#ff0;
	margin-bottom:5px;
	}
	
.subContents .imgContentArea_s h3 img{
	margin-bottom:5px;
	}
	
.subContents .border{
	border-bottom:1px dotted #9191c2;
	padding-bottom:10px;
	}
	
.subContents #subButtonArea{
	text-align:center;
	padding:40px 0px 40px 0px;
	}
	
.subContents table#price{
	border-top:1px solid #343470;
	border-left:1px solid #343470;
	margin:20px 0px;
	font-size:100%;
	background-color:#171759;
	}
	
.subContents table#price th{
	padding:10px 3px;
	border-bottom:1px solid #343470;
	border-right:1px solid #343470;
	}
	
.subContents table#price td{
	padding:10px 5px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#212159;
	border-right:1px solid #343470;
	border-bottom:1px solid #343470;
	}
	
.subContents table#price th.leftTh{
	width:110px;
	}
	
.subContents table#price.souryou td{
	text-align:left;
	}
	
.subContents table#price.souryou th{
	text-align:left;
	}
	
.subContents .flowTriangle{
	padding:5px 0px 5px 48px;
	}
	
.subContents ol{
	list-style-type:decimal;
	margin-left:25px;
	}
	
.subContents ol ul{
	list-style-type:square;
	margin-left:15px;
	}
	
.subContents p.attention{
	background-color:#212159;
	padding:3px;
	margin-top:10px;
	}
	
.subContents ul.siteMap,.subContents ul.linkPage{
	list-style-type:square;
	margin-left:25px;
	line-height:200%;
	}

/*お申し込み・問い合わせフォーム*/
form#subscription{
	}
	
form#subscription fieldset{
	border:0px;
	padding:5px 5px 15px 5px;
	border-bottom:1px dotted #777;
	}
	
form#subscription legend{
	padding-top:15px;
	color:#ff0;
	font-weight:bold;
	}
	
form#subscription dl.parson{
	border:1px dotted #9191c2;
	padding:5px;
	margin:0px 0px 10px 0px;
	}
	
form#subscription dt,form#subscription dd{
	padding:2px 0px;
	}
	
form#subscription dt{
	font-weight:bold;
	}
	
form#subscription p.important{
	background-color:#212159;
	padding:3px;
	margin:5px 0px 10px 0px;
	}
	
form#subscription #submit{
	padding:20px 0px;
	text-align:center;
	}