@charset "utf-8";

/*  
Theme Name: Kingfish Communication ja
Theme URI: http://www.kingfish.co.jp/
Description: Kingfish Communication ja
Version: 1.0
Author: Kingfish Communication
Author URI: http://www.kingfish.co.jp/
*/


* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #333;
	font: 80% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
a {
	color: #027BDF;
}

cite {
	font-style:normal;
}

#contents p {
	line-height: 140%;
}

.c-both {
	clear: both;
}

.timestamp {
	color:#999;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;

}

.more {
	text-align:right;
}

/*  ヘッダー */

#header {
	background: url(images/header-bg.png) repeat-x;
	height: 149px;
}
#header #header-inner {
	width: 794px;
	margin-right: auto;
	margin-left: auto;
	height: 149px;
	position:relative;
}
#header h1 {
	padding: 36px 0 0 24px;
}
#header ul#menu {
	background: url(images/menu-bg.png) no-repeat;
	height: 43px;
	list-style: none;
	padding-left: 60px;
	margin-top:11px;
}
#header ul#menu li {
	float: left;
	_width:1%;
	_white-space: nowrap;
}
#header ul#menu li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 8px 30px 12px 30px ;
	margin-top: 7px;
	height: 16px;
}
#header ul#menu li a:hover {
	background:url(images/menu-active-bg.png) no-repeat center bottom;
}

#header #search {
	position:absolute;
	right:20px;
	top:50px;
	width:200px;
	height:50px;
}
#header  #search input {
	vertical-align:middle;
}
#header  #search .search-input {
	font-size:13px;
	color:#333;
	border: solid 1px #999999;
	width:100px;
	height:18px;
}
#header  #search #lang {
	font-size:12px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
}
#header  #search #lang a {
	color:#999;
	text-decoration:none;
	padding:0 10px;
}
#header  #search #lang a:hover {
	color:#ccc;
}


/*  メイン */

#main {
	width: 714px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/contents-bg.png) repeat-y;
	padding: 40px 40px 0px 40px;
}

/*  トップ左サイドバー */
#main #sidebar {
	float: left;
	width: 190px;
}
#main #sidebar #news {
	margin-bottom: 30px;
}
#main #sidebar #news dt {
	margin-bottom: 0.3em;
}
#main #sidebar #news dd {
	margin-bottom: 0.8em;
	line-height: 130%;
}

#main #sidebar #blog ul {
	list-style: none;
}
#main #sidebar #blog li {
	margin-bottom: 7px;
}

#main #sidebar h2 {
	margin-bottom: 10px;
}

/*  メインコンテンツ */

#main #contents {
	width: 460px;
	float: right;
	border-left: 1px solid #CCCCCC;
	padding-left: 40px;
	padding-bottom: 30px;
}

#main #single-contents {
	padding: 0 40px 30px 40px;
}

/* 見出し */
#main #single-contents h2, #main #contents h2  {
	font-size:140%;
	color:#000;
	font-weight:bold;
	border-bottom:solid 1px #000;
	margin-bottom:1.0em;
	padding: 5px 10px;
}
#main #single-contents h3, #main #contents h3 {
	font-size:110%;
	color:#333;
	background:#E1EEFD;
	padding:3px 7px;
	margin:1.5em -10px 1.0em -10px;
}

/* 記事 */
#main #single-contents #post, #main #contents #post {
	margin: 0 15px;
}
#main #single-contents p, #main #contents p {
	line-height:150%;
	margin-bottom:0.8em;
}
#main #single-contents .post, #main #contents .post {
	margin: 0 15px;
}



/* プレスリリース */
dl.press dt {
	font-weight:bold;
	margin-bottom:0.5em;
}
dl.press dd {
	margin-left:10px;
	margin-bottom:1.0em;
}
/* プレスリリース */
#news dl.press dt {
	font-weight:bold;
	margin-bottom:0.5em;
}
#news dl.press dd {
	margin-left:0px;
	margin-bottom:1.0em;
}

/* テーブル */
#main table th {
	text-align:left;
	background:#eee;
	padding:5px;
	vertical-align:top;
	white-space:nowrap;
	line-height:140%;
}
#main table td {
	background:#f5f5f5;
	padding:5px;
	vertical-align:top;
	line-height:140%;
}

