@charset "utf-8";
/*
Theme Name: free_sample009
Theme URI: http://theme.o2gp.com/
Description: free_sample009
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

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

*/

*{margin:0;padding:0;}

body{
font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000;
background: #4f5879;
}




a{color:#0099FF;text-decoration:underline;}
a:hover{color:#FF9900;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
background: #FFF;
margin: 0 auto;
width: 800px;
}

/*************
/* トップナビゲーション
*************/
#topnav {
	background: url(images/topnavi_bg.jpg) repeat-x;
	clear: both;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	overflow: hidden;
	width: 760px;
} 

#topnav li {
	display: inline;
}
  
#topnav li a {
	border-left: #ccc solid 1px;
	background-position: bottom;
	color: #000000;
	display: block;
	float: left;
	height: 35px;
	line-height: 30px;
	padding: 5px 21px 0px 21px;
	text-decoration: none;
	width: auto;
}

#topnav li a:hover {
	color: #666;
	background-image: url(images/topnavi_bg_over.jpg);
}



/*************
メイン（右側）コンテンツ
*************/
#main {
    line-height: 200%;
}

*html #main {margin-right: 0;}

#main h2{
border-style: solid;
border-color:#F90; 
border-width: 1px 1px 1px 5px; 
padding: 5px 10px; 
margin-bottom: 1em; 
background-color: transparent; 
font-size: 14px;
}

#main h3 {
font-size:15px;
color:#F30;
border-left: 5px solid #ff7a21;
font-weight:bold;
padding:6px 0 6px 10px;
margin-bottom: 10px;
}

#main h4 {
background-color:#fccbab;
color:#000000;
font-size:12px;
margin:20px 0;
padding:6px 0 6px 10px;
}

#main p {
padding: 0 0 15px 0;
}

#main #top_clients {
margin: auto;
width: 580px;
}

#main table#media  { border-collapse: collapse; border: #FEB733 solid 1px; margin: 0px auto 35px auto;  width: 600px;}
#main table#media td {padding: 0px 10px; }
#main table#media td.alt { background: #FFC; }
#main table#media td.title { padding: 3px 10px;} 

#main .mediaBox { border: #333 solid 1px; margin: 0px auto 25px auto; padding: 3px 10px; overflow: hidden; width: 600px;}

div.wp_social_bookmarking_light  {display: none;}

/* Adapted css from old css files */

.voiceBox {
    background-color: #FFFFFF;
    border: 2px solid #FEB733;
    font-size: 14px;
/*    margin: 10px auto 20px auto; */
    margin: 10px 90px 20px 90px;	
    padding: 10px;
    width: 600px;
	line-height:200%;
}

.voiceBox p{
        line-height: 140%; 
	padding: 0 0 20px 0;
	}


.voiceBox33 {
    background-color: #FFFFFF;
    border: 2px solid #FEB733;
    font-size: 14px;
/*    margin: 10px auto 20px auto; */
    margin: 10px  20px;	
    padding: 10px;
    width: 540px;
line-height:200%;
}

.voiceBox33 p{
        line-height: 140%; 
	padding: 0 0 20px 0;
	}


.comment {
/*    margin: auto; */
    margin: 10px 90px 20px 90px;		
    width: 600px;
}

ul.importantList {
background: url("images/bg_list.gif")repeat-y;
border:1px solid #CCCCCC;
padding:10px;
margin: 0 auto 30px auto;
width:450px;
}

ul.importantList li {
background: url("images/checkbox.gif") top left no-repeat;
background-repeat:no-repeat;
font-size:15px;
font-weight:bold;
line-height:150%;
list-style-type:none;
margin-bottom:5px;
margin-right:0;
margin-top:5px;
padding:0 0 5px 30px;
}

ul.importantListJan {
background: url("images/bg_list.gif")repeat-y;
border:1px solid #CCCCCC;
padding:10px;
margin: 0 auto 30px auto;
width:540px;
}

