/******************************************************/
/*                      COMMON                        */
/******************************************************/

body {
background:#ECE9D8;
font-size:80%;
line-height:120%;
color:#333;
}

#core {
width:810px;
margin:0 auto;
background:url(../img/main_bg.gif) repeat-y;
}

#base {
width:800px;
height:auto;
margin:0 auto;
/*background:#F7F0E8;*/
background:#fff;
}

img {
border:0;
}

a:link,a:visited,a:active {
color:#0099CC;
text-decoration:none;
}

a:hover,a:focus {
color:#0099CC;
text-decoration:underline;
}

.cl {
clear:both;
}

.dot {
border-bottom:1px dotted #666;
margin-top:24px;
}

h2,h3,h4,h5,h6 {
margin:0;
font-size:90%;
}

.hidden {
display:none;
}

#cont_wrap {
background:url(../img/bottom_bg.jpg) no-repeat bottom;
}


/******************************************************/
/*                  HEADER LOGO                       */
/******************************************************/

#header {
width:800px;
margin:0;
background:#fff;
}



#header h1 {
float:left;
margin:0;
}

#header #header_menu {
text-align:right;
width:570px;
float:left;
margin:60px 10px 0 0;
_margin:64px 4px auto auto;
background:#fff;
}


#main_photo {
clear:both;
margin:0;
}

#header_menu a,#footer a {
color:#333;
}


/******************************************************/
/*                  GROVAL MENU                       */
/******************************************************/

#g_menu {
height:32px;
overflow:hidden;
background:url(../img/g_menu.gif) no-repeat;
list-style-type:none;
width:800px;
font-size:0%;
clear:both;
}

#g_menu li {

float:left;
text-align:left;
}

#g_menu li a {
text-indent:-999em;
display:block;
overflow:hidden;
height:32px;
}

#g_menu #m01 {
margin-left:-40px;
width:112px;
_width:152px;
}

#g_menu #m02 {
width:101px;
}

#g_menu #m03 {
width:108px;
}

#g_menu #m04 {
width:109px;
}

#g_menu #m05 {
width:139px;
}

#g_menu #m06 {
width:230px;
}

#g_menu #m01 a:link,#g_menu #m01 a:visited,#g_menu #m01 a:active {
background:url(../img/g_menu.gif) no-repeat 0 0;
_background:url(../img/g_menu.gif) no-repeat 40px 0;
}

#g_menu #m01 a:hover,#g_menu #m01 a:focus {
background:url(../img/g_menu.gif) no-repeat 0 -32px;
_background:url(../img/g_menu.gif) no-repeat 40px -32px;
}

#g_menu #m02 a:link,#g_menu #m02 a:visited,#g_menu #m02 a:active {
background:url(../img/g_menu.gif) no-repeat -112px 0;
}

#g_menu #m02 a:hover,#g_menu #m02 a:focus {
background:url(../img/g_menu.gif) no-repeat -112px -32px;
}

#g_menu #m03 a:link,#g_menu #m03 a:visited,#g_menu #m03 a:active {
background:url(../img/g_menu.gif) no-repeat -213px 0;
}

#g_menu #m03 a:hover,#g_menu #m03 a:focus {
background:url(../img/g_menu.gif) no-repeat -213px -32px;
}

#g_menu #m04 a:link,#g_menu #m04 a:visited,#g_menu #m04 a:active {
background:url(../img/g_menu.gif) no-repeat -321px 0;
}

#g_menu #m04 a:hover,#g_menu #m04 a:focus {
background:url(../img/g_menu.gif) no-repeat -321px -32px;
}

#g_menu #m05 a:link,#g_menu #m05 a:visited,#g_menu #m05 a:active {
background:url(../img/g_menu.gif) no-repeat -430px 0;
}

#g_menu #m05 a:hover,#g_menu #m05 a:focus {
background:url(../img/g_menu.gif) no-repeat -430px -32px;
}

#g_menu #m06 a:link,#g_menu #m06 a:visited,#g_menu #m06 a:active {
background:url(../img/g_menu.gif) no-repeat -570px 0;
}

#g_menu #m06 a:hover,#g_menu #m06 a:focus {
background:url(../img/g_menu.gif) no-repeat -570px -32px;
}


/******************************************************/
/*                    TOP PAGE                        */
/******************************************************/

.box_type01 {
background:url(../img/top_bg.jpg) no-repeat;
height:260px;
}

.box_type01 p {
margin:175px auto auto 78px;
}

.mac .box_type01 p,.gecko .box_type01 p {
margin:0;
}

.mac .box_type01 p img,.gecko .box_type01 p img {
margin:175px auto auto 78px;
}

.box_type02l,.box_type02r {
width:376px;
float:left;
}

.box_type02l {
margin:20px 8px auto 16px;
_margin:20px 8px auto 8px;
}

.box_type02r {
margin:20px 16px auto 8px;
_margin:20px 8px auto 8px;
}

.box_type02l p,.box_type02r p {
margin:0 0 8px 8px;
}

.box_type02u {
margin:20px 16px auto 16px;
clear:both;
height:200px;
}

.mac .box_type02u,.gecko .box_type02u {
padding-top:20px;
}

.box_type02l .thumb,.box_type02r .thumb {
float:left;
}

.toplink {
margin:72px auto 0 auto;
}

.mac .toplink,.gecko .toplink {
margin:70px auto 0 auto;
}


#toppage {
background:url(../img/top_bg_bottom.jpg) no-repeat right bottom;
}

/******************************************************/
/*                  CONTENTS LEFT                     */
/******************************************************/

.navigation {
margin:5px auto 0px 18px;
font-size:80%;
}

.title {
margin-bottom:10px;
}

