@charset "UTF-8";

* {margin:0; padding:0;}
body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	color: #333;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 90%;
	line-height: 180%;
}

ul{
	list-style-type: none;
}
a {
	color: #333;
	cursor:pointer;
}
img {
	border: none;
	vertical-align: bottom; /*画像の下にできる隙間を消す*/
}
.spot {
	background: #ffffcc;
}
.sub {
	font-size: 80%;
}

.sub2 {
	font-size: 80%;
	color: #cc0000;
}
.blan{margin-top:8px;}/*実績・メルマガ登録*/
/*ヘッダー-----------------------------------------------*/
#header{
	/*text-align:left;*/
	width: 900px;/**/
	height:150px;
	margin-left:auto;
	margin-right:auto;
	/*margin-left:20px;
	margin-right:20px;*/
	background-image:url(images/header_obi900.gif);
	_background-image:url(images/header_obi900_5.gif);
	background-repeat:no-repeat;
/*position:relative;*/
}
#header h1 {
	float: left;
	width: 400px;
	text-align: right;
}

#header div.header-right {
	float: left;
	width: 456px;
	height: 150px;
	}
/*clockbox
----------------------------------------------------------------------*/
#clockbox {
	margin-top: 15px;
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
}


/*----------トピックパス----------------------------------------*/
#topicpath{
	text-align: left;
	width: 900px;/**/
	margin-left:auto;
	margin-right:auto;

	background:#fff url(images/im3.gif) repeat-x left bottom;
	/*margin:0 20px;*/
	/*padding: 5px 45px 11px 18px;*//*0521*/
	font-size: 90%;
	}
#topicpath ul {
list-style-type: none;
line-height: 120%;
padding: 5px 45px 11px 18px;
}
#topicpath li {
display: inline;
}
#topicpath li.topi {
background: url(images/im1.gif) no-repeat left center;
padding-left:25px;
}
#topicpath li a {
background: url(images/im1.gif) no-repeat left center;
padding-left: 25px;
}
#topicpath li.here {
background: url(images/im2.gif) no-repeat left center;
padding-left: 20px;
}

/*-------------外枠-----------------------*/
#wrapper{
	width:940px;
	_width:942px;/*topicpathをgif画像のrepeat-xに変更後設定*/
	margin-right: auto;
	margin-left: auto;/*box中央配置*/
	padding-right: 1px;
	padding-left: 1px;
	background: #fff url(images/942x30.gif) repeat-y;
}

#contents {
	/*width: 900px;*/
	padding-right:68px;/*sideはsideボックスで位置指定してあります*/
}
/*----------メインコンテンツ----------------------------------------*/
#main{
	float: right;
	width: 574px;
	padding-top:20px;
	padding-bottom:3px;
}
#main div,#main p,.new,.pol,.policy,.table01{text-align:left;}
#main p {
	padding:10px;/*090416*/
}
#main .p_center1{
	text-align:center;
	padding-top:10px;
}/*バイブル*/
#main .p_center2{
	text-align:center;
}/*お申込*/
.new,.box,.box1_2,.box5,table.table01{
	border: 1px #999 solid;
}
#main div.new {
	width: 574px;
	height: 110px;
	margin: 10px 0px;
	background:#fff;
	overflow: auto;
}
#main div.new p {
	padding:4px 32px;
	background:#fff;
	line-height: 1.5em;
	letter-spacing: 0.1em;/*0527*/
}
#main .box {
	margin: 0px 0px 25px;
	padding:4px 5px 4px 7px;
	background:#f4f4f4;/**/
}
#main .box1_2 {
	margin: 10px 0px 25px;
	padding:4px 5px 4px 7px;
	background:#f4f4f4;
}/*service追加分090410*/
#main .box2{
	margin: 0;
	padding:7px 8px;
}
#main .box3 {
	width: 574px;
	height:15px;
	padding:0;
}
#main .box4 {
	margin: 0px 0px 10px;
	padding:0px 5px;
	text-align:center;
}
#main .box5 {
	margin: 0px 0px 25px;
	padding:4px 5px 4px 7px;
}/*service「お支払い方法」追加分*/

table.table01 {
	width: 574px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:14px;/*090416.IEでもfontサイズ指定*/
}
table.table01 th {
	padding: 12px;
	border: #999 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	vertical-align:top;
	white-space: nowrap;
}