ul.importantListJan li {
background: url("images/checkbox.gif") top left no-repeat;
background-repeat:no-repeat;
font-size:15px;
font-weight:bold;
line-height:150%;
list-style-type:none;
margin-bottom:5px;
margin-right:0;
margin-top:5px;
padding:0 0 5px 30px;
}
.serviceItems {
    background-color: #fff9f9;
    border:#666 solid 1px;
    margin: 20px 0;
    padding: 6px 0 6px 10px;
}

 .btn {
background: -moz-linear-gradient(top,#0099CC 0%,#006699);
background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
border: 1px solid #DDD;
color:#FFF;
width: 100px;
padding: 10px 0;
}
ul.listCheck02 {
line-height:1.6;
list-style-image:url("images/checkbox.gif");
list-style-position:outside;
margin:10px 0;
padding:0 10px 10px 35px;
}

ul.listCheck02 li{
font-size: 14px;
margin-top: 20px;
}

ul.listCheck {
line-height:1.6;
list-style-image:url("images/checkbox.gif");
list-style-position:outside;
margin:10px 0;
padding:0 10px 10px 35px;
}

ul.listCheck {
font-size: 14px;
font-weight: bold;
margin-top: 20px;
}

ul.decimalList {
  background-image:url("images/bg_list.gif");
  background-position:left center;
  background-repeat:repeat-y;
  border:1px solid #CCCCCC;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  margin-bottom: 30px;
  width:450px;
}

ul.decimalList li {
	color: #F60;
	font-size:15px;
	font-weight:bold;
	line-height:150%;
	list-style-type:decimal;
	margin: 5px 30px 5px 40px;
	padding:0 0 5px 0;
}	

div ul.decimalList li span {color: #000; margin-left:0;} 

ul.EmpList  {
	background-color:#FC6;
	border:2px solid #FFFFFF;
	line-height:1.6;
	list-style-image:none;
	list-style-position:outside;
	margin:15px 10px;
}

ul.EmpList li {
	list-style-type:none;
	margin:0;
	font-weight:bold;
	font-size:16px;
}

p.detail  {text-align: center;}

table.detail  {
width: 640px;
height: 100%;
margin: 20px auto;
border: 2px #e2e3d7 solid;
}

table.detail thead th {
	color: #900;
	font-size: 130%;
	text-align: center;
	
}

table.detail td {
border: 1px #e2e3d7 ridge;
background-color:#FFFFFF;
padding: 10px 10px;
text-align: left;
vertical-align: top;
font-size: 14px;
color:#000;
}

table.detail th {
width: 200px;
border: 1px #e2e3d7 solid;
padding: 10px 10px;
text-align: left;
vertical-align: top;
font-size: 15px;
color:#000;
}


.regalData table {
	width: 100;
	border: 2px #d6dbdc solid;
	border-collapse: collapse;
}

.regalData td {
	border: 2px #d6dbdc solid;
	padding: 5px 10px;
}

.regalData th {
	border: 2px #d6dbdc solid;
	background-color: #F5F5DC;
	padding: 5px 10px;
	text-align: left;
}

.regalData th.center {text-align: center;} 

.consultingMenu table {
	border: 2px #e2e3d7 solid;
	height: 100%;
	width: 100%;

}

.consultingMenu th {
	color: #900;
	border: 1px #e2e3d7 solid;
	padding: 10px 10px;
	line-height: 1.5em;
	text-align: center;
	vertical-align: top;
}

.consultingMenu table td {
	border: 1px #e2e3d7 ridge;
	background-color:#FFFFFF;
	padding: 10px 10px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	color:#000;
}

ul.seminarContent {
	background-image: url(images/bg_list.gif);
	background-position:left center;
	background-repeat:repeat-y;
	border:1px solid #CCCCCC;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	margin-bottom: 30px;
	width:450px;
}

ul.seminarContent p {
	font-weight: bold;
	font-size: 17px;
	color: #900;
}

ul.seminarContent li {
	background: url(images/redsquare.gif) 0 4px no-repeat;
	color: #000;
	font-size:15px;
	font-weight:bold;
	line-height:150%;
	list-style-type: none;
	margin-bottom:5px;
	margin-right:0;
	margin-top:5px;
	padding:0 0 5px 22px;
}

.servicesTable table {
	width: 90%;
	border: 2px #FEB733 solid;
	border-collapse: collapse;	
	margin: 0 auto 20px auto;
}
.servicesTable table td {
	border: 2px #FEB733 solid;
	padding: 5px 10px;
}
.servicesTable table th {
	border: 2px #FEB733 solid;
	padding: 10px 10px 5px 10px;
}

.empBig{font-size:23px;	color:#F30; margin-bottom: 20px; font-weight:bold;}
.empLine{background-color: #FF9999;}
.empLineYellow {background-color:#FFFF99; padding: 2px;}
.empIndex25{margin: 0px 0px 10px 25px;}
.empRed {    color: #FF0000;    font-size: 11px;}
.textSmall {font-size: 0.9em; line-height: 1.3em;}

#main .line{border:#666 dotted 1px; width: 520px; margin-top: 10px; margin-bottom: 20px;}

/* 画像を右に回りこみ */

#date {
text-align: right;
padding-right: 15px;
padding-top: 0;
padding-bottom: 10px;
font-weight:bold;
color:#333333;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin-right: 10px;
    display: inline;
}
.alignright {
    float: right;
}

.textBold {font-weight: bold;}

.alignleft {
    float: left;
}

.aligncenter {text-align: center;}

/* Text Color */

.textRed {color: #FF0000;}


/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}


.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#fff;}
p.button a:hover{color:#333333;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}


/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}

/*************
/* フッター
*************/
#footer{
background: #FFA600;
border-top: #E86600 solid 10px;
border-botton: #E86600 solid 14px;
clear:both;
color: #FFF;
padding: 10px 0 10px;
margin:0 auto;
width:800px;

}

#footer a {color: #FFF; text-decoration: none;}

#footer h3 {padding:bottom: 3px; border-bottom: #FFF solid 2px; font-weight: bold; margin-bottom: 10px; width: 180px}

#footer .inner{
float: right;
padding: 0px 20px 10px 20px;
margin: 10px 0px 25px 0px;
}

.footer-menus table { float: right; font-size: 0.8em;}

/*#footer .inner ul {column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; text-align: left;}*/

#footer .inner ul li {list-style-type:square; font-size: 0.9em; line-height: 2em; margin: 0px 5px;}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

#copyright{
border-top: #E86600 solid 1px;
clear:both;
color: #FFF;
display:block;
font-style:normal;
font-size: 0.9em;
font-weight: bold;
line-height: 1.3em;
margin: 15px 20px 15px 200px;
padding: 10px 0 3px;
text-align: right;
}