@charset "UTF-8";

/*
Theme Name: Swanky Systems
Theme URI: http://www.studiobrain.net/
Description:
Version: 4
Author: Go Imai
*/


/*共通のタグ CommonTag*/
body{background-color:#333;margin:0px;padding: 10px 0px 0px 0px;font: 0.8em/1.8 "Hiragino Kaku Gothic Pro", "MS PGothic", "Lucida Grande", Lucida, Verdana, sans-serif;}
form{margin:0px;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0px 0 15px;}
p{margin: 0;padding: 0px 0 15px;}
ul,ol{padding: 0px 0 15px 30px;margin: 0;}
h1{font-size: 20px;line-height: 22px;}
h2{font-size: 18px;line-height: 20px;}
h3{font-size: 16px;line-height: 18px;}
h4{font-size: 14px;line-height: 16px;}
h5{font-size: 12px;line-height: 14px;}
h6{font-size: 11px;line-height: 13px;}
img{border: none;}
a{color: #666;text-decoration: none; outline:none;}
a:hover{color: #999;text-decoration: underline;}
.content a[target="_blank"] {background: url(img/target_blank.gif) no-repeat right center;padding-right: 15px;}
*{-webkit-text-size-adjust: none;}


/*スペース領域 AreaSpace*/
.content blockquote{background-color: #e1f5f9;border: 1px solid #b2d3e0;}
#container{width: 1000px;margin-right:auto;margin-left:auto;}
#header{overflow: hidden;width: 380px;float: left;padding: 3px 0 10px 24px;}
#rap{text-align:left;clear:both;background-color: #222;}
#rap-item{text-align:left;clear:both;background-color: #fff;}
#alpha{float: right;text-align:left;width: 710px;padding: 30px 30px 20px 0;}
#beta{width: 200px;overflow: hidden;padding: 30px 0 20px 30px;margin: 0px;float: left;}
#gamma{text-align: left;width: 760px;padding: 20px 0 20px 20px;}
#footer{clear:both;padding: 15px 30px;margin: 0;background-color: #111;border-bottom: 1px solid #222;}


/*ヘッダー Header*/
.header_ttl a{text-indent: -9999px;float: left;width: 207px;height: 58px;background: url(img/logo.gif) no-repeat;}
.header_ttl{margin:0;padding: 0 0 6px;font-weight: normal;font-style: normal;}
.header_ttl a:hover{color:#fff;text-decoration: none;}
.header_description{font-size: 11px;color: #fff;font-weight: normal;font-style: normal;line-height: 13px;margin: 0;width: 380px;float:left;padding: 0 0 11px;display: none;}
#header #searchform {float: right;margin: 0;padding: 0 12px 0 0;}
#header #searchform input{vertical-align: middle;height:20px;}
#header #searchform #s{vertical-align:middle;border: 1px solid #777;padding:1px;margin:0px;height:16px;background-color: #fff;width: 153px;}
#header #searchform #searchsubmit{border-width: 0;vertical-align: middle;margin: 0px;padding: 0px;height: 20px;}


/*ヘッダーナビ*/
#header_navi{padding: 39px 10px 5px 0;width: 360px;float: right;font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;}
#page_navi{padding: 0;list-style-type:none;margin: 0;white-space: nowrap;float: right;width: 370px;text-align: right;}
#page_navi li{font-size: 13px;line-height: 14px;padding: 0 0 2px;margin: 0;display: inline;}
#page_navi li ul{font-size: 12px;line-height: 14px;float: left;padding: 0;margin: 0;list-style-type: none;}
#page_navi li ul li{padding: 0;}
#page_navi li a{color: #fff;padding: 4px 10px;height: 14px;}
#page_navi li a:hover{text-decoration: none;color: #b00065;}
#page_navi li.current_page_item a{color: #875400;}


/*トップ画像 Topimage*/
#topimage{height: 360px;background: #ccc no-repeat;clear: both;padding: 0;margin: 0;}


/*コンテンツ Content*/
.content .pagename{font-weight: bold;margin: 0;padding:0 0 10px;clear: both;color: #fff;font-size: 16px;line-height: 18px;}
.content .category{margin: 0;padding:0;clear: both;color: #fff;font-size:12px;line-height:18px;}

.content .title a{color: #C00;text-decoration:none;}
.content .index .title {color: #C00;text-decoration:none;background: url(img/title_bg.gif) no-repeat left bottom;padding: 0 0 5px;margin-bottom: 10px;}
.content .title a:hover{color:#E6332D;}
.content a{color: #226db9;}

.single_foot_btn {text-align: right;padding: 0 0 0 235px;}
.single_foot_btn a {background: url(img/back.gif) no-repeat left top;width: 220px;height: 26px;text-align: center;padding: 4px 0 0;margin-right: 10px;float: left;margin-bottom: 10px;color: #fff;}
.single_foot_btn a:hover{color: #bcfe6c;}
.single_foot_btn a.contact {background: url(img/contact.gif) no-repeat left top;width: 220px;height: 26px;text-align: center;padding: 4px 0 0;margin-right: 10px;float: left;margin-bottom: 10px;color: #fff;}
.single_foot_btn a.contact:hover {color: #ffd77f;}
.content a:hover{text-decoration: none;}
.content a.more-link {font-size: 12px;line-height: 14px;}
.content {clear: both;}
.content ul{padding-left: 0px;margin: 0 0 0 25px;}
.content ol{margin-left: 30px;padding-left: 0px;}
.content .title .date {font-size:11px;font-style:italic;font-weight:normal;}
.content .ddsg-wrapper a{color: #666;}
.content blockquote {margin: 0px 0px 15px 0px;padding: 10px 20px 10px 20px;}
.content blockquote p{padding: 0px;margin: 0px 0px 0px 0px}
.content blockquote ol,.content blockquote ul{padding: 0px;margin: 0px 0px 0px 20px}
.content .postmetadata {text-align: right;font-size: 12px;line-height: 14px;width: 100%;padding: 0;margin: 0;color: #555;clear: both;}
.content .index {padding: 0 0 20px;}
.content pre {background-color: #eee;padding: 5px 15px;margin: 0 0 15px;font: 11px/16px "Courier New", Courier, mono;white-space: pre;overflow: scroll;}



div.navigation{clear:both;padding: 0;text-align:center;}
div.navigation div.alignleft a{float:left;}
div.navigation div.alignright a{float:right;}
div.wp-pagenavi{clear:both;padding:0 0 10px;text-align:right;}
div.content div.wp-pagenavi a{color:#333;padding: 3px 8px;font-size:12px;line-height:14px;border-style:none;}
div.content div.wp-pagenavi a:hover{color:#e23986;padding:3px 8px;font-size:12px;line-height:14px;border-style:none;}
div.content div.wp-pagenavi span.current{background-color:#e23986;padding: 3px 8px;color:#fff;font-size:12px;line-height:14px;border-style:none;}
div.content div.totop{float:right;padding-top:7px;}
div.content div.totop a{text-decoration:underline;color:#ccc;font-size:12px;line-height:14px;}
div.content div.totop a:hover{color:#fff;text-decoration:underline;}



/*コメント comments*/
#comments,#respond {clear: both;font-size: 13px;color: #246;padding: 20px 0 10px;}
ol.commentlist{float: left;width: 512px;margin: 0;padding: 0 0 0 40px;list-style-type: none;}
ol.commentlist li{padding: 10px 10px 6px;font-size: 12px;line-height: 17px;}
ol.commentlist li img.avatar {float: left;margin-right: 7px;}
ol.commentlist li cite {}
ol.commentlist li small.commentmetadata {}
ol.commentlist li p {clear: both;padding: 3px 0;font-size: 12px;line-height: 15px;}
ol.commentlist li.alt {background-color: #eceeef;}
.nocomments{display: none;}


/*ページ page*/
.page{padding: 20px;clear: both;background-color: #fff;font-size: 13px;line-height: 22px;margin-bottom:20px;}

table {border-top: 1px solid #666;border-right: 1px solid #666;border-collapse:collapse;color: #666;width: 100%;margin: 0 auto 25px;}
table td {border-bottom: 1px solid #666;border-left:1px solid #666;padding:.3em 1em;text-align: left;}
table th {font-weight:normal;text-align: left;border-bottom: 1px solid #666;border-left:1px solid #666;padding:.3em 1em;width: 150px;background-color: #eee;}





/*アーカイブリスト Archive*/
div.list_title {padding: 0 0 9px;}
div.list_body {padding: 0 0 10px;margin-bottom: 20px;border-bottom: 1px solid #999;}
hr.clear {clear: both;visibility: hidden;}
div.list_title span.date {font-size: 11px;line-height: 13px;color: #666;}
.archive a{color: #a45a45;font-size: 14px;line-height: 16px;text-decoration: underline;}
.archive h4{color: #666;font-size: 13px;line-height: 15px;margin: 0;padding: 10px 0 5px;}
.archive ul {padding: 0;margin: 0;color: #666;}
.archive ul li{font-size: 11px;line-height: 13px;padding: 0;margin: 0;list-style-type: none;list-style-position: inside;}
.archive ul li ul{padding: 7px 0 0 12px;}
.archive ul li li{font-size: 11px;line-height: 13px;padding: 6px 0 3px 8px;border-left: 2px solid #999;list-style-type: decimal;border-bottom-style: none;border-top: 1px solid #ccc;margin: 1px 0 0;}
.archive a.title {font-size: 14px;line-height: 16px;}


/*リンク集 Links*/
.links{color: #666;padding: 20px 20px 30px;}
.links ul{font-size: 11px;line-height: 13px;list-style-type: none;padding: 0;margin: 0;}
.links ul h2{font-size: 13px;line-height: 15px;margin: 0;color: #246;padding: 0 0 12px;}
.links a{font-size: 14px;line-height: 16px;}
.links ul li{padding: 0 0 1px;margin: 0;}
.links ul li li a{padding: 8px 0 6px 11px;border-left: 3px solid #999;border-bottom: 1px solid #ccc;margin: 0 0 0 15px;display: block;}
.links ul li li a:hover{background-color: #fffae2;text-decoration: none;}






/*トピックス表示 Topics*/
#toptopics {clear: both;margin: 0;padding: 0;list-style-type: none;}
#toptopics a{color: #aa785d;font-size: 12px;line-height: 14px;}
#toptopics a:hover{color: #f1854b;text-decoration: none;}
#toptopics li {border-bottom: 1px solid #333;margin-bottom: 4px;padding-bottom: 1px;}
#toptopics li span.date {color: #ccc;font-size: 11px;padding: 3px 4px 2px;margin-right: 4px;}






/*サイドメニューボタン Menu*/
#beta ul{padding: 0;margin: 0;list-style-type: none;}
#beta li.cat-item{padding: 0 0 1px;margin: 0;}
#beta li.cat-item a{width: 200px;display: block;text-align: center;margin: 0;padding: 11px 0 0;height: 30px;background-color: #333;font: 13px/15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;}
#beta li.cat-item a:hover{text-decoration: none;color: #e62e67;background-color: #373737;}
#beta ul.children{padding: 5px 0 0;}
#beta ul.children ul{padding: 0;}
#beta ul.children li.cat-item  {padding: 0 0 0 10px;font-size: 11px;}
#beta ul.children li.cat-item a {font-size: 11px;line-height: 13px;height: auto;text-align: left;width: 100%;padding: 0;}





/*フッター Footer*/
.copyright {color: #333;font: bold 12px/14px Arial, Helvetica, sans-serif;margin: 0;}
.produced{font-size: 11px;text-align:right;margin-top: -30px;line-height: 13px;padding: 0 10px 0 0;}
.produced a{color: #333;}



/*アイテム一覧*/
.category ul.items {margin: 0 -15px 0 0;padding: 10px 0;list-style-type: none;float:left;width: 750px;}
.category li.item {margin: 0;padding: 0 20px 15px 0;float: left;width: 347px;height: 122px;}
.category a.image {float: left;width: 180px;/* background-color: #303030; */}
.category .cate_txt {float: right;width: 149px;color: #ccc;font: 12px/14px Arial, Helvetica, Geneva, sans-serif;}
.category .cate_txt span.title {display: block;border-bottom: 1px solid #666;padding: 0px 0 4px;}
.category .cate_txt span.designer {display: block;border-bottom: 1px solid #666;padding: 4px 0;}
.category .cate_txt span.manufact {display: block;border-bottom: 1px solid #666;padding: 4px 0;}
.category .cate_txt span.sold {display: block;padding: 7px 3px 1px 0;color: #c00;font-size: 150%;text-align: right;}
.category .cate_txt span.hold {display: block;padding: 7px 3px 1px 0;color: #3a67b9;font-size: 150%;text-align: right;}
.category .cate_txt span.designer small,
.category .cate_txt span.manufact small {font-size: 85%;color: #747474;padding-right: 4px;}
#alpha div.content div.category ul.items div li.item a.image img {width: 150px;height: 150px;}
#alpha div.content div.category ul.items div li.item a.image {width: 150px;height: 150px;}
.section {clear: both;padding: 15px 0 0;display: block;}
.clear {clear: both;padding: 15px 0 0;display: block;}



/*アイテム個別*/
h2.single_title {color: #a66129;font-size: 16px;line-height: 20px;margin: 0;padding: 0 0 6px;}
.single-item {padding: 39px;}
.main_image {float: left;}
#zoom_01{float:left;width: 640px;}
#single_side {float: right;width: 262px;font-size: 12px;line-height: 15px;}
#single_side ul{list-style-type: none;margin: 0;padding: 0;}
#single_side li{border-bottom: 1px solid #666;color: #333;padding: 6px 0;}
#single_side p{margin: 0;padding: 0;}
#item_number {text-align: right;font-size: 12px;line-height: 14px;padding: 6px 0 0;color: #333;}
div.subimages {clear: both;padding: 30px 0;display: block;float: left;}
.subimage1 {float: left;padding-right: 38px;margin:0;}
.subimage1 img {border: 1px solid #666;width: 280px;}
.subimage2 {float: left;padding-right: 38px;margin:0;}
.subimage2 img {border: 1px solid #666;width: 280px;}
.subimage3 {float: left; margin:0;}
.subimage3 img {border: 1px solid #666;width: 280px;}
div.single_foot_btn {clear: both;}

.fb-like{margin-bottom: 20px;}


/*地図 Map*/
#map {border-style: solid;border-width: 1px;}


/*WP2.5ビジュアルエディタ*/
.page img.aligncenter {display: block;margin: 0 auto;}
.page img.alignleft {float: left;margin: 0 10px 10px 0;}
.page img.alignright {float: right;margin: 0 0 10px 10px;}


/*その他 Others*/
.edit{}
.edit a{position: absolute;top: 0;right: 0;color: #fff;background-color: #2c88b8;padding: 2px 20px;font-size: 12px;line-height: 14px;}
.edit a:hover{color: #fff;background-color: #35a3dd;}


/*topcontrol*/
#topcontrol{text-indent:-9090px;width:50px;height:50px;margin:0 15px 60px 0;background:url(img/up.png) no-repeat left bottom;}#topcontrol:hover{background:url(img/up.png) no-repeat left top;}


.showdetails a{text-align: right;color:#fff;float: right!important;clear: both;background: transparent;font-size: 11px;padding: 5px 0;width: 150px!important;}
.showdetails a:hover{color:#e23986;}