#contents_L {
width:560px;
margin:20px 0 auto 16px;
_margin:20px 0 auto 10px;
float:left;
line-height:1.5em;
}

.box_type04 .thumb {
float:left;
margin-right:8px;
}

.thumb_r {
float:left;
margin-left:8px;
width:180px;
}

.thumb_l {
float:left;
margin-right:8px;
width:180px;
}

.box_type03 {
width:550px;
margin:20px 0 auto 0;
margin-top:20px;
}

.box_type04 {
margin-top:20px;
line-height:1.2em;
}

.box_type05 {
margin-top:20px;
line-height:1.5em;
}

.box_type05 p {
margin:8px;
}

.box_type05 ul {
margin-top:0;
}

.box_type04 strong {
color:#545454;
}

.box_type06 {
margin:20px 16px auto 16px;
clear:both;
}

.cont_r{
float:left;
width:360px;
line-height:1.5em;
}

.gecko .cont_r,.gecko .cap_s {
font-size:110%;
line-height:1.4em;
}

.gecko .caption {
font-size:100%;
line-height:1.4em;
}

.cont_c{
line-height:1.5em;
}

.cont_r_s{
float:left;
width:300px;
line-height:1.5em;
}

.caption {
margin:0;
font-size:80%;
width:180px;
}

.caption_L {
margin:0;
font-size:80%;
width:240px;
}

.album {
float:left;
margin-right:9px;
width:174px;
}

.cap_s {
margin:0 0 20px 0;
font-size:80%;
width:174px;
}

.normal,normal2 {
border-collapse:collapse;
}

.normal td,.normal th {
font-size:90%;
border:1px solid #AA0022;
vertical-align:top;
}

.normal th {
width:150px;
background:#FFF4F7;
text-align:left;
}

.normal td,.normal th {
font-weight:normal;
}


.answer {
font-size:90%;
line-height:1.5em;
}


/******************************************************/
/*                  CONTENTS RIGHT                    */
/******************************************************/

#contents_R {
width:180px;
margin:20px 18px auto 26px;
_margin:20px 0px auto 18px;
float:left;
}


.side_menu {
margin-top:20px;
font-size:90%;
}


.side_menu a:link,.side_menu a:visited,.side_menu a:active {
display:block;
width:160px;
height:auto;
padding:6px 10px;
border-top:1px solid #999;
background:#FDFBF2;
text-decoration:none;
color:#333;
}

.side_menu a:hover,.side_menu a:focus {
display:block;
width:160px;
height:auto;
padding:6px 10px;
border-top:1px solid #999;
background:url(../img/side_focus.gif) #FDFBF2 repeat-y;
text-decoration:none;
color:#333;
}

.side_menu a:link.side_m_b,.side_menu a:visited.side_m_b,.side_menu a:active.side_m_b {
display:block;
width:160px;
height:auto;
padding:6px 10px;
border-top:1px solid #999;
border-bottom:1px solid #999;
background:#FDFBF2;
text-decoration:none;
color:#333;
}

.side_menu a:hover.side_m_b,.side_menu a:focus.side_m_b {
display:block;
width:160px;
height:auto;
padding:6px 10px;
border-top:1px solid #999;
border-bottom:1px solid #999;
background:url(../img/side_focus.gif) #FDFBF2 repeat-y;
text-decoration:none;
color:#333;
}

.side_menu .ac {
font-weight:bold;
display:block;
width:160px;
height:auto;
padding:6px 10px;
border-top:1px solid #999;
background:url(../img/side_active.gif) #FDFBF2 repeat-y;
text-decoration:none;
color:#333;
}

.side_menu .ac_b {
font-weight:bold;
display:block;
width:160px;
height:auto;
padding:6px 10px;
border-top:1px solid #999;
border-bottom:1px solid #999;
background:url(../img/side_active.gif) #FDFBF2 repeat-y;
text-decoration:none;
color:#333;
}

/******************************************************/
/*                  FOOTER MENU                       */
/******************************************************/

#footer {
margin-top:30px;
clear:both;
font-size:80%;
text-align:center;
}

.mac #footer,.gecko #footer {
padding-top:30px;
}


/******************************************************/
/*                     PROPETY                        */
/******************************************************/

.w120 {
width:120px;
}

.w180 {
width:180px;
}

.w240 {
width:240px;
}

.w280 {
width:280px;
}

.w560 {
width:560px;
}

.mtb10 {
margin-top:20px;
margin-bottom:20px;
}

.mb10 {
margin-bottom:30px;
}

.mb5 {
margin-bottom:5px;
}

.mtb5 {
margin-bottom:0px;
margin-top:20px;
}

.al_right {
margin-top:50px;
text-align:right;
}

#cart1,#cart2 {
margin-top:5px;
}

.gecko textarea {
width:460px;
}


/******************************************************/
/*                     CAMPAIGN                       */
/******************************************************/

.box_type_topics {
height:auto;
font-size:100%;
line-height:1.5em;
border:1px solid #A31233;
width:768px;
margin:8px 16px;
}

.box_type_topics p {margin:0;}

.box_type_topics li {
margin-bottom:1em;
}


.privacy_box {
margin-left:0px;
overflow:auto;
height:250px;
padding:12px;
border:1px solid #999;
}




/***********************************************************/


#overlay{
background-image: url(/images/overlay.png);
position: absolute;
top: 0px;
left: 0px;
z-index: 90;
width: 100%;
height: 100%;
}

* html #overlay {
background-color: #333;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
}

#box{
width:300px;
background:#2d2d2d;
padding:10px;
border:2px solid #eee;
}

#close{
position:absolute;
top:-5px;
right:-5px;
cursor:pointer;
}