@charset "EUC-JP";



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

*{
	margin:  0;
	padding: 0;
}

body {
	background  : #f4f4f4                             ;
	color       : #000000                             ;
	font-size   : 10pt                                ;
	font-family : Verdana, Tahoma, Arial, sans-serif  ;
	text-align  : center                              ;
	margin      : 0                                   ;
	padding     : 0                                   ;
	height      : 100%                                ;
}

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; }
.brown   { color: #660000; }
.red     { color: #FF0000; }
.dark-red{ color: #e82d14; }
.pink    { color: #d55a73; }
.green   { color: #558a20; }
.purple  { color: #6f3e6f; }
.purple-l { color: #5353c9; }
.orange  { color: #ea7025; }
.grey    { color: #a0a0a0; }
.grey2   { color: #666666; }
.white   { color: #ffffff; }

.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; }
.w350px { width: 350px; }
.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; }
.w570px { width: 545px; }
.w585px { width: 585px; }
.w598px { width: 598px !important; }
.w610px { width: 610px; } 
.w636px { width: 636px; }
.w679px { width: 679px; }
.w740px { width: 740px; }
.w780px { width: 780px; } 

.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 {
	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 */


.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-2    { margin-left:   2px; }
.mgn-lft-6    { margin-left:   6px; }
.mgn-lft-8    { margin-left:   8px; } 
.mgn-lft-16   { margin-left:  16px; } 
.mgn-lft-17   { margin-left:  17px; } 
.mgn-lft-42   { margin-left:  42px; } 
.mgn-lft-45   { margin-left:  45px; } 
.mgn-lft-49   { margin-left:  49px; } 
.mgn-lft-78   { margin-left:  78px; }
.mgn-lft-80   { margin-left:  80px; }
.mgn-lft-89   { margin-left:  89px; } 
.mgn-lft-95   { margin-left: 95px; } 
.mgn-lft-100  { margin-left: 100px; } 
.mgn-lft-105  { margin-left: 105px; } 
.mgn-lft-110  { margin-left: 110px; } 
.mgn-lft-115  { margin-left: 115px; } 
.mgn-lft-120  { margin-left: 120px; } 
.mgn-lft-125  { margin-left: 125px; } 
.mgn-lft-134  { margin-left: 134px; } 
.mgn-lft-182  { margin-left: 182px; } 
.mgn-lft-275  { margin-left: 255px; } 
.mgn-lft-295  { margin-left: 295px; } 
.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-45   { margin-top:    45px; } 
.mgn-top-29   { margin-top:    29px; } 
.mgn-top-18   { margin-top:    18px; }
.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-0   { margin-bottom: 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-13 { padding-top :    13px;                         }
.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-150  { padding-bottom :150px;                       }
.pdd-btm-m  { padding-bottom : 15px;                         }

.pdd-lft-s  { padding-left :    5px;                         }
.pdd-lft-sm { padding-left :    10px;                        }
.pdd-lft-m  { padding-left :    15px;                        }
.pdd-lft-16 { padding-left :    16px;                        }

.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{
	background : url(../images/global/wrap-bg.gif) repeat-y ;
	width      : 766px                                      ;
	margin     : 0 auto                                     ;
}
	
.main{
	background : #ffffff  ;
	width      : 752px    ;
	margin     : 0 auto   ;
	text-align : left     ;
	padding-left-2px ;
}

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

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



/* ヘッダー
--------------------------*/

.header  {
	border-bottom : solid #c9c9c9 2px ;
}

.head-shadow {
	background        : url(../images/global/head-shadow.gif) ;
	background-repeat : repeat-x                              ;
	height            : 20px                                  ;
}


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

.bg-btn  {
	background        : url(../images/index/btn-bg.gif) ;
	background-repeat : no-repeat                       ;
	height            : 78px                            ;
	width             : 317px                           ;
}

.head-shadow {
	background        : url(../images/global/head-shadow.gif) ;
	background-repeat : repeat-x                              ;
	height            : 20px                                  ;
}

.illust {
	margin-top : 18px ;
	_margin-top : 2px ;
}


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

.footer  {
	background        : #ffffff ;
	height            : 50px    ;
	width             : 752px   ;
}