/* --------------------------------------
 COMMON
-------------------------------------- */

* { margin: 0; padding: 0; }

body {
 font-size: 13px;
 font-family: Osaka, "Lucida Grande",geneva,verdana,sans-serif;
 color: #444;
 line-height: 165%;
 text-align: center;
 background-color: #f5f5f5;
 background-image: url(http://www.maple-house.info/ceo/img/body_bg.gif);
 background-repeat: repeat-y;
 background-position: center top;
}

img { border: none; }

hr { color: #FFF; border-top: 1px dotted #CCC; }

li { list-style-position: outside; }

strong { color: #CC0000; }

p { margin: 10px 0; }

span.alt { display: none; }

br.clear { font: 0; clear: both; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

/* --------------------------------------
 LINK COLOR
-------------------------------------- */

a:link {
 color: #40659B;
 text-decoration: underline;
}

a:visited {
 color: #40659B;
 text-decoration: underline;
}

a:hover {
 color: #00CC33;
 text-decoration: underline;
}

a:active {
 color: #00CC33;
 text-decoration: underline;
}

/* --------------------------------------
 LAYOUT
-------------------------------------- */

#wrapper {
 width : 720px;
 text-align: left;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 background-color: #FFFFFF;
}

#header {
 padding: 10px 0;
 background: #FFF;
}

#contents {
 padding-top: 0;
 padding-right: 0px;
 padding-bottom: 0;
 padding-left: 0px;
}

#side {
 width: 170px;
 float: right;
 padding-top: 0px;
 padding-right: 0;
 padding-bottom: 0px;
 padding-left: 0;
}

#main {
 width: 535px;
 float: left;
 padding: 0px;
 margin-right: 15px;
}

#footer {
 clear: both;
 background: #FFF;
 font-size: 11px;
 border-top-width: 2px;
 border-top-style: solid;
 border-top-color: #00CC33;
 margin-bottom: 10px;
}

/* --------------------------------------
 NAVI
-------------------------------------- */

#navi {
 font-size: 10px;
 margin-bottom: 15px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 7px;
 background-color: #f5f5f5;
}

#navi a:link { text-decoration: none; }
#navi a:visited { text-decoration: none; }
#navi a:hover { text-decoration: none; }
#navi a:active { text-decoration: none; }

/* --------------------------------------
 SIDE
-------------------------------------- */

#side h2 {
 margin: 0 0 5px 0;
 padding: 5px 0 5px 0;
 font-size: 12px;
 border-top-width: 2px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: dotted;
 border-top-color: #00CC33;
 border-bottom-color: #CCCCCC;
}

#side ul {
 margin: 0 0 20px 0;
 padding: 0 0 0 0;
 list-style-type: none;
 font-size: 11px;
 line-height: 135%;
}

#side .category li {
 background: url(http://www.maple-house.info/ceo/img/categorys.gif) no-repeat 0 1px;
 margin: 0 0 5px 0;
 padding: 0 0 0 18px;
 list-style-type: none;
}

#side .entry li {
 background: url(http://www.maple-house.info/ceo/img/entrys.gif) no-repeat 0 1px;
 margin: 0 0 5px 0;
 padding: 0 0 0 18px;
 list-style-type: none;
}

#side .faq li {
 background: url(http://www.maple-house.info/ceo/img/q.gif) no-repeat 0 1px;
 margin: 0 0 5px 0;
 padding: 0 0 0 17px;
}

#side .pickup li {
 background: url(http://www.maple-house.info/ceo/img/p.gif) no-repeat 0 1px;
 margin: 0 0 5px 0;
 padding: 0 0 0 17px;
}

/* --------------------------------------
 BANNER
-------------------------------------- */

#banner { background: url(xxx.jpg) no-repeat; margin: 0px 0 20px; }
#banner_inner { margin: 0 0 0 0; }
body#lineup #banner { background: url(xxx.jpg) no-repeat; }
body#gradeup #banner { background: url(xxx.jpg) no-repeat; }
body#plan #banner { background: url(xxx.jpg) no-repeat; }
body#case #banner { background: url(xxx.jpg) no-repeat; }
body#inquiry #banner { background: url(xxx.jpg) no-repeat; }