/* リスト */
#contents ul, #contents ol, #single-contents ul, #single-contents ol {
	margin-left:20px;
}

/* サイトマップ */
ul.sitemap li {
	margin-bottom:0.5em;
}


/* 文章内画像 */
a img {
	border:none;
}

#main img.left-img {
	float:left;
	margin:0 10px 10px 0;
}
#main .works-txt {
	margin-top:50px;
}

/*  フッター */
#footer {
	background: url(images/footer-bg.png) repeat-x;
}
#footer #footer-inner {
	background: url(images/footer-menu-bg.png) no-repeat;
	width: 794px;
	margin-right: auto;
	margin-left: auto;
	height: 93px;
	text-align: center;
}
#footer ul#footer-menu {
	list-style: none;
	padding-top:30px;
}
#footer ul#footer-menu li {
	display: inline;
}
#footer ul#footer-menu li a {
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	padding: 5px 19px 5px 15px;
}
#footer ul#footer-menu li a:hover {
	color: #999;
}
#footer address {
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #999999;
	margin: 20px 0;
}

.contact-txt-input {
	font-size:13px;
	color:#333;
	border: solid 1px #999999;
	width:200px;
	height:20px;
}
.contact-txtarea {
	font-size:13px;
	color:#333;
	border: solid 1px #999999;
	width:400px;
	height:100px;
}
.atn {
	color:#c00;
}


/* sitepressスタイル */

#main #sitepress-contents {
	padding: 0 40px 30px 40px;
}

#sitepress-contents h2 {
	margin-bottom: 10px;
}
#sitepress-contents #sp-menu {
	list-style:none;
	display:block;
	margin-bottom:20px;
}
#sitepress-contents #sp-menu li {
	display:inline;
	margin: 0 0px 0 0;
}


#sitepress-contents h3 {
	margin-bottom:20px;
}
#sitepress-contents h4 {
	margin-top:30px;
}
#sitepress-contents p {
	margin:0px 10px 10px 10px; 
}

.copybox {
	border: solid 1px #ddd;
	width:296px;
	padding:5px;
	float:left;
	margin: 0 4px 8px 4px;
	height:70px;
}
.copybox dd {
	margin: 5px 7px 0 7px;
}

table.large {
	font-size: 120%;
}

#sitepress-contents table {
	margin: 10px 10px 10px 10px;
}
#sitepress-contents table ul {
	margin-left: 20px;
}

.lbtn {
	text-align:center;
	margin:30px;
}

#sitepress-contents .top-illust {
	margin: 50px 0 30px 20px; 
	width:231px;
	float:left;
}
#sitepress-contents ul.top-list {
	margin: 20px 20px 50px 0; 
	width:350px;
	float:right;
	list-style:none;
}
#sitepress-contents ul.top-list li {
	padding: 0.3em 4px 0.3em 4px;
	line-height:110%;
	border-bottom:dotted 1px #ccc;
}



#sitepress-contents .flow-orange {
	background:#fef6eb;
	margin:0 10px;
	border-top : solid 20px #fef6eb;
	border-left : solid 20px #fef6eb;
	border-right : solid 20px #fef6eb;
}
#sitepress-contents .flow-blue {
	background:#eef2fe;
	margin:0 10px;
	border-left : solid 20px #eef2fe;
	border-right : solid 20px #eef2fe;
}
#sitepress-contents .flow-green {
	background:#e6fddb;
	margin:0 10px;
	border-left : solid 20px #e6fddb;
	border-right : solid 20px #e6fddb;
	border-bottom : solid 20px #e6fddb;
}
#sitepress-contents table.flow {
	width:574px;
	margin:0 auto;
}
#sitepress-contents table.flow td {
	margin:0;
	padding:0;
	border:0;
}
#sitepress-contents .flow-orange  td {
	background:#fef6eb;
}
#sitepress-contents .flow-blue  td {
	background:#eef2fe;
}
#sitepress-contents .flow-green  td {
	background:#e6fddb;
}
#sitepress-contents table.flow td.flowbox{
	border: solid 1px #ddd;
	padding:10px;
	background:#fff;
}

