@charset "utf-8";
/*
Theme Name: Soup Design
Theme URI: http://www.soupdesign.co.jp/
Description: スープ・デザインのWEBサイト用のテーマ
Version: 1
Author: Soup Design
Author URI: http://www.soupdesign.co.jp/
Tags: white, flexible-width
*/

/*default.css
=================================
1:basic
2:layout
3:left_col
4:main_col
5:right_col
6:footer
7:other
8:contents home
9:contents archive
10:contents single
11:contents page
12:slideviewer
=================================*/

/*1:basic
=================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, label, table, th, td, img {
	margin: 0;
	padding: 0;
	border: 0;
}
h1, h2, h3, h4, h5, h6, dt{
	font-size:100%;
	font-weight: normal;
}
ul,ol {
	list-style-type:none;
}
em, b, strong {
	font-style: normal;
	font-weight: bold;
}
i {
	font-style: normal;
	font-weight: normal;
}
table, th, td {
	border-collapse: collapse;
	font-size:100%;
	font-weight: normal;
	vertical-align: top;
}
input, textarea {
	margin: 0;
	padding: 0;
	font-size:100%;
	font-family: "Helvetica Neue", "Helvetica", "A-OTF Gothic BBB Pro", "A-OTF 中ゴシックBBB Pro Medium" , "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
img {
	margin:0;
	padding:0;
	border:none;
	vertical-align: bottom;
}
hr {
	display:none;
	clear:both;
}
a:link {color: #0000ff; text-decoration: none;}
a:visited {color: #0000ff; text-decoration: none;}
a:active {color: #0000ff; text-decoration: none;}
a:hover {color: #0000ff; text-decoration: none;}

/*2:layout
=================================*/
body {
	background: #ffffff;
	color: #000000;
	font-size: 12px;
	font-family: "Helvetica Neue", "Helvetica", "A-OTF Gothic BBB Pro", "A-OTF 中ゴシックBBB Pro Medium" , "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	line-height: 2;
	letter-spacing:0.1em;
}
/* for IE6 */
* html body {
	font-size: 75%;
}
@media print {
	* html body {
		zoom: 80%;
	}
}
/* for IE7 */
*:first-child+html body {
	font-size: 75%;
}
#container {
	width: 100%;
	text-align:left;
	min-width:960px;
}
#wrapper {
	margin: 30px 0 0 30px;
	position: relative;
}

/*3:left-col
=================================*/
#logo {
	position: absolute;
}
#slider {
	margin-top: 55px;
	width:150px;
	position: absolute;
}
#sliderContent {
	width:130px;
	float:left;
}
#works p{
	margin: 0 0 30px 0;
	font-size: 0;
	line-height: 0;
}
#works li {
	width: 90px;
	margin: 0 0 15px 0;
	font-size: 0;
	line-height: 0;
}
#global-navi{
	margin: 30px 0 30px 0;
}
#global-navi li {
	margin: 0 0 15px 0;
	font-size: 0;
	line-height: 0;
}
#sliderContent form {
	margin: 5px 0 0 0;
}
#sliderContent form input {
	line-height: 1;
	font-size:84%;
	vertical-align:middle;
}
#sliderButton {
	width:20px;
	float:left;
}

/*4:main-col
=================================*/
#main-col {
	top: 0;
	left: 0;
	width: 100%;
}
#main-col-inn {
	width: 500px;
	margin: 0 auto;
	padding: 45px 0 30px;
}

/*5:right-col
=================================*/
#right-col {
	position: absolute;
	top:0px;
	right:30px;
	width: 90px;
	text-align:right;
}
#right-col div.title {
	margin: 0 0 5px 0;
	font-size: 0;
	line-height: 0;
}
#right-col div.number {
	margin: 0 0 10px 0;
	font-size: 0;
	line-height: 0;
}
#right-col div.vinculum {
	margin: 0 0 10px 0;
	font-size: 0;
	line-height: 0;
}
#sub-navi {
	margin: 0 0 50px 0;
	float: right;
}
#sub-navi li {
	margin: 0 0 10px 0;
	font-size: 0;
	line-height: 0;
}

/*6:footer
=================================*/
#copyright{
	position: absolute;
	bottom:30px;
	right:30px;
}

