@charset "utf-8";
/*
Theme Name: ESCO
Theme URI: http://www.engineeringsystem.co.jp/
Description: オリジナルテーマです
Author: PRART
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */



body.single {
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
background: #ECF7FF url(/common/bg_common.jpg) repeat-x center top;
font-size: 100%;
color: #333333;

}



/* ===================================


2: Basic Layout 



====================================== */



/*

 wrapper [

----------------------------------------------------------- */

body.single #index-wrapper {
width: 810px;
padding: 0px;
margin: 0px auto;
background-image: url(/common/bg_wrapper.jpg);
background-repeat: repeat-y;

}

/*

 contents [

----------------------------------------------------------- */

body.single #index-contents {
width: 800px;
padding: 0px 5px 10px;
margin: 0px auto;
background-image: url(/common/bg_contents.jpg);
background-repeat: no-repeat;

}





/*

 subVisual [

----------------------------------------------------------- */

body.single #subVisual {
background: url(/common/bg_subvisual.jpg) no-repeat;
height: 80px;
width: 800px;
margin-top: 1px;
clear: both;
text-align: left;
float: left;

}

body.single #subVisual p {
font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size: 10px;
padding-top: 16px;
padding-left: 215px;
line-height: 1;
letter-spacing: 1px;

}

body.single #subVisual p a {
color:#94D5F3;
text-decoration:none;

}

body.single #subVisual img {
margin-bottom: 5px;

}

body.single #subVisual p strong {
color:#FFF;

}



/*

 mainArea [

----------------------------------------------------------- */

body.single #mainArea {
width: 780px;
margin: 0px 10px;
background-image: url(/common/bg_subnav.gif);
background-repeat: repeat-y;
background-position: 0px top;
clear: both;

}



/*

 MainArea primary [

----------------------------------------------------------- */

body.single #primary {
width: 570px;
float: right;

}

body.single #primary .primary-left {
float: left;
margin-right: 10px;
letter-spacing: 1pt;
padding-left: 20px;

}

body.single #primary .primary-left p {
font-size: 10px;
padding: 0px;
margin: 0 0 10px 0;

}

body.single #primary .primary-right {
float: left;
width: 290px;
margin-right: 0px;
margin-left: 0px;

}

body.single #primary .primary-right p {
padding: 0px;
margin: 0 0 10px 0;

}

body.single #primary .primary-right h2 {
margin: 0 0 10px 0;
padding: 5px 0 0;

}

body.single #primary h3 a {

}



body.single #primary .cateNaviBody {
width: 550px;
clear: both;
margin: 0px;
padding: 10px 0px 15px 20px;

}



body.single #primary .cateNavi {
float: left;
background-image: url(/common/bg_selectcate.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height: 90px;
width: 530px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;

}

body.single #primary .cateNaviLeft {
margin: 0px;
padding: 0px;
float: left;

}

body.single #primary .cateNaviLeft img {
margin: 10px 5px 10px 10px;
padding: 0px;

}

body.single #primary .cateNaviRight {
margin: 10px 0 10px 0;
padding: 0px;
float: left;
width: 365px;

}

body.single #primary .cateNavi p {
margin: 0;
padding: 0px;
line-height: 1.3;
font-size: 10px;
letter-spacing: 1px;
display: block;

}

body.single #primary .cateNavi p a {
margin: 0;
padding: 0px;
color: #4a4a4a;

}

body.single #primary .cateNavi h3 {
margin: 0 0 4px;
padding: 0 0 4px 0;
font-size: 12px;
font-weight: bold;
line-height: 1.7;
background-image: url(/common/hr_01.gif);
background-repeat: repeat-x;
background-position: left bottom;
display: block;
color: #006699;
letter-spacing: 0px;

}

body.single #primary .cateNavi h3 a {
margin: 0;
padding: 0px;
color: #285282;

}





/*

 mainArea secondary [ローカルメニュー

----------------------------------------------------------- */

body.single #secondary {
width: 200px;
float: right;

margin-right: 10px;

}

body.single #secondary p {
font-size: 10px;
color: #FFFFFF;
background-image: url(/common/bg_subnav01.gif);
background-repeat: no-repeat;
height: 18px;
padding: 2px 0 0 10px;
margin: 0px;



}

body.single #secondary .subNavi li{
display: block;

}