/* --------------------------------------
 Footer
-------------------------------------- */

.footer_link {
 font-size: 11px;
 text-align: center;
 border: 1px solid #CCCCCC;
 margin: 10px 0 0 0;
 padding: 10px;
 background-color: #f0f0f0;
}

.copy {
 font-size: 11px;
 text-align: center;
}

/* --------------------------------------
 MAIN
-------------------------------------- */

#mainimage {
 margin-bottom: 20px;
}

#pagetitle {
 padding:5px 9px;
 margin: 0 0 15px 0px;
 background-color: #01CCE9;
}
#pagetitle h1{
 margin:0;
 padding:0;
 color:#FFFFFF;
 font-size: 18px;
 font-weight: bold;
}

#page_link {
 padding:5px 9px;
 margin: 0 0 15px 0px;
 background-color: #01CCE9;
}

/* --------------------------------------
 PAGE
-------------------------------------- */

.entry_content {
margin: 10px 0px 10px 0px;
padding: 10px;
background: #DEECF6;
border: 1px solid #C6D7F1;
}

.entry_header {
padding: 5px 10px 5px 5px;
margin: 0px;
background-color: #EEEFF4;
color: #666666;
}

.entry_header h3 {
color: #333333;
padding-left: 20px;
}

.entry_body {
padding: 5px 25px 5px 25px;
margin: 0px;
background-color: #FFFFFF;
color: #000000;
}

.entry_footer {
padding: 0px 10px 5px 10px;
margin: 0px;
background-color: #FFFFFF;
color: #666666;
text-align: right;
}

/* --------------------------------------
 MARGIN
-------------------------------------- */

.m_b2 { margin: 0 0 2px }
.m_b5 { margin: 0 0 5px }
.m_b8 { margin: 0 0 8px }
.m_b10 { margin: 0 0 10px }
.m_b20 { margin: 0 0 20px }

/* --------------------------------------
 GLOBALNAVI
-------------------------------------- */

#globalnavi {
 height: 45px;
}

#globalnavi ul {
 padding: 0;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0px;
}

#globalnavi ul li {
 float: left;
 display: inline;
 margin: 0 0 0 0px;
}

#globalnavi ul li a {
 display: block;
 width: 120px;
 height: 45px;
 margin: 0;
 padding: 0;
 background-repeat: no-repeat;
 background-position: 0 0;
}

#globalnavi_bottom {
 height: 35px;
 margin-bottom: 10px;
}

/* --------------------------------------
 GLOBALNAVI (home)
-------------------------------------- */
/* home */
#globalnavi-home a { background: url(http://www.maple-house.info/ceo/img/globalnavi_home.gif); }
#globalnavi-home a:hover { background: url(http://www.maple-house.info/ceo/img/globalnavi_home_mOv.gif); }
/* lineup */
#globalnavi-lineup a { background: url(http://www.maple-house.info/ceo/img/globalnavi_lup.gif); }
#globalnavi-lineup a:hover { background: url(http://www.maple-house.info/ceo/img/globalnavi_lup_mOv.gif); }
/* gradeup */
#globalnavi-gradeup a { background: url(http://www.maple-house.info/ceo/img/globalnavi_gup.gif); }
#globalnavi-gradeup a:hover { background: url(http://www.maple-house.info/ceo/img/globalnavi_gup_mOv.gif); }
/* plan */
#globalnavi-plan a { background: url(http://www.maple-house.info/ceo/img/globalnavi_plan.gif); }
#globalnavi-plan a:hover { background: url(http://www.maple-house.info/ceo/img/globalnavi_plan_mOv.gif); }
/* case */
#globalnavi-case a { background: url(http://www.maple-house.info/ceo/img/globalnavi_case.gif); }
#globalnavi-case a:hover { background: url(http://www.maple-house.info/ceo/img/globalnavi_case_mOv.gif); }
/* inquiry */
#globalnavi-inquiry a { background: url(http://www.maple-house.info/ceo/img/globalnavi_inquiry.gif); }
#globalnavi-inquiry a:hover { background: url(http://www.maple-house.info/ceo/img/globalnavi_inquiry_mOv.gif); }