/*7:other
=================================*/
/*.clear
---------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*8:contents home
=================================*/
#home #slider {
	margin-left:0px;
}
#home #main-col div.thumb {
	margin: 0px 25px 25px 0px;
	display: block;
	float: left;
	width: 75px;
	height: 75px:
	text-align: center;
	vertical-align: middle;
}
#home #main-col div.thumb table{
	margin: 0px ;
	width: 75px;
	height: 75px;
}
#home #main-col div.thumb td{
	text-align: center;
	vertical-align: middle;
}
#home #page-navi li {
	float:left;
	width: 20px;
	height: 20px;
	margin: 0 10px 10px 0;
}
#home #page-navi a{
	text-align: center; 
	background: #ffffff;
	color: #000000;
	display: block;
}
#home #page-navi a:hover {
	background-color: #000000;
	color: #ffffff;
}
#home #page-navi a.current {
	background-color: #000000;
	color: #ffffff;
}

/*9:contents archive
=================================*/
#archive #slider {
	margin-left: 0px;
}
#archive #main-col div.thumb {
	margin: 0px 25px 25px 0px;
	display: block;
	float: left;
	width: 75px;
	height: 75px:
	text-align: center;
	vertical-align: middle;
}
#archive #main-col div.thumb table{
	margin: 0px ;
	width: 75px;
	height: 75px;
}
#archive #main-col div.thumb td{
	text-align: center;
	vertical-align: middle;
}
#archive #page-navi li {
	float:left;
	width: 20px;
	height: 20px;
	margin: 0 10px 10px 0;
}
#archive #page-navi a{
	text-align: center; 
	background: #ffffff;
	color: #000000;
	display: block;
}
#archive #page-navi a:hover {
	background-color: #000000;
	color: #ffffff;
}
#archive #page-navi a.current {
	background-color: #000000;
	color: #ffffff;
}

/*10:contents single
=================================*/
#single #slider {
	margin-left:-160px;
}
#single #main-col-inn {
	width: 560px;
}
#single #main-col-inn p {
	margin: 10px 0 0 0;
}
#single #right-col #sub-navi {
	margin: 50px 0 0 0;
}
#single #right-col #next a {
	display:block;
	text-align: left;
	background:transparent url(/common/img/navi_next.gif) no-repeat scroll 0 0;
	width:35px;
	height:10px;
	overflow:hidden;
	text-indent:-9999px;
}
#single #right-col #next a:link {
	background-position:0 0;
}
#single #right-col #prev a {
	display:block;
	text-align: left;
	background:transparent url(/common/img/navi_prev.gif) no-repeat scroll 0 0;
	width:35px;
	height:10px;
	overflow:hidden;
	text-indent:-9999px;
}
#single #right-col #prev a:link {
	background-position:0 0;
}
#single #right-col #index a {
	display:block;
	text-align: left;
	background:transparent url(/common/img/navi_index.gif) no-repeat scroll 0 0;
	width:35px;
	height:10px;
	overflow:hidden;
	text-indent:-9999px;
}
#single #right-col #index a:link {
	background-position:0 0;
}

/*11:contents page
=================================*/
#page #slider {
	margin-left:0px;
}
#page #main-col p{
	margin:0 0 30px 0;
}
#page #main-col h2{
	margin:0 0 10px 0;
}
#page #main-col h3{
	margin:0 0 10px 0;
}
#page #right-col #post-2 {
	display:block;
	float:right;
	text-align:left;
	background:transparent url(/common/img/title_about-us.gif) no-repeat scroll 0 0;
	width:85px;
	height:8px;
	overflow:hidden;
	text-indent:-9999px;
}
#page #right-col #post-137 {
	display:block;
	float:right;
	text-align:left;
	background:transparent url(/common/img/title_news.gif) no-repeat scroll 0 0;
	width:85px;
	height:8px;
	overflow:hidden;
	text-indent:-9999px;
}
#page #right-col #post-135 {
	display:block;
	float:right;
	text-align:left;
	background:transparent url(/common/img/title_contact.gif) no-repeat scroll 0 0;
	width:85px;
	height:8px;
	overflow:hidden;
	text-indent:-9999px;
}

/*12:slideviewer
=================================*/

.svw {
	width: 560px; 
	height: 420px; 
	background: #ffffff;
}
.svw ul {
	position: relative; 
	left: -999em;
}

.stripViewer {
	position: relative;
	overflow: hidden;
}
.stripViewer ul {
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}
.stripViewer ul li {
	float:left;
}
.stripTransmitter {
	overflow: auto;
	width: 1%;
}
.stripTransmitter ul {
	position: relative;
	list-style-type: none;
	margin: 10px 0 0 0;
}
.stripTransmitter ul li{
	width: 20px;
	height:20px;
	float:left;
	margin: 0 10px 10px 0;
}
.stripTransmitter a {
	text-align: center; 
	background-color: #ffffff;
	color: #000000;
	display: block;
}
.stripTransmitter a:hover, a.current{
	background-color: #000000;
	color: #ffffff;
}