/*
Theme Name: IPSISM
Theme URI: http://ipsism.co.jp/
Description: Original WordPress theme.
Author: Ips Ism
Author URI: http://ipsism.co.jp/
*/


body{  
margin:0px;
font:normal 12px/20px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

color:#484848;
background: #151923 url(images/bg.gif) top center no-repeat; 
}

* html {
margin:0;padding:0;
}

.imgborder
{
background:#FFFFFF;
padding:3px;
border:1px solid #ccc;
}
.imgborder:hover
{
background:#fff;
padding:3px;
border:1px solid #aaa;
}

.clear {
clear:both; 
}
.rightalign
{
float:right;
}
.leftalign
{
float:left;
}
.textleft
{
text-align:left;
}
.textright
{
text-align:right;
}

p { margin: 0 0 5px 0;}

a {
text-decoration:none;
color:#019dde;
}
a:hover
{
color:#019dde;
text-decoration: underline;
}

ul.pagesidebar{

color:#019dde;}


img	{
	border:0;
}
/*------------------------------------------------------
										Header css
------------------------------------------------------*/
.header {
height:80px;
background:url(images/top_bar.gif) no-repeat;
width:940px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:0px;
}
 
.slogan h5{
font:normal bold 14px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

color:#fff;
text-align:right;
vertical-align:middle;

}

.slogan p{
color:#fff;
margin:0;
line-height:12px;
text-align:right;
}

.logo{
width:50px;
height:50px;
float:left;
*margin: 5px 0 0 20px;*/
display:inline;
}

*:first-child+html #alImg6 img { /* IE7 Hack */
	margin-left: -5px;
}
 
.middle_content {
padding:10px 20px 10px 30px;
margin:0px 15px 0 0;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #CCC;
} 

#sslform .middle_content {
margin:20px 0px 0px 140px;
border: none;
width: 600px;
} 
  
/*------------------------------------------------------
										Backgrounds
------------------------------------------------------*/
.bg_top{
background: url(images/topmid.gif) no-repeat;
height:30px;
}

#sslform .bg_top{
background: none;
height: 0px;
margin: 0px;
_margin-top: -30px; /* IE6 Hack */
}

.bg_repeat{
background: url(images/mid.gif) repeat-y;
overflow:hidden;
height:100%;
}

.bg_bottom{
background: url(images/botmid.gif) no-repeat;
height:30px;
width:960px;
margin-left: auto;
margin-right: auto;
}

/*------------------------------------------------------
										Subheader
------------------------------------------------------*/
.subheader{
background: url(images/subheader.png) center top no-repeat;
height:110px;
position:relative;
margin-bottom:20px;
}

.subheader h2{
color:#fff;
padding:30px 0 0 20px;
}
.subheader p{
padding:40px 20px 0 0;
color:#FFFFFF;
}
.subheader span
{
color:#fff;
position:absolute;
bottom:10px;
left:25px;
}

/*------------------------------------------------------
										Headings
------------------------------------------------------*/
h1{
font: normal 30px/30px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

padding:0 0 0 0;
margin:0 0 5px 0;
color:#000;
margin-top:13px;
}

h2{
font: normal 26px/30px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
color:#444847;
margin:0 0 5px 0;
}

h3{ 
font: normal 22px/26px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
color:#484848;
padding:0 0 0 0;
margin:0 0 5px 0;
}

h4{ 
font: normal 20px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
color:#575757; 
padding:0 0 0 0;
margin:0 0 5px 0;
}

h5{ 
font: normal 16px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
color:#5d5d5d; 
padding:0 0 0 0;
margin:10px 0 5px 0;
}

h6{ 
font: italic normal 11px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

color:#4D4C4C; 
padding:0;
margin:0 0 5px 0;
}

/*------------------------------------------------------
										News lists
------------------------------------------------------*/
.sidebar h2{
padding:0 0 0 10px;
	}
ul.newslist
{
margin:10px 0px 10px 0;
padding:0;;
}

ul.newslist li
{
padding:3px 0 3px 5px;
margin-bottom:5px;
color:#666666;
list-style-type:none;
}
ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active
{
padding:3px 0px;
font: normal 30px/30px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

color:#959595;
text-decoration:none;
}

ul.newslist li a:hover
{
color:#000;
padding:3px 0px;
text-decoration:none;
}

