/*  
Theme Name: Pentarch Japan Theme
Theme URI: 
Description: Corporate custom theme
Version: 1.0
Author: http://www.contentbento.com
Author URI:
*/

/* Table of Contents

1. Global Setting
- html elements
-- global classes

2. Typography
- Fonts
-- Styles
--- Links

3. Structure
- base.
-- header.
--- page.
---- footer.

4. Other

*/


/*-----------------------------------------*/
/*--------------- Gloal Setting -----------*/
/*-----------------------------------------*/


/*-------------------- Html  --------------*/

body, html{ width:100%; margin: 0 0; padding:0; background: url(images/pen-body-bg.jpg) repeat; }

* {margin: 0; padding: 0;}

img {border:0;}

p{}

small{}

strong{}

a, a:link, a:visited{color: #2461c8; text-decoration: none;}

a:hover, a:active{ color: #0b2044;}

blockquote {
margin:15px 0; padding:10px 20px;
border-bottom:1px solid #c4dae7;
font:1.00em Georgia, "Times New Roman", Times, serif; color:#8db0c5;
background:#d8e9f2;
}

/*-------- Global classes -------------*/

.left{float:left;}

.right{float:right;}

.clear{clear:both;}

.img_left{}

.img_right{}




/*-----------------------------------------*/
/*------------- 2. Typography -------------*/
/*-----------------------------------------*/


/*------------- Headings-------------------*/

h1 { }
	


h2 { }
	#pentarch_logo h2{ font-family: sans-serif, Verdana, Helvetica, Arial; font-style: italic; float:right; padding: 40px 0px 0 0; font-size: 1.5em; color:#FFF; font-weight: lighter; letter-spacing: 1px;}


h3{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.35em; color: #3677e4; letter-spacing: 1px;
line-height: 1.0em;}
#footer h3 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.15em; color: #c8bfb1; letter-spacing: 1px;
line-height: 1.3em;
margin: 0 0 5px 0;
font-weight: lighter;
/* font-weight: bolder;*/
}

.news_excerpt h3{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.15em; color: #c8bfb1; letter-spacing: 1px;
line-height: 1.3em;
margin: 0 0 5px 0;
font-weight: lighter;}

h4{}
h5{}
h6{}


/*---------------- Styles -----------------*/

.bold{font-weight: bolder;}

.light{}

.xsmall{font-size: 0.6em;}

.small{font-size: 0.65em;}

.medium{font-size: 0.78em;}

.medium2{font-size: 0.94em;}

.large{font-size: 1.3em;}

.color1{color: #163872;}

.color2{color: #625144;}

.color3{color:#FFF;}

.color4{color: #3b3932;}

.color5{color: #4b87d6;}

.color6{color: #444;}

.bg1{background: #FFF;}

.font1{font-family: Helvetica, Verdana, Arial, sans-serif;}

.font2{font-family: "ヒラギノ角ゴ Pro W3","Osaka", Meiryo, 'メイリオ', Helvetica, Arial, sans-serif;}

.font3{font-family: Myriad Pro, Corbel, Tahoma, sans-serif;}

.margin1{margin: 10px 0 0 0;}
.margin2{margin: 10px 10px 0 0;}
.margin3{margin: 10px 0 10px 0;}
.margin4{margin: 10px 0 0 10px;}

.small-title{
position:absolute;
left:5px;
top:10px;
}

.bl{border-left: 1px solid #000;}
.br{border-right: 1px solid #aea393;}

.uppercase{text-transform: uppercase;}

.clear{clear: both;}

.shadow{text-shadow: rgba(209, 999, 229, 0.3) 1px 1px 1px;}

.shadow2{text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px;}

.shadow3{text-shadow: #FFF 0 1px 0;}

.shadow4{text-shadow: rgba(0, 0, 0, .25) 0 1px 0;}

.alignleft{float:left;}

.lineheight1{line-height: 1.5em;}

.alignright{float:right;}
.alignleft{float:left;}

.dnone{text-decoration: none;}

/*--------------- Links ---------------------*/




/*-------------------------------------------*/
/*------------- 3. Structure ----------------*/
/*-------------------------------------------*/


/*------------------- base ----------------*/

#body_container{
width:950px;
margin-left: auto;
margin-right: auto;

}

#page_container{
width:950px;
float:left;
margin: 0 0 45px 0;
}

/*------------------- Header ----------------*/
 
#header_container{
width:100%;
background: url(images/pen-head-bg.png) repeat-x;
float:left;
margin: 0 0 0px 0;
padding: 0 0 0 0;
}



#header{
margin-left: auto;
margin-right: auto;
width:910px;
height:410px;
margin-top: 30px;
background: url(images/header_shadow.png) no-repeat;
}

#pentarch_logo{
width:870px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
height:100px;
}

#header_content{
width:870px;
margin-left: auto;
margin-right: auto;
height:350px;
padding: 0 0 0 0;
}

#header_image{
width:870px;
float:left;
height:310px;
padding: 0 0 0 0;
background: #222;
position: relative;
}


#links{
width:950px;
height:40px;
margin-left: auto;
margin-right: auto;
padding: 5px 0 0 0;
}

#links ul {list-style: none;}
#links ul li{float:left; margin: 5px;}
#links ul li a:hover{color:#FFF;}

#lang li{margin: 0 0 0 10px;
line-height: 1em;
}

#lang li a, #lang li a:visited {
text-decoration: none;
background: #173f83;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
padding:3px 8px 3px 8px;
border: 1px solid #143671;
color: #FFF;
}

#lang li a:hover{
color:#FFF;
background: #1b4894;
}

