@charset "shift_JIS";
/*拡張CSS*/
@import "style.css";
@import "common.css";

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

saiyou-hp（TOP）基本スタイルシート
更新日：2008年7月23日

---------------------------------------------------
目次
	・基本構造
	・リンク
	・ヘッダ
	・ナビゲーション
	・コンテンツ
	・サイドバー
	・問合せフォーム
	・メイン
	・フッタ
	・その他
---------------------------------------------------　*/

/*---------------------------------------------------
■基本構造
---------------------------------------------------　*/
/*背景---------------------------------------------　*/

body{
	background	: url(../image/bg.png) repeat-y center;
	background-color: #c7d1dd;
}
body{
	margin: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

/*左右の枠線*/


div#wrap{
	width			: 810px;
	margin			: 0 auto;
	text-align		: left;
}

/*見出しタグの設定---------------------------------　*/

h1{
	z-index			: 1;
	position		: absolute;
	margin			: 4pt 0pt 0pt 10pt;
	font-size		: 12px;
	color			: #4c4c4c;/*文字色*/
}

h2{
	clear			: both;
	margin			: 10px 0px 5px 0px;
	padding			: 8px 0px 5px 15px;
	background		: #eee;/*背景色*/
	background		: url(../image/h2.gif) no-repeat;/*背景画像*/
	font-size		: 18px;
	font-weight		: bold;
	height			: 40pt;
	vertical-align	: middle;
	color			: #4c4c4c;/*文字色*/
}

h3{
	clear			: both;
	margin			: 0px 0px 10px 15px;
	padding			: 5px 2px 0px 15px;
	border-left		: 8px #708090 solid;
	text-align		: left;
	font-size		: 16px;
	font-weight		: bold;
	height			: 20pt;
	color			: #4c4c4c;/*文字色*/
}

/*---------------------------------------------------
・リンク
---------------------------------------------------　*/

a			{ text-decoration: underline; }/*下線*/
a:link		{ color	: #1111cc; }
a:visited	{ color	: #551a8b; }/*訪問済*/
a:hover		{ color	: #32cd32; }/*マウスオーバー時*/

div#footer #copyright a			{ text-decoration: underline; }/*下線*/
div#footer #copyright a:link	{ color	: #fff; }
div#footer #copyright a:visited	{ color	: #fff; }/*訪問済*/
div#footer #copyright a:hover	{ color	: #fff; }/*マウスオーバー時*/
/*---------------------------------------------------
・ヘッダ
---------------------------------------------------　*/

/*最上部背景*/
div#header{
	background		: #ffffff;
}

div#header{
	width			: 810px;
	height			: 20px;
}

div#header #top-menu{
	position		: absolute;
	top				: 0px;
	width			: 800px;
	text-align		: right;
}

div#header #top-menu li{
	display			: inline;
	font-size		: 11px;
	line-height		: 14pt;
}


/*---------------------------------------------------
・コンテンツ
---------------------------------------------------　*/

div#content{
	overflow		: hidden;
	position		: absolute;
	top				: 20px;
	width			: 810px;
	text-align		: left;
	background		: #ffffff;
}

/*---------------------------------------------------
・メイン
---------------------------------------------------　*/

div#main{
	padding			: 0px 10px 0px 10px;
	background		: url(../image/mainbg.png) no-repeat;
	overflow		: hidden;
	width			: 790px;
}

/*キャッチ部分*/
div#main #catch{
	margin			: 15px 0px 30px 10px;
	text-align		: left;
	line-height		: 30px;
	font-family		: serif,'ＭＳ 明朝' ,'細明朝体' ;
	font-size		: 16px;
	font-weight		: bold;
	color			: #333333;
}
div#main #catch p{
	margin-bottom	: 30px;
}
div#main #catch2{
	margin			: 0px 0px 30px -10px;
	text-align		: left;
	line-height		: 30px;
	font-family		: serif,'ＭＳ 明朝' ,'細明朝体' ;
	font-size		: 16px;
	font-weight		: bold;
	color			: #333333;
}
/*感想*/
div#main .kansou{
	width			: 750px;
	text-align		: left;
	padding			: 50px 0px 50px 60px;
	background		: url(../image/kansoubg.png) no-repeat;
}
div#main .kansou .box{
	width			: 600px;
	text-align		: left;
	margin			: 30px 0px 0px 0px;
	padding			: 30px 30px 15px 30px;
	font-size		: 16px;
	line-height		: 35px;
	border			: 1px solid #a3c0df;
	background-color: #f0fff0;
}
div#main .kansou .box p,
div#main .contents p{
	margin-bottom	: 35px;}

/*資料請求ボタン*/
div#main .siryoub{
	width			: 750px;
	text-align		: right;
	font-size		: 14px;
}

/*文章*/
div#main .contents{
	width			: 580px;
	text-align		: left;
	margin			: 30px 0px 20px 70px;
	padding			: 30px 30px 15px 30px;
	font-size		: 16px;
	line-height		: 35px;
	color			: #4c4c4c;
}