ul.newslist li span
{
font-weight:bold;
display:block;
text-decoration:underline;
color:#959595;
}
/*------------------------------------------------------
								left Sidebar Menu
------------------------------------------------------*/		
.submenu {
margin:0 0px 20px 0px;
text-align:left;
}

.submenu ul {
margin:0;
list-style:none;
padding:0 0px;
}

.submenu li a {
margin:0;
height:18px;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a {
margin:0 0 0 0;
border:1px solid #eee;
text-decoration:none;

}

.submenu li li a:link, .submenu li li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li a:link, .submenu li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li.current a {
text-decoration:none;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
color:#1e98b0;
border-bottom:1px solid #1e98b0;
}

.submenu li a:hover {
color:#1e98b0;
padding:6px 10px;
z-index:100;
text-decoration:none;
border-bottom:1px solid #1e98b0;

}

/*------------------------------------------------------
							home and Service page
------------------------------------------------------*/
.servicebox{
margin-left:0px;
padding:0px 0 25px 0;
border :1px solid #ddd; 
margin-bottom:20px;
}
.servicebox p, .servicebox ul.listitems,
{
margin:0 15px 0 0;

}
.servicebox p	{
margin-right:15px;

}

.servicebox h4, .servicebox2 h4
{
background:url(images/service_top.html) repeat-x;
height:42px;
margin:0;
padding:5px 5px 20px 25px;
margin:0px;color:#5c5c5c;

}
.servicebox	img	
{
margin:0 10px 20px 20px;

}

.servicebox2
{
border :1px solid #ebecf1; 
overflow:hidden;
height:100%;
padding:0px 0 15px 0;
margin-bottom:20px;
}

.servicebox2 p
{
margin:0;
padding:0px 10px 0 100px;
margin:0px 0px 0 0;
}

.servicebox2 img
{
border-right:1px solid #ddd;
margin-left:10px;
margin-right:0px;
padding-right:5px;
}

.readmore
{
margin:5px 0px 0px 0;
color:#fff;
padding:1px 10px 2px 10px;
text-decoration:none;

}

.link {
	overflow:hidden;
}

.link a
{
margin:5px 0px 0px 0;
color:#fff;
background:#1e98b0;
padding:1px 10px 2px 10px;
text-decoration:none;
float:right;

}

a.more-link,a.post-edit-link {
	/*display:block;*/
	color:#1e98b0;
	margin-top:10px;
}
a.readmore:hover
{
color:#fff;
background:#1e98b0;
text-decoration:none;
}

/*------------------------------------------------------
										Team list
------------------------------------------------------*/
ul.team {
display:inline;
clear:both;
margin:0;
padding:0;
}

ul.team li {
color:#000;
display:block;
overflow:auto;
height:100%;
background:#FFFFFF;
vertical-align:bottom;
border:1px solid #ddd;
border-top:2px solid #c3c3c3;
margin:0 5px 20px 0;
padding:10px 15px;
list-style:none;
}

ul.team li	img {
padding-bottom:5px;
float:left;
margin-right:20px;
border-right:1px solid #e8e8e8;
padding-right:20px;
}

ul.team li small {
color:#a1a1a1;
font:normal 11px georgia, Arial, Helvetica, sans-serif;
margin:0;
}

/*------------------------------------------------------
										blog page
------------------------------------------------------*/  
.content-box{ 
padding:0px;
margin:0 0 20px 0;
overflow:hidden;
height:100%;

}

.content-box h4{
color:#019dde;
border-bottom:3px solid #019dde;
padding:0 0 3px 0;
margin-bottom: 10px;
}

.content-box h5{
color:#019dde;
}

.content-box p
{
padding:5px 0 10px;
}



.content-box img
{
margin:20px 10px 0 0px;
}

.post-info{
text-transform:uppercase;
font-size:9px;
margin:0px;
padding:0px;
color:#000; 
}

.comments
{
padding:0px 5px 0 0;
margin:0px;
}

.comments a		 { color:#777; text-decoration:none; font-weight:bold;}
.comments a:hover	 { color:#69452e; text-decoration:none;}


/*------------------------------------------------------
									portfolio page
------------------------------------------------------*/
.port-box{ 
border-bottom:3px solid #1e98b0;
margin-bottom:20px;
}

.imagebox	{
background:#f2f2f2;
overflow:auto;
height:100%;
padding:5px;
}

.details	{
float:right;
width:300px;
}

/*------------------------------------------------------
										Top menu
------------------------------------------------------*/
.topmenubg	{
width:960px;
background: url(images/menu_bg2.jpg) no-repeat;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
height:40px;

}

.topmenu
{
margin-left:20px;
padding-top:5px;
}


#dropmenu, #dropmenu ul {margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:400; width:100%;  font-family:"Lucida Sans";}
#dropmenu a {display:block; padding:0.50em 0.45em; color:#036; border:1px solid #ddd; text-decoration:none; margin-right:2px;}
#dropmenu a:hover {color:#036; background:#ffffff;  }
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:15em; top:28px; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;background:#e4e4e4;}
#dropmenu li ul {border-top:1px solid #c8c8c8;width:14.2em;}
#dropmenu li ul a {width:15em; height:auto; float:left;  border-bottom:1px solid #ddd;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:15em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block; }
/*#dropmenu li.current_page_item a  {background:#e4e4e4; color:#000;  }*/
#dropmenu li.current_page_parent a {background:#fff; color:#000;}
#dropmenu li.current_page_parent li a {background:#e4e4e4;}
#dropmenu li.current-cat a {background:#e4e4e4; color:#000;}
#dropmenu li.current_page_item a {background:#fff;}
#dropmenu ul a:hover, #dropmenu li.current_page_parent li a:hover {border-left:1px solid #c8c8c8;background:#ffffff;}




/*------- COLORS --------*/

.yellow 	{ color:#FFCC33; }
.skyblue 	{ color:#9fe5ff; }
.gray 	{ color:#484848 !important; }
.white 	{ color:#ffffff; }

/*------- Table -------*/
/*
table{
border:none;
border-collapse:collapse;
margin:10px 0 10px 0;
}

td,th
{
border-bottom:1px solid #cacaca;
color:#4c4c4c;
padding:10px 15px;
}
th
{
background:url(images/table-head-mid.gif) repeat-x 0 0;
text-align:left;
padding-left:20px;
}
th.lefthead
{background:url(images/table-head-left.gif) no-repeat 0 0;
text-align:left;
padding-left:20px;
}
th.righthead
{background:url(images/table-head-right.gif) no-repeat right top;
text-align:left;
}

table a {text-decoration:none;}
table a:link {}
table a:visited {}

tbody tr:hover 		{background:#f1f1f1;}

tr.even
{
background:#f1f1f1;
}

*/
/*------------------------------------------------------
												Form
------------------------------------------------------*/
.map	{
	padding:3px;
	border:1px solid #CCCCCC;
	margin-left:0px;
}

/*------------------------------------------------------
											Footer
------------------------------------------------------*/
.footer
{
padding:30px 0;
color:#fff;
}

.leftsidebar {
padding:10px 10px 10px 20px;   
margin:0 0 0 15px;
}

/*.leftsidebar li {
list-style: none;
}*/


/*------------------------------------------------------
							Error / Success / Notice
------------------------------------------------------*/
.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}

		
/*------------------------------------------------------
									Looped Slider
------------------------------------------------------*/		
.container { width:228px; height:130px; overflow:hidden; position:relative; cursor:pointer; display:inline}
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:228px; display:none; }
.slides img { border:1px solid #ddd; padding:3px; background:#FFFFFF; }
/*
* Optional
*/
.loopedSlider,.newsSlider { width:230px; float:left; padding:25px 0 10px 20px;}
ul.pagination { list-style:none; padding:0; margin:0; float:left;}
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 6px; margin-right:3PX; }
ul.pagination li.active a { background:#1e98b0; color:white; }	
ul.pagination li a:hover  { background:#d7d7d7; color:#000000;         }
.previous	{ margin:0;  }
.next	{ margin:0;  padding:0 0 0 10px;}	
.links   {  float:right; width:100px; }




/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

/*a img {
	border: none;
	}*/

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow:hidden;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.content-box .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}



.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}


#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.content-box .post {
	margin: 0;
	}

.content-box .postmetadata {
	padding-top: 5px;
	}

.content-box .postmetadata {
	margin: 30px 0;
	}

.content-box .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.content-box .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

/* End Structure */


.another-grid1{
/* Contact us info */
float:left;
height:60px;
width:240px;
/*padding-right:8px;*/
margin-top:20px;
text-align:right;
margin-left:80px;
display:inline;
}

.another-grid2{
/* logo */
width:60px;
height:70px;
float:left;
vertical-align:middle;
/*margin:10px 15px 0px 30px;*/
margin-left:30px;
margin-top:10px;
display:inline;
}

.another-title{
display:inline;
height:70px;
width:250px;
float:left;
display:inline;
line-height:8px;
margin-top:5px;
}

.webtitle a{
font: normal 32px/30px Arial, Helvetica, Sans-Serif;
color:#000;
letter-spacing:0.05em;
}

.webtitle a:hover{
text-decoration: none;
}

.description{
font-size:12px;
line-height:12px;
}

.another-info{
color:#666;
text-align:right;
font-size:10px;
line-height:8px;

}

p.another-contact{
font: normal 20px Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

padding:0;
color: red;
line-height:18px;
}

.another-search{
display:inline;
width:240px;
height:55px;
float:left;
/*margin-top:5px;*/
vertical-align:top;

}

.footer-banner{
background-color: #FFF;
width:918px;
padding-left:17px;
padding-right:5px;
height:80px;
margin-left: auto;
margin-right: auto;
}

.footer-banner table{
/* div for the banner in footer (ex. pinoylife, accessplus, etc.) */
float: left;
width: 780px;
height: 50px;
margin-left: 40px;
margin-top:20px;
display:inline;}

.privacy_mark{
float: right;
width: 66px;
height: 66px;
margin-right: 20px;
margin-top:10px;
display:inline;
}


.boxcontent{
/* Main container for the teasers and twitter */
float:left;
width:860px;
height:330px;
margin-left:50px;
display:inline;
}


.boxteaser{
/* container for teaser of post (one by one) */
float:left;
background:url(images/top_column_bg280-150.png) no-repeat;
height:150px;
width:280px;
margin-right:10px;
margin-bottom:15px;
display:inline;

}

.excerpttitle{
/* container for the title of post */
float:left;
width:280px;
margin-top:13px;
margin-bottom:7px;
}

p.excerpttitle{
font-size:16px;
font-weight:bold;
text-align: center;
}

.excerptcontent{
/* container for the excerpt alone */
width:260px;
height:90px;
float:left;
margin-left:10px;
line-height: 130%;
}

.boxtwitter{
float:left;
width: 270px;
height:315px;
margin-left:10px;
display:inline;
}

.boxexcerpt{
/* container for the 4 teaser/excerpt of post */
float:left;
width:580px;
display:inline;
}

.footerlogo{
float:right;
width:63px;
height:70px;
background:url(images/footerlogo.gif);
margin-left:60px;
display:inline;
}

.footernotes{
width:940px;
height:auto;
background:#666666;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-bottom:5px;
}

.footerlink a, .footerlink {
color:#FFFFFF;
}

.footerlink a:hover{
color:#FFCC00;
text-decoration: none;
}

p.footercopyright{
color:#FFFFFF;
font-size:11px;
}



.qtrans_language_chooser { list-style-type:none; }


/*------------------------------------------------------
											housekeeper
------------------------------------------------------*/
#tab_house {
	display: table-column;
	height: 50px;
	width: 423px;
}

#tab_house .size-full wp-image {
	padding: 0px;
	margin: 0px;
}



/*------------------------------------------------------
													BPO
------------------------------------------------------*/  

.bpo .blue-box {
	font-size: 9px;
	color: #FFF;
	background: #09F center center;
	text-align: center;
	display: block;
	width: 40px;
	margin-right: 5px;
	padding-bottom:3px;
	float: left;
	height: 14px;
}
*:first-child+html .bpo .blue-box {
	width: 48px;
}
.bpo dl {
	font-size: 11px;
	margin:4px;
	zoom:1;
}
.bpo dt {
	font-size: 12px;
	font-weight: bold;
}

.bpo dd {
	margin: 0 0px 4px 0px;
	float: left;
}
.bpo dd:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	zoom:1; 
}
.bpo table caption {
	color: #09F;
	font-size:15px;
	font-weight: bold;
	padding-bottom:5px;
	text-align: left;
}
.bpo .customers {
	clear: both;
	margin: 50px 0 30px 0;
	zoom:1;
}
.bpo .customers table {
	padding:  0;
	border-top: 1px solid #09F;
	border-left: 1px solid #09F;
}
.bpo .customers td {
	padding:  0;
	border: 1px solid #09F;
	border-top: none;
	border-left: none;
}
.bpo .point table caption {
	display: block;
	padding: 5px 20px;
	border: 1px solid #09F;
	border-bottom: none;
}
.bpo .title-point .number {
	font-size:25px;
	font-weight: bold;
	color:#09F;
	margin:0 5px;
	vertical-align: middle;
}
.bpo .title-point {
	margin:10px 0 0 0;
	font-size:16px;
	font-weight: bold;
	line-height:30px;
	width: 250px;
	height: 30px;
	float: left;
	display:block;
}
.bpo .point p {
	margin:10px 10px 0 0px;
	font-size:12px;
}
.bpo .point table {
	margin-top:20px;
	border-bottom: 1px solid #09F;
}
.bpo .point img {
	margin-bottom:20px;
}
.bpo .point td {
	border-top: 1px solid #09F;
}
.bpo #world {
	background: url(http://ipsism.co.jp/wp-content/uploads/2011/01/world.jpg) no-repeat center center;
	height: 240px;
	width: 574px;
	margin-bottom: 20px;
	vertical-align: middle;
}

.bpo h2 {
	font-weight: bold;
}
.bpo #world h2 {
	color:#000;
	padding:80px 0 0 20px;
}

