/*
	Theme Name: Simple Chrome
	Theme URL: http://beysimali.com/wordpress-themes/
	Description: Simple Chrome (Silver, White) Theme
	Author: Beysim Ali
	Author URI: http://beysimali.com
	Version: 1.0.1
	Tags: silver, white, two-columns, fixed-width
*/

/******************************************************
						LAYOUT
*******************************************************/

html {font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
letter-spacing:-0.04em;
}

body {line-height:145%;font-size:90%;background-color:#fff;margin:0;padding:0;
background-image: url(img/all_bar.png);
background-position: top center;
background-repeat: no-repeat;
}

#wrapper {
	padding:0;,margin:0;
}

#container {
	margin-top:15px;
	padding:0;
	background-image:url(img/sidebar.gif);
	background-position: top left;
	background-repeat: repeat-y;
	}
#container2 {
	margin-top:15px;
	padding:0;
	}



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

#header {
	margin-top:13px;
	background: ;
	height: 70px;
	}

#header h1 {
	margin-bottom: 8px !important;
	padding: 15px 0 0 15px;
	font-weight: bold;

	}

#header h1 a, #header h1 a:visited {
	color: #333;
	text-decoration: none;
	}

#header h1 a:hover {
	color: #333;
	text-decoration: underline;
	}

#header h2 {
	padding-left: 15px;
	color: #333;

	line-height: 18px; 
	}

#header .h_cont {width:955px;height:70px;margin:0 auto;}
#header .h_link {text-align:right;font-size:90%;margin-bottom:10px;}
#header .h_link a {text-decoration: none;color:#353535;}
#header .ent_top {margin-top:20px;}
/******************************************************
						NAVIGATION MENUS
*******************************************************/
.h_nav {width:100%;height:42px;
	background-image:url(img/hd/header_bg.jpg);
	text-align:center;
}


.h_nav #nav {
	padding:0;
	margin:0 auto;
	width:955px;
	height: 42px;
	}
.h_under {width:100%;height:20px;
	background-image:url(img/page_u.jpg);}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;

	}
	
#nav ul {
	width:955px;
	height:42px;
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width:159px;
	height:42px;
	}
	
#nav ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a{
	display: block;
	width:159px;height:42px;
	}

	
a.h_a01 {background-image:url(img/hd/01_01.png)}
a.h_a01:hover {background-image:url(img/hd/03_01.png)}
a.h_a01c{background-image:url(img/hd/02_01.png)}
a.h_a01c:hover {background-image:url(img/hd/03_01.png)}

a.h_a02 {background-image:url(img/hd/01_02.png)}
a.h_a02:hover {background-image:url(img/hd/03_02.png)}
a.h_a02c {background-image:url(img/hd/02_02.png)}
a.h_a02c:hover {background-image:url(img/hd/03_02.png)}

a.h_a03 {background-image:url(img/hd/01_03.png)}
a.h_a03:hover {background-image:url(img/hd/03_03.png)}
a.h_a03c {background-image:url(img/hd/02_03.png)}
a.h_a03c:hover {background-image:url(img/hd/03_03.png)}

a.h_a04 {background-image:url(img/hd/01_04.png)}
a.h_a04:hover {background-image:url(img/hd/03_04.png)}
a.h_a04c {background-image:url(img/hd/02_04.png)}
a.h_a04c:hover {background-image:url(img/hd/03_04.png)}

a.h_a05 {background-image:url(img/hd/01_05.png)}
a.h_a05:hover {background-image:url(img/hd/03_05.png)}
a.h_a05c {background-image:url(img/hd/02_05.png)}
a.h_a05c:hover {background-image:url(img/hd/03_05.png)}

a.h_a06 {background-image:url(img/hd/01_06.png)}
a.h_a06:hover {background-image:url(img/hd/03_06.png)}
a.h_a06c {background-image:url(img/hd/02_06.png)}
a.h_a06c:hover {background-image:url(img/hd/03_06.png)}

/******************************************************
						CONTENT
*******************************************************/

.top_ubox img {margin:0;padding:0;border:0;}
.top_ubox p {text-align:left;border-left:5px solid #1A9431;padding-left:15px;margin-left:5px;color:#1A9431;}

.top_ubox ul {margin:15px;margin-left:30px;padding:0;list-style-image:url(img/top_point.jpg);list-style-position:inside;}
.top_ubox ul li {margin-bottom:8px;}

.breadcrumb {font-size:90%;margin-bottom: 10px;}
.breadcrumb a{text-decoration:none;}

#content {
	background: #fff;
	margin: 0;
	}

.post {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	}