#sitepress-contents table.flow td.arrow{
	text-align:center;
}
#sitepress-contents table.layout {
	margin: 0 auto;
}
#sitepress-contents table.layout td {
	margin:0;
	padding:0;
	border:0;
	background:#fff;
}
#sitepress-contents table.template td {
	padding:5px;
	text-align:center;
}

#sitepress-contents dl.faq dt{
	background: #eee;
	padding:5px;
	margin:10px 5px 5px 5px;
}

#sitepress-contents dl.faq dd{
	margin: 0px 10px 25px 10px;
}

/* プラグイン */
#sitepress-contents dl.plugin {
	border: solid 1px #ddd;
	padding:15px;
	margin: 20px 10px 10px 10px;
}
#sitepress-contents dl.plugin dt {
	font-size:120%;
	margin-bottom:0.5em;
	color:#FF9900;
	font-weight:bold;
}
#sitepress-contents dl.plugin　dt {
	font-size:120%;
	margin-bottom:0.5em;
	color:#FF9900;
}
#sitepress-contents .back-btn {
	text-align:right;
	margin-bottom:30px;
}

#sitepress-contents th a {
	color:#000;
}

/* 規約スタイル */

#sitepress-contents h4.attention {
	font-size:14px;
	margin-bottom:0.5em;
	background:#eee;
	padding:3px 5px;
}

#sitepress-contents ol.attention ,
#sitepress-contents ul.attention {
	margin-left: 30px;
}
#sitepress-contents ol.attention li ,
#sitepress-contents ul.attention li {
	margin-bottom: 0.7em;
}

/* スポンサードマップ紹介 */

#smap-contents {
	padding: 0 40px 30px 40px;
}

#smap-contents a {
	color: #38a416;
}
#smap-contents a img {
	border-style: none;
}
#smap-contents a:hover {
	color: #48CE1C;
}

#smap-contents #smap-menu {
	margin: 10px 0px 20px 8px;
}
#smap-contents #smap-menu li {
	display:inline;
}

#smap-contents h3 {
	margin: 10px 10px 20px 10px;
}

#smap-contents #smap-inner {
	margin: 10px auto 0px auto;
	width:600px;
}

#smap-contents #smap-inner p {
	line-height:130%;
	margin: 0.8em 0;
}
#smap-contents #smap-inner .fig {
	text-align:center;
	margin:10px;
}
#smap-contents #smap-inner .arrow {
	padding-left:20px;
	background:url(images/smap-arrow-orange.png) no-repeat left center;
}

#smap-contents ul,
#smap-contents ol {
	margin-left:30px;
}

#smap-contents li {
	padding:0.2em 0px 0.2em 0;
}

#smap-contents ul.li-arrow  {
	list-style:none;
	font-size:120%;
	margin-bottom:20px;
}
#smap-contents ul.li-arrow li {
	background:url(images/smap-arrow-orange.png) no-repeat left center;
	padding:0.2em 0px 0.2em 20px;
}

#smap-contents h4 {
	margin:3.0em -10px 1.0em -10px;
}
#smap-contents h5 {
	font-size:100%;
	margin:0.5em 0;
}
#smap-contents  #smap-inner p.pagetop{
	text-align:right;
	font-weight:bold;
	margin:20px 10px 10px 10px;
}

#smap-contents  #smap-inner dl dt {
	background: #eee;
	padding:5px;
	margin:10px 5px 5px 5px;
	font-weight:bold;
}

#smap-contents #smap-inner dl dd{
	margin: 0px 10px 25px 10px;
}

/* ショッププロフスタイル */
#shopprof {
	margin:0 -15px;
}

#shopprof-catch {
	position:relative;
}
#shopprof-catch #text {
	position:absolute;
	width:290px;
	top:140px;
	left:30px;
}
.sp-arrow a {
	background:url(images/shopprof-arrow.png) no-repeat left center;
	padding-left:18px;
}


/* start: clearfix ------------------------------ */
.clearfix {
min-height:1px;　/* IE 7対策 */
}
#clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
}

/* Hides from Mac IE \*/
* html .clearfix {
	height:1px;
}
.clearfix {
	display:block;
}
/* */
/* end: clearfix ------------------------------ */