@charset "UTF-8";



/* General - サイト全体
-------------------------------------------------------- */

*{
	margin: 0;
	padding: 0;
}

body {
	background  : #f4f5ef url(./images/index/bg-body.gif) repeat-x ;
	color       : #333333                                           ;
	font-size   : 10pt                                              ;
	font-family : Verdana, Tahoma, Arial, sans-serif                ;
	text-align  : center                                            ;
	margin      : 0                                                 ;
	padding     : 0 0 1em 0                                         ;
}

img{
	border : 0px ;
	}

p{
	padding : 0       ;
	margin  : 0.5em 0 ;
}



/* Link - リンク
-------------------------------------------------------- */

a:link    { color: #004b2d; text-decoration: none; }
a:visited { color: #004b2d; text-decoration: none; }
a:hover   { color: #ce3858; text-decoration: underline; }
a:active  { color: #ce3858; text-decoration: underline; }



/*汎用定義
-------------------------------------------------------- */

.navy { color: #003399; }
.blue { color: #0066cc; }
.blue-b { color: #3d6680; }
.blue-a { color: #5273b5; }
.blue-l { color: #4754db; }
.blue-g { color: #89a8bb; }
.brown   { color: #a40000; }
.brown-l { color: #cc9900; }
.brown-t { color: #881c33; }
.red     { color: #FF0000; }
.dark-red{ color: #e82d14; }
.pink    { color: #d55a73; }
.green   { color: #558a20; }
.green-d { color: #4f8e72; }
.green-b { color: #336600; }
.green-d2 { color: #447964; }
.purple  { color: #6f3e6f; }
.purple-l { color: #5353c9; }
.orange  { color: #e4710d; }
.grey    { color: #a0a0a0; } /* use */
.grey2   { color: #666666; } /* use */
.white   { color: #ffffff; }

.bg-purple { background-color: #d4d4e6; }
.bg-purple-l { background-color: #e5e5f0; }
.bg-yellow { background-color: #fef8be; }
.bg-green  { background-color: #719f42; }
.bg-green-l { background-color: #d3fea7; }
.bg-orange { background-color: #e4710d; }

.xsmall { font-size: 6pt; }
.small  { font-size: 8pt; }
.normal { font-size: 10pt; }
.large  { font-size: 12pt; }
.xlarge { font-size: 14pt; }

.lineh-l { line-height: 1.5em; }

.bold { font-weight: bold; }
.nobold { font-weight: normal; }

.w15  { width: 15%; }
.w20  { width: 20%; }
.w25  { width: 25%; }
.w44  { width: 44%; }
.w45  { width: 45%; }
.w50  { width: 50%; }
.w55  { width: 55%; }
.w80  { width: 80%; }
.w85  { width: 85%; }
.w100 { width: 100%; }
.w-s    { width: 5px; }
.w-m    { width: 10px; }
.w75px  { width:  75px; }
.w80px  { width:  80px; }
.w87px  { width:  87px; }
.w108px { width: 108px; }
.w127px { width: 127px; }
.w139px { width: 139px; }
.w151px { width: 151px; }
.w155px { width: 155px; }
.w160px { width: 160px; }
.w166px { width: 166px; }
.w170px { width: 170px; }
.w220px { width: 220px; }
.w215px { width: 215px; }
.w210px { width: 210px; }
.w230px { width: 230px; }
.w239px { width: 239px; }
.w300px { width: 300px; }
.w310px { width: 310px; }
.w325px { width: 325px; }
.w355px { width: 355px; }
.w372px { width: 372px; }
.w400px { width: 398px; }
.w405px { width: 420px; }
.w420px { width: 420px; }
.w448px { width: 448px; }
.w495px { width: 495px; }
.w500px { width: 500px; }
.w505px { width: 505px; }
.w510px { width: 510px; }
.w515px { width: 515px; }
.w520px { width: 520px !important; }
.w575px { width: 573px; }
.w577px { width: 577px; }
.w585px { width: 585px; }
.w598px { width: 598px !important; }
.w610px { width: 610px; } /* use */
.w636px { width: 636px; }
.w679px { width: 679px; }
.w740px { width: 740px; }
.w780px { width: 780px; } /* use */
.w800px { width: 800px; }

.h10px { height: 10px; }
.h20px { height: 20px; }
.h30px { height: 30px ;  }
.h40px { height: 40px; }
.h100px { height: 100px; }
.h110px { height: 110px; }
.h130px { height: 130px; }
.h190px { height: 190px; }
.h300px { height: 300px; }

.h25px-f { 
	height  : 25px !important;
	_height : 35px !important;
}

.fleft  {  float: left; } 
.fright { float: right; }
.clear  { clear: both; }

.left   { text-align: left; } 
.right  { text-align: right; } 
.center { text-align: center; }
.middle { vertical-align: middle; }
	
.bcenter {
	margin-left  : auto    ;
	margin-right : auto    ;
	text-align   : justify ;
}

.block  { display: block; }
.inline { display: inline; }
	
.clearfix:after {
	content : url(./images/global/pixel.gif);
	display : block ;
	clear   : both  ;
	height  : 0     ;
}

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

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

.mgn-no      { margin: 0!important; }  
.mgn-lft-ss  { margin-left:   3px;  } 
.mgn-lft-s   { margin-left:   5px;  }
.mgn-lft-sm  { margin-left:   10px; } 
.mgn-lft-m   { margin-left:   15px; } 
.mgn-lft-ml  { margin-left:   20px; }
.mgn-lft-l   { margin-left:   25px; }
.mgn-lft-xl  { margin-left:   30px; }
.mgn-lft-xxl { margin-left:   40px; }
.mgn-lft-xxxl { margin-left:  50px; }
.mgn-lft-1    { margin-left:   1px; }
.mgn-lft-2    { margin-left:   2px; }
.mgn-lft-6    { margin-left:   6px; }
.mgn-lft-7    { margin-left:   7px; } 
.mgn-lft-13   { margin-left:  13px; } 
.mgn-lft-17   { margin-left:  17px; } 
.mgn-lft-35   { margin-left:  35px; } 
.mgn-lft-45   { margin-left:  45px; } 
.mgn-lft-78   { margin-left:  78px; }
.mgn-lft-80   { margin-left:  80px; }
.mgn-lft-82   { margin-left:  82px; } 
.mgn-lft-95   { margin-left:  95px; }
.mgn-lft-105  { margin-left: 115px; } 
.mgn-lft-110  { margin-left: 110px; } 
.mgn-lft-115  { margin-left: 115px; } 
.mgn-lft-155  { margin-left: 155px; } 
.mgn-lft-275  { margin-left: 275px; } 
.mgn-lft-300  { margin-left: 300px; } 

.mgn-rgt-2   { margin-right:  2px;  } 
.mgn-rgt-ss  { margin-right:  3px;  } 
.mgn-rgt-s   { margin-right:  5px;  }
.mgn-rgt-6   { margin-right:  6px;  }
.mgn-rgt-ssm { margin-right:  7px;  }
.mgn-rgt-sm  { margin-right:  10px; }
.mgn-rgt-smm { margin-right:  12px; }
.mgn-rgt-m   { margin-right:  15px; }
.mgn-rgt-ml  { margin-right:  20px; }
.mgn-rgt-l   { margin-right:  25px; }
.mgn-rgt-xl  { margin-right:  30px; }
.mgn-rgt-xxl { margin-right:  40px; }
.mgn-rgt-xxxl { margin-right: 50px; }
.mgn-rgt-19  { margin-right:  19px; }
.mgn-rgt-24  { margin-right:  24px; }
.mgn-rgt-27  { margin-right:  27px; }
.mgn-rgt-29  { margin-right:  29px; }
.mgn-rgt-42  { margin-right:  42px; }
.mgn-rgt-53  { margin-right:  53px; }
.mgn-rgt-55  { margin-right:  55px; }
.mgn-rgt-69  { margin-right:  69px; }
.mgn-rgt-83  { margin-right:  83px; }

.mgn-top-ss   { margin-top:    3px;  }
.mgn-top-s    { margin-top:    5px;  } 
.mgn-top-sm   { margin-top:    10px; } 
.mgn-top-m    { margin-top:    15px; } 
.mgn-top-ml   { margin-top:    20px; } 
.mgn-top-l    { margin-top:    25px; }
.mgn-top-xl   { margin-top:    30px; }
.mgn-top-xxl  { margin-top:    40px; }
.mgn-top-xxxl { margin-top:    50px; }
.mgn-top-29   { margin-top:    29px; } 
.mgn-top-16   { margin-top:    16px; } 
.mgn-top-13   { margin-top:    13px; } 
.mgn-top-12   { margin-top:    12px; } 
.mgn-top-2    { margin-top:     2px; }
.mgn-top-9    { margin-top:     9px; } 
.mgn-top-4    { margin-top:     4px; } 
.mgn-top-6    { margin-top:     6px; } 
.mgn-top-8    { margin-top:     8px; } 
.mgn-top-0    { margin-top:     0px !important; } 

.mgn-btm-ss  { margin-bottom: 3px;  }
.mgn-btm-s   { margin-bottom: 5px;  }
.mgn-btm-7   { margin-bottom: 7px;  }
.mgn-btm-8   { margin-bottom: 8px;  }
.mgn-btm-sm  { margin-bottom: 10px; }
.mgn-btm-13  { margin-bottom: 13px; }
.mgn-btm-m   { margin-bottom: 15px; }
.mgn-btm-ml  { margin-bottom: 20px; }
.mgn-btm-l   { margin-bottom: 25px; }
.mgn-btm-xl  { margin-bottom: 30px; }
.mgn-btm-xxl { margin-bottom: 40px; }

.mgn-wdt-s   { margin-left:    5px; margin-right:    5px; }
.mgn-wdt-m   { margin-left:   10px; margin-right:   10px; }
.mgn-wdt-l   { margin-left:   25px; margin-right:   25px; }
.mgn-hgt-s   { margin-top:     5px; margin-bottom:   5px; }
.mgn-hgt-m   { margin-top:    10px; margin-bottom:  10px; }
.mgn-hgt-l   { margin-top:    25px; margin-bottom:  25px; }

.pdd-top-ss { padding-top :     3px;                         }
.pdd-top-s  { padding-top :     5px;                         }
.pdd-top-l  { padding-top :    25px;                         }
.pdd-top-8  { padding-top :     8px;                         }
.pdd-top-12 { padding-top :    12px;                         }
.pdd-top-29 { padding-top :    29px;                         }
.pdd-top-sm { padding-top :    10px;                         }
.pdd-btm-0  { padding-bottom :  0px !important;                         }
.pdd-btm-s  { padding-bottom :  5px;                         }
.pdd-btm-6  { padding-bottom :  6px;                         }
.pdd-btm-sm { padding-bottom : 10px;                         }
.pdd-btm-13 { padding-bottom : 13px;                         }
.pdd-btm-20  { padding-bottom : 20px;                         }
.pdd-btm-50  { padding-bottom : 50px;                         }
.pdd-btm-80  { padding-bottom : 80px;                         }
.pdd-btm-m  { padding-bottom : 15px;                         }
.pdd-lft-s  { padding-left :    5px;                         }
.pdd-lft-sm { padding-left :    10px;                        }
.pdd-lft-13 { padding-left :    13px;                        }
.pdd-lft-7  { padding-left :    7px;                         }
.pdd-lft-2  { padding-left :    2px;                         }
.pdd-lft-4  { padding-left :    4px;                         }
.pdd-rgt-4  { padding-right:    4px;                         }
.pdd-rgt-s  { padding-right:    5px;                         }
.pdd-wdt-s  { padding-left :    5px; padding-right  :   5px; }
.pdd-hgt-s  { padding-top  :    5px; padding-bottom :   5px; }
.pdd-hgt-m  { padding-top  :   10px; padding-bottom :  10px; }



/* レイアウト
-------------------------------------------------------- */

.wrap{
	width      : 800px    ;
	margin     : 0 auto   ;
	text-align : left     ;
	}

.wrap-btm{
	background : #FFFFFF ;
	width      : 800px   ;
}

.wrap-detail-b{
	width        : 600px  ;
	height       : 550px  ;
	margin       : 0 auto ;
	padding-left : 40px   ;
	text-align   : left   ;
	}
	
	

/* Container - 右メイン */

.cont-width-dc { 
	width : 628px  ;
}

.container {
	float      : right     ;
	text-align : left      ;
	display    : inline    ; /* IE Fix */
	margin     : 0 0 20px 0;
	background : #FFFFFF   ;
}



/* Left Column - 左メニュー */

.leftcolumn {
	background  : #FFFFFF ;
	float       : left    ;
	width       : 172px   ;
	margin      : 0 0 20px 0;
}

.leftcolumn ul {
	list-style          : none            ;
	list-style-position : outside         ;
	margin              : 0px 0px 7px 4px ;
}

.leftcolumn ul li.btn{
	background-image : url(./images/global/btn-bg.gif) ;
	width            : 166px                            ;
	line-height      : 35px                             ;
	margin           : 0px                              ;
	padding          : 0px                              ;
}

.leftcolumn ul li.btn a{
	margin : 0px 0px 0px 20px ;
}

.leftcolumn ul li.btn a:hover{
	margin : 0px 0px 0px 20px ;
}

/*.leftcolumn ul li.btn-top{
	background-image : url(./images/global/btn-bg-top.gif) ;
	width            : 168px                                ;
	line-height      : 47px                                 ;
	margin           : 0px                                  ;
	padding          : 0px                                  ;
}

.leftcolumn ul li.btn-top a{
	color  : #ffffff          ;
	margin : 0px 0px 0px 20px ;
}

.leftcolumn ul li.btn-top a:hover{
	margin : 0px 0px 0px 20px ;
}*/

/* ヘッダー

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

.header p {
	margin      : 0    ;
	padding-top : 4px  ;
	line-height : 11pt ;
}

.bg-head {
	background        : url(./images/index/bg-header.gif) ;
	background-repeat : no-repeat                          ;
	width             : 820px                              ;
	height            : 42px                               ;
	margin-top        : 4px                                ;
}



/* 左側メニュー
--------------------------*/

li.bg-menu-pink{
	background-image  : url(./images/index/bg-results.gif) ;
	background-repeat : no-repeat                           ;
	width             : 172px                               ;
	height            : 106px                               ;
	margin            : 5px -3px                            ;
}

li.bg-menu-pink ul{
	padding: 30px 0px 0px 0px;
}

li.bg-menu-pink ul li {
	background-image: url(./images/global/btn-bg-s.gif);
	width: 147px;
	line-height: 35px;
	margin: 0px 10px 2px;
	padding: 0px;
}

li.bg-menu-pink ul li a{
	margin: 0px 0px 0px 25px;
}

li.bg-menu-pink ul li a:hover{
	margin: 0px 0px 0px 25px;
}


/* 右側メイン
--------------------------*/

.accent-br {
	color       : #881c33 ;
	font-weight : bold    ;
	font-size   : 11pt    ;
}

.accent-pink {
	color       : #ce3858;
	font-weight : bold    ;
}

.border-btm-dot {
	border-bottom : dotted #b0c180 1px ;
	width         : 615px              ;
}

.new-ex {
	margin : 0 0 0 10px ;
}

.bg-title {
	background-image  : url(./images/global/title-bg.gif) ;
	background-repeat : no-repeat                          ;
	width             : 598px                              ;
	height            : 31px                               ;
}

.bg-title p {
	margin   : 0 0 0 35px ;
	padding  : 6px 0 0 0  ;
}

.border-btm {
	border-bottom : solid #e1e2da 1px  ;
	width         : 598px              ;
}

p.answer {
	margin-bottom : 0 ;
}

.border-rgt {
	border-right : solid #e1e2da 2px  ;
	height :50px ;
}

.border-rgt-s {
	border-right : solid #e1e2da 2px  ;
	height :32px ;
}

.border-rgt-m {
	border-right : solid #e1e2da 2px  ;
	height :82px ;
}

.border-rgt-l {
	border-right : solid #e1e2da 2px  ;
	height :410px ;
}

.accent-green {
	color       : #447a64 ;
	font-weight : bold    ;
}

.accent-d-green {
	color       : #226349 ;
	font-weight : bold    ;
}

p.link {
	line-height : 20px ;
}

p.mgn-tb-none {
	margin-top    : 0px ;
	margin-bottom : 0   ;
}

.border-box {
	border : solid #e1e2da 1px ;
	width  : 484px             ;
	height : 358px             ;
}

.table ul  {
	list-style-type : square ;
	padding-left    : 15px   ;
	float           : left   ;
}

.container .table ul li{
	padding-top :8px ;
}

.pdd-top-none {
	padding-top : 0 !important;
}

.contact {
	margin-left : 11px              ;
	margin-top  : 20px              ;
	border      : solid #eba6b5 1px ;
	width       : 596px             ;
	height      : 310px             ;
	_height     : auto              ;
}

.contact span {
	display : block ;
	padding : 8px 7px 0 10px ;
}

.contact .border-btm-d{
	border-bottom : dotted #eba6b5 1px ;
	width         : 596px              ;
}

.contact2 {
	margin-left : 11px              ;
	margin-top  : 20px              ;
	border      : solid #eba6b5 1px ;
	width       : 596px             ;
	height      : 570px             ;
	_height     : auto              ;
	_padding-bottom : 8px ;
}

.contact2 span {
	display : block ;
	padding : 8px 7px 0 10px ;
}

.contact2 .border-btm-d{
	border-bottom : dotted #eba6b5 1px ;
	width         : 596px              ;
}

.contact-left {
	border-right  : solid #eba6b5 2px  ;
	border-bottom : dotted #eba6b5 1px ;
	width         : 131px               ;
	height        : 34px                ;
	background    : #fdf4f8             ;
}

.contact-rgt {
	border-bottom : dotted #eba6b5 1px ;
	width         : 463px              ;
	height        : 34px               ;
}

.contact-left-bs {
	border-right  : solid #eba6b5 2px  ;
	border-bottom : solid #eba6b5 1px ;
	width         : 131px               ;
	height        : 34px                ;
	background    : #fdf4f8             ;
}

.contact-rgt-bs {
	border-bottom : solid #eba6b5 1px ;
	width         : 463px              ;
	height        : 34px               ;
}

.contact-left-m {
	border-right  : solid #eba6b5 2px  ;
	border-bottom : dotted #eba6b5 1px ;
	width         : 131px              ;
	height        : 52px               ;
	background    : #fdf4f8            ;
}

.contact-rgt-m {
	border-bottom : dotted #eba6b5 1px ;
	width   : 460px ;
	height  : 52px  ;
}

.contact-left-l {
	border-right : solid #eba6b5 2px ;
	width        : 131px             ;
	height       : 135px             ;
	background   : #fdf4f8           ;
}

.contact-rgt-l {
	width   : 460px ;
	height  : 135px ;
	_height : auto  ;
}

.contact-left-w {
	border-bottom : solid #eba6b5 1px ;
	width        : 596px              ;
	height       : 34px               ;
	background   : #fdf4f8            ;
}

.contact-rgt-w {
	border-bottom : solid #eba6b5 1px ;
	width         : 596px             ;
	height        : 50px              ;
	_height       : 65px              ;
}

.bg-number {
	width         : 598px   ;
	height        : 22px    ;
	background    : #f7fbe8 ;
	padding-right : 7px     ;
}

.border-green {
	border : solid #226349 1px ;
}

.sample-box-top	{
	background-image  : url(./images/plan-sample/box-top.gif) ;
	background-repeat : no-repeat                          ;
	width             : 144px                              ;
	height            : 42px                               ;
}

.sample-box-bg	{
	background-image  : url(./images/plan-sample/box-bg.gif) ;
	background-repeat : no-repeat                             ;
	width             : 144px                                 ;
	height            : 102px                                 ;
	padding : 0 ;
}

.sample-box-btm	{
	background-image  : url(./images/plan-sample/box-btm.gif) ;
	background-repeat : no-repeat                          ;
	width             : 144px                              ;
	height            : 47px                               ;
}

.border-f {
	border : solid #ffffff 1px ;
	width             : 133px                                 ;
	height            : 102px                                 ;
}


table.estimate{
	border-top: 1px solid #007a4a;
	border-left: 1px solid #007a4a;
	margin-left: 10px;
	_margin-left: 5px;
	line-height: 22px;
}

table.estimate td{
	border-bottom: 1px solid #007a4a;
	border-right: 1px solid #007a4a;
	padding: 4px;
}


table.estimate tr.price{
	background-color: #effffa;
	color: #881c33;
	font-weight: bold;
}

.e-kouji{
	background-image: url(./images/info/bg.gif);
	width: 600px;
	height: 120px;
	margin: 10px 10px 20px;
	padding: 40px 0px 0px 0px;
}

.e-kouji img{
	padding: 10px 20px;
}

.exampleplan-table1{
	margin-left:10px;
}


.exampleplan-table1 td{
	width:196px;
	margin-left:10px;
	text-align:center;
}


.exampleplan-table1 td p{
	width:180px;
	text-align:center;
        font-size:12px;

}

.exampleplan-table2{
	margin-left:20px;
}




/* フッター
--------------------------*/

.footer {
	background  : #FFFFFF url(./images/global/footer.gif) no-repeat bottom center ;
	width       : 800px                                                            ;
	height      : 33px                                                             ;
}