@charset "utf-8";
/*
Theme Name: SOU STORAGE
Theme URI: http://www.soukuukan.com
Description: SOU STORAGE専用テーマ
Version: 1.0
Author: Daichi Maeda
Author URI: http://www.neo-design.co.jp/
Tags: original
*/



/*----------------------------
common
----------------------------*/

html, h1, h2, h3, h4, h5, h6, table {
	font-size: 100%;
}

body {
	width: 952px;
	background: #fff url(img/common/bg-body.gif) repeat-y top center;
	color: #333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto;
	padding: 0;
	font-size: 62.5%; /* for IE */
	line-height: 1.5;
}

html>body {
	font-size: 10px;
}

img {
	vertical-align: middle;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #933;
	text-decoration:underline;
}

a img {
	border: none;
}


.point { /* 通常 */
	padding: 0 0 0 15px;
	background: url(img/common/point.gif) no-repeat center left;
}

.point2 { /* 反対 */
	padding: 0 0 0 15px;
	background: url(img/common/point2.gif) no-repeat center left;
}

.point3 { /* 通常 右 */
	padding: 0 15px 0 0;
	background: url(img/common/point.gif) no-repeat center right;
}

.point4 { /* 反対 薄 */
	padding: 0 0 0 15px;
	background: url(img/common/point4.gif) no-repeat center left;
}

.point5 { /* 通常 右 薄 */
	padding: 0 15px 0 0;
	background: url(img/common/point3.gif) no-repeat center right;
}


/*----------------------------
clearfix
----------------------------*/
.home #news ol:after,
#newslist:after,
#labolist li:after,
#branding:after,
#main-navi:after,
#dashboard:after,
.side-content:after,
#related ul:after,
.headding:after,
.contents:after,
#pikame:after,
#sidebar #labolated ul li:after,
.headding #g-navi:after,
#partslist:after,
#factorynavi:after,
#labo-titleimage:after,
#singlegallery #main #contents:after,
.contents .gallery .galleryheader:after,
.contents .gallery ol:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.home #news ol,
#newslist,
#labolist li,
#branding,
#main-navi,
#dashboard,
.side-content,
#related ul,
.headding,
.contents,
#pikame,
#sidebar #labolated ul li,
.headding #g-navi,
#partslist,
#factorynavi,
#labo-titleimage,
#singlegallery #main #contents,
.contents .gallery .galleryheader,
.contents .gallery ol {
    display: inline-block;
}

.home #news ol,
#newslist,
#labolist li,
#branding,
#main-navi,
#dashboard,
.side-content,
#related ul,
.headding,
.contents,
#pikame,
#sidebar #labolated ul li,
.headding #g-navi,
#partslist,
#factorynavi,
#labo-titleimage,
#singlegallery #main #contents,
.contents .gallery .galleryheader,
.contents .gallery ol {
    display: block;
}


/*----------------------------
outline
----------------------------*/

#outline {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 100px 0;
}


/*----------------------------
branding
----------------------------*/

#branding {
	padding: 13px;
}

	#branding h1 {
		width: 400px;
		float:left;
		margin: 0;
	}
	
		#branding h1 a:hover img,
		#branding p a:hover img,
		#branding ul li#sb-logo a:hover img {
			opacity: 0.6;
    		filter: alpha(opacity=60);
		}
		
		
	
	#branding p {
		float: right;
		width: 78px;
		margin: 0;
		text-align: right;
	}
	
	#branding ul {
		float: right;
		width: 190px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		#branding ul li {
			margin: 0 0 1px 0;
		}
		
		#branding ul li#sb-logo {
			text-align: right;
		}
		
#main-navi {
	list-style-type: none;
	margin: 0;
	padding: 0 0 13px 13px;
}

	#main-navi li {
		width: 117px;
		float: left;
	}

/*----------------------------
headding
----------------------------*/

.headding {
	margin-right: 2px;
	font-size: 1.2em;
}

	.headding .mainimage {
		width: 638px;
		float: left;
		margin: 0;
	}
	
	.headding #g-navi {
		width: 638px;
		float: left;
		margin: 0;
		padding: 11px 0 0 0;
		list-style-type: none;
	}
	
		.headding #g-navi li {
			float: left;
			width: 125px;
			padding: 0 0 13px 0;
			text-align: right;
		}

	.headding .description {
		width: 300px;
		float: right;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}
	
		.headding .description h2 {
			margin: 10px 0 5px 0;
			font-weight: 100;
		}
		
		.headding .description .subtitle {
			margin: 0 0 10px 0;
		}
		
		.headding .description .message {
			margin: 35px 0;
		}
		
		.headding .description .text {
			margin: 35px 0 10px 0;
		}


/*----------------------------
breadcrumb
----------------------------*/

.breadcrumb {
	margin: 10px 13px 20px 13px;
	font-size: 1.2em;
}

