@charset "shift_jis";

/*--------------------------------------------
	共通基本設定
--------------------------------------------*/

/* ボディを設定 */
body {
	background-color: #EEEEEE;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka;
	line-height: 1.6;
	font-size:small;
	margin: 0px;
	padding: 0px;
	text-align:center;
	color:#333333;
	background: #EEEEEE url(../img/wra-bg.gif) center repeat-y;
}
/* Hides from IE-mac \*/
*html body {
	font-size:x-small;
}
/**/

/* 見出し */
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
}


/* フォームの隙間を除去 */
form {
	margin: 0px;
}

p,h3,h4,h5,strong {
	margin: 0px;
	padding: 0px;
	font-size:small;
}
/* Hides from IE-mac \*/
* html p,* html h3,* html h4,* html h5,*html strong {
	font-size:x-small;
}
/**/


/* 画像の下に出る余白を除去 */
img {
/*	vertical-align:bottom; */
	border: 0px;
}


/* 表示しない */
.hide {
	display: none;
}

/* 左右フロート設定 */
.floatL {
	float: left;
}
.floatR {
	float: right;
}

/* フロートクリア */
.clearFix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearFix {
	display:inline-block;	/* IE7対応 */
}
/* Hides from IE-mac \*/
* html .clearFix {
	height:1%;
}
.clearFix {
	display:block;
}
/**/


/* クリアクラス用 */
.clear {
	overflow:hidden;
	height:0;
	clear: both;
}
/* Hides from IE-mac \*/
* html .clear {
	display: none;
}
/**/


/*--------------------------------------------
	リンク色設定
--------------------------------------------*/

a:link {color:#25293F;	text-decoration: underline;}
a:visited {color:#25293F;	text-decoration: underline;}
a:hover {color:#3577AC;	text-decoration: none;}


/*--------------------------------------------
	テキスト設定
--------------------------------------------*/

b {font-weight:bold;}


sup {vertical-align: text-top; line-height: 5px;}


/* 注釈用 */
.txtsmall {font-size:x-small;	line-height: 1.2;}
/* Hides from IE-mac \*/
* html .txtsmall {font-size:xx-small;}
/**/

.txtBig {font-size:medium;	line-height: 1.4;}
/* Hides from IE-mac \*/
* html .txtBig {font-size:small;}
/**/

.txtBold {font-weight:bold;}

.txtMBig {font-size:large;	line-height: 1.8;}
/* Hides from IE-mac \*/
* html .txtMBig {font-size:medium;}
/**/


/*--------------------------------------------
	大枠
--------------------------------------------*/
.wrapper {
	width:727px;
	margin:0 auto;
	}


/*--------------------------------------------
	ヘッダー
--------------------------------------------*/
#header {
	background:#ECECEC url(../img/head-bg1.gif) top repeat-x;
	border-right:#C0C0C0 1px solid;
	border-left:#C0C0C0 1px solid;
	padding-top: 7px;
	}

#header2 {
	background:#ECECEC url(../img/head-bg3.gif) bottom no-repeat;
	padding-bottom:5px;
	margin-bottom: 8px;
	height:60px;
	}
/* Hides from IE-mac \*/
*html #header2 {
	height:65px;
}
/**/
#header3 {
	padding:0 5px;
	}

h1 ,h1 a {
	background:url(../img/h1logo.gif) left top no-repeat;
	width:190px;
	height:51px;
	text-indent:-9999px;
	display: block;
	float: left;
	overflow:hidden;
	line-height:0;
	font-size:1px;
	}

#header p {
	float:right;
	}

#header p#otoiawase {
	background:url(../img/arrow1.gif) right no-repeat;
	text-align:right;
	padding-right:1.8em;
	margin-bottom: 2.4em;
	font-size:x-small;
	}
/* Hides from IE-mac \*/
*html #header p#otoiawase {
	font-size:xx-small;
}
/**/

/*--------------------------------------------
	コンテンツエリア
--------------------------------------------*/
#contents {
	margin-bottom:4px;
	}

/* 左部分 */
#contents #naviarea {
	width:175px;
	float:left;
	}

