/*
Theme Name:omhp
Description:オフィスメーション（リニュ）
*/

@charset "utf-8";

/*
========================================================
リセット
========================================================
*/


body {
    margin:0;
    padding:0;
    font-family:'Century Gothic',Arial, Helvetica, sans-serif;
    }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
    font-family:'Century Gothic',Arial, Helvetica, sans-serif;
    }

/*
========================================================
全体
========================================================
*/

body {
    margin:0;
	padding:0;
    font-size:12px;
	line-height:150%;
	text-align:center;
	color:#333;
    font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	background:url(images/body_back.jpg) repeat-x;
	}


img {
    border:none;
	}

table {
    border-collapse:collapse;
	}

.clear {
    clear:both;
	}

.clear hr {
    display:none;
	}

a:link, a:visited {
    color:#996600;
	}

a:hover {
    color:#FF9900;
	}

small {
    font-size:80%;
    }

ul {
    list-style-image:url(images/list_style_image.jpg);
    }


/*
========================================================
共通パーツ等
========================================================
*/

.box-headImg {
    display:block;
	} 

.moreInfo {
    text-align:right;
	margin:10px 0 30px auto;
	zoom:1;
	}

.moreInfo img {
    display:block;
	float:right;
	}
    

/*
========================================================
コンテナ
========================================================
*/

#container {
    width:900px;
	text-align:left;
	margin:0 auto;
	}

/*
========================================================
ヘッダー＆トップページメイン画像
========================================================
*/

#header {
    position:relative;
    height:85px;
	}

.header-home {
     background:url(images/hd_back_top.jpg) no-repeat;
	 }

.header-sub {
    background:url(images/hd_back.jpg) no-repeat;
	}
	
.headerNavi-common {
    position:absolute;
	top:22px;
	display:block;
    }
	
.headerNavi-01 {
    left:565px;
    }

.headerNavi-02 {
    left:671px;
    }

.headerNavi-03 {
    left:759px;
    }

.headerNavi-04 {
    left:846px;
    }
	
#logo {
    display:block;
	width:360px;
	height:85px;
	}
h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
    font-weight:normal;
    font-size:12px;
    }

h6,.eachPostBox strong {
    font-size:13px;
    font-weight:bold;
    color:#960;
    margin:5px 0 5px 0;
    border-left:0;
    padding-left:0;
    }

h6 {
    margin:20px 0 5px 0;
    border-left:3px solid #960;
    padding-left:6px;
    }
    


#logo img {
    display:block;
	}

#home-mainImage {
    height:364px;
	}

/*
========================================================
メイン部分
========================================================
*/

#main {
    padding:20px;
	}
	
/*　サイドバー　*/

#sidebar {
    width:190px;
	float:left;
	/*height:880px;*/
	overflow:visible;
	}

#sidebar div {
    padding-bottom:20px;
	}

.menuButton {
    display:block;
	}

/*a:hover.menu-01 {
    margin-bottom:150px;
	}*/

.menuButton img {
    display:block;
	}

/*　コンテント（サイドバーの右）　*/

#content {
    width:650px;
	float:right;
	}

/*　トップページのニュースのところ　*/

#home-centerBox {
    width:410px;
	float:left;
	}

.home-eachNewsBox, .home-eachSecurityBox, .home-eachOnlineShopBox, .home-eachWorksBox{
    padding:10px;
	border-bottom:1px dotted #999;
	}

.home-eachOnlineShopBox {
    border:none;
	}

.home-eachNewsBox p {
    margin-bottom:5px;
	}

.newsDate {
    display:block;
	float:left;
	width:80px;
    font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	text-align:center;
	background:#000;
	color:#fff;
	font-weight:bold;
	}

.newsTitle {
    display:block;
	float:right;
	width:300px;
}

.newsTitle-categoryPage {
    display:block;
	float:right;
	width:540px;
	}

.newsTitle-singlePage {
    display:block;
	float:right;
	width:540px;
	font-size:14px;
    font-weight:bold;
	color:#000;
	}

#zengoPost {
	margin:30px;
	padding:10px 10px 10px 10px;
	border:1px dotted #ccc;
	zoom:1;
	}

#zengoPost p {
    margin:0;
	padding:0;
	line-height:150%;
	}


.home-eachSecurityBox .security-mark {
    width:140px;
	float:left;
	margin-right:15px;
	text-align:align;
	}
	
.home-eachSecurityBox img {
    display:block;
    margin:0 auto;
	}

.home-eachSecurityBox p {
    float:left;
	width:230px;
	}



/*　トップページの右サイドバー　*/

#home-rightSidebar {
    width:220px;
	float:right;
	}

.home-eachOnlineShopBox {
    text-align:center;
	}

.works-screenShot {
    display:block;
	margin-bottom:5px;
	width:200px;
	}
	
.works-siteName {
	font-weight:bold;
	color:#690;
	line-height:120%;
	padding:0;
	margin:0;
	}

.works-siteName a {
    color:#690;
	}

.works-siteUrl {
    font-size:9px;
	color:#666;
	line-height:110%;
	padding:0;
	margin:0;
    font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	}

/*
========================================================
フッター
========================================================
*/

#footer {
    height:100px;
	background:url(images/footer.jpg) repeat-x;
	text-align:center;
	color:#fff;
	font-size:10px;
	}