table.table01 tr td {
	padding: 5px;
	border: 1px #999 solid;
	border-width: 0 0 1px 1px;
}
table.table01 tr td.tcenter{
text-align:center;
background:#fff;
}/*map用に作成0424*/
.hr_gray {
	color:#999;
}

#main .to_top {
	margin: 0px 0px 5px;
	padding:4px 5px;
	text-align:right;
	font-size: 80%;
}
/*中見出し
-------------------------------------------------------------------------*/
.m01,.m02,.m03,.m04,.m05,.m06,.m07,.m08,.m09,.m10,.m11,.s01,.s02,.s03,.s04,.s05,.s06,.s07,.s08,.s09,.s09_day,.s10,.s11,.s12,.s13,.s14,.s15,.s16{
	width: 574px;
	text-indent: -9999px;
}
#main .m01 {
	background: url(images/ptitle_01.gif) no-repeat;
	height: 135px;
}
#main .m02 {
	background: url(images/ptitle_02.gif) no-repeat;
	height: 126px;
}
#main .m03 {
	background: url(images/ptitle_03.gif) no-repeat;
	height: 126px;
}
#main .m04 {
	background: url(images/ptitle_04.gif) no-repeat;
	height: 126px;
}
#main .m05 {
	background: url(images/ptitle_05.gif) no-repeat;
	height: 126px;
}
#main .m06 {
	background: url(images/ptitle_06.gif) no-repeat;
	height: 136px;
}
#main .m07 {
	background: url(images/ptitle_07.gif) no-repeat;
	height: 126px;
}
#main .m08 {
	background: url(images/ptitle_08.gif) no-repeat;
	height: 45px;
}
#main .m09 {
	height:45px;
	background: url(images/ptitle_09.gif) no-repeat;
}
#main .m10 {
	height:45px;
	background: url(images/ptitle_10.gif) no-repeat;
}
#main .m11 {
	background: url(images/ptitle_mail.gif) no-repeat;
	height: 126px;
}

/*小見出し
-------------------------------------------------------------------------------------*/
#main .s01 {
	background: url(images/stitle_01.gif) no-repeat;
	height: 30px;
}

#main .s02 {
	background: url(images/stitle_02.gif) no-repeat;
	height: 60px;
}

#main .s03 {
	background: url(images/stitle_03.gif) no-repeat;
	height: 60px;
}

#main .s04 {
	background: url(images/stitle_04.gif) no-repeat;
	height: 80px;
	margin:10px 0;
}

#main .s05 {
	background: url(images/point_01.gif) no-repeat;
	height: 60px;
}

#main .s06 {
	background: url(images/point_02.gif) no-repeat;
	height: 60px;
}

#main .s07 {
	background: url(images/point_03.gif) no-repeat;
	height: 60px;
}

#main .s08 {
	background: url(images/stitle_08.gif) no-repeat;
	height: 60px;
}

#main .s09 {
	background: url(images/stitle_09.gif) no-repeat;
	height: 45px;
}
#main .s09_day {
	background: url(images/stitle_09_day.gif) no-repeat;
	height: 45px;
}/*090409--------------------------------------------------------*/

#main .s10 {
	background: url(images/stitle_10.gif) no-repeat;
	height: 60px;
}

#main .s11 {
	background: url(images/stitle_11.gif) no-repeat;
	height: 60px;
}
#main .s12 {
	background: url(images/stitle_12.gif) no-repeat;
	height: 45px;
}
#main .s13 {
	background: url(images/stitle_13.gif) no-repeat;
	height: 45px;
}

#main .s14 {
	background: url(images/stitle_14.gif) no-repeat;
	height: 60px;
}

#main .s15 {
	background: url(images/stitle_15.gif) no-repeat;
	height: 80px;
	margin:10px 0;
}

#main .s16 {
	background: url(images/stitle_16.gif) no-repeat;
	height: 80px;
	margin:10px 0;
}
/*サービス内容
-------------------------------------------------------------------------------------*/
#main .pmenu {
	height: 30px;
	padding-right:10px;
}

#main #pagemenu {
	text-align:right;
}

#main #pagemenu li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #999;
}