div#main .contents .box2{
	width			: 580px;
	text-align		: left;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 40px 0px 0px;
	font-size		: 16px;
	line-height		: 35px;
	border			: 1px solid #a3c0df;
	background-color: #fffafa;
}
/*リストアイコン*/
.oubosha{
	margin			: 30px 0px 30px 70px;
	list-style		: url(../image/list.png);
	line-height		: 30px;
}
/*リストアイコン2*/
.check{
	margin			: 30px 0px 30px 70px;
	list-style		: url(../image/list2.png);
	line-height		: 20px;
}
.check2{
	margin			: 30px 0px 30px 70px;
	list-style		: url(../image/list2.png);
	line-height		: 30px;
	font-weight		: bold;
}
.check3{
	margin			: 30px 0px 10px 50px;
	list-style		: url(../image/list2.png);
	line-height		: 30px;
	font-weight		: bold;
	color			: #cc0000;
}
/*数字リスト*/
div#main .contents ol{
	margin			: 30px 0px 30px 70px;
	line-height		: 35px;
}
/*特典*/
div#main .tokuten{
	width			: 620px;
	text-align		: left;
	margin			: 10px 0px 10px 50px;
	padding			: 30px 30px 15px 30px;
	font-size		: 15px;
	line-height		: 30px;
	color			: #4c4c4c;
}
div#main .tokuten dt{
	background		: url(../image/q-dt.png) no-repeat;
	height			: 53px;
	padding			: 12px 0px 0px 50px;
	color			: #cc1439;
	font-weight		: bold;
	font-size		: 16px;
}
div#main .tokuten dd{
	margin			: 5px 0px 10px 30px;
	color			: #4c4c4c;
	font-size		: 15px;
	font-weight		: bold;
}
div#main .tokuten p{
	margin			: 5px 20px 30px 30px;
	color			: #4c4c4c;
	font-size		: 15px;
}
/*FAQ*/
div#main .faq{
	width			: 620px;
	text-align		: left;
	margin			: 10px 0px 10px 50px;
	padding			: 30px 30px 15px 30px;
	font-size		: 15px;
	line-height		: 30px;
	color			: #4c4c4c;
}
div#main .faq dt{
	height			: 59px;
	padding			: 0px;
	color			: #cc1439;
	font-weight		: bold;
	font-size		: 16px;
}
div#main .faq dd{
	background		: url(../image/a.png) no-repeat;
	margin			: 5px 10px 10px 30px;
	padding			: 10px 20px 10px 80px;
	color			: #4c4c4c;
	font-size		: 15px;
	border-bottom	: 1px solid #4785C0;

}
div#main .faq p{
	margin			: 5px 20px 30px 30px;
	color			: #4c4c4c;
	font-size		: 15px;
}

div#main .ps{
	width			: 600px;
	text-align		: left;
	margin			: 30px 0px 50px 60px;
	padding			: 30px 30px 15px 30px;
	font-size		: 16px;
	line-height		: 35px;
	border			: 1px solid #a3c0df;
	background-color: #f0fff0;
}
div#main .ps li{
	margin			: 10px 0px 10px 60px;}

div#main .mess{
	padding			: 0px 20px 20px 20px;
	font-size		: 14px;
	line-height		: 20px; 
	color			: #4c4c4c;
}

div#main .contents2{
	margin			: 40px 30px 40px 30px;
	padding			: 20px;
	font-size		: 16px;
	line-height		: 30px;
	color			: #4c4c4c;
	border			: 1px solid #4682b4;
	background-color: #fff;
}

div#main .contents2 p {
	padding			: 5px 20px 5px 20px;
}


div#main .flow{
	margin			: 40px 10px 40px 10px;
	font-size		: 16px;
	line-height		: 30px;
	color			: #4c4c4c;
}

div#main table{
	text-align		: left;
	width			: 450px;
	margin			: 0px 0px 10px 40px;
	border			: 2px solid #a9a9a9;
}

div#main th{
	border			: 1px solid #a9a9a9;
	background		: #e6e6fa;
	text-align		: left;
	color			: #696969;
	font-weight		: bold;
	padding-left	: 10px;
}

div#main td{
	border			: 1px solid #a9a9a9;
	padding			: 5px;
	text-align		: center;
}
/*---------------------------------------------------
・資料請求
---------------------------------------------------　*/
div#main .shiryou{
	margin			: 40px 30px 40px 30px;
	padding			: 20px;
	font-size		: 16px;
	line-height		: 30px;
	color			: #4c4c4c;
	background-color: #fff;
}
div#main .shiryou table{
	border			: solid 1px #4169e1;
	width			: 600px;

}
div#main .shiryou th{
	width			: 180px;
	border			: solid 1px #4169e1;
	padding			: 5px;
	font-size		: 14px;
	background-color: #e0e0e0;
	line-height		: 20px;
}
div#main .shiryou td{
	border			: solid 1px #4169e1;
	padding			: 5px;
	font-size		: 12px;
	line-height		: 18px;
	text-align		: left;
	color			: #808080;
}
/*---------------------------------------------------
・フッタ
---------------------------------------------------　*/

div#footer{
	clear				: both;
	width				: 810px;
	background			: #ffffff;
}

/*フッタメニュ*/
div#footer .menu{
	margin				: 7px 10px 7px 10px;
}

div#footer .menu li{
	display				: inline;
	margin				: 0px 8px 0px 8px;
	font-size			: 10pt;
	line-height			: 13pt;
	text-align			: left;
}

/*営業エリア*/
div#footer #area{
	border				: 1px solid #aaaaaa;
	background			: #eeeeee;
	color				: #666666;
	font-size			: 11px;
	padding				: 10px 10px 5px 10px;
	margin				: 10px 15px 10px 15px;
	text-align			: left;
}

/*copyright*/
div#footer #copyright{ 
	clear				: both;
	margin-top			: 15px;
	padding				: 15px 0px 15px 0px;
	width				: 810px;
	font-size			: 10pt;
	line-height			: 14pt;
	background			: #1861AE;
	text-align			: center;
	color				: #fff;
}

/*---------------------------------------------------
・その他
---------------------------------------------------　*/
p	{ margin-bottom	: 15px; }

/*bookマーク*/
.bookmark{
	position	: absolute;
	left		: 660px;
	width		: 142px;
	top			: 10px;
}