/* 右部分 */
#contents .main {
	width:542px;
	float:right;
	text-align:center;
	
	}

.section {
	width:504px;
	text-align:left;
	margin:0 auto;
	padding-bottom:10px;
	}


/*--------------------------------------------
	共通リンクボタン 
--------------------------------------------*/
/* テキストリンク用 */
p.txtlink {
	background:url(../img/arrow1.gif) left no-repeat;
	text-align:left;
	padding-left:1.4em;
	}

/* 上へ戻る */
p.totop {
	background:url(../img/arrow2.gif) right no-repeat;
	text-align:right;
	padding-right:1.2em;
	margin: 12px 0;
	}

/* 無料お試し大 */
.buttontryBig {
	text-align:center;
	}

.buttontryBig p ,.buttontryBig p a {
	background:url(../img/button-tryb.jpg) left top no-repeat;
	width:274px;
	height:48px;
	display:block;
	text-align:left;
	text-indent:-9999px;
	}
.buttontryBig p {
	margin:0 auto;
	}
.buttontryBig p a:hover {background-position:-274px 0 ;}

/* 今すぐお問い合わせ大 */
.buttoninqBig {
	text-align:center;
	}

.buttoninqBig p ,.buttoninqBig p a {
	background:url(../img/button-inqb.jpg) left top no-repeat;
	width:274px;
	height:48px;
	display:block;
	text-align:left;
	text-indent:-9999px;
	}
.buttoninqBig p {
	margin:0 auto;
	}
.buttoninqBig p a:hover {background-position:-274px 0 ;}



/* 今すぐお申込み大 */
.buttonappliBig {
	text-align:center;
	}

.buttonappliBig p ,.buttonappliBig p a {
	background:url(../img/button-applib.jpg) left top no-repeat;
	width:274px;
	height:48px;
	display:block;
	text-align:left;
	text-indent:-9999px;
	}
.buttonappliBig p {
	margin:0 auto;
	}
.buttonappliBig p a:hover {background-position:-274px 0 ;}


/* 今すぐお申込み小 */

/* ページ遷移（下部） */
.pagemove {
	width:542px;
	padding:10px 0;
	}

.pagemove p.back {
	width:260px;
	text-align:left;
	float:left;
	padding:10px 0;
	}
.pagemove p.back img {
	float:left;
	margin-right:5px;
	}

.pagemove p.next {
	width:270px;
	text-align:right;
	float:right;
	padding:10px 0;
	}
.pagemove p.next img {
	float:right;
	margin-left:5px;
	}

.pagemove .buttontryBig {
	float:right;
	}


/*--------------------------------------------
	コンテンツエリア−ナビゲーションエリア 
--------------------------------------------*/
#contents #naviarea ul {
	width:175px;
	margin:0 0 8px 0;
	list-style:none;
	display:block;
	padding:0;
	}


#contents #naviarea ul li {
	float:left;
	width:175px;
	margin:0;
	padding:0;
	display:block;
	}
#contents #naviarea ul li a {
	display:block;
	text-align:left;
	text-indent:-9999px;
	text-decoration:none;
	line-height:0;
	overflow:hidden;
	font-size:1px;
	}

/* こんな人にオススメ！ */
#contents #naviarea ul#navi1 {
	background:url(../img/navi1.jpg) top left no-repeat;
	}
	
#contents #naviarea ul#navi1 li a {
	height:69px;
	background:url(../img/navi1.jpg) top left no-repeat;
	}

#contents #naviarea ul#navi1 li a:hover {background-position:-175px 0 ;}
#contents #naviarea ul#navi1 li strong a {background-position:-175px 0 ;}

/* ご利用での効果 */
#contents #naviarea ul#navi2 {
	background:url(../img/navi2.jpg) top left no-repeat;
	clear:both; 
	height:161px;
	}

#contents #naviarea ul#navi2 li a {
	background:url(../img/navi2.jpg) top left no-repeat;
	height:24px;
	padding:0;
	margin:0;
	}

#contents #naviarea ul#navi2 li#firstitem2,#contents #naviarea ul#navi2 li#firstitem2 a {
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	}