#main #pagemenu li.p_menu {
	border-left:0;
	padding-left:0;
}

/*締結前書面等*/
#con_bg{background:#fff;}
#contract_s{
	width:550px;
	margin-right: auto;
	margin-left: auto;
}
#co01{
	text-align:left;
	padding: 10px 18px 10px 10px;
	font-size: 80%;
	background:#fff;
}
.con_txt{
font-weight:bold;
}
.con_title{
text-align:center;
font-size:150%;
font-weight: bold;
color:#666;
}
#co01 ul.arti{
	margin-left: 3em;
	list-style-position: outside;
	list-style-type:decimal;
}
#co01 ul.arti2{
	margin-left: 1em;
	list-style-position: outside;
	list-style-type:none;
}
#co01 ul.arti3{
	margin-left: 2em;
	list-style-position: outside;
	list-style-type:disc;
}
#co01 span.arti4{
	display:block;
	padding-left:4em;
}
.co01_p{text-align:center;}
.co02_p{padding-top:10px;}
.co03_p{
	padding:5px 7px 5px 10px;
	margin-bottom:5px;
	border:2px solid red;
}
/*よくある質問
-------------------------------------------------------------------------------------*/
#main .que {
	margin: 0px 0px 10px;
	padding:3px 5px;
	border-color:#990000;
	border-width:2px 2px 0px 7px;
	border-style:solid;
	font-weight: bold;
	color: #990033;
}

#main .ans {
	margin: 0px 0px 35px;
	padding:3px 5px;
	border-color:#CCC;
	border-width:0px 2px 2px 7px;
	border-style:solid;
}

/*ポリシー
-------------------------------------------------------------------------------------*/
#main .pol {
	padding:2px 5px;
	border-color:#ccc;
	border-width:1px 1px 1px 7px;
	border-style:solid;
	background:#F4F4F4;
	font-weight: bold;
	font-size: 90%;
	color: #333;
}

ul.policy {
	margin-top: 0px;
	margin-left: 25px;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #999;
}

/*推奨実績
-------------------------------------------------------------------------------------*/
#main table.recommend {
	width: 570px;
	border: 1px #999 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

#main table.recommend th {
	padding: 8px 0px;
	border: #999 solid;
	border-width: 0 0 1px 1px;
	background: #cccc99;
	font-weight: bold;
	font-size: 13px;/**/
	line-height: 120%;
	text-align: center;
}

#main table.recommend tr td {
	padding: 8px 0px;
	border: 1px #999 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	font-size: 13px;
}

#main table.recommend tr td.long {
	font-weight: bold;
	color: red;
}
#main table.recommend tr td.short {
	font-weight: bold;
	color: blue;
}
.jisseki{
	width:570px;
	margin-top:5px;
	text-align:right;
	font:14px ;
}/*推奨実績-過去*/


/*--------------------side---------------------------------------------------*/
#side{
	float: left;
	text-align:left;
	padding: 20px 12px 50px 38px;
	margin: 0;
}
#side p {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 10px 0 0 0;
	font-size: 90%;
	text-align: center;
}
#side .wacher{
	text-align:center;
	width:208px;
	overflow:hidden;
	border:inset 1px #ccc;
	margin: 20px 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*---sideのトップの位置調整---*/
/*#side span{
	margin:15px 0 0;
	padding:0;
	display:block;
}0512*/
#side span.toiawase{
	margin:0;
	padding:0 0 5px 0;
	display:block;
}

/*--------メルマガ----------------------------------*/
#mmn1{
	text-align:center;
	width:208px;
	border: 1px solid #ccc;
	margin: 10px 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*--------ここまでメルマガ-------------------------------*/



/*sideバナー0515*/
#mailbnn a {
display: block;
width: 212px;
height: 73px;
text-indent: -9999px;
margin-top:5px;
padding: 0;
background: url(images/mailto.gif) no-repeat;
}
/*#mailbnn a:link {
background-position: 0 0;
}
#mailbnn a:visited {
background-position: 0 0;
}*/
#mailbnn a:hover {
background-position: 0 -73px;
}
/*sideバナー0515ここまで*/
/*会員ログインボタン----------------*/
#login_bt{
	margin-bottom:8px;
	margin-left:0px;
	}