.post ul.m_title {margin:0;padding:0;list-style:none;font-size:80%;}
.post ul.m_title li {float:left;margin-right:8px;}
.post ul.m_title li a{text-decoration:none;color:#126B17;}
.post ul.m_title li.current_page_item a{text-decoration:underline;color:#000;}
.post ul.m_title li a:hover{text-decoration:underline;}


.post p {
	margin-bottom: 10px;
	}

.title {
	margin-bottom: 8px;
	line-height: 22px;

	}

.title a {
	text-decoration: none;
	color: #000;
	}

.title a:hover {
	text-decoration: underline;
	}

.pagetitle {
	margin-bottom: 8px;
	line-height: 160%;/*
	border-left:3px solid #4DD66C;
	text-indent:10px;
	*/
	background-image: url(img/title_point.jpg);background-repeat: no-repeat;background-position: -6px 	center;text-indent:20px;
	
	border-bottom:3px solid #ddd;
}



h2.pagetitle {color:#343434;font-weight:normal;}

h2.ptitle {
	background-color:#DCF8DF;line-height:180%;
	padding-left:7px;
	border-left:5px solid #00B748 ;
	margin-bottom:0px;margin-top:2px;
	
}
h2.ptitle a {color:#000;}

.pagetitle_n {
	margin-bottom: 8px;
	line-height: 180%;
}

.postdate {
	padding: 2px 4px;
	}
.postdate span {float:right;}
.postmeta {
	font-size: ;
	padding: 2px 4px;
	background: #eee;
	}
	
.entry {
	text-align: justify;
	line-height: 20px;
	padding-top: 2px;
	line-height:180%;
	letter-spacing:-0.04em;
	color:#444;
	margin:0 10px;
	font-size:14px;
	}

.entry hr {height:7px;border:0; border-top:1px solid #00B748;border-bottom:1px solid #00B748;width:100%;}
.entry h5 {
	line-height:180%;padding:0;margin:0;
	color:#000;border-bottom:1px solid #00b748;
	margin-bottom:20px;
	font-size:20px;font-weight:normal;
	}

.navigation { padding: 10px 0; }

.entry ul {margin:0;padding;0;}
.entry ul li {font-weight:bold;list-style-image: url('img/li2_point.jpg');}
.entry ul li  {margin-bottom:20px;}
.entry ul li ul li {list-style-image: url('img/li_point.jpg');font-weight:normal;margin-bottom:3px;}

 ul.top_ubox {margin:15px;margin-left:30px;padding:0;list-style-image:url(img/top_point.jpg);list-style-position:inside;}
 ul.top_ubox li {margin-bottom:8px;}

blockquote {
	overflow: hidden;
	padding:0;margin:0;
	padding-left: 9px;
	color: #666;
	border-left: 3px solid #C4E7C5;
	font-style:normal;font-size:90%;
	margin:0;
	}

.entry h3 {background-image: url(img/h3_point.jpg);background-repeat: no-repeat;background-position: left center;text-indent:45px;color:#218F0B;font-size:140%;margin-top:40px;border-bottom:1px dashed #666;line-height:180%;margin-bottom:20px;letter-spacing:0.1em;}

.entry h4 {font-size:120%;letter-spacing:0.07em;color:#3034A0;}
.entry b {color:#912427;}

/* 製品情報 */
.entry .box3b {
	
	margin:30px;
	height:190px;
	}
.box3b img {margin:0 15px 20px 0;}
.b3_d {text-align:right;margin-top:30px;}
.b3_d a {font-size:90%;color:#EBAA1E;}
.b3_d img {margin:0;}

/* 会社情報 */
dl.company {width:700px; background-image:url(img/p12_bg2.jpg);background-position: top right;background-repeat: no-repeat;}
dl.company dt {width:135px;margin-top:25px;background-image: url(img/mini_box.jpg);background-position: top left;background-repeat: no-repeat;text-indent:15px;}
dl.company dd {width:370px;margin-top:-20px;margin-left:150px;}


/* 採用情報 */
.left27 {width:185px;height:780px;float:left;}

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

.alignleft {
   float: left;
	}
img.alignleft  {
	margin:10px 10px 10px 0px ;
	}
.alignright {
   float: right;
	}
img.alignright  {
	margin:10px 0px 10px 10px ;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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: ;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}
	
/* 特徴と実績 */
#seizomenu td{
	border:0 solid #000;
	}
#seizomenu table{
	border:0 solid #000;
	}
	
.contentsbox {
	background-image: url(http://www.johnan.com/ja/wp-content/uploads/j_bg.jpg);
	height: 252px;
	background-repeat: no-repeat;
	width: 343px;
}
	
/******************************************************
						SIDEBAR(S)
*******************************************************/

#sidebar {
	width:200px;
	margin-right: 15px;
	border-top: 5px solid #A9EEB5;
	padding-top:5px;
    text-shadow: 1px 1px 3px #ccc;
    background-color:#fff;
    padding-bottom:10px;
	}
	
#sidebar a {
	text-decoration: none;
	}

#sidebar a:hover {
	text-decoration: underline;
	}
	
#search input {
	border: 1px solid #ddd;
	}
	
#search label {
	margin: 10px 0;
	padding: 4px 8px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	font-size: ;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	display: block;
	}
	
#s {
	width: 100px;
	padding: 2px;
	}

#sidebar h2 {
	margin: 10px 0 0 0;
	padding: 2px 6px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	font-size: ;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	}

#sidebar .current_page_item {font-weight:bold;}

#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	list-style-position:inside;
	}