.bpo .flow table {
	margin-top:15px;
	padding:  0;
	border-top: 1px solid #09F;
	border-left: 1px solid #09F;
}
.bpo .flow td {
	padding: 7px;
	border: 1px solid #09F;
	border-top: none;
	border-left: none;
}

.bpo .flow .flow-title {
	background: #09F;
	border-bottom: 1px solid #ddd;
}

.bpo .flow .last {
	border-bottom: none;
}

.bpo .flow-title h5 {
	color:#fff;
	font-weight: bold;
}
.bpo .flow-title p {
	color:#fff;
	font-size:11px;
	line-height: 1.3em;
}
.flow-blue {
	color:#09F;
	font-weight: bold;
	margin-bottom:5px;
}
.flow-strong{
	color:#09F;
	font-size:15px;
	font-weight: bold;
}
.flow ul{
	margin:-10px 0 0 -15px;
	list-style-type: none;
}

*:first-child+html .flow ul {
	margin-left:15px;
}

.bpo .feature table {
	margin-top:15px;
	border-collapse: collapse;
}
.bpo .feature td {
	padding: 7px;
	border-top: 1px solid #09F;
	border-bottom: 1px solid #09F;
}
.bpo .group-title{
	color:#09F;
	font-size:18px;
	font-weight: bold;
	margin-bottom:10px;
}
.bpo .country{
	display: block;
	background:#C8E2ED;
	padding-left:10px;
}