.breadcrumb2 {
	border-top: solid 1px #ccc;
	padding: 10px 13px 0 13px;
	margin: 0 0 20px 0;
	font-size: 1.2em;
}


/*----------------------------
contents
----------------------------*/

.contents {}

	.contents .main {
		width: 638px;
		float: left;
	}
	
		.contents .main #inlinenavi,
		.contents .main #inlinenavi2 {
			margin: 0 0 20px 13px;
		}
		
			.contents .main #inlinenavi a:hover img {
				opacity: 0.8;
    			filter: alpha(opacity=80);
			}
	
		.contents .main .page,
		.contents .main .post {
			margin: 0 13px;
			font-size: 1.2em;
		}
		
		.contents .main .category {
			margin: 0 0 20px 13px;
		}
		
			.contents .main .category .catetitle {
				margin-bottom: 30px;
				font-size: 2em;
			}

	.contents .sub {
		width: 300px;
		float: right;
	}

/*----------------------------
pagebar
----------------------------*/

.pagebar {
	margin: 50px 0;
	border-top: solid 1px #ccc;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 1.2em;
}


/*----------------------------
post and page
----------------------------*/

.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
	margin-top: 0;
}

.post h1,
.page h1 {
	font-size: 2em;
}

.post h2,
.page h2 {
	font-size: 1.5em;
}

.post table,
.page table {
	width: 100%;
}

	.post td,
	.page td {
		vertical-align: top;
	}
	
.post a:hover .alpha,
.page a:hover .alpha{
	opacity: 0.8;
    filter: alpha(opacity=80);
}

.post .firstimage {
	margin: 0;
}

.post .date {
	margin: 0 0 20px 0;
	color: #933;
}
.post .posttitle {
	margin: 20px 0 0 0;
	font-size: 1.5em;
}

.postend {
	margin: 50px 0;
	border-top: solid 1px #ccc;
	padding: 10px 0 0 0;
}	


/*----------------------------
home and news
----------------------------*/

.home #mainimage {
	position: relative;
	width: 638px;
	float: left;
}

	.home #mainimage #mainimage-text {
		position: absolute;
		top: 300px;
		left: 0;
		z-index: 15;
		width: 368px;
		margin: 0;
	}
	
.home #topics {
	width: 300px;
	float: right;
}

	.home #topics p {
		margin: 0 0 10px 0;
		height: 255px;
		overflow: hidden;
	}
	
		.home #topics p a:hover img {
			opacity: 0.8;
    		filter: alpha(opacity=80);
		}
	
	.home #topics h2 {
		margin: 0 0 10px 0;
	}
	
	.home #topics dl {
		margin: 0 13px 0 0;
		padding: 0;
	}
	
		.home #topics dl dt {
			float: left;
			width: 65px;
			line-height: 1.92;
		}
		
		.home #topics dl dd {
			padding: 0;
			margin: 0 0 5px 65px;
			font-size: 1.2em;
		}
		
			.home #topics a {
				font-weight: bold;
			}
	
		.home dd.factory {
			background: url(img/home/text-factory.gif) no-repeat right center;
		}
		
		.home dd.shonan {
			background: url(img/home/text-shonan.gif) no-repeat right center;
		}
		
		.home dd.utsunomiya {
			background: url(img/home/text-utsunomiya.gif) no-repeat right center;
		}
		
		.home dd.sagamihara {
			background: url(img/home/text-sagamihara.gif) no-repeat right center;
		}
		
.home #news {
	clear: both;
	margin: 30px 0 13px 13px;
}

	.home #news h2 {
		margin: 0 0 10px 0;
	}
	
	.home #news ol,
	#newslist {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		
	.home #news li,
	#newslist li {
		width: 312px;
		float: left;
		margin: 0;
		padding: 0 0 12px 0;
	}
		
		.home #news li h3,
		#newslist li h3 {
			width: 300px;
			font-size: 1.4em;
			margin: 0;
		}
		
		.home #news li p,
		#newslist li p {
			font-size: 1.2em;
			margin: 0;
			width: 300px;
		}
		
		.home #news li a:hover,
		#newslist li a:hover {
			text-decoration: none;
		}
		
		.home #news li p.n-image,
		#newslist li p.n-image {
				height: 120px;
				overflow: hidden;
		}
		
		.home #news li.bt-hover,
		#newslist li.bt-hover {
			cursor: pointer;
		}
		
		.home #news li.bt-hover p,
		.home #news li.bt-hover h3 a,
		#newslist li.bt-hover p,
		#newslist li.bt-hover h3 a {
			color: #933;
		}
		
		.home #news li.bt-hover p.n-image img,
		#newslist li.bt-hover p.n-image img {
			opacity: 0.8;
    		filter: alpha(opacity=80);
		}
				