#lang li a:active{
color:#FFF;
background: #1f54ad;
}


/* Header Image Slideshow */
td a { margin: 5px }
#slide-nav { margin: 5px 0; text-align: left; position: absolute; bottom:10px; right:20px; z-index: 1000; padding:11px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#slide-nav a { text-decoration:none;
	color:#dcdcdc;
	background: #FFF;
	font-size:11px;
	margin:0 3px;
	height:11px !important;
	width:11px !important;
	display:block;
	float:left;
	text-indent: -9999px;
	font-size: 0px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#slide-nav a.activeSlide { background: #2666d2 }
#slide-nav a:focus { outline: none; }
#slide-nav a:hover { background: #2666d2 }


/* Navigation */

#navigation_container{
width:870px;
height:41px;
background: url(images/nav-bg.png)top left;
}

#navigation{ width:950px; background: aqua; margin-left: auto; margin-right: auto;}

#navigation ul{list-style: none; float:right;}

#navigation ul li {display: block;}
#navigation ul li a{float:left;}


/*------------------- Page ---------------------*/

#middle_container{
width:630px;
min-height: 400px;
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #efefef;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#middle_container_full{
width:950px;
min-height: 400px;
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #efefef;
position: relative;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.post{float:left; margin: 30px 25px 50px 25px;}
#title{float:left;}
#content{float:left; padding: 10px 0 0 0; clear:both;}
#content p{line-height: 1.8em; }

#sidebar_container{
float:right;
width:310px;
min-height:180px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.sidebar-box{
padding: 10px 10px 10px 10px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#map{
margin-top: 10px;
float:left;
background: #FFF;
padding:10px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}


/* News page */

.news_time_date{background-color: #163c7b; float:left; margin: 0 20px 0 0; display: block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 8px 3px 8px;}
.news_content{float:left; width:580px;  border-bottom: 1px solid #84abdb;; padding: 0 0 30px 0;}
.news_excerpt{float:left; width:420px;}
.news_excerpt a, .news_excerpt a:visited{ color: #15458c; text-decoration: none; text-transform: uppercase;}
.news_excerpt a:hover{ color:black; text-decoration: none;}

/*sidebar news list */
#news_list{ float:left; background: #FFF; padding: 10px; margin: 10px 10px 10px 0;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#news_list span{padding:5px 5px 5px 0;}

.news_list_box{  float:left; border-bottom: 1px dotted #979287; display: block; width:100%;}

/*----------------- Footer ----------------------*/

#footer_container{
width:100%;
height: 330px;
background: #25385d;
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;

}

#footer_container a{
text-decoration: none;
}

#footer-box-container{
width:950px;
height:280px;
margin-left: auto;
margin-right: auto;
}

.footer-box-a{
float:left;
width:616px;
height:230px;
margin-top: 20px;
margin-bottom:10px;
}

.footer-box-b{
float:left;
width:308px;
height:230px;
margin-top: 20px;
margin-bottom:10px;
}


#pentarch_group{background: url(images/pen-footer1.png) repeat;
height:100px;
width:100%;
float:left;
}

#group_links{width:950px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.group-link{float:left; margin: 25px 10px 0 0px;}


#footer{
background: url(images/pen-footer2.png) repeat;
height:330px;
width:100%;
float:left;

}