.bpo .feature table ul {
	margin-top:-10px;
}
.bpo .feature table img {
	float:right;
	margin:-175px 50px 0 0;
}
*:first-child+html .bpo .feature table img {
	float:right;
	margin-top:-180px;
}
.bpo .feature .clear {
	margin-bottom: 10px;
}

.bpo .feature .pinoy {
	background: #C8E2ED;
	padding:15px;
	margin-top:20px;
}
.bpo .feature .pinoy h3 {
	font-weight: bold;
	color:#09F;
	margin-bottom:0px;
}
.bpo .feature .pinoy ul {
	list-style-position: inside;
	margin-bottom:30px;
}
.bpo .feature .pinoy li {
	padding-left:15px;
}
.bpo .feature .pinoy h5 {
	margin-bottom:0px;
}
.bpo .pinoy .clear {
	margin-bottom: -10px;
}

/*------------------------------------------------------
													law-shikin
------------------------------------------------------*/  
#law-shikin table {
	border-top: #ccc thin solid;
	border-left: #ccc thin solid;
	margin-bottom: 20px;
}
#law-shikin th {
	background-color: #ddd;
}
#law-shikin th, #law-shikin td {
	border-right: #ccc thin solid;
	border-bottom: #ccc thin solid;
	padding: 10px;
}