#contents #naviarea ul#navi2 li#item21 a {background-position:0 -30px ;}
#contents #naviarea ul#navi2 li#item22 a {background-position:0 -54px ;}
#contents #naviarea ul#navi2 li#item23 a {background-position:0 -78px ;}
#contents #naviarea ul#navi2 li#item24 a {background-position:0 -102px ;}
#contents #naviarea ul#navi2 li#item25 a {background-position:0 -126px ;	height:35px;}

#contents #naviarea ul#navi2 li#firstitem2 a:hover {background-position:-175px 0 ;}
#contents #naviarea ul#navi2 li#item21 a:hover {background-position:-175px -30px ;}
#contents #naviarea ul#navi2 li#item22 a:hover {background-position:-175px -54px ;}
#contents #naviarea ul#navi2 li#item23 a:hover {background-position:-175px -78px ;}
#contents #naviarea ul#navi2 li#item24 a:hover {background-position:-175px -102px ;}
#contents #naviarea ul#navi2 li#item25 a:hover {background-position:-175px -126px ;}

#contents #naviarea ul#navi2 li#firstitem2 strong a {background-position:-175px 0 ;}
#contents #naviarea ul#navi2 li#item21 strong a {background-position:-175px -30px ;}
#contents #naviarea ul#navi2 li#item22 strong a {background-position:-175px -54px ;}
#contents #naviarea ul#navi2 li#item23 strong a {background-position:-175px -78px ;}
#contents #naviarea ul#navi2 li#item24 strong a {background-position:-175px -102px ;}
#contents #naviarea ul#navi2 li#item25 strong a {background-position:-175px -126px ;}



/* 選べるフォーマット */
#contents #naviarea ul#navi3 {
	background:url(../img/navi3.jpg) top left no-repeat;
	clear:both; 
	height:89px;
	}
#contents #naviarea ul#navi3 li a {
	background:url(../img/navi3.jpg) top left no-repeat;
	height:24px;
	}

#contents #naviarea ul#navi3 li#firstitem3,#contents #naviarea ul#navi3 li#firstitem3 a {
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	}

#contents #naviarea ul#navi3 li#item31 a {background-position:0 -30px ;}
#contents #naviarea ul#navi3 li#item32 a {background-position:0 -54px ;	height:35px;}

#contents #naviarea ul#navi3 li#firstitem3 a:hover {background-position:-175px 0 ;}
#contents #naviarea ul#navi3 li#item31 a:hover {background-position:-175px -30px ;}
#contents #naviarea ul#navi3 li#item32 a:hover {background-position:-175px -54px ;}

#contents #naviarea ul#navi3 li#firstitem3 strong a {background-position:-175px 0 ;}
#contents #naviarea ul#navi3 li#item31 strong a {background-position:-175px -30px ;}
#contents #naviarea ul#navi3 li#item32 strong a {background-position:-175px -54px ;}

/* その他の機能*/
#contents #naviarea ul#navi4 {
	background:url(../img/navi4.jpg) top left no-repeat;
	}

#contents #naviarea ul#navi4 li a {
	height:40px;
	background:url(../img/navi4.jpg) top left no-repeat;
	}

#contents #naviarea ul#navi4 li a:hover {background-position:-175px 0 ;}
#contents #naviarea ul#navi4 li strong a {background-position:-175px 0 ;}


/* ご利用にあたって */
#contents #naviarea ul#navi5 {
	background:url(../img/navi5.jpg) top left no-repeat;
	clear:both; 
	height:89px;
	}

#contents #naviarea ul#navi5 li a {
	background:url(../img/navi5.jpg) top left no-repeat;
	height:24px;
	}

#contents #naviarea ul#navi5 li#firstitem5,#contents #naviarea ul#navi5 li#firstitem5 a {
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	font-size:1px;
	}


#contents #naviarea ul#navi5 li#item51 a {background-position:0 -30px ;}
#contents #naviarea ul#navi5 li#item52 a {background-position:0 -54px ;	height:35px;}