body.single #secondary .subNavi li a {
color: #1a1a1a;
padding: 11px 0px 9px 30px;
display: block;
font-size: 11px;
background-image: url(/common/bg_subnav02.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.single #secondary .subNavi li a:hover {
color: #1a1a1a;
padding: 11px 0px 9px 30px;
display: block;
font-size: 11px;
background-image: url(/common/bg_subnav02_on.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.single #secondary .subNavi li a.on {
color: #316395;
padding: 11px 0px 9px 30px;
display: block;
font-size: 11px;
background-image: url(/common/bg_subnav02_on.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.single #secondary .subNavi02 {
display: block;

}

body.single #secondary .subNavi02 li {
display: block;
margin: 0px;
padding: 0px;

}

body.single #secondary .subNavi02 li a {
color: #1a1a1a;
padding: 5px 0px 4px 30px;
font-size: 10px;
display: block;
background-image: url(/common/bg_subnav03.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.single #secondary .subNavi02 li a:hover {
color: #1a1a1a;
padding: 5px 0px 4px 30px;
font-size: 10px;
display: block;
background-image: url(/common/bg_subnav03_on.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.single #secondary .subNavi02 li a.on {
font-size: 10px;
color: #1a1a1a;
padding: 5px 0px 4px 30px;
display: block;
background-image: url(/common/bg_subnav03_on.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.single #secondary .subNavi-endline {
height: 1px;
clear: both;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;

}



/* ===================================


4: 企業コンセプト



====================================== */





/*

 company/shachou.html [レイアウト

----------------------------------------------------------- */



body.single #primary .flame {
float: right;
width: 570px;

}



body.single #primary .flame p {
padding: 0px;
margin-top: 0;
margin-right: 20px;
margin-bottom: 1em;
margin-left: 20px;
clear: none;

}



body.single #primary .flame p.imgRight {
clear: none;
display: block;
background-color: #FFFFFF;
margin: 0;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 1em;
padding-left: 10px;

}

body.single #primary .flame h2 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 15px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
clear: none;
display: block;
float: none;

}

body.single #primary .flame h3 {
clear: none;
float: none;
background-position: left;

}

body.archive {
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
background: #ECF7FF url(/common/bg_common.jpg) repeat-x center top;
font-size: 100%;
color: #333333;

}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}




/* ===================================


2: Basic Layout 



====================================== */



/*

 wrapper [

----------------------------------------------------------- */

body.archive #index-wrapper {
width: 810px;
padding: 0px;
margin: 0px auto;
background-image: url(/common/bg_wrapper.jpg);
background-repeat: repeat-y;

}

/*

 contents [

----------------------------------------------------------- */

body.archive #index-contents {
width: 800px;
padding: 0px 5px 10px;
margin: 0px auto;
background-image: url(/common/bg_contents.jpg);
background-repeat: no-repeat;

}





/*

 subVisual [

----------------------------------------------------------- */

body.archive #subVisual {
background: url(/common/bg_subvisual.jpg) no-repeat;
height: 80px;
width: 800px;
margin-top: 1px;
clear: both;
text-align: left;
float: left;

}

body.archive #subVisual p {
font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size: 10px;
padding-top: 16px;
padding-left: 215px;
line-height: 1;
letter-spacing: 1px;

}

body.archive #subVisual p a {
color:#94D5F3;
text-decoration:none;

}

body.archive #subVisual img {
margin-bottom: 5px;

}

body.archive #subVisual p strong {
color:#FFF;

}



/*

 mainArea [

----------------------------------------------------------- */

body.archive #mainArea {
width: 780px;
margin: 0px 10px;
background-image: url(/common/bg_subnav.gif);
background-repeat: repeat-y;
background-position: 0px top;
clear: both;

}



/*

 MainArea primary [

----------------------------------------------------------- */

body.archive #primary {
width: 570px;
float: right;

}

body.archive #primary .primary-left {
float: left;
margin-right: 10px;
letter-spacing: 1pt;
padding-left: 20px;

}

body.archive #primary .primary-left p {
font-size: 10px;
padding: 0px;
margin: 0 0 10px 0;

}

body.archive #primary .primary-right {
float: left;
width: 290px;
margin-right: 0px;
margin-left: 0px;

}

body.archive #primary .primary-right p {
padding: 0px;
margin: 0 0 10px 0;

}

body.archive #primary .primary-right h2 {
margin: 0 0 10px 0;
padding: 5px 0 0;

}

body.archive #primary h3 a {

}



body.archive #primary .cateNaviBody {
width: 550px;
clear: both;
margin: 0px;
padding: 10px 0px 15px 20px;

}



body.archive #primary .cateNavi {
float: left;
background-image: url(/common/bg_selectcate.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height: 90px;
width: 530px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;

}

body.archive #primary .cateNaviLeft {
margin: 0px;
padding: 0px;
float: left;

}

