@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
font-size:80%;
}

a {color:#506D7F;}
a:hover {color:#003333;}

img {border:0;}

.cl {clear:both;}


/*各ページindexリンク----------------------------*/
a.link {
padding:3px 13px 3px 2px;
background:url(img/btn_up.jpg) right center no-repeat;
font-size:0.85em;
text-decoration:none;
}
a.link:hover {
background:url(img/btn_over.jpg) right center no-repeat;
color:#CC0000;
}

/*見出し-----------------------------------------*/
h1 {
display:none;
}

h2.h2_category {
font-size:1.4em;
border-bottom:1px solid #c7c7c7;
margin:15px 10px 0 10px;
padding:0 0 3px 0;
text-align:left;
font-weight:normal;
color:#3F556A;
}

/*container--------------------------------------*/
#container {
width:783px;
margin:0 auto;
border:1px solid #c7c7c7;
}

/*right------------------------------------------*/
#right {
width:550px;
float:right;
margin-top:15px;
}














/*category_box-----------------------------------*/
.category_box {
margin:5px 10px 0 10px;
text-align:left;
border-bottom:1px dashed #c7c7c7;
}
.category_box p {
margin:0 0 3px 0;
}

/*showhome---------------------------------------*/
.showhome {
margin:5px 10px;
}
.showhome p {
text-align:left;
line-height:1.5em;
margin:5px 0 20px 0;
}

/*blog_box---------------------------------------*/
.blog_box {
margin:30px 10px 30px 10px;
text-align:left;
}
.blog_box img {
float:left;
margin:0 20px 0 0;
}
.blog_box p {
font-size:0.85em;
}

/*entry_box--------------------------------------*/
.entry_box {
margin:20px 10px 20px 10px;
text-align:left;
}
.entry_box h3 {
font-size:1.1em;
border-left:3px solid #405568;
border-top:1px solid #405568;
color:#405568;
padding:3px;
}
.entry_box h3.h3_int {
font-size:1.1em;
border-left:3px solid #405568;
border-top:1px solid #fff;
color:#000;
padding:3px;
}
.entry_box p {
font-size:0.9em;
line-height:1.8em;
margin:10px auto 10px auto;
}
.entry_box ol {
margin:3px 0 10px 25px;
line-height:1.5em;
}

/*table------------------------------------------*/
table.tab_gaiyou {
margin:10px auto 20px auto;
border-collapse:collapse;
}
table.tab_gaiyou th {
color:#405568;
border-bottom:1px dashed #c7c7c7;
padding:3px 3px 3px 15px;
vertical-align:top;
text-align:left;
width:135px;
}
table.tab_gaiyou td {
border-bottom:1px dashed #c7c7c7;
padding:3px;
vertical-align:top;
text-align:left;
}
table.tab_gaiyou td.td_nobo {
border-bottom-width:0;
padding-right:7px;
}

table.tab_vagecolle {
width:495px;
border-collapse:collapse;
margin:20px auto;
}
table.tab_vagecolle td {
border-bottom:1px dashed #c7c7c7;
font-size:0.8em;
padding:5px;
vertical-align:bottom;
}
table.tab_vagecolle td span {
display:none;
}
img.vc_img {
margin:0 auto;
display:block;
}

/*staff_box--------------------------------------*/
.staff_box {
margin:20px 10px;
padding:5px;
border:1px solid #c7c7c7;
zoom:100%;
}
.staff_box h3 {
border-top:0;
color:#000;
}
.staff_box p {
margin-left:10px;
}
.staff_box:after {
content : "";
display : block;
height : 0;
clear : both;
}

/*nagare-----------------------------------------*/
.nagare {
}
.nagare h3 {
color:#405568;
border-bottom:1px dashed #c7c7c7;
border-left-width:0;
border-top-width:0;
margin-top:30px;
margin-bottom:5px;
}
.nagare ul {
margin:5px 0 10px 30px;
list-style-type:circle;
}

/*お客さまインタビュー---------------------------*/
.interview {
}
.interview p {
margin:15px 10px;
text-align:left;
}







/*staff_blog-------------------------------------------------------------------------------------------------------------------*/
.pager {
margin:20px 10px;
background:#eee;
border:1px dashed #e1e1e1;
padding:3px;
}

h3.h3_left {
font-size:1.2em;
padding-top:10px;
margin:20px auto 3px auto;
color:#405568;
width:183px;
height:42px;
background:url(img/h3.gif) no-repeat;
}

h2.h2_category {
}

/*ブログ記事の概要------------------------------*/
.entry {
text-align:left;
margin:20px 10px 50px 10px;
zoom:100%;
}
.entry h2 {
font-size:1.2em;
padding:3px;
border-left:3px solid #405568;
}
.entry h2 a {
text-decoration:none;
}
.entry h4 {
font-size:1.1em;
color:c#c7c7c7;
}
.entry p {
margin:5px;
line-height:1.4em;
}
.entry:after {
content : "";
display : block;
height : 0;
clear : both;
}
.asset-meta {
text-align:right;
font-size:0.9em;
}
.tag {
clear:both;
border-top:1px solid #eee;
text-align:right;
}

/*関連記事--------------------------------------*/
.kanren {
margin:20px 10px 50px 10px;
text-align:left;
border:1px dashed #ccc;
}
.kanren h3 {
font-size:1em;
padding:3px;
background:#eee;
margin:0;
color:#405568;
}
.kanren ul {
margin:5px 5px 5px 25px;
list-style-type:circle;
}

/*コメント--------------------------------------*/
.comment {
margin:5px 10px 20px 5px;
padding:0;
border-left:3px solid #ccc;
}
.comment-content {
text-align:left;
margin:3px 10px 3px 5px;
}
.come-meta {
background:#eee;
padding:2px;
}

/*カレンダー------------------------------------*/
table.tab-calendar {
width:210px;
border-collapse:collapse;
margin-bottom:20px;
}
table.tab-calendar th {
border:1px solid #c7c7c7;
background:#eee;
}
table.tab-calendar td {
border:1px solid #c7c7c7;
}

/*RecentEntry-----------------------------------*/
ul.ul_left {
text-align:left;
margin:0 10px 20px 30px;
list-style-type:circle;
}

/*lightbox--------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{width:40px;height:20px; outline: none;}
#prevLink {float: left;background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink {float: right; background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; }

#myDiv{clear:both;};