@charset "utf-8";
/*
Theme Name: CEO
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{
 margin:0;
 padding:0;
}

img {
 border:0;
}

em {
 font-weight:bold;
 color:#c00;
 font-style:normal;
}

a:hover{
 text-decoration:none;
}

a:active{
 color:#666;
}

.btn {
 text-align:center;
}

.clear {
 font-size:0px;
 clear:left;
}

.error {
 color:#c00;
}

.must {
 color:#c00;
 font-weight:bold;
}

.images {
 margin:0px 10px 10px 0px;
}

.totop {
 text-align:right;
 margin:10px 0px 0px 30px;
}

.r_link {
 text-align:right;
 margin:10px;
}

.breadcrumb {
 margin:10px;
}

.center {
 text-align:center;
}

html,body{
 margin:0;
 padding:0;
}

body{
 font: 76% arial,sans-serif;
 text-align:center;
 background:url("images/h_bg.jpg") no-repeat;
 background-position: center 30px;
}

/* ================ container ================== */

div#container{
 width:960px;
 text-align:left;
 margin:0 auto;

}

/* ================ header ================== */

div#header {
 height:430px;
}

div#header p#lrmsite {
 font-size:0px;
 margin-left:800px;
 text-indent:-9999px;
}


div#header p#lrmsite a {
 width:160px;
 height:70px;
 display:block;
 text-align:right;
 background:url("images/h_logo.jpg") no-repeat;
}

div#header h1 {
 font-size:12px;
 font-weight:normal;
 text-indent:-9999px;
}

div#header h1 a{
 margin:0;
 display:block;
 width:960px;
 height:360px;
 background:url("images/h_title.jpg") no-repeat;
}



/* ================ wapper ================== */

div#wrapper{
 float:left;
 width:720px;
 background:#fff;
}

/* ================ content ================== */

div#content{
 width:720px;
 font-size:small;
 background:#fff;
 line-height:140%;
}

div#content div.box{
 width:658px;
 margin:0px 10px 20px 10px;
 padding:20px;
 border:1px solid #004185;
}

div#content h2 {
 width:680px;
 margin-left:10px;
 background:#004185;
 padding:10px;
 font-size:small;
 color:#fff;
}

div#content h2 a {
 color:#fff;
}

div#content p.meta {
 margin-bottom:20px;
 text-align:right;
 color:#666;
}

div#content div.bookmark {
 margin:20px 0px;
 text-align:right;
}

div#content h4 {
 color:#004185;
 margin:10px;
 dont-size:small;
 border-bottom:1px dashed #004185;
 padding:5px
}

div#content ul {
 margin-bottom:20px;
}

div#content li {
 margin-bottom:5px;
 list-style-image:url("images/arrow.jpg");
 margin-left:40px;
}

div#content h5 {
 font-size:small;
}

div#content input,
div#content textarea {
 width:600px;
 margin-bottom:10px;
}

/* ================ extra ================== */

div#extra{
 float:left;
 width:240px;
 margin-left:0px;
 line-height:140%;
 background:#fff;
}

div#extra h3{
 width:210px;
 background:#004185;
 padding:10px;

 font-size:small;
 color:#fff;
 margin-bottom:10px;
}

div#extra .box{
 width:210px;
 margin-bottom:20px;
 padding:10px;
 text-align:center;
}

div#extra p.profile {
 text-align:center;
 text-indent:-9999px;
}


div#extra p.profile a {
 width:210px;
 height:226px;
 display:block;
 background:url("images/yukimatsu.jpg") no-repeat;
}

div#extra p.profile a:hover {
 background:url("images/yukimatsu_on.jpg") no-repeat;
}

div#extra img {
 margin-left:20px;
}

div#extra li {
 margin-bottom:5px;
 list-style-image:url("images/arrow.jpg");
 margin-left:20px;
}

div#extra ul,
div#extra dl {
 text-align:left;
}

div#extra dt {
 font-weight:bold;
}

div#extra dd {
 margin:0px 0px 10px 10px;
}

/* ================ footer ================== */

div#footer {
 clear:left;
 width:100%;
 height:854px;
 text-align:center;
 background:url("images/f_bg.jpg") no-repeat;
 background-position: center bottom;
 font-size:12px;
}

div#footer p {
 font-weight:bold;
}

div#f_link {
 margin-top:30px;
}

/* scroll ----------------------------------------------- */
div#moaful_header {
 width:100%;
 background:#fff;
 height:30px;
}

p#moaful_slogo {
 width:160px;
 margin-top:0px;
}

div#scroll-v div {
 width:480px;
 font-size:12px;
}

div#scroll-v,
p#moaful_slogo {
 float:left;
 text-align:left;
 font-size:12px;
}

p#moaful_slogo {
 margin-left:10px;
 margin-top:0px;
}

p#moaful_bar {
 text-align:right;
 margin-right:10px;
 font-size:12px;
}

p#moaful_bar a {
 text-decoration:none;
}

p#moaful_bar img {
 margin-right:5px;
 padding-top:5px;
}

div#scroll-v div {
 margin-left:5px;
}

div#scroll-v2 {
 margin:0px;
 background:#eee;
 margin-bottom:30px;
}

div#scroll-v2 div {
 width:1200px;
 padding-left:10px;
 text-align:left;
}

div#scroll-v2 span {
 display:block;
 width:150px;
 height:29px;
 background:url("https://www.moaful.com/images/staff_slogo.jpg") no-repeat;
 float:left;
}