html,
body {
    margin:0;
    padding:0;
    height:100%; /* 100 % height */
background-image: url(/image/bg.png);
}

img {
border: 0;
}


html>body #wrap {
    height:100%; /* 100 % height */
}
#wrap {
    width:100%;
    margin:0 auto;
}
#header {
background-image: url(/image/bg_header.png);
background-repeat: repeat-x;
    width:100%;
    height:62px;
}
html>body #header {
    position:fixed;
    z-index:10; /* Prevent certain problems with form controls */
}

#header_navi {
width: 950px;
margin: 0 auto;
}

#header_navi ul {
margin:0;
padding:0;
}
#header_navi li {
display:inline;
}

/* top only */
#toppage_h_wap {
padding: 50px 0;
height: 420px;
background-repeat: repeat-x;
background-image: url(/image/bg_top_title.png);
}

#toppage_h_wap2 {
padding: 50px 0;
height: 490px;
}


#toppage_h_area {
width: 950px;
margin: 10px auto;
padding-top:20px;
}

#toppage_h_left {
float: left;
width: 290px; 
padding-bottom:5px;
}
#toppage_h_right {
float: left;
width: 600px;
padding:0;
}


/* level2 page */
#l2page_h_wap {
padding: 30px 0;
height: 220px;
background-repeat: repeat-x;
background-image: url(/image/bg_l2_title.png);
}

#l2page_h_area {
width: 950px;
margin: 10px auto;
padding-top:20px;
}

#l2page_h_left {
float: left;
width: 290px; 
padding-bottom:5px;
text-align: center;
}
#l2page_h_right {
float: left;
width: 600px;
padding:0;
}


html>body #content-wrap {
clear:both;
height:100%;
}

#content-area {
margin: 0 auto;
width: 950px;
padding: 5px 5px 5px 5px;
background: #fff;
border:1px solid #ffc982;
}


#content-body {
float: left;
margin: 10px auto;
padding: 0 5px 10px 5px;
width: 700px;
background:#fff;
border-right:1px solid #ffc982;
line-height: 180%;
}

#content-right {
float: left;
margin: 10px auto;
padding: 0 0 0 5px;
width: 230px;
background:#fff;
}

h4 {
font-weight:bolder;
background:#FDE3E3;
padding: 10px 10px 10px 10px;
color: #BE4F59;
}
#content-right ul {
margin:0;
padding:5px 5px 5px 5px;
}

#content-right li {
margin-left: 15px;
}


#content-body p.blogtitle {
/*
*/
clear: both;
margin: 0;
padding-top: 20px;
color: #e64600;
font-weight:bolder;
}

#content-body dl {
margin: 5px 5px 5px 5px;
border-top:1px dotted #2d2d2d;
}

#content-body dt {
float: left;
width: 440px;
padding: 5px 10px 20px 20px;
}

#content-body dd {
padding: 5px 10px 20px 440px;
color:#000; 
}

#content-body h1, 
#content-body h2 ,
#content-body h3 {
font-weight:bolder;
background:#000;
padding: 10px 10px 10px 10px;
font-size: 14px;
font-weight:bolder;
color: #fff;
}


/*
h1,h2 {
    margin:0;
}
*/

p {margin:1em 0;clear: both;}
.info {
    padding:0.5em;
    border:2px solid #999;
    background:#fff;
}



#footer {
clear: both;
margin: 50px 0 0 0;
padding:0 auto;
/*
height: 300px;
*/
height: 100px;
width:100%;
background: #534b4b;
border-top:2px solid #5b0000;
}


#footer_wapper {
width: 950px;
height: 230px;
margin: 0 auto;
color: #fff;
}

#footer_left {
float: left;
width: 710px; 
padding:5px 5px 5px 5px;
}

#footer_right {
float: left;
padding:5px 5px 5px 5px;
}

#footer a {
color:#fff; text-decoration:underline;
size: 12px;
}


/* ================================================================================ */
/*      B.pablic class                                                              */
/* ================================================================================ */
.align_c				{ text-align:center; }
.align_r				{ text-align:right; }
.align_l				{ text-align:left; }
.hide					{ display:none; }
.clear					{ clear:both; }
.float_r				{ float:right; display:inline; }
.float_l				{ float:left; display:inline; }

.mt5	{ margin-top:5px; }
.mt10	{ margin-top:10px; }
.mt20	{ margin-top:20px; }
.mt30	{ margin-top:30px; }
.ml5	{ margin-left:5px; }
.ml10	{ margin-left:10px; }
.ml20	{ margin-left:20px; }
.ml30	{ margin-left:30px; }
.mr5	{ margin-right:5px; }
.mr10	{ margin-right:10px; }
.mr20	{ margin-right:20px; }
.mr30	{ margin-right:30px; }
.mb5	{ margin-bottom:5px; }
.mb10	{ margin-bottom:10px; }
.mb20	{ margin-bottom:20px; }
.mb30	{ margin-bottom:30px; }

.mlmr { margin: 20px 10px 20px 10px; }

.pt5	{.padding-top:5px; }
.pt10	{.padding-top:10px; }
.pt20	{.padding-top:20px; }
.pt30	{.padding-top:30px; }
.pl5	{.padding-left:5px; }
.pl10	{.padding-left:10px; }
.pl20	{.padding-left:20px; }
.pl30	{.padding-left:30px; }
.pr5	{.padding-right:5px; }
.pr10	{.padding-right:10px; }
.pr20	{.padding-right:20px; }
.pr30	{.padding-right:30px; }
.pb5	{.padding-bottm:5px; }
.pb10	{.padding-bottm:10px; }
.pb20	{.padding-bottm:20px; }
.pb30	{.padding-bottm:30px; }

.font_w { color: #fff; }


#toppageinfo {
background-image: url(/image/bg-pink.png);
clear:both;
padding: 10px 10px 10px 10px;
background-color: #fff;
}

#toppageinfo dl {
margin: 0;
}

#toppageinfo dt {
float: left;
width: 250px;
padding: 5px 0;
text-align: center;
}

#toppageinfo dd {
padding: 5px 0 5px 220px;
color:#000; 
}
#toppageinfo dd.camp777 {
padding: 5px 0 5px 380px;
color:#000; 
}


#content-body blockquote {
clear:both;
text-align:left;
width: 600px;
margin: 0 auto;
padding: 10px 10px 10px 10px;
background-color:#FFE8E2;
border: #F5A9B0 2px solid;
line-height: 14px;
}

#content-body hr {
margin: 0 auto;
border:1px dotted #FDE3E3;
}



/* ---------------------------------
for twitter tick 
http://kjx130.blog19.fc2.com/blog-entry-1191.html
--------------------------------- */
div#tfbTab {
	-webkit-box-shadow:0 2px 5px #444;
	-moz-box-shadow:0 2px 5px #444;
}