#footer a {
    color:#fff;
    }

#footer #copyright {
	font-size:11px;
	padding:0;
	margin:0;
	}

/*
========================================================
詳細ページ
========================================================
*/

#titlebar {
    display:block;
	margin-bottom:20px;
	}

#description {
    padding:0 10px 15px 10px;
	margin:0;	
	}
	
#description  p {	
    margin:0;
	padding:0;
	}
	
	
.eachPostBox {
    margin:0 10px 20px 10px;
    }

.eachPostTitle {
    border-left:6px solid;
	border-bottom:1px dotted;
	padding:5px 0 5px 12px;
	margin-bottom:10px;
	}

    .fs {
	border-color:#fc0;
	}
	
	.foc {
	border-color:#00f;
	}
	
	.about {
	border-color:#f00;
	}
	
	.solutions {
	border-color:#f60;
	}
	
	.idc {
	border-color:#6c0;
	}
	
	.recruitment {
	border-color:#039;
	}
	
	.iso27001 {
	border-color:#90f;
	}
	
	.privacy, .links, .sitemap, .contact {
	border-color:#F9C;
	}
	
.midCatTxtImg {
    display:block;
	padding:30px 0;
	}

.eachPostSquareImg {
    width:150px;
    display:block;
	float:left;
	}

.eachPostBox .withImg {
    width:465px;
	float:right;
	padding:0;
	margin:0;
	}
	
.eachPostBox .withoutImg {
    width:600px;
	margin:0 auto;
	padding:0;
	}

.withoutImg table {
    width:600px;
    border:0;
	margin-bottom:20px;
	}

.withoutImg th {
    white-space:nowrap;
	color:#993300;
	text-align:right;
	vertical-align:top;
	border-bottom:1px dotted #999;
	padding:5px;
	}

.withoutImg td {
    border-bottom:1px dotted #999;
	padding:5px;
    }

.alignleft {
    float:left;
	margin:0 15px 15px 0;
	}

.eachPostBox ul {
    margin-left:30px;
    }
    

.withoutImg ol {
    margin:0;
    margin-left:30px;
	padding:0;
	}

.withoutImg ol li {
    margin:0;
    margin-bottom:5px;
	padding:0;
	}
	
.toTop {
    margin:11px;
    border-top:1px dotted #999;
	color:#666;
    text-align:right;
    font-size:10px;
	font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	line-height:100%;
	padding:10px;
	font-weight:bold;
	}

.toTop a:link, .toTop a:visited {
    color:#999;
	text-decoration:none;
	}

.toTop a:hover {
    color:#999;
	text-decoration:underline;
	}

/*
========================================================
オープンカレッジのページ
========================================================
*/

.foc-cut-01 {
    display:block;
	margin-right:15px;
	float:left;
	}

.description span {
    display:block;
	float:left;
	}

#foc-2Courses {
    margin:30px 0;
    }

.foc-eachCourse {
    width:310px;
	float:left;
	margin-right:14px;
	}

img.foc-eachCourseTitle {
    display:block;
	margin-bottom:15px;
	}

img.foc-cut-02-03 {
    display:block;
	margin:0 auto;
	padding:10px 0;
	zoom:1;
	}

img.foc-cut-04 {
    display:block;
	padding:10px 0 50px 0;
	zoom:1;
	}

img.foc-cut-05 {
    display:block;
	margin:0 auto 20px auto;
	}

/*
========================================================
制作実績
========================================================
*/

.oneJisseki {
    border-top:1px dotted #ccc;
	padding-top:15px;
	}

img.jisseki-screenShot {
    display:block;
	float:left;
	width:300px;
	border:1px solid #ccc;
	}

div.jisseki-info {
    float:right;
	width:310px;
	}

.jisseki-info p {
    margin:0;
	padding:0;
	}

.jisseki-info .jisseki-siteName {
    font-size:13px;
	font-weight:bold;
    border-left:3px solid;
	padding-left:6px;
	color:#6c0;
	}

.jisseki-info .jisseki-siteURL {
    border-left:3px solid #960;
	padding-left:6px;    
    font-size:11px;
	margin-bottom:30px;
	}

/* other */

img.wide-img {
    display:block;
    margin-bottom:10px;
    }

.sitemap-post, strong.sitemap-post, .sitemap-post a:link, .sitemap-post a:visited {
    color:#333;
    }

.sitemap-post a:hover {
    color:#f90;
    }

.catalogue {
    clear:both;
    text-align:right;
    margin:10px;
    }

/* contact */
table.contact {
    border:1px solid #999;
    }

table.contact th,table.contact td {
    padding:3px;
    border:1px solid #999;
    }

table.contact th {
    background:#ccc;
    color:#432;
    text-align:center;
    }

table.contact td {
    text-align:center;
    }

table.contact td.naiyo {
    text-align:left;
    width:50%;
    font-weight:bold;
    }

table.contact td.tanto {
    text-align:left;
    width:20%;
    color:#555;
    }

#container #sidebar ul.noDropDown {
    list-style:none;
    padding:0;
    margin:0;
    }

#container #sidebar ul.noDropDown a,
#container #sidebar ul.noDropDown img,
#container #sidebar ul.noDropDown li {
    padding:0;
    margin:0;
    display:block;
    }