/*
Theme Name: ISO27001
Theme URI: http://phpbb.xwd.jp/viewforum.php?f=20
Description: This theme uses it to test for ME. based on the famous <a href="http://www.lrm-corp.jp/">LRM</a>.
Version: 3.0
Author: LRM
Author URI: http://www.lrm-corp.jp/
*/


@charset "UTF-8";

*{
 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;
}

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

body{
 font: 76% arial,sans-serif;
 text-align:center;
 background:url("images/bg.jpg") repeat-x;
}

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

div#container{
 text-align:left;
}

div#container{
 width:840px;
 margin:0 auto;
}

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

div#header {
 font-size:12px;
 height:190px;
}

div#header h1 {
 font-size:12px;
 font-weight:normal;
 margin-top:10px;
 float:left;
 width:590px;
}

div#header .div.title p {
 float:right;
}

div#header div.title img {
 margin-right:10px;
}

div#header div.meta {
 clear:both;
 padding-top:5px;
}

div#header h2 {
 float:left;
}

div#header div.meta p {
 float:right;
}

div#header ul {
 clear:both;
}

div#header li {
 list-style:none;
 float:left;
}


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

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

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

div#content{
 margin:10px 220px 10px 15px;
 width:600px;
 line-height:1.8em;
 color:#333;
}


div#content p.txt {
 margin:10px;
}

div#content div.block {
 margin-top:30px;
}

div#content h3,
div#main h3 {
 font-size:16px;
 width:560px;
 height:33px;
 background:url("images/title_bg.jpg") no-repeat;
 padding:12px 0 0 40px;
 margin-top:5px;
 margin-bottom:10px;
}

div#content h4 {
 font-size:14px;
 border-left:8px solid #08427C;
 border-bottom:1px solid #ccc;
 padding:5px 0px 5px 15px;
 margin:20px 0px 10px 0;
}

div#content h5,
div#content h6 {
 font-size:small;
 margin-bottom:10px;
}

div#content .point {
 color:#c00;
}

div#content div.planlist p {
 margin:10px;
}

div#content div.planlist p.btn_detailplan {
 text-align:right;
}

div#content ul {
 list-style-image:url("images/arrow.jpg");
 margin:10px 10px 20px 30px;
}

div#content p.about_course {
 height:20px;
 width:350px;
 font-size:14px;
 color:#FFF;
 background-color:#08427C;
 margin:5px 3px;
 padding:6px;
}

div#content div.about_course {
 width:380px;
 float:left;
}

div#content table,
div#main table {
 width:600px;
 margin-top:20px;
}

div#content table,
div#content th,
div#content td,
div#main table,
div#main th,
div#main td {
 border-collapse:collapse;
 border-spacing:0;
 border:1px solid #006;
}

#content th,
#content td {
 padding:10px;
}


/* ================ navigation ================== */

div#navigation {
 margin-left:-210px;
 margin-bottom:20px;
 float:left;
 width:210px;
 line-height:140%;
 font-size:12px;
}

div#navigation div.navibox {
 background:url("images/nnavi_bg_middle.jpg") repeat-y;

 margin-bottom:20px;
}

div#navigation div.boxtop {
 height:10px;
 width:210px;
 background:url("images/nnavi_bg.jpg") no-repeat;
 background-position:top left;
}

div#navigation div.boxbottom {
 height:10px;
 width:210px;
 background:url("images/nnavi_bg.jpg") no-repeat;
 background-position:bottom left;
}


div#navigation h3,
div#navigation h4,
div#navigation ul {
 margin-left:5px;
}

div#navigation h3 {
 margin-bottom:10px;
}

div#navigation ul {
 list-style-image:url("images/nnavi_arrow.jpg");
 margin:10px 10px 20px 30px;
}
div#navigation li {
 margin-bottom:10px;
}

div#navigation div.nnavi_company {
 width:208px;
 height:155px;
 background:url("images/nnavi_company.jpg") no-repeat;
 margin-left:1px;
}

div#navigation div.nnavi_company ul {
 padding-top:73px;
 margin-left:40px;
}

div#navigation .company_link {
 text-align:center;
 margin:10px 0px;
}

div#navigation div.blog {
 border:1px solid #999;
}

div#navigation div.blog h3 {
 margin:0px;
}

div#navigation div.blog dt {
 margin:0px 10px;
}

div#navigation div.blog dd {
 margin:0px 10px 10px 10px;
}

div#navigation #map {
 margin-left:16px;
}

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

div#footer {
 clear:left;
 width:100%;
 margin-bottom:30px;
 padding-top:20px;
 background:url("images/f_bg.jpg") repeat-x;
}

div#footer p {
 font-size:12px;
}

div#footer div#f_links div.contents {
 width:158px;
 margin-right:10px;
 margin-bottom:20px;
 float:left;
}

div#footer div#f_links div.contents h4 {
 margin-bottom:10px;
}