body.archive #primary .cateNaviLeft img {
margin: 10px 5px 10px 10px;
padding: 0px;

}

body.archive #primary .cateNaviRight {
margin: 10px 0 10px 0;
padding: 0px;
float: left;
width: 365px;

}

body.archive #primary .cateNavi p {
margin: 0;
padding: 0px;
line-height: 1.3;
font-size: 10px;
letter-spacing: 1px;
display: block;

}

body.archive #primary .cateNavi p a {
margin: 0;
padding: 0px;
color: #4a4a4a;

}

body.archive #primary .cateNavi h3 {
margin: 0 0 4px;
padding: 0 0 4px 0;
font-size: 12px;
font-weight: bold;
line-height: 1.7;
background-image: url(/common/hr_01.gif);
background-repeat: repeat-x;
background-position: left bottom;
display: block;
color: #006699;
letter-spacing: 0px;

}

body.archive #primary .cateNavi h3 a {
margin: 0;
padding: 0px;
color: #285282;

}





/*

 mainArea secondary [ローカルメニュー

----------------------------------------------------------- */

body.archive #secondary {
width: 200px;
float: right;

margin-right: 10px;

}

body.archive #secondary p {
font-size: 10px;
color: #FFFFFF;
background-image: url(/common/bg_subnav01.gif);
background-repeat: no-repeat;
height: 18px;
padding: 2px 0 0 10px;
margin: 0px;



}

body.archive #secondary .subNavi li{
display: block;

}

body.archive #secondary .subNavi li a {
color: #1a1a1a;
padding: 11px 0px 9px 30px;
display: block;
font-size: 11px;
background-image: url(/common/bg_subnav02.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.archive #secondary .subNavi li a:hover {
color: #1a1a1a;
padding: 11px 0px 9px 30px;
display: block;
font-size: 11px;
background-image: url(/common/bg_subnav02_on.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.archive #secondary .subNavi li a.on {
color: #316395;
padding: 11px 0px 9px 30px;
display: block;
font-size: 11px;
background-image: url(/common/bg_subnav02_on.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.archive #secondary .subNavi02 {
display: block;

}

body.archive #secondary .subNavi02 li {
display: block;
margin: 0px;
padding: 0px;

}

body.archive #secondary .subNavi02 li a {
color: #1a1a1a;
padding: 5px 0px 4px 30px;
font-size: 10px;
display: block;
background-image: url(/common/bg_subnav03.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.archive #secondary .subNavi02 li a:hover {
color: #1a1a1a;
padding: 5px 0px 4px 30px;
font-size: 10px;
display: block;
background-image: url(/common/bg_subnav03_on.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.archive #secondary .subNavi02 li a.on {
font-size: 10px;
color: #1a1a1a;
padding: 5px 0px 4px 30px;
display: block;
background-image: url(/common/bg_subnav03_on.gif);
background-repeat: no-repeat;
background-position: left top;
letter-spacing: 1px;

}

body.archive #secondary .subNavi-endline {
height: 1px;
clear: both;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;

}



/* ===================================


4: 企業コンセプト



====================================== */





/*

 company/shachou.html [レイアウト

----------------------------------------------------------- */



body.archive #primary .flame {
float: right;
width: 570px;

}



body.archive #primary .flame p {
padding: 0px;
margin-top: 0;
margin-right: 20px;
margin-bottom: 1em;
margin-left: 20px;
clear: none;

}



body.archive #primary .flame p.imgRight {
clear: none;
display: block;
background-color: #FFFFFF;
margin: 0;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 1em;
padding-left: 10px;

}

body.archive #primary .flame h2 {
margin-top: 0;
margin-bottom: 15px;
margin-left: 15px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
clear: none;
display: block;
float: none;

}

body.archive #primary .flame h3 {
clear: none;
float: none;
background-position: left;

}

body.archive h3 {
	background-image: url(/common/common_h1.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	margin: 15px 10px;
	padding: 10px 5px 10px;
	position: relative;
}
body.single h1 {
	position: relative;
	padding: 10px 5px 10px;
}
body.archive .entry-date,
body.single .entry-date {
 position: absolute;
 top: -10px;
 font-size: 80%;
}

#primary-right {
	margin-bottom: 10px;
}
.navigation {
	font-size: 10px;
	width: 300px; 
	margin: 0 auto;
}
.navigation div{
	padding-top: 10px;
	float: left;
}
.navigation .nav-next {
 float: right;
}
body.archive .category-topics {
	margin-bottom: 50px;
}
body.archive .page-line01 {
	margin-bottom: 50px;
}