.nextlink-news {
	text-align: center;
}

/*----------------------------
labo
----------------------------*/

#labolist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	#labolist li {
		margin: 0 0 20px 0;
	}
	
		#labolist li .l-image {
			margin: 0;
			width: 300px;
			float: left;
		}
		
			#labolist li .l-image a:hover img {
				opacity: 0.8;
    			filter: alpha(opacity=80);
			}
		
		#labolist li .l-gaiyou {
			margin: 0 0 0 320px;
		}
		
		#labolist li .l-gaiyou h2 {
			font-size: 1.8em;
		}
		
		#labolist li .l-gaiyou p {
			font-size: 1.2em;
		}
		
		#labolist li .l-date {
			font-size: 1.2em;
			margin: 0 0 5px 0;
			color: #933;
		}

#labo-titleimage .image1 {
	width: 300px;
	float: left;
}

#labo-titleimage .image2 {
	width: 300px;
	float: right;
}

/*----------------------------
gallery
----------------------------*/

.gallery {
	margin: 0 0 20px 13px;
}

.gallery .galleryheader {
	margin: 1em 0 1em 0;
}
			
.gallery .catetitle {
	font-size: 1.2em;
	width: 300px;
	float: left;
	margin: 0;
}

.gallery ol {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	.gallery li {
		width: 312px;
		float: left;
		margin: 0;
		padding: 0 0 12px 0;
	}
	
		.gallery li a:hover {
			text-decoration: none;
			color: #ccc;
		}
		
		.gallery li a {
			display: block;
			margin: 0 12px 0 0;
			background: #1a1a1a;
			color: #fff;
		}
		
		.gallery li a:hover {
			text-decoration: none;
			color: #ccc;
		}
			
		.gallery li p.image {
			width: 300px;
			height: 225px;
			padding: 0;
			overflow: hidden;
		}
		
		.gallery li p {
			margin: 0;
		}
			
		.gallery li h3 {
			margin: 0;
			font-size: 1.2em;
			height: 18px;
			padding: 5px 0 5px 25px;
			background: url(img/gallery/point.gif) no-repeat center left;
			overflow: hidden;
		}
		
		.gallery li a:hover img {
			opacity: 0.8;
    		filter: alpha(opacity=80);
		}

.gallery .nextlink {
	font-size: 1.2em;
	text-align: right;
	margin: 0 13px 0 320px;
}


/*----------------------------
single gallery
----------------------------*/

body#singlegallery {
	background: none;
	width: 100%;
}

	#singlegallery #header {
		background: #1a1a1a;
	}
	
	#singlegallery #header .close {
		width: 612px;
		margin: 0 auto;
		padding: 20px 0;
		background: url(img/gallery/title-01.gif) no-repeat left center;
		text-align: right;
	}
	
		#singlegallery #header .close a {
			color: #fff;
		}
		
	#singlegallery #main {
		width: 612px;
		margin: 0 auto;
	}
	
	#singlegallery #main h1 {
		font-size: 1.8em;
		margin: 20px 0;
	}
	
	#singlegallery #main #mainimage {
		margin: 0;
		width: 300px;
		float: left;
	}

	#singlegallery #main #description {
		margin: 0 0 0 320px;
	}
	
		#singlegallery #main #description th {
			text-align: left;
		}
		
		#singlegallery #main #description th,
		#singlegallery #main #description td {
			vertical-align: top;
		}
		
		#singlegallery #main #description p {
			font-size: 1.2em;
		}

	#singlegallery #main #subcontents {
		font-size: 1.2em;
		border-top: solid 1px #ccc;
		margin: 10px 0;
		padding:10px 0;
	}
	
#singlegallery #footer {
	margin: 20px auto;
	padding: 10px 0;
	border-top: solid 1px #ccc;
}

#singlegallery #footer p {
	width: 612px;
	margin: 0 auto;
}

		
/*----------------------------
parts guide
----------------------------*/

#partslist {
	list-style-type: none;
	padding: 0;
}

	#partslist li {
		float: left;
		width: 124px;
		padding: 0 0 10px 0;
	}
	
	#partslist li.end {
		width: 114px;
	}
	
		#partslist li img:hover {
			opacity: 0.8;
    		filter: alpha(opacity=80);
		}
		
		
/*----------------------------
planning guide
----------------------------*/

.planningchart {
	margin: 0;
	padding: 0 0 1px 0;
	text-align: right;
}
	
	.planningchart a:hover img {
		opacity: 0.8;
    	filter: alpha(opacity=80);
	}

/*----------------------------
factory
----------------------------*/

#factorynavi {
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
}

	#factorynavi li {
		width: 55px;
		float:left;
		padding: 0 0 1px 0;
	}
	
	#factorynavi li.end {
		width: 51px;
	}