#sidebar ul img {
	margin-bottom:5px;
	}
	
#sidebar ul li {
	background-color:#eee;
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	
	}
#sidebar ul li.current_page_item {}
#sidebar ul li.current_page_item a{background-image:url(img/li_bg2.jpg);color:#fff;font-weight:bold;background-color:#45D451;border-left:5px solid #28A333;
text-shadow: 1px 1px 3px #333;
}
#sidebar ul li.current_page_parent a{background-color: #CFF1C4;border-left:5px solid #96DA80;}

#sidebar ul li a {
	background-image:url(img/li_bg.jpg);
	border-left:5px solid #ccc;
	display:block;		
	line-height:260%;
	text-indent:5px;
	color:#333;
	}
	
#sidebar ul ul {
	margin: 0px;
	padding: 0px;
	}

#sidebar ul li.current_page_item ul li {font-weight:normal;}
#sidebar ul li.current_page_item ul li a{background-image:none;color:#333;font-weight:normal;background-color:#fff;border:0;text-shadow: 1px 1px 3px #ddd;}
#sidebar ul li.current_page_parent ul li a{background-image:none;color:#333;font-weight:normal;background-color:#fff;border:0;}


#sidebar ul li.current_page_parent a{background-image:url(img/li_bg2.jpg);color:#fff;

}
#sidebar ul li.current_page_ancestor a{background-image:url(img/li_bg2.jpg);color:#fff;border-left:5px solid #96DA80;}
#sidebar ul li.current_page_ancestor ul li a{background-image:none;color:#333;border:0;

}

#sidebar ul li ul li {
	list-style-image: url(img/li_point.jpg) ;
	background-color:#fff;
	padding: 2px 0px 2px 7px;
	margin: 0;
	line-height:180%;
	border-bottom: 1px solid #ddd;
	}
#sidebar ul li ul li a {background-image:none;display:inline;border-left:0;}
#sidebar ul li ul li.current_page_item {list-style-image: url(img/li2_point.jpg) ;}
#sidebar ul li ul li.current_page_item a{background-color: #fff;border:0;color:#3BB815;font-weight:bold;background-image:none;text-shadow: 1px 1px 3px #ddd;}
#sidebar ul li ul li.current_page_parent {list-style-image: url(img/li_point2.jpg) ;background-image:none;}
#sidebar ul li ul li.current_page_parent a{background-color: #fff;border-left:0;background-image:none;color:#000;text-shadow: 1px 1px 3px #ccc;}


#sidebar ul li ul li ul {padding-bottom:7px;}
#sidebar ul li ul li ul li {list-style-image: url(img/li3_point.jpg) ;border-bottom:0;line-height:120%;background-image:none;}
#sidebar ul li ul li.current_page_item ul li a{font-weight:normal;color:#333;background-image:none;background-image:none;text-shadow: 1px 1px 3px #ccc;}
#sidebar ul li ul li ul li a{line-height:120%;font-size:85%;color:#333;font-weight:normal;background-image:none;
text-shadow: 1px 1px 3px #ccc;
}


/******************************************************
						FOOTER
*******************************************************/

#footer {
	background: #eee;
	border-top: 2px solid #179C17;
	text-align: left;
	color: #333;
	font-size:90%;
	}
#footer p {margin:10px ;}
#footer .cright {font-size:80%;color:#666;margin:0 10px;}
#footer a {
	color: #353535;
	} 

}

/******************************************************
						EXTRA
*******************************************************/
.clear {clear:both;}

.str {clear:both;}
.str strong {display:block;width:140px;float:left;}
input.short{width:240px;}
input.long{width:380px;}
table#fform {margin:0;}
table#fform td{border: 1px solid #eee;}
td.str {background-color: #E0F5E5;}
form strong {font-size:120%;color:#22A340;}
form hr {color:#999;}