#copyright{  width:950px; margin:0 auto; height:40px; clear:both; border-top: solid 1px #9f9484; }

#copyright p{margin: 20px 40px 0 0; }

.bookmark{}

/*-------------------------------------------*/
/*------------- 4. other --------------------*/
/*-------------------------------------------*/



#sitemap li{
list-style-type: none;
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
display:inline-block;
min-width: 80px;
margin: 10px 30px 20px 0;
}

#sitemap li a{
color: #3b3832;
}

#sitemap ul li{
list-style:circle;
float:left;
clear: both;
margin: 0 0 0 0;

}

#sitemap ul li a{
color: #635f58;
font-weight: lighter;
}

#sitemap .current_page_item	a{
background: none;
padding: 2px 4px 2px 4px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
margin: 3px 0 ;
}


 /* Search Form */
 
 form{margin:0;padding:0}
 
 .search_container{
 width:308px;
 float:left;
 margin: 0 0 0 0px;
 clear:both;
 }
 
.search-box{ /*outer background*/
background: #b7ad99;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
border: 4px solid #a39a86;
  width:280px;
  display:block;
  position:relative;
  height:42px;
  left:0;
  top:0;
  margin: 15px 0 15px 0;
}
 
input.search-field{ /*input field */
 border:none;
  background:none;
  font-size:19px;
  padding:4px 4px 4px 12px;
  width:140px;
  margin-top:6px;
  display:inline;
  outline:0;
}
 
input.search-go { /*search icon */

width:46px;
  height:42px;
  background:url(images/searchbutton.png) no-repeat;
  border:none;
  position:absolute;
  right:0;
  top:0;
  outline:0;
  cursor: pointer;
}
 

input.search-go:active {background-position:0 -42px;}

/* wordpress image captions */

.wp-caption {
min-width: 150px;
	border: 1px solid #beb8ad;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 2px;
	margin: 0px 10px 10px 20px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #dedede;
	border-radius: 3px;
float: left;
	}

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

.wp-caption p.wp-caption-text {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#666;
	line-height: 25px;
	padding: 0 4px 5px;
	margin: 0;
}


/* Contact Form*/


.required{
color:red;
}

.wpcf7-response-output{
float: left;
clear:both;
}

.form_title{
float:left;
}

.form_field{
padding:5px;
float:left;
margin: 10px;
border: solid 2px #CCC;
}

.form_textarea{
float:left;
padding:5px;
margin: 10px;
width:390px;
height:50px;
border: solid 2px #CCC;
}

.form_select{
padding:3px;
margin: 10px;
width:215px;
float:left;
}

form_button{
float:left;
clear:both;
}

.form_submit{
padding:3px;
float:left;
margin:10px;
clear:both;
font-size:1.4em;
font-family: Helvetica-light, Arial, Verdana, sans-serif;
color:#FFF;
height:40px;
margin:0px 5px 4px 10px;
padding:0pt 15px 1px 15px;
background: #133369; 
border:none;
cursor:pointer;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
border: 1px solid #215ab9;
}

.form_submit:hover{
	background: #2461c7; 

}

.form_submit:active{
	background: #0c234a; 
}


/* Table Style */
#pentarch_table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 20px 0 20px 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#pentarch_table th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 12px;
	color: #039;
}
#pentarch_table tbody
{
	background: #d8e8f0;
}
#pentarch_table td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#pentarch_table tbody tr:hover td
{
	color: #163872;
	background: #86afda;
}

/*slideshow */
.slideshow {float:left; width: 260px; height: 195px; margin: 20px 0 30px 0px; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.slideshow img { padding: 8px; border: 1px solid #ccc; background-color: #eee; }



#nav {
	float:left;
	font-size: 0.70em;
	margin: 1px 0 1px 20px;
	letter-spacing: 1px;
	font-weight: lighter;
	position: relative;
	z-index: 3000;
	}
	
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:#184289 1px solid;
	}

#nav a, #nav a:visited {
	display:block;
	color: #f5f5f4;
	padding:15px 18px 14px 18px;
	}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background:#091b3a;
	text-decoration:none
	}	
	
	
/* Dropdown Menus */		
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	}

#nav li li {
	width: 172px;
	background: #163872;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
		padding:10px 10px 10px 10px;
	}

#nav li li a:hover, #nav li li a:active {
	background:#07204b;
	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

a.main:hover
{	background:none;
	}