/*----------------------------
company
----------------------------*/

.history td {
	padding: 0 0 15px 0;
}

.history .nosp td {
	padding-bottom: 0;
}

.history td.yy {
	text-align: right;
	padding-right: 20px;
	width: 60px;
}

.history td.mm {
	text-align: right;
	padding-right: 20px;
	width: 40px;
}


/*----------------------------
link
----------------------------*/

.bookmarklist li:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.bookmarklist li {
    display: inline-block;
}

.bookmarklist li {
    display: block;
}


.bookmarklist {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
}

.bookmarklist li {
	margin: 0 0 20px 0;
}

.bookmarklist li img {
	float: left;
	width: 180px;
}

.bookmarklist li h3,
.bookmarklist li p {
	margin: 0 0 0 200px;
	font-size: 1em;
}
	
.bookmarklist li a:hover img {
	opacity: 0.8;
    filter: alpha(opacity=80);
}

/*----------------------------
sitemap
----------------------------*/

.sitemap,
.sitemap ul {
	list-style-type: none;
	line-height: 3;
}

/*----------------------------
contact form
----------------------------*/

.wpcf7 td {
	padding-bottom: 15px;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
	border: solid 1px #ccc;
}

.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
	background: #ffc;
	border: solid 1px #808080;
}

/*----------------------------
sidebar
----------------------------*/

#sidebar {
	font-size: 1.1em;
	width: 287px;
}
	#sidebar h2 {
		margin: 0;
	}
	
	#sidebar h3 {
		margin: 20px 0 5px 0;
	}
	
	#sidebar ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#sidebar p,
	.side-content p {
		margin: 0 0 5px 0;
	}
	
	#sidebar a.block,
	.side-content a {
		display: block;
	}
	
	#sidebar a:hover img,
	.side-content a:hover img {
		opacity: 0.8;
 		filter: alpha(opacity=80);
	}

.side-content {
	margin: 0 0 20px 0;
}

	.side-content .image {
		width: 80px;
		float: left;
		padding-bottom: 1px;
	}

	.side-content .text {
		margin: 0 0 0 88px;
	}
	
		.side-content .text a,
		.side-content .image a {
			display: inline;
		}
		
#related {
	margin: 30px 0 30px 13px;
}

	#related h2 {
		margin: 0 0 10px 0;
	}
	
	#related ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		#related ul li {
			width: 300px;
			float: left;
			margin: 0;
			padding: 0 12px 12px 0;
			font-size: 1.1em;
		}
		
#sidebar .section {
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}

	#sidebar #newstitle h2 {
		margin: 10px 0 5px 0;
		font-weight: 100;
	}
		
	#sidebar #newstitle .subtitle {
		margin: 0 0 10px 0;
	}
		
	#sidebar #newstitle .message {
		margin: 35px 0;
	}
	
	#sidebar #newscategory ul {
		margin: 20px 0;
	}
	
	#sidebar #newscategory ul li {
		margin: 0 0 5px 0;
	}
	
	#sidebar #newscategory li a {
		padding: 0 0 0 15px;
		background: url(img/common/point.gif) no-repeat center left;
		font-size: 1.2em;
	}
	
		#sidebar #newscategory li.current-cat a {
			color: #933;
			font-weight: bold;
		}


	#sidebar #newslated ul {
		margin: 20px 0 0 0;
	}
	
		#sidebar #newslated ul li {
			padding: 0 0 0 15px;
			background: url(img/common/point.gif) no-repeat 0 3px;
			margin: 0 0 5px 0;
		}
		
		#sidebar #newslated ul li h3 {
			font-size: 1.2em;
			margin: 0;
		}
		
		#sidebar #newslated ul li p {
			margin: 0;
		}
		
#sidebar .more {
		margin: 0 0 20px 0;
		text-align: right;
}
	
	#sidebar #labolated ul {
		margin: 20px 0 0 0;
	}
	
		#sidebar #labolated ul .image {
			width: 120px;
			float: left;
			padding: 0 0 10px 0;
		}
		
		#sidebar #labolated ul .text {
			margin: 0 0 10px 130px;
		}
		
			#sidebar #labolated ul .text h3,
			#sidebar #labolated ul .text p {
				margin: 0 0 5px 0;
			}

/*----------------------------
footer
----------------------------*/

#footer {
	clear: both;
	margin: 37px 0 0 0;
	padding: 13px;
	font-size: 1.2em;
}

	#footer ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 850px;
		float: left;
	}
	
		#footer ul li {
			display: inline;
		}
	
	#footer p#gototop {
		width: 65px;
		float: right;
		margin: 0;
	}
	
	#footer p#copyright {
		clear: both;
		margin: 0;
	}


/*----------------------------
tooltip
----------------------------*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-size: 1.2em;
}
#tooltip h3, #tooltip div { margin: 0; }