#contents #naviarea ul#navi5 li#firstitem5 a:hover {background-position:-175px 0 ;}
#contents #naviarea ul#navi5 li#item51 a:hover {background-position:-175px -30px ;}
#contents #naviarea ul#navi5 li#item52 a:hover {background-position:-175px -54px ;}

#contents #naviarea ul#navi5 li#firstitem5 strong a {background-position:-175px 0 ;}
#contents #naviarea ul#navi5 li#item51 strong a {background-position:-175px -30px ;}
#contents #naviarea ul#navi5 li#item52 strong a {background-position:-175px -54px ;}


/* バナー群 */
#contents #naviarea ul.baner {
	clear:both; 
	margin-bottom:10px;
	}

#contents #naviarea ul.baner li {
	margin-bottom:6px;
	}
#contents #naviarea ul.baner li,#contents #naviarea ul.baner li a {
	height:60px;
	}

#contents #naviarea ul.baner li#ba1 a {background:url(../img/banner1.jpg) left top no-repeat;}
#contents #naviarea ul.baner li#ba2 a {background:url(../img/banner2.jpg) left top no-repeat;}
#contents #naviarea ul.baner li#ba3 a {background:url(../img/banner3.jpg) left top no-repeat;}
#contents #naviarea ul.baner li#ba1 a:hover,#contents #naviarea ul.baner li#ba2 a:hover ,#contents #naviarea ul.baner li#ba3 a:hover {background-position:-175px 0 ;}

/*--------------------------------------------
	リスト
--------------------------------------------*/
/* なし */
ul.liststyle1 {
	list-style:none;
	text-align:left;
	margin:0 0 10px 1.4em;
	padding:0;
	}
ul.liststyle1 li {
	margin:0;
	padding:0;
	}

/* 数字つき */
ol.liststyle2 {
	text-align:left;
	margin:0 0 10px 2em;
	padding:0;
	}


/* ●つき */
ul.liststyle3 {
	list-style:disc;
	text-align:left;
	margin:0 0 10px 1.2em;
	padding:0;
	}
ul.liststyle1 li {
	margin:0;
	padding:0;
	}

ul.nomarg {
	margin-bottom:4px;
	}

/* 見出し付 */
dl.substyle1 {
	margin:0 0 10px 0;
	text-align:left;
}
dl.substyle1 dt {
	color:#0087AE;
	font-weight:bold;	
}
dl.substyle1 dd {
	margin-left:1.5em;
	margin-bottom: 0.8em;
}


/* 注意書き小文字 */
dl.note1 {
	margin:0 0 15px 0;
	text-align:left;
	font-size:x-small;
}
/* Hides from IE-mac \*/
*html dl.note1 {
	font-size:xx-small;
}
/**/
dl.note1 dt {

line-height:1.4;
}
dl.note1 dd {
margin-left:2em;
margin-top:-1.4em;
line-height:1.4;
}

/* 注意書き普通文字 */
dl.note2 {
	margin:0 0 15px 0;
	text-align:left;
}

dl.note2 dt {
	line-height:1.2;
	color:#6F6F6F;
	font-weight:normal;
	}
dl.note2 dd {
	margin-left:1.6em;
	margin-top:-1.2em;
	line-height:1.2;
	color:#6F6F6F;
}

/* 注意書き普通文字入れ子 */
dl.note3 {
	margin:0.6em 0 0 0;
	text-align:left;
}

dl.note3 dt {
	line-height:1.2;
	color:#6F6F6F;
	font-weight:normal;
	}
dl.note3 dd {
	margin-left:1.6em;
	margin-top:-1.2em;
	line-height:1.2;
	color:#6F6F6F;
}

/*--------------------------------------------
	フッタ
--------------------------------------------*/
#footer {
	width:727px;
	background:url(../img/footer1.gif) top no-repeat;
	padding-top:9px;
	margin-bottom: 20px;
	}
#footer2 {
	background:url(../img/footer2.gif) bottom no-repeat;
	padding-bottom:9px;
	}
#footer3 {
	background:url(../img/footer3.gif) repeat-y;
	padding:0 5px;
	}
#footer3 img {
	float:left;
	}
#footer3 p {
	float:right;
	margin-bottom:0;
	}