div#footer div#f_links div.contents li {
 margin-left:20px;
 list-style-image:url("images/arrow.jpg");
 margin-bottom:5px;
 line-height:140%;
}

div#footer div#f_logo,
div#footer div#f_navi,
div#footer div#f_contact {
 float:left;
 margin-bottom:10px;
}

div#footer div#f_logo {
 width:230px;
}

div#footer div#f_navi {
 width:300px;
 text-align:center;
}

div#footer div#f_contact {
 width:310px;
}

div#footer p#f_copy {
 clear:left;
 text-align:center;
 margin-top:10px;
}

/* ================ index_page ================== */
body#index div#header {
 height:390px;
}

body#index div#header p.mainvisual {
 clear:both;
 position:absolute;
 top:180px;
}

body#index div#content p.idx_btn img {
 margin:0px 10px 10px 0px;
}

body#index div#content div.idx_planbox {
 width:295px;
 float:left;
 margin:15px 0px 0px 0px;
 border:1px solid #999;
 font-size:12px;
 height:310px;
}

body#index div#content ul.whatsnew li {
 list-style:none;
 margin-bottom:5px;
 border-bottom:1px dashed #ccc;
 padding-bottom:5px;
}

body#index div#content div.idx_planbox p.txt {
 margin:10px;
}

body#index div#content div.idx_planbox ul {
 list-style-image:url("images/arrow.jpg");
 margin:10px 10px 20px 30px;
 height:100px
}

body#index div#content div.shinki,
body#index div#content div.option {
 margin-right:5px;
}

body#index div#content div.shinki {
 background:url("images/cidx_bg_shinki.jpg") no-repeat;
 background-position:right bottom;
}

body#index div#content div.unyo {
 background:url("images/cidx_bg_unyo.jpg") no-repeat;
 background-position:right bottom;
}

body#index div#content div.option {
 background:url("images/cidx_bg_option.jpg") no-repeat;
 background-position:right bottom;
}

body#index div#content div.seminar {
 background:url("images/cidx_bg_seminar.jpg") no-repeat;
 background-position:right bottom;
}

body#index div#content p {
 margin-bottom:10px;
}

body#index div#content p.tokucho {
 margin:10px 10px 20px 10px;
}

/* ================ content_page ================== */

#content .contactform {
 margin-top:30px;
}

#content .contactform p {
 margin-top:10px;
}

/* ================ contact_page ================== */


div#main {
 width:600px;
 margin-left:110px;
}

div#main p {
 margin:10px 0px;
}

div#main th,
div#main td {
 padding:10px;
}


/* ================ isms_unyou page redesign(20100614)================== */
#content #blonze {
	float: left;
	width: 190px;
	margin-right: 15px;
}
#content #silver {
	float: left;
	width: 190px;
	margin-right: 15px;
}
#content #gold {
	float: left;
	width: 190px;
}
#content #price p {
	margin: 0px;
	padding: 0px;
}
#content #price ul {
	height: 130px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: -8px 0px 0px;
	padding: 10px 0px 0px;
}
#content #price li {
	font-size: 14px;
	margin: 0px 0px 0px 35px;
	line-height: 160%;
	padding: 0px;
}
#content #price p {
	margin-top: 15px;
}
#content #notation {
	width: 570px;
	padding-bottom: 10px;
	padding-left: 30px;
	clear: both;
	border: 1px solid #CCCCCC;
}
#content #application {
	width: 600px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 20px;
	background-color: #F3F3F7;
}
#content #application img {
	margin-right: 36px;
	margin-left: 62px;
}

#content .service {
	width: 300px;
}
#content .service img {
	float: left;
}
#content .service dl {
	width: 195px;
	float: left;
}
#content .service dt {
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	line-height: 130%;
	margin-bottom: 10px;
}
#content .service dd {
	padding-right: 10px;
	line-height: 140%;
}
#content .f_left {
	float: left;
}
#content #performance {
	padding-left: 10px;
}
#performance ul {
	float: left;
}
#performance li {
	margin-right: 50px;
}
#content #performance p {
	clear: both;
}

/* ================ isms_zenkokutaiou page redesign(20100621)================== */

#content #areamap {
	background-image: url("images/bg_areamap.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 460px;
	font-size: 14px;
	margin: -20px 0px 0px;
	padding: 0px;
}

#content #zenkoku {
	margin-top: 10px;
}

#content #areamap .txt {
	padding-top: 10px;
}

#content #areamap dl {
	margin-top: 10px;
	margin-left: 30px;
}

#content #areamap #osaka {
	background-image: url("images/bg_icon_osaka.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 40px;
	padding-left: 40px;
	margin-bottom: 10px;
}

#content #areamap #tokyo {
	background-image: url("images/bg_icon_tokyo.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 40px;
	padding-left: 40px;
	margin-bottom: 10px;
}

#content #areamap #fukuoka {
	background-image: url("images/bg_icon_fukuoka.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 43px;
	padding-left: 40px;
	margin-bottom: 10px;
}