#login_bt a {
	display:block;
	width:210px;
	height:45px;
	text-indent: -9999px;
	background:url(images/login_bt.gif) no-repeat;
}
#login_bt a:hover {
	background-position:0 -45px;
} 
/*ここまで会員ログインボタン----------------*/

/*フッター-------------------------------------*/
#footer{
	width:900px;
	height:110px;
	background-color: #990000;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	padding-top:30px;
	font-size: 16px;
	color: #fff;
}
#footer p {
	margin-top:10px;
}
#footer a {
	color: #fff;
}
#footer #footermenu {
	text-align:center;
	font-size: 80%;
}
#footer #footermenu li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #999;
}
/* 下は#footer（+半角スペース）省略不可---------------- */
#footer #footermenu li.f_menu {
	border-left:0;
	padding-left:0;
}
/*ここまでフッター-------------------------------------*/
/*---バナー0515-----*/
div#bnn_b{
margin:15px 0;
}
#bnn_b a {
display: block;
width: 574px;
height: 83px;
text-indent: -9999px;
padding: 0;
background: url(images/to_entry.gif) no-repeat;
}

#bnn_b a:hover {
background-position: 0 -83px;
}
#bnn_b a:active {
background-position: 0 -166px;
}
/*---バナー0515ここまで-----*/

/*-----お問い合わせフォーム-----*/
.toi {
	text-align:left;
	width:410px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	background-color:#fff;
}
/*-----お問い合わせフォームここまで-----*/
/*090707------------------------------*/
.m_left{
margin-left:2px;
_margin-left:3px;
}

/*menu0707*/

.nav7 {
margin-top: 3px;
margin-left: 1px;
_margin-left: 3px;

font-size: 90%;/**/
}

/* --- メニューエリア --- */
.nav7 ul {
width: 205px;
margin: 0;
padding: 0;
border-top: 1px #ccc solid; /* 枠線 */
border-left: 1px #ccc solid;/* 枠線 */
border-right: 1px #ccc solid;/* 枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav7 ul li {
background: #ffffff url(images/menu_back.gif) repeat-x top; /**//* 項目の背景 */
border-bottom: 1px #ccc solid; /* 項目の下枠線 */
/*font-size:13px;*//*macでのレイアウトは*/
}

/* --- リンク --- */
.nav7 ul li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 10px 6px 50px; /* リンクエリア */
background: url(images/icon_si200.gif) no-repeat 3px 0px; 
_background: url(images/icon_si200_ie.gif) no-repeat 3px 0px;
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav7 ul li a:hover {
background: url(images/icon_si200.gif) no-repeat 3px -36px; /* ポイント時 */
_background: url(images/icon_si200_ie.gif) no-repeat 3px -36px; /* ieポイント時 */
padding: 6px 10px 6px 60px;
color:#990000;
text-decoration: underline; /* テキストの下線 */

}
/*0707ここまで*/

/* --- CMPリンク --- */
.cmp_bnn{
margin-top:10px;

}
.cmp_bnn a {
display: block;
text-indent: -9999px;
position: relative; 
width: 210px; 
height:122px;/* リンクエリア */
background: url(images/bnn_cmp.gif) no-repeat 0px 0px; 
}
/* --- CMPポイント時の設定 --- */
.cmp_bnn a:hover {
background: url(images/bnn_cmp.gif) no-repeat 0px 1px;  /* ポイント時 */

}
/* --- CMPリンクEND --- */

/*----flash----------*/
.swf01{
border:1px #ccc solid;
}
/*-------------------0715-----------------*/
.tx_about{
width:330px;
text-align:left;
}
/*------------*/
.tx_about2{
margin-left:220px;
/*text-align:left;*/
}
#about_bg02_2{
height:210px;
background: url(images/about_img02.jpg) no-repeat 0 0; 
}
/*---------------*/
#about_bg01{background: url(images/about_img01.jpg) no-repeat 350px 0; }
#about_bg02{
height:210px;
background: url(images/about_img02.jpg) no-repeat 350px 0px 
}
#about_bg03{
/*height:210px;*/
background: url(images/about_img03.jpg) no-repeat 350px 0px
 }
/*clearfix--------------------------------------------------------------------*/
#contents:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \ */
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */